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

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

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

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

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



/*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:400;}
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; }
.inner{width:1200px; margin:0 auto;}

/* 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 .inner {position:relative}
.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}

/* header */
header{position:fixed; top:0; left:0; width:100%; height:100px;  z-index:201; border-bottom:1px solid rgba(255,255,255,0.3);}
header .logo{ position:absolute; top:0; z-index:66; left:50%; margin-left:-600px; height:100px;}
header .logo a{display:block; background:url("../../images/common/logo.png") no-repeat; background-position: 50% 50%; background-size: 138px auto; font-size: 0px; width:138px; height:100%;}
#headerWrap{overflow:hidden; height:100px; min-width:1200px; width:100%; position:absolute;background:none; -webkit-transition-property: background, height; /* Safari */  -webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-delay: 0s; transition-property: background, height; transition-duration: 0.2s; transition-delay: 0s;}

/*.gnb{text-align:right; }*/
.gnb{text-align:center;}
.gnb > li{display:inline-block; vertical-align:top; position:relative; width:150px; margin-right:-3px;text-align:right;}
.gnb > li:first-child{margin-left:230px;}
.gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb li h2{height:100px; font-size:1.8rem; font-weight:300;}
.gnb li h2 a{display:block; padding:0 15px; line-height:100px; color:#fff; text-align:center; font-weight:400;}
.gnb li:first-child ul{border-left-width:0;}
.gnb li ul li{display:block; padding:8px 0;}
.gnb li ul li a{color:#565654; font-size:1.6rem; line-height:1.5em; word-break: keep-all; display:block; padding:0 5px;}
/*hearder-fixed, hover 공통*/
header.fixed{filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.2));}
header.fixed,
#headerWrap.on{background:#fff;}
#headerWrap.on{height:400px;}
header.fixed h1 a,
#headerWrap.on h1 a{background-image:url(../../images/common/logo_color.png);}
header.fixed .gnb li h2 a,
#headerWrap.on .gnb li h2 a{color:#222;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
/*#headerWrap.on h1{left:50%; margin-left:-125px;}*/
#headerWrap.on .gnb{text-align:center; border-bottom:1px #e6e6e6 solid; position:relative;}
#headerWrap.on .gnb > li{text-align:center;}
#headerWrap.on .gnb li ul{margin-top:0; padding-top:23px;}
#headerWrap .gnb li h2.current a{color:#e60012;  }
#headerWrap .gnb li h2 a:before, #headerWrap.on .gnb li h2 a:before{content:""; display:none; width:30px; height:2px; background:#e60012; position:absolute; bottom:25px; left:50%; margin-left:-15px;}
#headerWrap .gnb li:hover h2 a:before, #headerWrap.on .gnb li h2.current a:before{display:block;}
#headerWrap .gnb li ul{position:absolute; width:100%; border-left:1px #e0e0e0 solid; text-align:center; padding-bottom:40px; margin-top:23px;}
#headerWrap.on .gnb > li:hover h2 a,
#headerWrap .gnb > li ul li a:hover{color:#e60012;}

#m-menu{display:none;}


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

#footer{background:#282728; font-size:1.5rem;}
#footer .inner{position:relative; padding:0 15px; box-sizing:border-box;}
#footer .site_list{padding:50px 0;}
#footer .site_list .inner > ul{font-size:0; text-align:center;}
#footer .site_list .inner > ul > li{display:inline-block; width:14.28%; font-size:1.6rem; vertical-align:top;}
#footer .site_list li h2{ margin-bottom:10px;}
#footer .site_list li h2 a{font-size:2rem; font-weight:300;}
#footer .site_list li a{color:#fff;}
#footer .site_list li li{margin-top:5px;}
#footer .site_list li li a{ color:#999; display:block;}
#footer .f_cont{padding:40px 0 50px; border-top:1px solid #484748;}
#footer .f_cont .logo img{height:35px;}
#footer .privacy_link{margin-top:20px;}
#footer .privacy_link li{display:inline-block; padding-right:7px; margin-right:7px; position:relative;}
#footer .privacy_link li:after{content:"ㆍ"; display:block; position:absolute; top:2px; right:-9px; color:#fff;}
#footer .privacy_link li:last-child:after{display:none;}
#footer .privacy_link li a{color:#fff; font-size:1.8rem;}
#footer .info{margin-top:20px; font-size:1.6rem; color:#e6e6e6;}
#footer .copy{font-size:1.4rem; color:rgba(255,255,255,0.3); margin-top:20px;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
header .logo{height:90px; left:20px;  margin-left:0;}
header h1{height:90px; left:10px; margin-left:0;}

