@charset "utf-8";

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansKR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansKR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansKR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
  src: url(/fonts/Roboto-Thin.woff2) format('woff2'),
       url(/fonts/Roboto-Thin.woff) format('woff'),
       url(/fonts/Roboto-Thin.otf) format('opentype');}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
  src: url(/fonts/Roboto-Light.woff2) format('woff2'),
       url(/fonts/Roboto-Light.woff) format('woff'),
       url(/fonts/Roboto-Light.otf) format('opentype');}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
   src: url(/fonts/Roboto-Regular.woff2) format('woff2'),
        url(/fonts/Roboto-Regular.woff) format('woff'),
        url(/fonts/Roboto-Regular.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
   src: url(/fonts/Roboto-Medium.woff2) format('woff2'),
        url(/fonts/Roboto-Medium.woff) format('woff'),
        url(/fonts/Roboto-Medium.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700;
   src: url(/fonts/Roboto-Bold.woff2) format('woff2'),
        url(/fonts/Roboto-Bold.woff) format('woff'),
        url(/fonts/Roboto-Bold.otf) format('opentype'); }
		
/*****************************/
/* Publisher olibu. Reset CSS */
/*****************************/

/* ---------------------
base
---------------------- */

/* HTML Reset */
* {margin: 0; padding: 0; outline: 0;}
html, body {width:100%;height:100%;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0;border:0; color:inherit; -webkit-text-size-adjust:none;}
div, p, ul, li,ol, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;padding:0;margin:0}

a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
a.hover:hover{}
a:focus {text-decoration: none;}


