@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/notokr/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/notokr/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/notokr/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/notokr/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}

/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-Light.eot);
  src: url(../font/Montserrat/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-Light.woff2) format("woff2"), url(../font/Montserrat/Montserrat-Light.woff) format("woff");
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-Regular.eot);
  src: url(../font/Montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(../font/Montserrat/Montserrat-Regular.woff) format("woff");
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-Medium.eot);
  src: url(../font/Montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-Medium.woff2) format("woff2"), url(../font/Montserrat/Montserrat-Medium.woff) format("woff");
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/Montserrat/Montserrat-SemiBold.eot);
  src: url(../font/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(../font/Montserrat/Montserrat-SemiBold.woff) format("woff");
}

/*Reset*/
legend,caption,.blind{display: none;}
html{font-size:10px;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td,figure{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#444;}
a:hover,a:active,a:focus{text-decoration:none; /*color:#0160aa;*/}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#333; font-size:10px; line-height:1.5; letter-spacing:-0.05em;font-family:'Noto Sans KR', sans-serif; font-weight:300; word-break:keep-all;}

@-moz-document url-prefix(){
 body,th,td,input,select,textarea,button{font-weight:300} /* 모질라전용핵 */
}   


article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}
.f_mont{font-family: 'Montserrat', sans-serif; letter-spacing:0.03em; }

/* float 해제 */
.group:after {clear:both; content:"."; visibility:hidden; display:block; height:0;}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:100%;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:0; text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

#header {position:relative;top:0;left:0;width:100%; min-width:1000px;height:90px;/*260*/background:#fff;z-index:100;}
#header h1{display:inline-block; height:90px; line-height:90px;}
#header h1 a{display:block; z-index:200;}
#header h1 a img{height:50px;  vertical-align:middle; margin-top:-5px;}
#header .inner {position:relative}

#gnb {position:absolute;top:5px;right:0px}
#gnb li{display:inline-block; margin-left:-3px;}
#gnb a{display:block;height:29px;padding:0 8px 0 8px;border:1px solid #d6d9db;border-radius:3px 0 0 3px;color:#afb1b4;font-size:0.925em;text-decoration:none;line-height:30px; font-family:'Ubuntu','돋움',dotum,sans-serif}
#gnb a i{margin-right:5px;}

#gnb .go-eng a{background:url(../../images/common/img-common.png) no-repeat -190px -140px; padding-left:34px; border-left-width:0; border-radius:0 3px 3px 0;} 

.open-menu {position:absolute;top:13px;right:0;width:56px;height:54px;background:url(../../images/common/img-common.png) no-repeat 0 -170px}
.close-menu {display:none;position:absolute;bottom:0;right:0;width:56px;height:54px;border:1px solid #e3e6e9;border-bottom:0;background:url(../../images/common/img-common.png) no-repeat -180px -170px}


#headerWrap{background:#fff; position:absolute; top:0px; left:50%; margin-left:-265px; height:90px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
.lnb{text-align:center;}
.lnb > li{display:inline-block; vertical-align:top; position:relative; width:170px; margin-right:-3px;text-align:center; }
.lnb > li:first-child{}
.lnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.lnb > li > a{display:block; padding:0 15px; line-height:90px; font-size:2rem; box-sizing:border-box; font-weight:400;}
.lnb li:hover > a, #headerWrap .lnb li.current > a{color:#1a78bf;}
#headerWrap .lnb > li > a .bar {display:none;position:absolute;left:50%;bottom:-1px;z-index:10;width:66px;height:6px;margin-left:-33px;background:#1a78bf;}
#headerWrap .lnb > li.current > a, .lnb > li.active > a {color:#1a78bf;}
#headerWrap .lnb > li.current > a .bar,
#headerWrap .lnb > li.active > a .bar {display:block}
#headerWrap .lnb > li > ul{background:#fff; display:none;}
#headerWrap .lnb li ul{position:absolute; width:100%;padding:20px 0;}
#headerWrap .lnb li ul li{display:block;}
#headerWrap .lnb li ul li a{word-break: keep-all; display:block; padding:10px; font-size:1.75rem;}

#m-menu{display:none;}



/*@media screen and (min-width:0\0){ 
#header-box li a{font-weight:700;} 
}IE 9,10 핵*/

.org_logo_list{border-top:1px solid #dadada; padding:30px 0;   text-align:center;}
.org_logo_list .inner{display:flex; align-items:center; width:100%;}
.org_logo_list .tit{font-size:2rem; font-weight:500;}
.org_logo_list .img_box{display:flex; margin-left:70px;}
.org_logo_list .img_box p{margin-left:70px;}
.org_logo_list .img_box p:first-child{margin-left:0;}
.org_logo_list .img_box img{height:65px;}

footer{width:100%; text-align:center; color:#c1c1c1;  border-top:1px solid #efefef; background:#33363a;}
footer a{ color:#c1c1c1;}
footer .f_box{position:relative; padding:40px 0; color:#c1c1c1; width:1200px; margin:0 auto; text-align:left;  padding-left:275px; box-sizing:border-box;}
.f_logo_box{display:block; position:absolute; top:40px; left:0;}
.f_logo_box img{height:56px;}
.f_list_box{margin-bottom:20px;}
.f_list_box li{display:inline-block;}
.f_list_box li:before{content:"|"; display:inline-block; color:#777;}
.f_list_box li:first-child:before{display:none;}
.f_list_box li a{display:inline-block; padding:0 15px; font-size:1.5rem;}
.f_list_box li:first-child a{padding-left:0;}
footer .f_box p{font-size:1.3rem;}
footer .vai-link,
footer .copy{display:inline-block; font-size:1.3rem;}
footer .vai-link{color:#cde9f6; margin-left:5px;}
footer .vai-link a{color:#2fb1ed; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
header{height:130px;}
header h1{position:relative; text-align:center; margin-left:10px; left:0px;}
#headerWrap{height:70px; background-position:0 70px;}
.gnb > li:first-child{margin-left:0;}
.gnb > li{width:15%;}
.gnb li h2{height:70px;}
.gnb li h2 a{line-height:70px;}
}

@media (max-width:1200px) {
#header h1 a img{height:40px;}
.lnb > li{width:157px;}

.org_logo_list .inner{padding:0 15px; box-sizing:border-box;}

footer .f_box{width:100%;}
.f_logo_box{left:20px;}
}


@media (max-width:1024px) {
#header{min-width:100%;}
header{height:90px;}
header h1{top:0px;}
header h1 a{line-height:90px;}
header h1 .number-img{width:60px;}
header h1 a .logo_box{margin-left:0;}
#headerWrap{display:none;}
#m-menu{display:block;}
.m-menu-btn{position:absolute;   cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  text-align:center; font-size:0;}
.m-menu-btn.m-menu-btn-open{right:10px; top:20px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#14569c; height:45px; width:45px; line-height:45px;}
.m-menu-btn.m-menu-btn-open button i{}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:260px;}
.m-menu-btn.m-menu-btn-close button{background:#14569c; width:50px; height:50px; line-height:50px;color:#fff; }
.m-menu-btn button i{font-size:25px; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:260px; height:auto; min-height:100%;  z-index:99;  right:0%;    background-color: rgba(255,255,255,0.96); padding:0 0px 20px;}
header .m-menu-list a{font-size:1.6rem;}
header .m-menu-list .lnb > li{width:100%;}
header .m-menu-list .lnb > li > a{font-size:2rem; line-height:60px;  border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-weight:400; color:#14569c; }
header .m-menu-list .lnb > li:first-child > a{border-top:0;}
header .m-menu-list .gnb2depth{padding:20px 0;}
header .m-menu-list .gnb2depth li a{display:block; padding:5px 0;}
header .m-menu-list .gnb2depth li:first-child a{padding-top:0;}
header .m-menu-list .gnb{margin-left:0;}
header .m-menu-list .gnb{padding-top:10px; padding-top:0; height:auto;}
header .m-menu-list .gnb li{display:block; width:100%; text-align:left;}
header .m-menu-list .gnb li h2{border-bottom:1px rgba(255,255,255,0.2) solid; padding:20px 0 10px; padding-left:0; border-bottom-width:0; margin:0; line-height:45px; height:auto;}
header .m-menu-list .gnb li h2 a{height:auto; padding:0;}
header .m-menu-list .gnb li ul{position:relative; top:0; padding-bottom:0; margin-left:0; padding-top:0; border-left-width:0;}
header .m-menu-list .gnb li ul li a{ color:rgba(255,255,255,0.8);}
header .m-menu-list .gnb{text-align:left;}
header .m-menu-list .gnb li:first-child ul{margin-left:0px;}
header .m-menu-list .gnb li:first-child h2{padding-left:0px;}
header .m-menu-list .gnb li h2 a{border-bottom:2px #fff solid; padding-bottom:1px;font-size:16px; line-height:35px;}
header .m-menu-list .gnb li:hover h2 a, header .m-menu-list .gnb ul li ul li a:hover{color:#fff;}
header .m-menu-list .gnb li:hover h2{height:auto;}

.gnb li:hover ul,
.gnb ul li.current ul{margin-top:0; border-top:0;}

}


@media (max-width:767px) {
body, th, td, input, select, textarea, button{font-size:9px;}

footer .foot-info, footer .foot-info a{font-size:12px;}
footer .foot-logo img{height:18px;}
footer .foot-logo span{font-size:20px;}
footer .foot-text{font-size:13px;}
footer .foot-info{padding:10px 20px;}

#header{min-width:100%; height:80px;}
#header h1{height:80px;}
header h1 a{height:80px; line-height:80px;}
.bbdd{height:80px;}


#gnb{position:relative; top:0; border-bottom:1px solid #d6d9db;}
#gnb li{width:50%; margin-left:-2px;}
#gnb li a{text-align:center; border-width:0;border-radius:0;}
#gnb .go-eng a{border-radius:0; border-left-width:1px;}
#header h1 a img{height:40px;}
#m-menu{display:block;}
.m-menu-btn.m-menu-btn-open{top:18px;}
#headerWrap{display:none;}

.org_logo_list{padding:20px 0;}
.org_logo_list .inner{flex-direction:column;}
.org_logo_list .img_box{margin-left:0; margin-top:20px;}
.org_logo_list .img_box p{margin-left:40px;}
.org_logo_list .img_box img{height:50px;}

footer .f_box{padding:30px 20px;}
footer .f_logo_box{position:static; top:auto; left:auto; margin-bottom:20px;}
footer .f_logo_box img{height:48px;}
footer .foot-logo span{padding-left:10px; margin-left:0;}
footer .foot-text em{font-size:15px;}
footer .foot-text span{font-size:21px;}
footer .foot-logo{padding:20px 0 0px;}
footer .foot-bottom{margin-top:10px;}
.f_list_box li a{font-size:1.4rem; padding:0 10px;}
}