@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');
}



/*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{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:#333;}
td a, div a{color:#333;}
a:hover,a:active,a:focus{text-decoration:none; color:#0d64a7;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
strong,h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#333333; font-size:10px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:300;}

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


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

.blind{display:none;}

/* 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}


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

.top-popup{background:url(../../images/common/top-popup-bg.jpg) no-repeat; background-size:cover; height:80px; text-align:center;}
.top-popup a{display:block;}
.top-popup p{display:inline-block; line-height:80px; vertical-align:middle; }
.top-popup p img{line-height:80px; vertical-align:middle;}
.top-popup .logo img{display:inline-block; height:45px;}
.top-popup .date{font-size:1.7rem; color:#d0eafe; font-weight:400; margin:0 15px; display:none;}
.top-popup .slogan{margin-left:20px;}
.top-popup .slogan img{display:inline-block; height:26px;}

header{height:100px; position:relative; z-index:99; width:100%; border-top:3px #1d7bc3 solid;}
#logo{ position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-600px;}
#logo img{width:220px;}
#logo .m-img{display:none;}
#headerWrap{overflow:hidden; height:100px; background:#fff;background-image:url(../../images/common/header-line.gif); background-repeat:repeat-x; background-position:0 100px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
.gnb{text-align:center; margin-left:300px;}
.gnb > li{display:inline-block; vertical-align:top; position:relative; width:170px; margin-right:-3px;text-align:center;}
.gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb li h2{height:100px; }
.gnb li h2 a{display:block; line-height:100px; font-size:18px;}
.gnb li:hover h2 a,
#headerWrap .gnb li h2.current a{color:#1d7bc3;}
.gnb li h2.current a{background:url(../../images/common/menu-current.gif) no-repeat 50% 79%;}
.gnb li ul{text-align:left; padding-bottom:45px; padding-top:20px; border-bottom-width:0; position:absolute; width:100%; border-left:1px #e0e0e0 solid; text-align:center;}
.gnb li:first-child ul{border-left-width:0;}
.gnb li ul li{display:block; padding:5px 0;}
.gnb li ul li a{ font-size:15px; word-break: keep-all; display:block;}
.gnb li ul li a:hover{color:#1d7bc3;}
#headerWrap  .gnb li:hover ul/*,
#headerWrap  .gnb ul li.current ul,
#headerWrap .gnb li h2.current + ul*/{border-top:3px #1d7bc3 solid; margin-top:-3px;}
#m-menu{display:none;}

.inner{max-width:1200px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

footer{background:#181818; text-align:center; color:rgba(255,255,255,0.6); padding-bottom:30px;}
footer .inner{position:relative;}
footer .site_box{position:relative; background:#f5f5f5; padding:2rem 0 1.6rem;}
footer .site_box .slide{padding:0 6rem;}
footer .site_box .slide li{text-align:center;}
footer .site_box .slide li a{display:inline-block; text-align:center;}
footer .site_box .slide li img{height:50px;}
footer .site_box .slide .slick-dots{display:none !important;}
footer .site_box .s_LR_btn li{position:absolute; top:50%; left:0; transform:translateY(-55%);}
footer .site_box .s_LR_btn li.s_next{left:auto; right:0;}
footer .site_box .s_LR_btn li span{display:inline-block; width:40px; height:40px; background:#fff; border-radius:999px; text-align:center; cursor:pointer;}
footer .site_box .s_LR_btn li span i{display:inline-block; font-size:2.8rem; line-height:40px; vertical-align:middle; color:#000;}

footer #fnb{width:1200px; margin:0 auto; border-bottom:1px #494744 solid;}
footer #fnb ul{padding:18px 0;}
footer #fnb li{display:inline-block;}
footer #fnb li span{display:inline-block; padding:0 20px;}
footer #fnb li a{color:rgba(255,255,255,0.8); font-size:1.5rem;}
footer .foot-box{border-top:1px rgba(255,255,255,0.2) solid; width:1200px; margin:0 auto; padding-top:23px; font-size:1.4rem; position:relative;}
footer .foot-box address{margin-bottom:10px;}
footer .foot-dropbox{position:absolute; right:0; top:25px;}
footer .foot-dropbox button{background:#7a7672; width:140px; height:42px; color:#fff;}
footer .foot-dropbox button i{font-size:19px; vertical-align:middle;}
footer .foot-dropbox ul{display:none; position:absolute; background:red; bottom:43px; width:100%; text-align:left;background:#7a7672;}
footer .foot-dropbox ul li a{display:block; color:#fff; color:rgba(255,255,255,0.8); padding:10px; border-top:1px #8b8580 solid;}
footer .foot-dropbox ul li:first-child a{border-top-width:0;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1279px) {
footer #fnb,
footer .foot-box{width:100%;}
footer .foot-dropbox{right:2%;}

header{height:126px; padding-top:15px;}
#headerWrap{height:55px; background-position:0 55px;}
#logo{position:relative; top:auto; left:auto; margin-left:0; margin-top:0; text-align:center; display:block; width:100%; border-bottom:1px #e0e0e0 solid; padding-bottom:15px; box-sizing:border-box;}
.gnb{margin-left:0;}
.gnb > li{width:14.2%;}
.gnb li h2,
.gnb li h2 a{height:55px; line-height:55px; padding:0;}
.gnb li h2.current a{background:none;}

footer .site_box .s_LR_btn li{left:20px;}
footer .site_box .s_LR_btn li.s_next{right:20px;}

}

@media (max-width:1200px) {
.inner, .inner_1100, .inner_1000{max-width:100%; padding:0 15px; box-sizing:border-box;}
}


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

header{height:auto; height:70px; padding-top:0; border-bottom:1px solid #eee;}

#logo{border-bottom-width:0; text-align:left; padding:10px 0 0 10px;}
#logo img{width:200px;}
#m-menu{display:block;}
#headerWrap{display:none;}

.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:13px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#1d7bc3; height:45px; width:45px; line-height:45px; border-radius:4px;}
.m-menu-btn.m-menu-btn-open button i{margin-left:2px;}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:260px;}
.m-menu-btn.m-menu-btn-close button{background:#3a99e1; 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:999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:220px; height:auto; min-height:100%;  z-index:99;  right:0%;background:#1d7bc3;padding:0 20px 20px;}
header .m-menu-list a{color:#fff;}
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;}
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.7);}
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;}

footer .foot-dropbox{right:0; position:relative; top:auto; margin-top:30px;}
footer .foot-dropbox button{width:100%;}
}

@media (max-width:768px) {
html{font-size:9px;}

.top-popup{height:60px;}
.top-popup p{line-height:60px;}
.top-popup .logo img{height:40px;}
.top-popup .slogan{display:none;}

#logo{padding-top:15px;}
#logo img{width:180px;}
footer{font-size:12px;}
footer .site_box .slide li img{height:40px;}

footer .foot-box{font-size:12px;}
footer #fnb li span{padding:0 0px;}
}