.gnb > li{width:140px;}
.gnb > li:first-child {margin-left:190px;}
}

@media (max-width:1200px) {
.gnb > li{width:120px;}
.gnb > li:first-child {margin-left: 0;}
}


@media (max-width:1024px) {
header{height:90px;}
#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{ top:20px; right:10px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; height:45px; width:45px; line-height:inherit;}
.m-menu-btn.m-menu-btn-open button i{margin-left:2px;}
.m-menu-btn.m-menu-btn-close{position:fixed; top:20px; right:10px;}
.m-menu-btn.m-menu-btn-close button{background:#fff; width:45px; height:45px; line-height:inherit; }
.m-menu-btn button i{font-size:40px; 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;  right:0%;background:#fff;padding:0 20px 20px;}
header .m-menu-list a{color:#fff;}
header .m-menu-list .logo{height:60px; top:13px; left:20px;  margin-left:0;}
header .m-menu-list .logo a{background-size:100px auto; width:100px; background-image:url('../../images/common/logo_color.png');}
header .m-menu-list .gnb{margin-left:0; margin-top:85px; 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:first-child{margin-left:0;}
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; text-align:left; color:#333;}
header .m-menu-list .gnb li ul{display:none; border-top:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; padding:20px 10px; background:#fff; }
header .m-menu-list .gnb li ul li a{ color:#333;}
header .m-menu-list .gnb li ul li a br{display:none;}
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 h2 a{ padding-bottom:1px; line-height:35px; color:#333;}
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;}
header .m-menu-list .gnb > li > .m_tit{position:relative;display:block; font-size:1.7rem; padding:10px 0;  font-weight:400; }
header .m-menu-list .gnb2depth li:first-child{margin-top:0;}
header .m-menu-list .gnb2depth li a{display:block; padding:0;}
header .m-menu-list .gnb > li.active .m_tit a{color:#e60012;}
header .m-menu-list li .m_tit a:after {content: ""; display: block; position: absolute; top: 11px; right: 11px; width: 30px; height: 30px; background: url(../../images/common/m_bottom.jpg) no-repeat; background-size: 30px;}
header .m-menu-list li.active .m_tit a:after {background: url(../../images/common/m_top.jpg) no-repeat; }
header.fixed .m-menu-btn button i{color:#000;}
}


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

header{height:60px;}
header h1{height:60px; left:10px; margin-left:0;}
header .logo{height:60px; top:0px; left:20px;  margin-left:0;}
header .logo a{background-size:100px auto; width:100px; }
header .m-menu-list .logo{top:0;}
.m-menu-btn.m-menu-btn-open{top:12px; right:20px;}
.m-menu-btn.m-menu-btn-open button{height:35px; width:35px;}
.m-menu-btn.m-menu-btn-close{top:12px; right:20px;}
.m-menu-btn.m-menu-btn-close button{height:35px; width:35px;}
.m-menu-btn button i{font-size:35px;}
header .m-menu-list .gnb{margin-top:60px;}

#footer .site_list{padding:30px 0;}
#footer .site_list .inner > ul{text-align:left;}
#footer .site_list .inner > ul > li{width:33.333%; text-align:center;}
#footer .site_list .inner > ul > li:first-child{margin-bottom:20px;}
#footer .site_list li h2{margin-bottom:5px;}
#footer .site_list li h2 a{font-size:1.6rem;}
#footer .site_list li li{margin-top:0px;}
#footer .site_list li li a{font-size:1.4rem; }
#footer .f_cont{padding:30px 0 35px;}
#footer .f_cont .logo img{height:25px;}
#footer .privacy_link li a{font-size:1.6rem;}
#footer .info{font-size:1.4rem; margin-top:10px;}
#footer .copy{margin-top:10px;}
}