@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*/
html{font-size:10px; -ms-overflow-x: hidden;}
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:#333;}
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:#444; font-size:10px; line-height:1.5; letter-spacing:-0.05em; font-family: 'NanumSquare', sans-serif; font-weight:400;}
.noto{font-family:'Noto Sans KR', sans-serif;}

@-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{position:relative; width:1200px; margin:0 auto;}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

/* 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:fixed;top:0;left:0; right:0; width:100%; min-width:1000px; height:100px;background:#fff;z-index:999; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); border-bottom:1px solid #e0e0e0;}
#header h1{ height:100px; line-height:100px; position:absolute; top:0; left:45px;}
#header h1 a{display:inline-block; z-index:200;}
#header h1 a img{ vertical-align:middle; }
#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}


#headerWrap{background:#fff; height:100px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
#headerWrap .lnb{text-align:center; margin-left:-100px;}
#headerWrap .lnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#headerWrap .lnb > li{display:inline-block; vertical-align:top; position:relative; text-align:center; }
/*#headerWrap .lnb > li:after{content:""; display:none; width:0; height:0; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent; position:absolute; bottom:0px; left:50%; transform:translateX(-50%);}*/
#headerWrap .lnb > li.active:after{display:block;}
#headerWrap .lnb > li > a{position:relative; display:block; /*padding:0 55px;*/ line-height:100px; font-size:2.2rem; box-sizing:border-box; font-weight:600; min-width:165px;}
#headerWrap .lnb > li.active > a{color:#1474b2;}
#headerWrap .lnb > li > a:after{content:""; display:block; width:100%; max-width:186px; height:5px; background:#1474b2; position:absolute; bottom:0; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s; z-index:50;}
#headerWrap .lnb > li.active a:after{opacity:1;}
#headerWrap .lnb > li > ul{background:#fff; display:none; border:1px solid #ddd; border-top:0;}
#headerWrap .lnb li ul{position:absolute; left:50%; transform:translateX(-50%); width:186px;padding:10px 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.8rem;}
#headerWrap .lnb li ul li:hover a{color:#1474b2; text-decoration:underline; }
#m-menu{display:none;}

