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

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

/*Reset*/
legend,caption,.blind{display: none;}
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:#444;}
td a, div a{color:#606060;}
a:hover,a:active,a:focus{text-decoration:none; color:#a85915;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#2e3a42; font-size:14px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:400;}


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

.blind{display:none;}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
/* skiptoContent */
#skiptoContent{position:fixed;top:0;leftt: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:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


header{position:absolute; height:80px; border-bottom:1px rgba(255,255,255,0.1) solid; z-index:999; width:100%; min-width:1200px;}
header h1{position:absolute; left:30px; top:18px; z-index:33;}
header h1 img{width:215px;}

header .tnb{position:absolute; right:30px; padding:18px 0; top:0; height:44px; line-height:44px;z-index:33;}
header .tnb a{display:inline-block; background:url(../../images/common/tnb-but.png) no-repeat 0% 50%; padding:0 11px 0 11px; color:#fff; font-size:16px; font-weight:500;}
header .tnb a:first-child{background:none;}
header .tnb a.facebook-link{background:none; padding-right:0; font-size:24px; color:rgba(255,255,255,0.5); vertical-align:middle;}
header .tnb a i{display:inline-block; vertical-align:middle; margin-top:-3px;}

/*header*/
#headerWrap{overflow:hidden; position:relative; padding-bottom:0px;}

#headerWrap.on{background:rgba(56,48,44,1);}

.gnb-bg{width:100%; position:absolute;background:rgba(56,48,44,1); height:0; z-index:11;}

header .gnb{ height:80px; margin:0 auto; text-align:center; position:relative; z-index:22;}
header .gnb.on{border-bottom:1px rgba(255,255,255,0.1) solid;background:rgba(56,48,44,0.97); width:100%; min-width:1200px;}
header .gnb li{display:inline-block; position:relative;}
header .gnb li h2{line-height:78px;padding:0 35px 0 25px;}
header .gnb li.gnb03 h2{padding-right:38px;}
header .gnb li h2 a{display:block;  color:#fff; font-size:17px; /*border-bottom:2px #e0920a solid;*/ padding:0 5px;}
header .gnb li:hover h2 a, header .gnb li h2.current a{border-bottom:2px #e0920a solid;}
header .gnb li:first-child h2{padding-left:160px;}

header .gnb li ul{position:absolute; text-align:left; margin-left:30px; padding-bottom:55px; top:101px;}
header .gnb li .sub03_txt{margin-left:18px;}
header .gnb li ul li{display:block;}
header .gnb li ul li a{display:block; color:rgba(255,255,255,0.4); padding:5px 0;}
header .gnb li ul li a:hover{color:#fff;}
header .gnb li:first-child ul{margin-left:160px;}

#m-menu{display:none; position:relative;}


/*header*/

/*footer*/
footer{background:#e8edee; width:100%; min-width:1200px;}
.footer-box{width:1200px; margin:0 auto;}
.footer-box h2{color:#383d3f; font-size:18px; margin-bottom:15px;}
.footer-box section{float:left; width:45%; padding:45px 0 70px;}
.footer-box section ul{}
.footer-box section ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.footer-box section li{border-bottom:1px #d5dadf solid; color:#5e6568; padding:10px 0 12px;}
.footer-box section li:first-child{border-top:1px #d5dadf solid;}
.footer-box:after{content:".";clear:both;display:block;height:0;visibility:hidden}


.footer-box #f-support a{display:block; border:1px #e2e6ea solid; width:318px; height:78px;}
.footer-box #f-support ul li{margin-top:10px; border-width:0; padding:0;}
.footer-box #f-support ul li:first-child{margin-top:0;}

.footer-box #f-site {margin-right:2%; margin-left:20px;}
.footer-box #f-site li {float:left; width:47%; margin-right:2%; border-top:1px #d5dadf solid; }
.footer-box #f-site .no-border{border-top:0;}
.footer-box #f-site li.w_100{width:100%; text-align:center;}
.footer-box #f-site li img{width:296px;}
.footer-box #f-site li a{display:block; color:#5e6568;}

.footer-box #f-info{width:50%;}
.footer-box #f-info li{position:relative; padding-left:22px; float:left; margin-right:2.5%;  }
.footer-box #f-info li:first-child{float:none;  margin-right:0;}
.footer-box #f-info .left_tel{width:35%;}
.footer-box #f-info .left_mail{width:55%; margin-right:0;}
.footer-box #f-info i{position:absolute; left:0; width:22px; text-align:center; top:11px; font-size:18px;}



address{width:1200px; margin:0 auto; text-align:center; border-top:1px #d5dadf solid; font-weight:300; color:#878b8d; font-size:14px; padding:30px 0px;}
address .f_privacy{display:block; margin-bottom:12px;}
address .f_privacy a{display:inline-block; padding:6px 10px; background:#5e6568; color:#fff; font-size:13px; font-weight:300; letter-spacing:0.5px;}

/*footer*/


/*main,sub 공용*/
.search-txt .S-txt01 img{height:18px;}
.search-txt .S-txt02 img{height:45px;}
.search-form{background:#fff; width:460px; height:60px; margin:50px auto; position:relative;}
.search-form input[type="text"]{height:60px; margin-left:20px; margin-right:65px; width:80%; }
.search-form input::placeholder{color:#abb3ba; opacity:1; font-size:16px;}
.search-form button{position:absolute; top:0; right:0; width:60px; height:60px; font-size:0; background:#e0920a;}
.search-form button i{font-size:32px; color:#fff;}
/*main,sub 공용*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1600px) {

header h1 img{}
}

@media (max-width:1460px) {
header h1 img{width:180px;}
header .gnb li h2{padding:0 15px;}
header .gnb li.gnb03 h2{padding-right:50px;}
header .tnb{padding:22px 0; right:10px; height:30px; line-height:30px;}
header .tnb a{ padding:0 10px 0 10px;}
header .tnb a.facebook-link{font-size:20px;}
header h1{left:10px;}


}


@media (max-width:1024px) {
.search-form input::placeholder{font-size:13px;}

header{min-width:100%;}
footer{min-width:100%;}
#headerWrap{display:none;}
#m-menu{display:block;}
#m-menu .lang_btn{position:absolute; top:28px; right:80px;}
#m-menu .lang_btn a{color:rgba(255,255,255,0.7);}
#m-menu .lang_btn a i{display:inline-block; vertical-align:middle; margin-top:-2px;}
.m-menu-btn{width:35px; height:35px;  position:absolute;  right:15px; top:18px; cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  width:100%; height:100%;overflow:hidden;font-size:0; background:#fff; }
.m-menu-btn.m-menu-btn-close{position:fixed;}
.m-menu-btn button i{font-size:20px; color:#e0920a; }
.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:240px; height:auto; min-height:100%;  z-index:22;  right:0%;background:#38302c;padding:20px; padding-top:25px;}
header .m-menu-list a{color:#fff;}

header .m-menu-list ul.gnb{padding-top:10px; padding-top:0; height:auto;}
header .m-menu-list ul.gnb li{display:block}
header .m-menu-list ul.gnb li h2{ border-bottom:1px rgba(255,255,255,0.2) solid; padding:20px 0 10px; padding-left:0; border-bottom-width:0; line-height:45px;}
header .m-menu-list ul.gnb li ul{position:relative; top:0; padding-bottom:0; margin-left:0;}
header .m-menu-list ul.gnb li ul li a{ color:rgba(255,255,255,0.7); padding:5px;}
header .m-menu-list ul.gnb{text-align:left;}
header .m-menu-list ul.gnb li:first-child ul{margin-left:0px;}
header .m-menu-list ul.gnb li:first-child h2{padding-left:0px;}
header .m-menu-list ul.gnb li h2 a{border-bottom:2px #e0920a solid; padding-bottom:1px;font-size:16px;}

header .tnb{display:none; top:0; right:0; left:auto; background:#e0920a; text-align:left; padding:20px 30px; position:fixed; width:220px;}
header .tnb a{font-size:14px; padding-left:0; }
header .tnb .lang{display:none;}

.lm-box{width:100%; height:100%; position:absolute; z-index:11;}


.footer-box{width:94%; padding:0 3%;}
.footer-box h2{font-size:15px;}
.footer-box #f-support ul{width:100%;}
.footer-box #f-support ul li{display:inline-block; width:47%; margin-top:0; margin-right:2%;}
.footer-box #f-support a{width:100%; height:auto;}
.footer-box #f-support a img{width:100%;}

.footer-box section{width:100%; padding:15px 0; margin-right:0;}
.footer-box #f-site{margin-left:0;}
.footer-box #f-info{width:100%;}
.footer-box section ul{width:100%;}
.footer-box section ul li{font-size:12px;}
.footer-box #f-site li{border-top:0; float:none; width:100%;}
.footer-box #f-site{margin-right:0;}
.footer-box #f-site li a{font-size:12px;}
.footer-box #f-info{}
.footer-box #f-info .left_tel{width:100%; float:none; box-sizing:border-box;}
.footer-box #f-info .left_mail{width:100%; float:none; box-sizing:border-box;}


address{width:94%; border-top:0; padding:10px 3% 30px; font-size:12px;}
address .f_privacy{float:none; margin-top:14px;}
address .f_privacy a{font-size:12px; font-weight:400;  }
}


@media (max-width:740px) {
header{height:70px;}
.search-form input[type="text"]{width:200px;}
header h1{top:16px;}

#m-menu .lang_btn{top:26px; right:70px;}
.m-menu-btn{top:19px; }

.footer-box #f-site li{border-top:0;}
.footer-box #f-site li:first-child{border-top:1px #d5dadf solid; }
.footer-box #f-site li img{width:100%;}

}