/********************************************
	HEADER
********************************************/
#mainWrap{width:100%; height:570px;margin:0 auto;background:#fff;/*background:url(/Kor/assets/img/mainimg.jpg) center top no-repeat;*/ z-index:1}
#mainHeader{position:relative; width:1040px;height:570px;margin:0 auto;}
.mimg{width:100%;height:570px;overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

#new_header{position: absolute; left:50%;margin-left:-500px;top:0; display:block;width:1000px; height:293px; text-align:left; padding:0; font-size:0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index:2}

.logo{display:inline-block;width:214px;padding:10px 0px 0px;text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb_wrap{display:inline-block;width: 786px;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.topmenu{display:inline-block;width:100%;height:50px;text-align:right; }
.topmenu ul{display:inline-block;width:100%;text-align:right;}
.topmenu li{display:inline-block; text-align:left;}
.topmenu .t_logo{display:inline-block;text-align:center;padding:10px 0px 0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.topmenu .language{display:inline-block;margin:10px 5px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.topmenu .tmenu{display:inline-block;height:22px;margin:22px 5px 0px;border-radius:16px;background:#109cd9; box-shadow: 0px 0px 6px rgba(0,0,0,0.1);padding:0 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.topmenu .tmenu a{font-family: 'Roboto'; font-style: normal; font-weight: 400;font-size:11px;color:#fff;letter-spacing:-0.03em;line-height:19px;background:url(../img/t_line.png) left center no-repeat;padding-left:12px;margin-left:12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.topmenu .tmenu a:first-child{background:none;padding-left:0px;margin-left:0px;}



/* Navigation Styles */
.gnb{display:inline-block;width:100%;min-height:60px; background:url(../img/gnb_bar.png) center top no-repeat; margin:10px auto 0px;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav{width:100%; margin:12px auto 0px; text-align:center;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block;}
.gnb nav > ul > li{display:inline-block;text-align:left;position:relative; padding-left:15px; margin:0 15px 0px 0px;background:url(../img/t_line.png) left 5px no-repeat;}
.gnb nav > ul > li:first-child{background:none;}
.gnb nav > ul > li > a{display:block; height:30px;font-family: 'Roboto'; font-style: normal; font-weight:500;font-size:13px; color:rgba(255,255,255,1); letter-spacing:-0.01em;text-align:center;}
.gnb nav > ul > li > a > span{font-family: 'NotoSansKR'; font-style: normal;font-weight:200;font-size:12px;letter-spacing:-0.0em;}
.gnb nav > ul > li > a:hover{color:#a5d1fe;  }
.gnb nav > ul > li.active > a{color:#a5d1fe; }
.gnb nav > ul > li.on > a{color:#a5d1fe; }
.gnb nav > ul > li.on .two-depth{display:block}
.gnb nav > ul > li.off .two-depth{display:none}

.two-depth{position: absolute; display:block; z-index:5; display:none; top:30px; left:50%; transform:translateX(-50%);padding:5px 0px 10px; margin-left:12px; border:0px solid #dfdfdf;background:rgba(26, 78, 147, .95);width:200px;border-radius:8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
.two-depth.w01{width:160px;}
.two-depth.w02{width:180px;}
.two-depth > li{display:inline-block; width:100%;text-align:center; padding:0px 0px;border-top:0px solid rgba(125,125,125,.2); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li a{line-height:28px; font-size:12px; color:#fff;font-family: 'Roboto'; font-style: normal; font-weight: 400;letter-spacing:-0.0em; }
.two-depth > li.on a{color:#47bcef;}
.two-depth > li a:hover{color:#47bcef;}
.two-depth > li:first-child{border-top:0px solid rgba(125,125,125,.3); }
.two-depth > li:hover a{color:#47bcef;}
.two-depth > li:hover{/*background:#1795cc;*/}

/* Navigation Styles */

.l_top{display: inline-block;width:200px;padding:12px 5px; text-align:center;border-radius:16px 16px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background:#1a4e93; /* Old browsers */
background: -moz-linear-gradient(top,  #3377ad 0%, #076cac 50%, #1591c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3377ad 0%,#076cac 50%,#1591c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3377ad 0%,#076cac 50%,#1591c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3377ad', endColorstr='#1591c8',GradientType=0 ); /* IE6-9 */}
.l_top > h2{font-family: 'Roboto'; font-style: normal; font-weight:500;font-size:16px;letter-spacing: -0.05em;line-height:1.3; color:#fff;margin-bottom:0px;text-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.l_top > p{font-family: 'NotoSansKR'; font-style: normal;font-weight:200;font-size:14px;letter-spacing: -0.03em;line-height:1; color:#fff; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.l_bottom{display:block;width:200px;height:10px;background:#1a4e93;text-align:center;border-radius:0px 0px 16px 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.l_nav{width:200px;-webkit-transition: all .25s ease-in;transition: all .25s ease-in; border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.l_nav, .l_nav ul, .l_nav li {list-style: none;}
.l_nav ul {margin: 0 0 0 0px;background-color: #fff;}
.l_nav {padding: 0px;margin: 0px;}
.l_nav > li {margin: 0px 0; background: #fff;border-bottom: 1px solid #dcdcdc;}
.l_nav > li li {margin: 0px;}
.l_nav > li li li{margin: 0px;}
.l_nav a {letter-spacing:-0.01em;display: block; outline: none;text-decoration: none;}
.l_nav a .caret {float: right;width:11px;height:8px;vertical-align: top;background:url(../img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:2px;margin-left: 2px;}
.l_nav li.open > a > .caret {border-top: none;background:url(../img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.l_nav li a {font-family: 'Roboto'; font-style: normal; font-weight: 400;color:#333; font-size:14px;line-height:1; padding: 12px 10px 12px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.l_nav li a:hover {color:#1795cc;}
.l_nav > li li a {padding: 10px 10px 10px 15px; color:#333;font-family: 'Roboto'; font-style: normal; font-weight: 300;font-size:12px;line-height:1;letter-spacing:-0.01em;border-top:0px dotted #e4e3e3; }
.l_nav > li li a:hover {color:#1795cc;/* background: #1795cc;*/ }
.l_nav li.open > a{color:#1795cc;}
.l_nav li.open li a {color:#333;}
.l_nav li.open li a:hover {color:#1795cc;/* background: #1795cc;*/font-family: 'Roboto'; font-style: normal; font-weight: 400;}
.l_nav li.active a{color:#1795cc;}
.l_nav li li.active a{color:#1795cc;/* background: #1795cc;*/font-family: 'Roboto'; font-style: normal; font-weight: 400;}
.l_nav li.off a{}
.l_nav li li{background: #f9f9f9;}
.l_nav li li:first-child{padding-top:5px;border-top: 1px solid #dcdcdc;}
.l_nav li li:last-child{padding-bottom:5px;}

.main_slider{display: inline-block;width:490px;padding:0px 10px; text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_slider .tit{display: inline-block;width:100%;height:25px;background:url(../img/05title.png) left 4px no-repeat; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_slider .slider_area{display: inline-block;width:100%;}

/* 다중 스와이퍼1 */ 
.swiper1 { position:relative; width:100%; margin:0 auto; } 
.swiper1 .swiper-slide {display:inline-block; width:100%;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper1 .swiper-slide img{width:100%;}
/* 스와이퍼1 버튼관련 */ 
.swiper1 .swiper-button-prev,  
.swiper1 .swiper-button-next{width:17px; height: 24px; background-size: 17px auto; margin-top:-12px;} /*크기*/
.swiper1 .swiper-button-prev{background-image: url(../img/btn_prev.png); left: 5px; } /*이미지,위치*/
.swiper1 .swiper-button-next{background-image: url(../img/btn_next.png); right: 5px; }
.swiper1 .swiper-pagination-bullet {width:10px;height:10px;margin:0px 4px;display:inline-block;border-radius:0;/*background:#fff;*/background-color:transparent;opacity:1;border:2px solid #fff;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper1 .swiper-pagination-bullet-active {opacity:1;background:#fff;border:2px solid #fff;}