@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; -ms-overflow-x: hidden;}
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;}

@-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}


.lnb{display:none;}
header{height:100px; position:fixed; width:100%; z-index:999; min-width:1200px; border-bottom:1px solid #383838; background:rgba(0,0,0,0.4);}
header h1{position:absolute; top:50%; left:30px; transform:translateY(-50%);  z-index:666;}
header h1 img{height:60px; vertical-align:middle;}
header h1 a{color:#ad3807; font-weight:700; font-size:20px; letter-spacing:-0.01em; color:#fff;}
header h1 a div{display:inline;}
header h1 a span{display:inline-block; margin:0 5px 0 18px; font-size:1.7rem; vertical-align:middle; color:#231916; line-height:1.2em; font-weight:500; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
header h1 a em{vertical-align:middle;}
#header.fixed{background:rgba(0,0,0,0.85);}

#headerWrap{overflow:hidden; height:100px; }
#headerWrap.on{border-bottom:1px #383838 solid; background:rgba(0,0,0,0.9);}
#headerWrap .gnb{text-align:center; }
#headerWrap.on .gnb{border-bottom:1px #383838 solid;}
#headerWrap .gnb > li{display:inline-block; vertical-align:top; position:relative; width:180px; margin-right:-3px;text-align:center;box-sizing:border-box;}
#headerWrap .gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#headerWrap .gnb li h2{height:100px; font-size:1.333em;}
#headerWrap .gnb li h2 a{display:block; padding:0 15px; line-height:100px; font-size:2rem; color:#fff;}
#headerWrap .gnb li h2 a .strong{font-weight:600;}
#headerWrap .gnb li:hover h2 a, #headerWrap .gnb li h2.current a{color:#ff8700;}
#headerWrap .gnb li ul{text-align:left; padding-bottom:20px; padding-top:20px; border-bottom-width:0; position:absolute; width:100%; text-align:center; }
#headerWrap .gnb li ul:before{content:""; display:block; width:1px; height:100%; background:#383838; position:absolute; top:0; left:0;}
#headerWrap .gnb li:first-child ul{border-left-width:0;}
#headerWrap .gnb li ul li{display:block; box-sizing:border-box;}
#headerWrap .gnb li ul li a{color:#565654; font-size:1.6rem; line-height:1.5em; word-break: keep-all; display:block; letter-spacing:-1.2px; padding:7px 0; color:#d4d4d4;}
#headerWrap .gnb li ul li a:hover{color:#fff; background:#e57900;box-sizing:border-box;}

.right_logo{position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.right_logo img{height:35px;}

#m-menu{display:none;}


.inner{max-width:1200px; margin:0 auto;}

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

/*footer*/
.footer_box{background:#202124; }
footer{border-top:1px solid #383838;}
.animation{width:10%; display:block; float:left;}
.animation img{width:100%; }

.banner{width:1200px; margin:0 auto; padding:20px 0; text-align:center;}
.banner div{display:inline-block; vertical-align:top; height:42px;}
.banner:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.banner h3{text-align:center; font-size:1.5rem; color:#e6e6e6; display:inline-block; vertical-align:middle;}
.banner .banner01{margin-right:70px;}
.banner ul{ display:inline-block;  vertical-align:middle;}
.banner .banner02_2{margin-top:10px;}
.banner ul li{display:inline-block; margin:0 40px;}
.banner span{line-height:42px; display:block;}
.banner span img{vertical-align:middle; height:32px;}
.banner .h_long span img{height:37px;}
.banner ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}



.f_cont{ border-top:1px #393a3b solid;  color:#a4a3a3; font-size:1.5rem;}
.f_cont .inner{position:relative; padding:35px 0 32px;}
.f_cont .logo_box{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.f_cont .logo_box img{height:69px;}
.f_cont .cont_box{/*margin-left:150px;*/}
.fnb{ margin-bottom:20px;}
.fnb li{display:inline-block; margin-left:15px; padding-left:15px; position:relative;}
.fnb li:before{content:""; display:block; width:1px; height:13px; background:#e0e0e0; position:absolute; top:5px; left:0;}
.fnb li:first-child{margin-left:0; padding-left:0;}
.fnb li:first-child:before{display:none;}
.fnb li a{color: #e0e0e0; font-size:1.6rem;}
.f_cont .cont_box p{margin-bottom:5px; font-size:1.5rem; word-break:keep-all;}
.f_cont .cont_box p br{display:none;}
.f_cont .cont_box p .f_white{color:#e5e5e5;}
.f_cont .cont_box p em.bar{display:inline-block; margin:0 5px; } 
.f_cont .copy{font-family:'Roboto'; text-transform:uppercase; margin-bottom:0;}

.f_cont .culture_box{position:absolute; top:0; right:0; background:#26282c; padding:40px; text-align:center; height:100%; box-sizing:border-box;}
.f_cont .culture_box .img_txt{padding-bottom:15px;  margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.2);}
.f_cont .culture_box .img_txt img{height:41px; max-width:100%;}
.f_cont .culture_box p{color:#fff; font-size:1.5rem;}




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


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

header{min-width:inherit;}
header h1{left:2%; margin-left:0;}

header h1 a span{display:none;}
#headerWrap .gnb > li{width:175px;}
#headerWrap .gnb > li:first-child{margin-left:87px;}
#headerWrap .gnb li h2 a{font-size:1.8rem;}
.right_logo{display:none;}


.banner{width:100%;}
.f_cont .inner{padding:35px 15px 32px;}
.f_cont .logo_box{left:20px;}
.f_cont .cont_box{padding-right:350px;}
}


@media (max-width:1024px) {
#headerWrap{display:none;}
#header{min-width:100%; height:80px; background:rgba(0,0,0,0.8);}
#header h1{height:80px; text-align:left; padding-left:10px;}
#header h1 a{height:80px; line-height:80px;}
#header h1 a img{width:auto; height:50px;}
header h1 a span{display:inline-block; font-size:1.4rem;}

#m-menu{display:block;}
.lnb{display:block;background:#20599d; padding:20px; }
.lnb a{vertical-align:middle; margin-right:10px;}
.lnb .btn-link{display:inline-block; padding:6px 20px; border-radius:999px;font-size:1.6rem; line-height:1.2; color:#fff; background:#09ada4;}
.lnb .sns-link span{display:inline-block; width:40px; height:40px; line-height:39px; background:#124178; border-radius:999px; text-align:center;}
.lnb .sns-link img{line-height:40px; vertical-align:middle; width:20px;}
.lnb .sns-link.in:hover span{background:#d02e7a;}
.lnb .sns-link.yu:hover span{background:#ff0000;}
.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{top:18px; right:10px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#545454; height:45px; width:45px; line-height:47px;}
.m-menu-btn.m-menu-btn-close{top:18px; right:10px;}
.m-menu-btn.m-menu-btn-close button{background:#545454; width:45px; height:45px; line-height:45px;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:280px; height:auto; min-height:100%;  z-index:99; top:81px;  right:0%; background:#fff;}
header .m-menu-list .gnb{padding-left:0;}
header .m-menu-list .gnb > li{padding:0 15px;}
header .m-menu-list .gnb h2{position:relative; }
header .m-menu-list .gnb h2 a{font-size:1.7rem; display:block; padding:20px 0; border-bottom:1px dashed #ccc;}
header .m-menu-list .gnb2depth{display:none; padding:20px 15px; background:#f7f7f7; border-top:1px solid #e0e0e0; }
header .m-menu-list .gnb2depth li{margin-top:10px; padding-left:10px;}
header .m-menu-list .gnb2depth li:first-child{margin-top:0;}
header .m-menu-list .gnb2depth li a{display:block; font-size:1.6rem;} 
header .m-menu-list .lnb > li.active .m_tit{color:#14569c;}
header .m-menu-list li h2:after {content: ""; display: block; position: absolute; top: 19px; right: 11px; width: 25px; height: 25px; background: url(../../images/common/m_bottom.png) no-repeat; background-size: 25px;}
header .m-menu-list li.active h2:after {background-image: url(../../images/common/m_top.png); }

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

.banner ul{display:block;}
.banner ul li{margin:0; width:25%;  }
.banner ul li:nth-child(n+4){margin-top:10px;}

.f_cont .cont_box{padding-right:0;}
.f_cont .culture_box{position:static; top:auto; right:auto; padding:20px; margin-top:30px; }

}

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

#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;}

.banner{padding:10px 0; text-align:left;}
.banner ul li{width:33%; text-align:center;}
.banner ul li:nth-child(n+4){margin-top:0;}
.banner span img{height:25px;}
.banner .h_long span img{height:30px;}

.f_cont .logo_box{position:static; top:auto; left:auto; transform:inherit; text-align:center;}
.f_cont .logo_box img{height:60px;}
.f_cont .inner{padding:15px; padding-top:20px;}
.fnb{margin-bottom:10px;}
.fnb li a{font-size:1.4rem;}
.f_cont p{font-size:1.4rem;}

.f_cont .culture_box{margin-top:20px;}
}