@charset "utf-8";

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

@font-face {
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 600;
	src: url('../font/NanumSquareNeo-cBd.eot');
	src: url('../font/NanumSquareNeo-cBd.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumSquareNeo-cBd.woff2') format('woff2'),
		 url('../font/NanumSquareNeo-cBd.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumSquareNeo-dEb.eot');
	src: url('../font/NanumSquareNeo-dEb.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumSquareNeo-dEb.woff2') format('woff2'),
		 url('../font/NanumSquareNeo-dEb.woff') format('woff');
}

/*Reset*/
html{font-size:10px;}
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;}
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:#222; font-size:10px; line-height:1.5; letter-spacing:-0.05em; font-family: 'NanumSquareNeo', sans-serif; font-weight:400; word-break:keep-all;}

@-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_noto{font-family: 'Noto Sans KR', sans-serif;}
.inner{position:relative; max-width:1200px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; 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*/

header{height:110px; position:fixed;top:0;left:0; right:0; width:100%; background:#fff;z-index:999; border-bottom:1px solid #dbdbdb; }
header > .inner{position:relative;}
#logo{ position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-600px; z-index:1;}
#logo .m-img{display:none;}

.header_wrap{position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 999; }
.header_wrap .tnb.mobile{display:none;}
.tnb_mobile_top{display:none;}
.header_wrap .tnb{border-bottom: 1px solid #c0c2c4; background:#fff; text-align:right;}
.header_wrap .tnb li{display:inline-block; vertical-align:middle;}
.header_wrap .tnb li a{position:relative; display:block; font-size:1.5rem; padding:0 5px; height:50px; line-height:50px; vertical-align:middle; font-weight:600; transition:all 0.2s;}
.header_wrap .tnb li:not(.sns) a:after{content:""; display:block; width:calc(100% - 10px) ; height:1px; background:#168581; position:absolute; bottom:12px; left:50%; transform:translateX(-50%); opacity:0;}

.header_wrap .tnb li a img{width:28px; vertical-align:middle;}
.header_wrap header{border-bottom: 1px solid #dbdbdb;  position: relative; top:auto; left:auto; right:auto;}
.header_wrap header #logo{top:25px; transform:inherit;}
.header_wrap header #logo img{height:6.2rem;}

#headerWrap{position:relative; overflow:hidden; height:110px; background:#fff;}
#headerWrap.on{border-bottom:1px #dbdbdb solid; }
#headerWrap.on:before{content:""; display:block; width:100%; height:1px; background:#dbdbdb; position:absolute; top:110px; left:0;}

.gnb{text-align:center; margin-left:280px; }
.gnb > li{display:inline-block; vertical-align:top; position:relative; width:160px; margin-right:-3px;text-align:center;}
.gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb li h2{height:110px; }
.gnb li h2 a{display:block; padding:0 15px; line-height:110px; font-size:1.9rem; font-weight:600;}
.gnb li:hover h2 a,
#headerWrap .gnb li h2.current a{color:#168581; }
.gnb li h2.current a{background:url(../../images/common/menu-current.gif) no-repeat 50% 79%;}
.gnb li ul{text-align:left; padding-bottom:30px; 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:8px 0;}
.gnb li ul li a{ font-size:1.6rem; word-break: keep-all; display:block; font-weight:600;}

#m-menu{display:none;}

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

footer{width:100%; text-align:center; color:#c1c1c1; background:#222;font-size:1.4rem; padding:30px 0;}
footer a{ color:#c1c1c1;}
.host_list{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.25);}
.host_list dl{display:inline-block; margin-left:60px;}
.host_list dl:first-child{margin-left:0; margin-top:0;}
.host_list dt, .host_list dd{display:inline-block; height:4rem; line-height:4rem; vertical-align:middle;}
.host_list dt{font-size:1.6rem; margin-right:20px;}
.host_list dd img{height:4rem; margin-right:20px; }
.host_list dd img:last-child{margin-right:0;}

footer .naver_box{margin-top:3rem; font-size:1.5rem;}
footer .naver_box img{display:inline-block; margin:0 0.5rem; vertical-align:text-bottom; height:22px;}

footer .f_box{position:relative;  color:#c1c1c1; max-width:1200px; margin:0 auto; text-align:center;  box-sizing:border-box;}
footer .f_f_list{margin-bottom:20px; font-size:1.6rem;}
footer .f_f_list li{display:inline-block;}
footer .f_f_list li:before{content:"|"; display:inline-block; color:#777;}
footer .f_f_list li:first-child:before{display:none;}
footer .f_f_list li a{display:inline-block; padding:0 10px; font-size:1.5rem;}
footer .f_f_list li:first-child a{padding-left:0;}

footer p{margin-bottom:5px; color:#868686;}

footer .vai-link,
footer .copy{display:inline-block;}
footer .vai-link{color:#cde9f6; margin-left:5px;}
footer .vai-link a{color:#2fb1ed; }

@media (hover: hover) and (pointer: fine) {
.header_wrap .tnb li a:hover{color:#168581;}
.header_wrap .tnb li a:hover:after{opacity:1;}


.gnb li ul li a:hover{color:#168581;}
#headerWrap  .gnb li:hover ul/*,
#headerWrap  .gnb ul li.current ul,
#headerWrap .gnb li h2.current + ul*/{border-top:3px #168581 solid; margin-top:-3px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
.gnb{margin-left:260px;}
}

@media (max-width:1220px) {
.inner, .inner_1100{max-width:100%; padding:0 1.5rem; box-sizing:border-box;}
.inner.dept2, .inner_1100.dept2{padding:0;}

header{height:133px; padding-top:15px;}
#headerWrap{height:55px; background-position:0 55px;}
#headerWrap.on:before{content:""; display:block; width:100%; height:1px; background:#dbdbdb; position:absolute; top:55px; left:0;}
#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; transform:inherit;}


.header_wrap header #logo{top:auto;}
.header_wrap .top_banner .inner_1100{padding:25px;}

.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 .f_box{width:100%; padding:0 15px; box-sizing:border-box;}

}


@media (max-width:1024px) {
.inner_1000{max-width:100%; padding:0 15px; box-sizing:border-box;}
.inner_1000.dept2{padding:0;}

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

#logo{border-bottom-width:0; text-align:left; padding:17px 0 0 15px;}
.header_wrap header #logo img{height:4rem;}
#m-menu{display:block;}
.header_wrap .tnb.pc{display:none;}
.header_wrap .tnb.mobile{display:block; border-bottom:0;}
.header_wrap .tnb.mobile .inner{padding:0;}
#headerWrap{display:none;}

.tnb_mobile_top{display:flex; border-bottom:1px solid #eee;}
.tnb_mobile_top p{width:100%; text-align:center;}
.tnb_mobile_top p:not(:first-child){border-left:1px solid #ddd;}
.tnb_mobile_top p a{display:block; font-size:1.5rem; vertical-align:middle; background:#f5f5f5; font-weight:600; padding:7px 0 5px;}
.tnb_mobile_top p a i{display:inline-block; vertical-align:middle; margin-right:3px;}

#m-menu .lang_btn{position:absolute; top:50%; transform:translateY(-50%); right:65px; z-index:1;}
#m-menu .lang_btn a{font-size:1.4rem; background:#ececec; display:inline-block; padding:0px 15px; height:30px; line-height:30px; vertical-align:middle;font-weight:700; border-radius:999px;}
#m-menu .lang_btn a i{font-size:1.7rem; vertical-align:middle; display:inline-block; margin-right:3px;}

.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:#168581; 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:#168581; width:50px; height:50px; line-height:50px;color:#fff; border-radius:4px;}
.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:#fff;padding:0 20px 20px;}

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{font-size:1.7rem;}
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; padding-top:0;}
header .m-menu-list .gnb li h2 a{border-bottom:2px #168581 solid; padding-bottom:1px;font-size:1.8rem; line-height:35px; color:#168581;}
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;}
}


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

.header_wrap .top_banner .inner_1100{padding:15px;}
.header_wrap .top_banner .inner_1100:before, .header_wrap .top_banner .inner_1100:after{display:none;}
.header_wrap .top_banner ul{display:block;}
.header_wrap .top_banner li{width:100%; text-align:center; font-size:1.8rem; padding:0;}
.header_wrap .top_banner li:first-child{margin-bottom:10px;}

footer .foot-logo span{padding-left:10px; margin-left:0;}
footer .foot-text em{font-size:15px;}
footer .foot-text span{font-size:21px;}
footer .foot-logo{padding:20px 0 0px;}
footer .foot-bottom{margin-top:10px;}

.host_list dl{display:block; margin-top:20px; margin-left:0;}
.host_list dt, .host_list dd{display:block; height:auto; line-height:inherit; margin-right:0; text-align:center;}
.host_list dt{margin-bottom:5px;}
.host_list dd img{height:3.5rem;}

footer .naver_box img{height:20px;}
}

@media (max-width:369px) {
footer p{word-break:break-all;}
}