/* body{margin:0px; padding:0px; BACKGROUND: #363A42;}*/
/*body{margin:0px; padding:0px; font-family:Nanum Gothic; background:url(/bg.jpg) repeat}
¹é±×¶ó¿îµå*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
 /**   vertical-align:middle;**/
    background:;
   font-family: 'Nanum Gothic', sans-serif;
    text-size-adjust:none;
    font-size: 100%;
    line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight:normal;
	box-sizing: border-box
}
@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

.bg1 {background-color:#ffffff;}

a:link, a:visited, a:active					{ text-decoration:none; }
a:hover										{ text-decoration:none;}

/* ¼ýÀÚ */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}
.bold 	{  font-weight:400;}
.bold100 	{ font-weight:100;}
.bold200 	{font-weight:200;}
.bold300 	{font-weight:300;}
.bold400 	{font-weight:400;}
.bold500 	{font-weight:500;}
.bold600 	{font-weight:600;}
.bold700 	{font-weight:700;}
.bold800 	{font-weight:800;}
.nobold    {font-weight:normal;}
.nobold2    {font-weight:200;  line-height: 180%;}
img {border: 0px;}
.cont_img {width:100%;}
.cont_img_r {width:100%; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.text_bg {background-color:rgba(0, 0, 0, .8); padding:5px 10px 5px 10px;}
.text_bg2 {background-color:rgba(0, 0, 0, .5); padding:5px 10px 5px 10px; }
.text_bg3 { background-color:rgba(255, 255, 255, 0.5); padding:5px 10px 5px 10px; }

/*************************************************************************************** material-icons. *******************************************************************************/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.c_c {text-align:center;}
.c_l {text-align:left;}
.c_left {text-align:left;}
.c_r {text-align:right;}
/* main center font */
.c_right {text-align:right; width:100%;}

.base13{ color:#FFFFFF; background-color:#3B3B3B;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 0px 5px 0px; border:1px solid #3B3B3B;}
.base13 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base13:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base13_1{ color:#FFFFFF; background-color:#ED305D;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #ED305D;}
.base13_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ED305D;}
.base13_1:hover{color:#FFFFFF; background-color:#ED305D;  cursor:pointer; border:1px solid #ED305D;}

.base13_2{ color:#FFFFFF; background-color:#008D2E;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:5px 5px 5px 5px; border:1px solid #008D2E;}
.base13_2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #008D2E;}
.base13_2:hover{color:#FFFFFF; background-color:#008D2E;  cursor:pointer; border:1px solid #008D2E;}

.base14{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #3B3B3B;}
.base14 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base14:hover{color:#FFFFFF; background-color:#64B100;  cursor:pointer; border:1px solid #64B100;}


.base15{ color:#FFFFFF; margin:0px; font-weight:600; background-color:#616161; width:100%; font-size:18px;  letter-spacing: -0.05em; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute;  padding:15px 15px 15px 15px; border:1px solid #ffffff;}
.base15 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ffffff; width:100%;}
.base15:hover{color:#FFFFFF; background-color:#FF7200;  cursor:pointer; border:1px solid #ffffff; width:100%;}

.base16{color:#FFFFFF; background-color:#FF7200;  cursor:pointer; width:100%; margin:0px; font-weight:600; font-size:18px;  letter-spacing: -0.05em; display:inline-block;  position: relative;   text-align:center; /*position:fixed;*/ _position:absolute;  padding:15px 15px 15px 15px; border:1px solid #ffffff;}

.base17  a{ display:inline-block; position:relative; float:left; margin:2px; padding:5px 0 5px 0; width:70px; background-color:#464646; font-weight:400; font-size:15px; color:#FFFFFF;  text-align:center; }
.base17  a:hover, .base17  a:focus, .base17  a:active{color:#FFFFFF; background-color:#00B38C; margin:2px; padding:5px 0 5px 0; width:70px;}

.base18{ border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:400; background-color:#64B100;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #64B100;}
.base18 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base18:hover{color:#FFFFFF; background-color:#64B100;  cursor:pointer; border:1px solid #64B100;}

.base18-1{ border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:400; background-color:#FF9500;   display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 15px 5px 15px; border:1px solid #FF9500;}
.base18-1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #64B100;}
.base18-1:hover{color:#FFFFFF; background-color:#FF9500;  cursor:pointer; border:1px solid #FF9500;}

.write_btn  { border: 1px solid #00B38C; color:#FFFFFF; font-size:15px; font-weight:400;  background-color:#00B38C; padding:10px 15px 10px 15px;  text-align:center;}
.write_btn2  a{ border: 1px solid #464646; color:#FFFFFF; font-size:15px;  font-weight:400;  background-color:#464646; padding:13px 30px 12px 30px; text-align:center;}

.base17-2  { border:0px solid #EE4848; display:inline-block; position:relative;  margin:2px; padding:5px 0 5px 0; width:70px; background-color:#A8A8A8; font-weight:400; font-size:15px; color:#FFFFFF;  text-align:center;  cursor:pointer;}

/*³×ºñ°ÔÀÌ¼Ç*/
.paginate .pre_all { margin-right:6px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next_all { margin-left:4px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 36px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate a.pre_all { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next_all { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal ±¼¸², Gulim; _width /**/:50px;  _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
/* ÆäÀÌÂ¡ */
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none;padding:7px; order:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important;; padding-left:16px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next { margin-left:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 71px 9px !important;; padding-left:6px; padding-right:16px; padding-top:7px; padding-bottom:5px}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal ±¼¸², Gulim; _width /**/:84px;  _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.input_text, textarea{*margin:-1px 0;padding-right:1px;}
#search .green_window{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:358px;_width /**/:372px;height:26px;_height /**/:40px;border:7px solid #3eaf0e;background-color:#fff;}
.input_text{width:323px;height:17px;line-height:16px;border:0px none;font-weight:bold;font-size:14px;color:#000;*ime-mode:active;outline:none; margin-left:6px; margin-right:0; margin-top:5px; margin-bottom:0}


/* kcm Å×ÀÌºí */
.bordercolorkcm  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm2 {border:1px solid #919191;}
.bordercolorkcm2 td {border:1px solid #E3E3E3;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}
.bordercolorkcm4 {border:1px solid #919191;}
.bordercolorkcm4 td {border:1px solid #919191;}
.bordercolorkcm5 {border:0px solid #FFFFFF;}
.bordercolorkcm5 td {border:0px solid #FFFFFF;}
.bordercolorkcm6 {border:1px solid #919191;}
.bordercolorkcm6 td {border:1px solid #A0CCF6;}

.bordercolorkcm7 {border:1px solid #919191;}
.bordercolorkcm7 td {border:1px solid #E3E3E3; text-align:center;padding:5px;}
.bordercolorkcm7 .bg {background-color:#414141;}


.bordercolorkcm8 {border:3px solid #FFFFFF;}
.bordercolorkcm8 td {border:0px solid #E3E3E3; text-align:center;padding:15px; }
.bordercolorkcm8 .bg {background-color:#0000000;}

.field {height:24px; font-size:9pt; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield2 {color:#D34747; font-weight:700;  height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;  font-weight:700;}
.redfield {color:#D34747; font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield {font-weight:700;  height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.payfield2 {font-weight:800;  height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;}
.field2 {height:70px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field3 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;}
.field4 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; }
.field5 {height:1100px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;}
.field6 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
.field7 {height:25px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-weight:800;  font-family: 'Nanum Gothic', sans-serif;}
.field8 {height:1500px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;  font-family: 'Nanum Gothic', sans-serif;}
.field10 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
.field11 {height:200px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}

.field12 {height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif; font-size:20pt;}

.field13 {height:50px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb;  font-family: 'Nanum Gothic', sans-serif;}
/* ¸¶¿ì½º¿À¹ö°øÅë */

.color { text-decoration:none; color:#000000; font-weight: bold;}
.gray				{ color:#b5b5bd; }
.gray_				{text-decoration: none; color: #b5b5bd;}
.gray_ a:link		{text-decoration: none; color: #b5b5bd;}
.gray_ a:visited	{text-decoration: none; color: #b5b5bd;}
.gray_ a:hover		{text-decoration: underline; color: #666;}


.red 	{ color:#FF9500; }
.red2 	{ color:#FF6600; }

.sky  	{ color:#004BA9;}
.sky2  	{ color:#00485E;}
.sky3  	{ color:#00FFFC;}

.pink{ color:#FF0083;}

.blue	{ color:#146BB8;}
.blue2	{ color:#4589cf;}
.blue3	{ color:#A9D7FF;}

.green { color:#00AE6F;}

.yellow	{ color:#FFC600;}
.yellow2	{ color:#FFE365;}
.yellow3	{ color:#E76107;}
.yellow4	{ color:#8E3900;}
.yellow5	{ color:#FDFF51;}
.yellow5_				{text-decoration: none; color: #FDFF51;}
.yellow5_ a:link		{text-decoration: none; color: #FDFF51;}
.yellow5_ a:visited	{text-decoration: none; color: #FDFF51;}
.yellow5_ a:hover		{text-decoration: none; color: #FFFFFF;}
.yellow6	{ color:#FFE217;}
.yellow7	{ color:#FFBB50;}


.mm2_					{text-decoration: none; color: #B0B0B0; letter-spacing:-1px; font-weight:600; }
.mm2_ a:link			{text-decoration: none; color: #B0B0B0;}
.mm2_ a:visited		{text-decoration: none; color: #B0B0B0;}
.mm2_ a:hover			{text-decoration: none; color: #E85581;}

.mm3_				{text-decoration: none; color: #3C3C3C; font-weight:600; letter-spacing:0px;}
.mm3_ a:link		{text-decoration: none; color: #3C3C3C;}
.mm3_ a:visited	{text-decoration: none; color: #3C3C3C;}
.mm3_ a:hover		{text-decoration: none; color: #18284A;}

.mm4_					{text-decoration: none; color: #939393; letter-spacing:-1px; }
.mm4_ a:link			{text-decoration: none; color: #939393;}
.mm4_ a:visited		{text-decoration: none; color: #939393;}
.mm4_ a:hover			{text-decoration: none; color: #545454;}

.room {text-decoration: none; color: #FF6565; letter-spacing:-2px; font-weight:600; line-height: 200%;}


.gray2				{ color:#6D6D6D; }
.gray3				{ color:#8B8B8B; }
.gray4				{ color:#DFDFDF; }
.gray5				{ color:#4B4B4B; }
.gray6				{ color:#929292; }
.gray7				{ color:#B7A29D; }
.gray8				{ color:#96A2B8; }
.gray9				{ color:#C8D3E7; }

.orange {color:#FF9600;}

.black					{ color:#000000; }
.black	_				{text-decoration: none; color: #000000;}
.black	_ a:link		{text-decoration: none; color: #000000;}
.black	_ a:visited	{text-decoration: none; color: #000000;}
.black	_ a:hover		{text-decoration: underline; color: #15839B;}

.white				{ color:#ffffff; }
.white_				{text-decoration: none; color: #FFFFFF;}
.white_ a:link		{text-decoration: none; color: #FFFFFF;}
.white_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white_ a:hover		{text-decoration: none; color: #fff000;}


.white2_				{text-decoration: none; color: #FFFFFF;}
.white2_ a:link		{text-decoration: none; color: #FFFFFF;}
.white2_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white2_ a:hover		{text-decoration: none; color: #00FFF6;}

.fs7 {font-size:7px;} 
.fs8 {font-size:8px;} 
.fs9 {font-size:9px;} 
.fs10 {font-size:10px;} 
.fs11 {font-size:11px;} 
.fs12 {font-size:12px;} 
.fs13 {font-size:13px;} 
.fs14 {font-size:14px;} 
.fs15 {font-size:15px;} 
.fs16 {font-size:16px;} 
.fs17 {font-size:17px;} 
.fs18 {font-size:18px;}
.fs19 {font-size:19px;} 
.fs20 {font-size:20px;}
.fs21 {font-size:21px;} 
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;} 
.fs27 {font-size:27px;} 
.fs28 {font-size:28px;} 
.fs29 {font-size:29px;} 
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs41 {font-size:41px;}
.fs42 {font-size:42px;}
.fs43 {font-size:43px;}
.fs44 {font-size:44px;}
.fs45 {font-size:45px;}
.fs46 {font-size:46px;}
.fs47 {font-size:47px;}
.fs48 {font-size:48px;}
.fs49 {font-size:49px;}
.fs50 {font-size:50px;}
.fs51 {font-size:51px;}
.fs52 {font-size:52px;}
.fs53 {font-size:53px;}
.fs54 {font-size:54px;}
.fs55 {font-size:55px;}
.fs56 {font-size:56px;}
.fs57 {font-size:57px;}
.fs58 {font-size:58px;}
.fs59 {font-size:59px;}
.fs60 {font-size:60px;}

.hoverEffect {position:relative; margin:0px; overflow:hidden; }
.hoverEffect .image { display:block; opacity:1; position:relative; transform:scale(1.5); transition:0.5s ease; }
.hoverEffect:hover>.image { transform:scale(1.8); filter: blur(0px); opacity:1; } 
.hoverEffect .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}

.hoverEffect2 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect2 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect2:hover>.image {transform:scale(1.2); filter: blur(0px); opacity:1; } 
.hoverEffect2 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect2:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;}

.hoverEffect3 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect3 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect3:hover>.image { transform:scale(1.0); filter: blur(0px); opacity:1; } 
.hoverEffect3 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center;  position:absolute; top:0; left:0; height:100%; width: 100%; 
background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect3:hover .txt { background:rgba(0,0,0,0); transform:scale(1.0); opacity:1;}



/***************************************************************** ·¹ÀÌ¾Æ¿ô  2018 **********************************************************************/
/**#wrapper {width:100%; overflow:hidden; margin:0 auto;} **/

#wrapper  {height:auto; width:100%; z-index:1000;} 
#wrapper #title_img {background:url(/images/bg/1.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:500px;}
#wrapper #menus {width:100%; margin:0 auto; z-index:9999999999;}
#wrapper #contents {width:100%; top:30px; margin:0 auto;}

.talign {text-align:center; margin-right:auto;margin-left:auto}
.tleft {text-align:left; margin-right:auto;margin-left:auto}
.tright {text-align:right; margin-right:auto;margin-left:auto}

.img_lineh {height: 30px;}
.text_lineh10 { line-height: 10px;}
.text_lineh20 { line-height: 20px;}
.text_lineh30 { line-height: 30px;}
.text_lineh40 { line-height: 40px;}
.text_lineh50 { line-height: 50px;}
.text_lineh60 { line-height: 60px;}
.text_lineh70 { line-height: 70px;}
.text_lineh80 { line-height: 80px;}
.text_lineh90 { line-height: 90px;}
.text_lineh100 { line-height: 100%;}
.text_lineh150 { line-height: 150%;}
.text_lineh180 { line-height: 180%;}
.text_lineh200 { line-height: 200%;}

.lineh120 { line-height: 120%;}
.lineh150 { line-height: 150%;}
.lineh160 { line-height: 160%;}
.lineh170 { line-height: 170%;}
.lineh180 { line-height: 180%;}
.lineh190 { line-height: 190%;}
.lineh200 { line-height: 200%;}


.lineh1 {height: 10px;}
.lineh2 {height: 20px;}
.lineh3 {height: 30px;}
.lineh4 {height: 40px;}
.lineh5 {height: 50px;}
.lineh6 {height: 60px;}

.retext {letter-spacing:0.1px;}
.retext1 {letter-spacing:1px;}
.retext2 { letter-spacing:2px;}
.retext3 { letter-spacing:3px;}
.retext4 { letter-spacing:4px;}
.retext7 { letter-spacing:-0.3px;}
/*********ÄÁµ§Ã÷³ôÀÌ ********/
.text_height {height:35px;}


/****************************************************************************************************768*******************************************************************************************************************/
@media (max-width:768px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:96%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}
.main3{width:100%; padding:0px 10px 0px 10px; background:#FFFFFF; }
.main4{width:96%; margin-right:auto;margin-left:auto; }

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#fff;  border-top:0px solid #E1E1E1; }
#wrapper #header {height:auto; background-color:#ffffff;  position: relative; z-index:1000; } 
.block {display:block;}
.br_block {display:block;}
.shadow {text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
.logo_pc {display:none}
.pc {display:none}
.pc_menu {display:none}
.pc_view {display:none; }
.mobile_view {display:block;}
#mobile_table td ul li{ margin-left:20px; padding:0px;    border:0px none;    outline:0; }
.tt { position: absolute;	z-index:100000000; left:0; right:0;  top:30%;margin:auto; width:100%;}
.main_scoll_pc {display:none}
.c_logo {text-align:center; width:100%; margin:0 auto;  padding-left:0px; padding-top:0px; padding-bottom:0px;}

.m_title_text_sq{ margin:0 auto; padding-top:-20px; }
.m_title_text_sq2{ margin:0 auto; padding-top:50px;}
.m_title_text_sq3{ margin:0 auto; padding-top:100px;}

.title_text_sq{ margin:0 auto; padding-top:100px; }
.title_text_sq2{ margin:0 auto; padding-top:20px;}
.title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; }
/**********¸ÞÀÎ ÀÌ¹ÌÁö Å¸ÀÌÆ²**********/
.main_img_title_font {font-size:25px; font-weight:800; line-height:50px; letter-spacing: -0.05em;}
.main_img_title_font2 {font-size:15px; font-weight:400; line-height:20px; letter-spacing: -0.05em;}

.main_title_font_b {font-size:30px; font-weight:800; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font {font-size:18px; font-weight:600; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font2 {font-size:13px; font-weight:200; line-height:20px; letter-spacing: -0.05em;}

.sub_title_font{font-size:30px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
.sub_title_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}

.sub_title1_font {font-size:30px; font-weight:700;line-height:150%;  }
.sub_title1_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}
.sub_title1_font3 {font-size:30px; font-weight:600;line-height:150%; }

.h130 {height:auto;}
.con_text {font-size:13px; font-weight:normal; letter-spacing: -0.05em;}
.con_textb {font-size:13px; font-weight:700; letter-spacing: -0.05em;}
.con_textbr {font-size:13px; font-weight:700; color:#FF6600; }
.con_textbb {font-size:15px; font-weight:700; color:#393939; }
.con_textbbr {font-size:15px; font-weight:700; color:#FF6600; }
.con_textbbg {font-size:15px; font-weight:700; color:#00AE6F; }
.con_textbr_num {font-size:18px;  font-family:'tahoma',verdana; font-weight:800;  color:#FF6600; }
.con_textt {font-size:18px; font-weight:800;}
.con_text_s {font-size:13px;  letter-spacing: -0.05em;}
.con_text_n {font-size:15px;  letter-spacing: -0.05em;}
.con_text_l {font-size:20px; letter-spacing: -0.05em;}
.con_text_b {font-size:28px; letter-spacing: -0.05em;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-main-tab1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%;padding-right:5px;padding-left:5px;}
/***¸ÞÀÎ***/
.col-md-4-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 20px 0px;}
.col-md-3-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 40px 0px;}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:5px;}
.col-md-2-b2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0px 0px 20px 0px;}

.col-md-3-b{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-3-b2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.col-md-4-t{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding-right:10px; padding-top:10px;}
.col-md-6-t{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding-left:10px;}

.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-left:0px; padding-top:20px;}

.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-right:0px; padding-bottom:20px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-left:10px;}

.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:0px; padding-top:0px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px;}

.c_l {text-align:center; width:100%; margin-right:auto;margin-left:auto; padding:10px;}
.c_l0 {padding:0px;}
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l25 {padding:25px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:80px;}
.c_l10 {padding:10px;}

.c_p {padding:10px;}
.c_line {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 0; background-color:#FFFFFF; }
.c_line2 {border-top:1px solid #F4F4F4; }
.c_line3{border-bottom:1px solid #CBCBCB; border-top:10px solid #ffffff;}
.c_line4 {border-bottom:1px solid #F4F4F4; padding-top:10px;padding-bottom:10px; }
.c_line5 {border-bottom:1px solid #CBCBCB; padding-top:10px;padding-bottom:10px; border-style: dashed;}
.c_line6 {border-bottom:1px solid #CBCBCB; margin-top:15px;margin-bottom:15px; border-style: dashed;}
.c_line7 {border-top:1px solid #E1E1E1; padding-top:0px;}
.c_line7_1{border-bottom:1px solid #F4F4F4; padding-top:5px;}

.c_box {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 0px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2-1 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; }
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box5_m {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center;}
.c_box6 {border:1px solid #E6E6E6; padding: 15px 15px 15px 15px; background-color:#ffffff; }
.c_box7 {border:1px solid #CBCBCB; padding: 15px 15px 15px 15px; background-color:#F4F4F4; }
.c_box8 {border:1px solid #E6E6E6; padding: 15px 15px 15px 15px; background-color:#ffffff; }
.c_box9 {border:1px solid #F4F4F4; padding: 15px 15px 15px 15px; background-color:#FCFCFC; text-align:center; }
.c_box10 {border:1px solid #F4F4F4; padding: 15px; height:60px;background-color:#FCFCFC; text-align:center; }
.c_box10-1 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  height:60px; padding: 18px; background-color:#FFFFFF;  }
.c_box11 {border-bottom:1px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box11-1 {border-bottom:0px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box12 {border-top:2px solid #5C5C5C; border-bottom:1px solid #CBCBCB; padding: 15px 15px 15px 10px; background-color:#ffffff; }
.c_box13 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850;}

.title_bg1 {background:url('/img/bg1.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg2 {background:url('/img/bg2.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg3 {background:url('/img/bg3.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg4 {background:url('/img/bg4.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg5 {background:url('/img/bg5.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg6 {background:url('/img/bg6.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}

.main_tab1 {background-color:#ffffff;  margin-top:0px; z-index:100;}
.main_tab2 { background:url('/img/main_tab1.jpg');   text-align:center;  height:auto;  border-top:0px solid #E1E1E1;  background-repeat:no-repeat; background-position:top center; background-attachment:fixed; padding-top:150px;  padding-bottom:150px;z-index:100;}
.main_tab2-1 { background-color:#FFFFFF;  text-align:center;  height:auto; background-repeat:no-repeat; background-position:top center; z-index:100;}
.main_tab3 {background-color:#FFFFFF;  background-position:top center; border-top:1px solid #E1E1E1; padding-top:30px;  padding-bottom:30px; z-index:100;}
.main_tab4 {background-color:#fffff; border-top:1px solid #f4f4f4; padding-top:30px;  padding-bottom:30px; z-index:100; text-align:center;}
.main_tab5 { background-color:#FFFFFF;  text-align:center;  height:400px;  background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}

.vision_img {width:100%;}

/*****pop*******/
.pop1 {z-index:1000000000000000; width:300px; left:20px; right:20px;  top:100px; position:absolute; }
.pop2 {z-index:1000000000000000;  width:300px;left:20px; right:20px;  top:450; position:absolute; }
.pop3 {z-index:1000000000000000;  width:300px;left:20px; right:20px;  top:800; position:absolute; }
.pop1_img {width:300px;}
.pop2_img {width:300px;}
.pop3_img {width:300px;}

.movie_play {width:100%; height:300px;}

}
/****************************************************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:98%;  padding:10px 10px 0px 10px; background:#FFFFFF;}
.main3{width:100%; padding:10px 10px 0px 10px; background:#FFFFFF; }
.main4{width:90%; margin-right:auto;margin-left:auto; }

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#fff;  border-top:0px solid #E1E1E1; }
#wrapper #header {height:auto; background-color:#ffffff;  position: relative; z-index:1000; } 
.block {display:block;}
.br_block {display:block;}
.shadow {text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
.logo_pc {display:none}
.pc {display:none}
.pc_menu {display:none}
.pc_view {display:none; }
.mobile_view {display:block;}

.tt { position: absolute;	z-index:100000000; left:0; right:0;  top:50%;margin:auto; width:40%;}
.main_scoll_mobile {display:none}
.c_logo {text-align:center; width:100%; margin:0 auto;  padding-left:0px; padding-top:0px; padding-bottom:0px;}

.m_title_text_sq{ margin:0 auto; padding-top:0px; }
.m_title_text_sq2{ margin:0 auto; padding-top:100px;}
.m_title_text_sq3{ margin:0 auto; padding-top:150px;}

.title_text_sq{ margin:0 auto; padding-top:100px; }
.title_text_sq2{ margin:0 auto; padding-top:20px;}
.title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; }

/**********¸ÞÀÎ ÀÌ¹ÌÁö Å¸ÀÌÆ²**********/
.main_img_title_font {font-size:35px; font-weight:800; line-height:50px; letter-spacing: -0.05em;}
.main_img_title_font2 {font-size:15px; font-weight:400; line-height:20px; letter-spacing: -0.05em;}

.main_title_font_b {font-size:30px; font-weight:800; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font {font-size:24px; font-weight:400; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font2 {font-size:15px; font-weight:200; line-height:20px; letter-spacing: -0.05em;}

.sub_title_font{font-size:30px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
.sub_title_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}

.sub_title1_font {font-size:40px; font-weight:700;line-height:150%;  }
.sub_title1_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}
.sub_title1_font3 {font-size:30px; font-weight:600;line-height:150%; }
.h130 {height:130px;}
.con_text {font-size:15px; font-weight:normal; letter-spacing: -0.05em;}
.con_textb {font-size:15px; font-weight:700; letter-spacing: -0.05em;}
.con_textbr {font-size:15px; font-weight:700; color:#FF6600; }
.con_textbb {font-size:18px; font-weight:700; color:#393939; }
.con_textbbr {font-size:18px; font-weight:700; color:#FF6600; }
.con_textbbg {font-size:18px; font-weight:700; color:#00AE6F; }
.con_textbr_num {font-size:20px;  font-family:'tahoma',verdana; font-weight:800;  color:#FF6600; }
.con_textt {font-size:20px; font-weight:800;}
.con_text_s {font-size:15px;  letter-spacing: -0.05em;}
.con_text_n {font-size:18px;  letter-spacing: -0.05em;}
.con_text_l {font-size:24px; letter-spacing: -0.05em;}
.con_text_b {font-size:32px; letter-spacing: -0.05em;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-main-tab1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%; padding-right:10px;padding-left:10px;}
.col-md-3-b{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding-right:10px; padding-top:10px;}
.col-md-3-b2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding:5px}
.col-md-4-t{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding-right:10px; padding-top:10px;}
.col-md-6-t{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding-left:10px}
/***¸ÞÀÎ***/
.col-md-4-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-3-m{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:20px}
.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding-right:10px; padding-top:0px;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding-left:10px}

.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:10px; padding-top:0px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px}

.col-md-2-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-right:10px; padding-top:0px;}
.col-md-8-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-left:10px}

.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding-right:10px; padding-top:0px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%; padding-left:10px}

.c_l {text-align:center; width:100%; margin-right:auto;margin-left:auto; padding:10px;}
.c_l0 {padding:0px;}
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l25 {padding:25px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:80px;}
.c_l10 {padding:10px;}

.c_p {padding:10px;}
.c_line {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 0; background-color:#FFFFFF; }
.c_line2 {border-top:1px solid #F4F4F4; }
.c_line3{border-bottom:1px solid #CBCBCB; border-top:10px solid #ffffff;}
.c_line4 {border-bottom:1px solid #F4F4F4; padding-top:10px;padding-bottom:10px; }
.c_line5 {border-bottom:1px solid #CBCBCB; padding-top:10px;padding-bottom:10px; border-style: dashed;}
.c_line6 {border-bottom:1px solid #CBCBCB; margin-top:15px;margin-bottom:15px; border-style: dashed;}
.c_line7 {border-top:1px solid #E1E1E1; margin:20px;}
.c_line7_1{border-bottom:1px solid #F4F4F4; margin:0px;}

.c_box {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 0px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2-1 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; }
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box5_m {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center;}
.c_box6 {border:1px solid #E6E6E6; padding: 15px 15px 15px 15px; background-color:#ffffff; }
.c_box7 {border:1px solid #CBCBCB; padding: 15px 15px 15px 15px; background-color:#F4F4F4; }
.c_box8 {border:1px solid #E6E6E6; padding: 15px 15px 15px 15px; background-color:#ffffff; }
.c_box9 {border:1px solid #F4F4F4; padding: 15px 15px 15px 15px; background-color:#FCFCFC; text-align:center; }
.c_box10 {border:1px solid #F4F4F4; padding: 15px; height:60px;background-color:#FCFCFC; text-align:center; }
.c_box10-1 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  height:60px; padding: 18px; background-color:#FFFFFF;  }
.c_box11 {border-bottom:1px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box11-1 {border-bottom:0px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box12 {border-top:2px solid #5C5C5C; border-bottom:1px solid #CBCBCB; padding: 15px 15px 15px 10px; background-color:#ffffff; }
.c_box13 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850;}

.title_bg1 {background:url('/img/bg1.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg2 {background:url('/img/bg2.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg3 {background:url('/img/bg3.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg4 {background:url('/img/bg4.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg5 {background:url('/img/bg5.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}
.title_bg6 {background:url('/img/bg6.jpg'); background-repeat:no-repeat; background-position:top center; height:300px; background-attachment:fixed;}

.main_tab1 {background-color:#ffffff;  margin-top:0px; z-index:100;}
.main_tab2 { background:url('/img/main_tab1.jpg');   text-align:center;  height:auto;  border-top:0px solid #E1E1E1;  background-repeat:no-repeat; background-position:top center; background-attachment:fixed; padding-top:150px;  padding-bottom:150px;z-index:100;}
.main_tab2-1 { background-color:#FFFFFF;  text-align:center;  height:auto; background-repeat:no-repeat; background-position:top center; z-index:100;}
.main_tab3 {background-color:#FFFFFF;  background-position:top center; border-top:1px solid #E1E1E1; padding-top:30px;  padding-bottom:30px; z-index:100;}
.main_tab4 {background-color:#fffff; border-top:1px solid #f4f4f4; padding-top:30px;  padding-bottom:30px; z-index:100; text-align:center;}
.main_tab5 { background-color:#FFFFFF;  text-align:center;  height:400px;  background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}

.vision_img {width:100%;}

/*****pop*******/
.pop1 {z-index:1000000000000000; width:500px; left:10px; top:100px; position:absolute; }
.pop2 {z-index:1000000000000000;  width:500px; left:420px; top:100px; position:absolute; }
.pop3 {z-index:10000000000000000;  width:500px; right:20px;  top:100px; position:absolute; }
.pop1_img {width:500px;}
.pop2_img {width:500px;}
.pop3_img {width:500px;}

.movie_play {width:100%; height:500px;}
}
/**************************************************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:1200px;  margin-right:auto;margin-left:auto; }
.main3{width:1400px; margin-right:auto;margin-left:auto; }
.main4{width:98%; margin-right:auto;margin-left:auto; }
.main_text{width:1200px; margin-right:auto;margin-left:auto; padding-left:0px;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#fff; border-top:0px solid #E1E1E1; }
#wrapper {height:150; width:100%;  position: absolute;  z-index:1; } 
#header {position: relative;   z-index:1; background-color:#FFF; } 
.block {display:block;}
.shadow {text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
.logo_mobile {display:none}
.logo_pc{padding:20px 0px 20px 0px; }
.pc {width:1200px; margin-right:auto;margin-left:auto; }
.pc_view {display:block; }
.mobile_view {display:none; }
.mobile {display:none}
.mobile_menu {display:none}
.tt { position: absolute;	z-index:100000000; left:0; right:0;  top:45%; width:1200px;}
.tt_movie { position: absolute;	z-index:100000000; left:0; right:0;  top:30%; width:1200px;}
.main_scoll_mobile {display:none}

.m_title_text_sq{ margin:0 auto; padding-top:20px; }
.m_title_text_sq2{ margin:0 auto; padding-top:100px;}
.m_title_text_sq3{ margin:0 auto; padding-top:150px;}

.title_text_sq{ margin:0 auto; padding-top:250px; }
.title_text_sq2{ margin:0 auto; padding-top:20px;}
.title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; }

/**********¸ÞÀÎ ÀÌ¹ÌÁö Å¸ÀÌÆ²**********/
.main_img_title_font {font-size:40px; font-weight:600; line-height:50px; letter-spacing: -0.01em; font-family: 'Nanum Gothic';}
.main_img_title_font1 {font-size:30px; font-weight:600; line-height:20px; letter-spacing: -0.05em; font-family: 'Nanum Gothic';}
.main_img_title_font2 {font-size:20px; font-weight:400; line-height:20px; letter-spacing: -0.05em; font-family: 'Nanum Gothic';}

.main_title_font_b {font-size:30px; font-weight:600; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font {font-size:20px; font-weight:400; line-height:50px;  letter-spacing: -0.05em;}
.main_title_font2 {font-size:15px; font-weight:200; line-height:20px; letter-spacing: -0.05em;}

.sub_title_font{font-size:30px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
.sub_title_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}

.sub_title1_font {font-size:30px; font-weight:700;line-height:150%;  }
.sub_title1_font2 {font-size:15px; font-weight:200; line-height:150%;letter-spacing: -0.05em;}
.sub_title1_font3 {font-size:20px; font-weight:600;line-height:150%; }
.h130 {height:130px;}
.con_text {font-size:15px; font-weight:normal; letter-spacing: -0.05em;}
.con_textb {font-size:15px; font-weight:700; letter-spacing: -0.05em;}
.con_textbr {font-size:15px; font-weight:700; color:#FF6600; }
.con_textbb {font-size:18px; font-weight:700; color:#393939; }
.con_textbbr {font-size:18px; font-weight:700; color:#FF6600; }
.con_textbbg {font-size:18px; font-weight:700; color:#00AE6F; }
.con_textbr_num {font-size:20px;  font-family:'tahoma',verdana; font-weight:800;  color:#FF6600; }
.con_textt {font-size:20px; font-weight:800;}
.con_text_s {font-size:15px;  letter-spacing: -0.05em;}
.con_text_n {font-size:18px;  letter-spacing: -0.05em;}
.con_text_l {font-size:24px; letter-spacing: -0.05em;}
.con_text_b {font-size:32px; letter-spacing: -0.05em;}

.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%}
.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}
.col-md-main-tab1{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding-right:10px;padding-left:10px;}
/***¸ÞÀÎ***/
.col-md-4-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-3-m{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-md-2-b{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:20px}
.col-md-2-b2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0px 20px 0px 0px;}
.col-md-3-b{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding-right:10px; padding-top:10px;}
.col-md-3-b2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding:5px}
.col-md-4-t{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding-right:10px; padding-top:10px;}
.col-md-4-b{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding-right:10px; padding-top:10px;}
.col-md-6-t{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding-left:10px}

.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding-right:10px; padding-top:0px;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding-left:10px}

.col-md-3-t-no{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;}
.col-md-7-t-no{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;}


.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:10px; padding-top:0px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px}

.col-md-2-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding-right:10px; padding-top:0px;}
.col-md-8-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; padding-left:10px}

.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding-right:10px; padding-top:0px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%; padding-left:10px}

.c_l {text-align:center; width:100%; margin-right:auto;margin-left:auto; padding:10px;}
.c_l0 {padding:0px;}
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l25 {padding:25px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:80px;}
.c_l10 {padding:10px;}

.c_p {padding:10px;}
.c_line {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 15px 15px 0; background-color:#FFFFFF; }
.c_line2 {border-top:1px solid #F4F4F4; }
.c_line3{border-bottom:1px solid #CBCBCB; border-top:10px solid #ffffff;}
.c_line4 {border-bottom:1px solid #F4F4F4; padding-top:10px;padding-bottom:10px; }
.c_line5 {border-bottom:1px solid #CBCBCB; padding-top:10px;padding-bottom:10px; border-style: dashed;}
.c_line6 {border-bottom:1px solid #CBCBCB; margin-top:15px;margin-bottom:15px; border-style: dashed;}
.c_line7 {border-top:1px solid #E1E1E1; margin:20px;}
.c_line7_1{border-bottom:1px solid #F4F4F4; margin:0px;}

.c_box {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 0px; background-color:#FFFFFF; text-align:center;}
.c_box2 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;}
.c_box2-1 {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  padding: 10px 15px 20px 15px; background-color:#FFFFFF; }
.c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;}
.c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;}
.c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_box5_m {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center;}
.c_box6 {border:1px solid #E6E6E6; padding: 15px 15px 15px 15px; background-color:#ffffff;  text-align:center;}
.c_box7 {border:1px solid #CBCBCB; padding: 15px 15px 15px 15px; background-color:#F4F4F4; }
.c_box8 {border:1px solid #E6E6E6; padding: 15px 15px 15px 10px; background-color:#ffffff; }
.c_box9 {border:1px solid #F4F4F4; padding: 15px 15px 15px 15px; background-color:#FCFCFC; text-align:center; }
.c_box10 {border:1px solid #F4F4F4; padding: 15px; height:60px;background-color:#FCFCFC; text-align:center; }
.c_box10-1 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;  height:60px; padding: 18px; background-color:#FFFFFF;  }
.c_box11 {border-bottom:1px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box11-1 {border-bottom:0px solid #F4F4F4;  background-color:#FFFFFF;  }
.c_box12 {border-top:2px solid #5C5C5C; border-bottom:1px solid #CBCBCB; padding: 15px 15px 15px 10px; background-color:#ffffff; }
.c_box13 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4;  padding: 15px 15px 20px 15px; background-color:#2D2850;}

.title_bg1 {background:url('/img/bg1.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;}
.title_bg2 {background:url('/img/bg2.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;}
.title_bg3 {background:url('/img/bg3.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;}
.title_bg4 {background:url('/img/bg4.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;}
.title_bg5 {background:url('/img/bg5.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;}
.title_bg6 {background:url('/img/bg6.jpg'); background-repeat:no-repeat; background-position:top center; height:600px; background-attachment:fixed;}

.main_tab1 {background-color:#ffffff;  margin-top:0px; z-index:100; border-top:1px solid #E1E1E1;}
.main_tab2 { background:url('/img/main_tab1.jpg');   text-align:center;  height:auto;  border-top:0px solid #E1E1E1;  background-repeat:no-repeat; background-position:top center; background-attachment:fixed; padding-top:150px;  padding-bottom:150px;z-index:100;}
.main_tab2-1 { background-color:#FFFFFF;  text-align:center;  height:auto; background-repeat:no-repeat; background-position:top center; z-index:100;}
.main_tab3 {background-color:#FFFFFF;  background-position:top center; border-top:1px solid #E1E1E1; padding-top:30px;  padding-bottom:30px; z-index:100;}
.main_tab4 {background-color:#fffff; border-top:1px solid #f4f4f4; padding-top:30px;  padding-bottom:30px; z-index:100; text-align:center;}
.main_tab5 { background-color:#FFFFFF;  text-align:center;  height:400px;  background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; z-index:100;}

.vision_img {width:880px;}
/*****pop*******/
.pop1 {z-index:10000000000; width:auto; left:0px; top:100px; position:absolute; }
.pop2 {z-index:1000000000000000;  width:auto; left:100px; top:200px; position:absolute; }
.pop3 {z-index:1000000000000000;  width:auto; left:200px; top:300px; position:absolute; }
.pop1_img {width:600px;}
.pop2_img {width:600px;}
.pop3_img {width:600px;}

.pop_movie {z-index:100000000000; left:0; right:0;  top:30%; width:360px; height:210px; position:absolute; } 

.movie_play {width:880px; height:500px;}
}
/******************************************************202008**************************************************************************************************************************************/


/***********************  »çÀÌÆ®¼¼·Î¶óÀÎ **********************/
.subArea { overflow:hidden;}
.subLine { position:fixed; width:1px; 
		height:100%; top:0; background:#ffffff; 
		opacity:0.17; filter: alpha(opacity=17;); 
		-webkit-transition: all 0.3s ease-in-out; 
		-moz-transition: all 0.3s ease-in-out; 
		-ms-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out; 
		transition: all 0.3s ease-in-out; 
		z-index:-1;}
.subLine_01 {left:20%;}
.subLine_02 {left:40%;}
.subLine_03 {left:60%;}
.subLine_04 {left:80%;}
.zindex {z-index:-2;}
.zindexu {z-index:99;}
.zindexu2 {z-index:10000;}


.container-fluid{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,
.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,
.col-xl-8,.col-xl-9,.col-xl-auto,.col-md-2-m,.col-md-8-m,.col-md-4-m,.col-md-3-m{position:relative; width:100%;min-height:1px;padding-right:10px;padding-left:10px}


.cc_box { text-align:left; border-top:5px solid #FF8840; border-bottom:1px solid #F4F4F4; padding: 15px 15px 15px 15px; background-color:#FFFFFF;}
.cc_box1 { text-align:left; border-top:5px solid #25ABD8; border-bottom:1px solid #F4F4F4; padding: 15px 15px 15px 15px; background-color:#FFFFFF;}











/****************************************************************2025****************************************************************/


@media  (max-width: 768px){
.logo_img {width:auto; max-width:180px;}
.simg {object-fit: cover; width: 100%; height: 150px;}
.simg2 {object-fit: cover; width: 100%; height: 100px;}
#kcm_table {width:100%;overflow:auto;}
.tbl-type01 {border:1px solid #f4f4f4; border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both; border-top:2px solid #AAAAAA}
.tbl-type01 th { font-weight:500;  border:1px solid #f4f4f4; background-color:#FBFBFB; font-size:0.9rem;text-align:center; padding:10px 0px 10px 0px; border-bottom:1px solid #E9E9E9;}
.tbl-type01 td {border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; font-size:0.9rem; font-weight:400; text-align:center; padding:10px 0px 10px 0px;}
.m_box2025 {height:250px; border:1px solid #D3D3D3; padding: 5px; background-color:#ffffff; text-align:center;}
.m_box2025-1 {height:100px; border:1px solid #D3D3D3; padding: 0p; background-color:#ffffff; text-align:center;}
.m_box2025-1 img{width:100%;}
.m_box2025-2 {height:200px; font-size:0.8rem; border:1px solid #D3D3D3; padding: 5px; background-color:#ffffff; text-align:center;}
.c_cab {height:25px;}
.main_board_title{font-size:24px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
}

@media  (min-width: 768px) and (max-width:1198px){
.logo_img {width:auto; max-width:180px;}
.simg {object-fit: cover; width: 100%; height: 150px;}
.simg2 {object-fit: cover; width: 100%; height: 150px;}
#kcm_table {width:100%;overflow:auto;}
.tbl-type01 {border:1px solid #f4f4f4; border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both; border-top:2px solid #AAAAAA}
.tbl-type01 th { font-weight:500;  border:1px solid #f4f4f4; background-color:#FBFBFB; font-size:0.9rem;text-align:center; padding:10px 0px 10px 0px; border-bottom:1px solid #E9E9E9;}
.tbl-type01 td {border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; font-size:0.9rem; font-weight:400; text-align:center; padding:10px 0px 10px 0px;}
.m_box2025 {height:350px; border:1px solid #D3D3D3; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.m_box2025-1 {height:100px; border:1px solid #D3D3D3; padding: 0p; background-color:#ffffff; text-align:center;}
.m_box2025-1 img{width:328px;}
.m_box2025-2 {height:270px; border:1px solid #D3D3D3; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_cab {height:25px;}
.main_board_title{font-size:24px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
}

@media (min-width:1198px){
.logo_img {width:auto; max-width:180px;}
.simg {object-fit: cover; width: 100%; height: 200px;}
.simg2 {object-fit: cover; width: 100%; height: 150px;}
#kcm_table {width:100%;overflow:auto;}
.tbl-type01 {border:1px solid #f4f4f4; border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both; border-top:2px solid #AAAAAA}
.tbl-type01 th { font-weight:500;  border:1px solid #f4f4f4; background-color:#FBFBFB; font-size:0.9rem;text-align:center; padding:10px 0px 10px 0px; border-bottom:1px solid #E9E9E9;}
.tbl-type01 td {border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; font-size:0.9rem; font-weight:400; text-align:center; padding:10px 0px 10px 0px;}
.m_box2025 {height:350px; border:1px solid #D3D3D3; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.m_box2025-1 {height:100px; border:1px solid #D3D3D3; padding: 0p; background-color:#ffffff; text-align:center;}
.m_box2025-1 img{width:328px;}
.m_box2025-2 {height:270px; border:1px solid #D3D3D3; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;}
.c_cab {height:25px;}
.main_board_title{font-size:24px; font-weight:600; line-height:150%;letter-spacing: -0.05em;}
}









/**************ÇÏ´Ü******************/

.f-banner{   margin:0 auto; width: 1400px;  padding-top:30px;}
.f-banner .bx-wrapper {  position: relative;  padding: 0;  width: 1370px;  height: 120px;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
.f-banner .bx-wrapper img {   display: block;}
.f-banner .bx-wrapper a {  display: block;}
.f-banner .bxslider {  margin: 0;  padding: 0;}
.f-banner ul.bxslider {  list-style: none;}
.f-banner .bx-default-pager, .f-banner  .bx-start{  display: none; }


.f-banner .bx-viewport{  margin:0px 0 0 30px; }
.f-banner .layout{  border:0px solid #dddddd;  height: 90px;  width: 1400px;  overflow: hidden;}

.f-banner .main-banner img {  width: 185px;}



.f-banner .bx-wrapper .bx-prev {  top: 16px;  background: url('/images/btn-banner.png') no-repeat 0 0px;  background-color:#ffffff;   border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd;  border-left: 1px solid #ddd; }
.f-banner .bx-wrapper .bx-prev:hover, .f-banner .bx-wrapper .bx-prev:focus {  background-position: 0 -18px;}
.f-banner .bx-wrapper .bx-next {  top: 35px;  background: url('/images/btn-banner.png') no-repeat -18px 0px;  background-color:#ffffff;   border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd;  border-left: 1px solid #ddd; }
.f-banner .bx-wrapper .bx-next:hover,.f-banner .bx-wrapper .bx-next:focus {  background-position: -18px -18px;}
.f-banner .bx-wrapper .bx-controls-direction a {  position: absolute;  left:0;  width: 18px;  height: 18px;  text-indent: -9999px;  z-index: 9;  border-right: 1px solid #ddd;}


.f-banner .bx-wrapper .bx-controls-auto {  text-align: center;}
.f-banner .bx-wrapper .bx-controls-auto .bx-start {  display: block;  text-indent: -9999px;  width: 18px;  height: 18px;  
background: url('/images/btn-banner.png') -55px 0px no-repeat;  margin: 2px 5px 0px 0px;  background-color:#ffffff;   border-left: 1px solid #ddd;   border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.f-banner .bx-wrapper .bx-controls-auto .bx-start:hover,
.f-banner .bx-wrapper .bx-controls-auto .bx-start.active,
.f-banner .bx-wrapper .bx-controls-auto .bx-start:focus {  background-position: -55px -18px;}

.f-banner .bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 18px;  height: 18px;  
background: url('/images/btn-banner.png') -36px 0px no-repeat;  background-color:#ffffff;   margin: 0px 5px 3px 0px;  border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 0px solid #ddd;  border-right: 1px solid #ddd; }
.f-banner .bx-wrapper .bx-controls-auto .bx-stop:hover,
.f-banner .bx-wrapper .bx-controls-auto .bx-stop.active,
.f-banner .bx-wrapper .bx-controls-auto .bx-stop:focus {  background-position: -36px -18px;}

.f-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  left: 0;  top: 36px;  width: 18px;}


@media  (max-width: 768px){
.f-banner .main-banner img {  height:40}
.f-banner .bx-wrapper {  position: relative;  padding: 0;  width: auto;  height: 50px;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
.f-banner .layout{  border:0px solid #dddddd;  height: 50px;  width: auto;  overflow: hidden;}
}