.tnb{position:absolute; top:0; right:45px; padding-left:100px;}
.tnb > div{display:inline-block; vertical-align:top;}
.tnb .icon_img{height:30px;  vertical-align:middle; display:inline-block; margin-right:7px;}
.tnb .sns{display:inline-block; }
.tnb .login, .tnb .mypage, .tnb .sns{margin-left:12px; padding-left:12px; position:relative;}
.tnb .login:before, .tnb .mypage:before, .tnb .sns:before{content:""; display:block; width:1px; height:20px; background:#d0d2d4; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.tnb .sns a, .tnb .login a, .tnb .mypage a{display:block; line-height:100px; vertical-align:middle; font-size:1.6rem; color:#808284; letter-spacing:0.02em; font-weight:600;}
.tnb .login a, .tnb .mypage a{font-weight:400;}
.tnb .sns .icon_img{margin-right:0;}

.tnb .language{position:absolute; top:34px; left:0;}
.tnb .lan_btn{display:inline-block; letter-spacing:0.02em;}
.tnb .lan_btn a{display:block; line-height:30px;  font-size:1.6rem; color:#075a92; padding:0 30px 0 0px;   position:relative; box-sizing:border-box; font-weight:400;}
.tnb .lan_btn a:after{content:""; display:block; position: absolute;top:44%; right:10px;  width: 0; height: 0; border: 5px solid transparent; border-top-color: #075a92;}
.tnb .lan_btn span{display:inline-block; }
.tnb .lan_list{position:relative; z-index:999; background:#fff; border:1px #d0d2d4 solid;  display:none;}
.tnb .lan_list a{display:block; line-height:25px; font-size:1.6rem; color:#808284; padding:5px 10px; border-top:1px dashed #e0e0e0; font-weight:300;}
.tnb .lan_list li:first-child a{border-top:0;}
.tnb .lan_list a:hover{color:#000;}

#footer .host_list{border-top:1px solid #e1e1e1; padding:40px 0 30px; }
#footer .host_list dl{position:relative; display:block; padding-top:30px; margin-top:30px; border-top:1px dashed #ccc;}
#footer .host_list dl:first-child{padding-top:0; margin-top:0; border-top:0;}
#footer .host_list dt{position:absolute; top:30px; left:0; color:#888888; font-size:1.9rem; font-weight:600; display:inline-block; vertical-align:top; }
#footer .host_list dl:first-child dt{top:0;}
#footer .host_list dd{margin-left:180px;}
#footer .host_list dd img{display:inline-block; height:30px; margin-right:13px;}
#footer .host_list dd img:first-child{margin-left:0;}
#footer .host_list dl.support dd img{margin-bottom:15px;}

#footer .f_box{background:#222222; padding:40px 0; color:#868686; font-size:1.6rem;}
#footer .f_box .inner{position:relative;}
#footer .f_box .logo_box{position:absolute; top:25px; left:0;}
#footer .f_box .txt_box{margin-left:250px;}
#footer .f_box .txt_box .ff_list{margin-bottom:10px;}
#footer .f_box .txt_box .ff_list li{display:inline-block; margin:0 10px;}
#footer .f_box .txt_box .ff_list li:first-child{margin-left:0;}
#footer .f_box .txt_box .ff_list li a{color:#e0e0e0;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1440px) {
#headerWrap .lnb > li:first-child{margin-left:0px;}
#headerWrap .lnb > li > a{padding:0 20px; min-width:auto;}
.tnb{right:20px; padding-left:88px;}
.tnb > div{margin-left:0;}
.tnb > div a{font-size:0;}
.tnb .sns a, .tnb .login a, .tnb .mypage a, .tnb .lan_btn a{font-size:1.4rem;}
}

@media (max-width:1200px) {
.inner{width:100%; box-sizing:border-box;}
#header h1{left:20px;}
#header h1 a img{height:25px;}
.gnb > li:first-child{margin-left:0;}
#headerWrap .lnb > li:first-child{margin-left:-95px;}
#headerWrap .lnb > li > a{ font-size:1.8rem;}
#headerWrap .lnb li ul{width:150px;}


#footer .host_list .inner{padding:0 15px;}
#footer .f_box{padding:40px 15px;}
}


@media (max-width:1024px) {
#header{min-width:100%;  height:100px;}
#header{height:90px;}
#header h1{top:0px; height:90px; line-height:90px;}
#header h1 a{line-height:90px;}
/*#header h1 a img{height:40px;}*/
#header h1 .number-img{width:60px;}
#header h1 a .logo_box{margin-left:0;}
#header .top_head .tnb{display:none;}
#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:23px; right:10px;}
.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-close{ top:12px; right:10px;}
.m-menu-btn.m-menu-btn-close button{background:#14569c; 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:305px; height:auto; min-height:100%;  z-index:99;  right:0%; background:#fff;}
header .m-menu-list a{font-size:1.7rem;}
header .m-menu-list .tnb{text-align:left; position:static; top:auto; right:auto; padding:0 10px; border-bottom: 1px solid #e0e0e0;}
header .m-menu-list .tnb > div{vertical-align:middle;}
header .m-menu-list .tnb > div a{line-height:90px; vertical-align:middle;}
header .m-menu-list .tnb > div.t_01 a{font-size:0;}
header .m-menu-list .tnb > div img{margin-right:5px;}
header .m-menu-list .tnb > div.t_01 img{margin-top:2px;}
header .m-menu-list .lnb > li{width:100%;  border-bottom:1px solid #e0e0e0;}
header .m-menu-list .lnb > li > .m_tit{position:relative;display:block; font-size:1.8rem; padding:15px;  font-weight:400; }
header .m-menu-list .lnb > li:first-child > a{border-top:0;}
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; }
header .m-menu-list .lnb > li.active .m_tit{color:#14569c;}
header .m-menu-list li .m_tit: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:after {background: url(../../images/common/m_top.jpg) no-repeat; }
.gnb li:hover ul,
.gnb ul li.current ul{margin-top:0; border-top:0;}

header .m-menu-list .tnb{padding-left:10px;}
header .m-menu-list .tnb .login{padding-left:0; margin-left:0;}
header .m-menu-list .tnb .login:before{display:none;}
header .m-menu-list .tnb .language{display:none; top:0; left:10px;}
header .m-menu-list .tnb > div a{line-height:70px;}
header .m-menu-list .tnb .language .lan_list{margin-top:-15px;}
header .m-menu-list .tnb .language .lan_list a{line-height:inherit;}

#m-menu .language{position:absolute; top:31px; right:70px;}
#m-menu .language .lan_btn{display:inline-block; letter-spacing:0.02em; border-bottom:1px solid #333;}
#m-menu .language .lan_btn a{display:block; line-height:30px;  font-size:1.6rem;  padding:0 20px 0 0px;   position:relative; box-sizing:border-box; font-weight:600;}
#m-menu .language .lan_btn a:after{content:""; display:block; position: absolute;top:44%; right:0px;  width: 0; height: 0; border: 5px solid transparent; border-top-color: #333333;}
#m-menu .language .lan_btn span{display:inline-block; }
#m-menu .language .lan_list{position:relative; z-index:999; background:#fff; border:1px #d0d2d4 solid;  display:none;}
#m-menu .language .lan_list a{display:block; line-height:25px; font-size:1.6rem; color:#808284; padding:5px 10px; border-top:1px dashed #e0e0e0;}
#m-menu .language .lan_list li:first-child a{border-top:0;}
#m-menu .language .lan_list a:hover{color:#000;}

#footer .host_list dl:first-child:after{display:none;}
#footer .host_list dt{display:block; margin-bottom:10px;}
#footer .host_list dd img:first-child{margin-left:0;}

}


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

#header{height:70px;}
#header h1{height:70px; line-height:70px;}
#header h1 a{line-height:70px;}

#m-menu .language{top:21px;}
.m-menu-btn.m-menu-btn-open, .m-menu-btn.m-menu-btn-close{top:13px;}

#footer .host_list{padding:20px 0 10px;}
#footer .host_list dl{padding-top:20px; margin-top:20px;}
#footer .host_list dt{position:static; top:auto; left:auto;}
#footer .host_list dd{margin-left:0;}
#footer .host_list dd img{height:23px; margin-right:15px;}
#footer .f_box .logo_box{position:static; top:auto; left:auto; text-align:center;}
#footer .f_box .logo_box img{height:25px;}
#footer .f_box .txt_box{margin-left:0; margin-top:20px;}
#footer .f_box .txt_box .ff_list li{width:49%; margin:0; margin-bottom:5px; text-align:center;}
}