@charset "utf-8";
/* 공통 */
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
 src:url(../fonts/NotoSansKR-Thin.eot);
 src:url(../fonts/NotoSansKR-Thin.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Thin.woff) format('woff'),
     url(../fonts/NotoSansKR-Thin.otf) format('.otf');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
 src:url(../fonts/NotoSansKR-Light.eot);
 src:url(../fonts/NotoSansKR-Light.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Light.woff) format('woff'),
     url(../fonts/NotoSansKR-Light.otf) format('.otf');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
src:url(../fonts/NotoSansKR-Regular.eot);
src:url(../fonts/NotoSansKR-Regular.eot) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('.otf');
 
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
 src:url(/fonts/NotoSansKR-Bold.eot);
 src:url(../fonts/NotoSansKR-Bold.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Bold.woff) format('woff'),
     url(../fonts/NotoSansKR-Bold.otf) format('.otf');
}
body{font:400 14px 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; color:#252525; letter-spacing:-0.025em; min-width:320px;}
body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#252525}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;}
img{max-width:100%;}


.center_wrap{width:1280px; margin:0 auto; position:relative;}
input[type=text],
input[type=password]{border:1px solid #e5e5e5; height:40px; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
select{border:1px solid #e5e5e5; height:40px; box-sizing:border-box; color:#6d6d6d; font-size:16px; vertical-align:middle;}
input[type=button]{vertical-align:middle;border:1px solid #e5e5e5; height:40px; }
table{border-collapse:collapse; width:100%;}
textarea{width:100%; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
input[type=file]{width:100%; height:40px;}


.blind { display:none!important;}

@media screen and (min-width:1001px){
	/*head*/
	#head{position:absolute; width:100%; z-index:999;}
	#head a{color:#fff;}
	
	#head .logo{float:left; margin:19px 0 20px 75px; font-size:0; line-height:0;}

	#site_map{}
	#site_map .wrap{ background-color:rgba(0,0,0,.65);position:absolute;width:100%;top:96px;box-sizing:border-box; display:none; z-index:9999;}
	#site_map a{color:#fff; font-size:16px; display:block;line-height:20px;padding:0 0 20px;}
	#site_map .depth2 { position:relative;}
	#site_map .depth2:hover:after{content:' ';position:absolute;top:-43px;height:4px; background:#46bbd1;;width:100%;}
	#site_map .depth1{display:table; width:100%; table-layout:fixed; text-align:left;padding:20px 0;width:779px;margin:0 auto;}
	#site_map .depth1 > li > a{font-size:0px; line-height:0;}
	#site_map .depth1 > li{display:table-cell; table-layout:fixed;padding-left:31px;}
	#site_map .depth1 > li:first-child{padding-left:0;padding-right:30px;}
	#site_map .depth1 > li:nth-child(3){ padding-left:56px;}
	#site_map .depth1 > li:nth-child(4){ padding-left:67px;}
	#site_map .depth2 > li > a:hover{color:#46bbd1}
		#site_map .depth2  { height:200px;}





	#head .logo .mobile,
	#head .btn_bar,
	#head .btn_home,
	.gnb_wrap .bg,
	#gnb .logo{display:none;}
	
	#head .gnb_wrap{border-bottom:1px solid rgba(255,255,255,.25);}
	#head .gnb_wrap:after{content:' '; display:block; clear:both;}
	.lang { position:absolute;right:4%;top:25px;font-size:17px;height:150px;}
	.lang img { margin:0 5px;}
	.lang ul {display:none;width:100%;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.3);margin-top:20px;padding:6px 0}
	.lang ul a{ font-size:16px;line-height:36px;padding-left:15px;}

	#gnb{width:775px;margin:0 auto;}
	#gnb > .depth1 > li {float:left; text-align:center; position:relative;}
	#gnb > .depth1 > li > a{margin:0 76px; display:block; font-size:17px;;height:95px;line-height:95px;}
	#gnb > .depth1 > li:first-child > a { margin-left:0;}
	#gnb > .depth1 > li:nth-child(4)    > a { margin-right:0;}
	#gnb > .depth1 > li > .depth2{position:absolute; width:100%; background:rgba(255,255,255,.9); top:95px; border-top:3px solid #00c6ff; padding:15px 0 5px; display:none; z-index:998;}
	#gnb > .depth1 > li > .depth2 li{margin-bottom:10px;}
	#gnb > .depth1 > li > .depth2 a{color:#000; font-size:14px; text-align:center; display:block;}
	#gnb_mobile{display:none;}


}
@media screen and (max-width:1440px){

	#head .logo{float:left; margin:19px 0 20px 30px; font-size:0; line-height:0;}
	.center_wrap{width:100%!important; padding:0 2%; box-sizing:border-box;}
	#gnb{width:505px;margin:0 auto;}
	#gnb > .depth1 > li > a{margin:0 30px;}
	#site_map .wrap{padding:30px;}




	#site_map .depth2:hover:after{content:' ';position:absolute;top:-30px;height:4px; background:#46bbd1;;width:100%;}
	#site_map .depth1{width:505px;margin:0 auto;padding:0;}
	#site_map .depth1 > li > a{font-size:0px; line-height:0;}
	#site_map .depth1 > li{display:table-cell; table-layout:fixed;padding-left:30px;}
	#site_map .depth1 > li:first-child{padding-left:0;padding-right:30px;}
	#site_map .depth1 > li:nth-child(3){ padding-left:30px;}
	#site_map .depth1 > li:nth-child(4){ padding-left:50px;}
	#site_map .depth2 > li > a:hover{color:#46bbd1}

}

@media screen and (max-width:1000px){
	.lang { position:absolute;right:4%;top:15px;font-size:12px;height:150px;margin-right:30px;}
	.lang a { color:#fff}
	.lang img { margin:0 5px;}
	.lang ul {display:none;width:100%;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.3);margin-top:10px;padding:6px 0}
	.lang ul a{ font-size:12px;line-height:20px;padding-left:10px;color:#fff}
	.center_wrap{ padding:0 4%;}
	#head{position:absolute; height:60px;z-index:999999;width:100%;border-bottom:1px solid rgba(255,255,255,.25)}
	#head .ribbon_menu{display:none;}
	
	#head > .center_wrap{position:static;}
	#head .btn_bar{float:right; margin-top:15px;margin-right:4%;}
	#head .btn_bar img{width:20px;}
	#head .btn_home{display:none;;}
	#head .btn_home img{width:23px;}
	#head .gnb_wrap > .logo{position:absolute; left:4%;margin:15px 0 0 0;;}
	#head .logo .pc{display:none;}	
	#head .logo .mobile{width:184px;}
		#head .gnb_wrap { height:60px;}
	
	#site_map{display:none;}
	
	#gnb{display:none;}
	#gnb_mobile{height:100vh;  pointer-events:none;}
	#gnb_mobile.open{width:100%;  pointer-events:auto;}
	#gnb_mobile .logo-m{text-align:left; padding:10px 4%; background:#00768c;}
	#gnb_mobile .logo-m>img { width:247px}
	#gnb_mobile .wrap{background:#fff; width:100%; min-width:320px; left:-150%; position:fixed; height:100vh; z-index:999;}
	#gnb_mobile .bg{background:#000; opacity:0; display:block; left:0; right:0; width:100%; height:100vh; position:absolute; z-index:99;}
	#gnb_mobile .depth1{min-height:600px; overflow:auto;}
	#gnb_mobile .depth1 > li{border-bottom:1px solid #d6d6d6;}
	#gnb_mobile .depth1 > li > a{font-size:16px; display:block; padding:15px 10% 15px 7%; position:relative; font-weight:500;}
	#gnb_mobile .depth1 > li > a:after{content:' '; background:url(../img/common/gnb_arrow.png) no-repeat left top; background-size:cover; width:15px; height:15px; position:absolute; right:7%; top:45%; margin-top:-5px;}
	#gnb_mobile .depth1 > li.open > a{background:#fff; color:#1e768c;}
	#gnb_mobile .depth1 > li.open > a:after{background-image:url(../img/common/gnb_arrow_on.png);background-size:cover;height:2px;width:15px;position:absolute; right:7%; top:55%}
	#gnb_mobile .depth2{background:#fff; padding:15px 7% 5px; display:none;border-top:1px solid #eeeeee}
	#gnb_mobile .depth2 li{margin-bottom:10px;}
	#gnb_mobile .depth2 li a{color:#696969;}
	#gnb_mobile .depth2 li a:before{content:'-'; padding-right:8px; vertical-align:2px;}
	#gnb_mobile .btn_close{position:absolute; right:7%; top:10px;}
}
/*footer*/
#footer{}
#footer .link_area{margin-bottom:35px;position:absolute;right:0;z-index:99999;top:30px}
#footer .link_area:after {content:''; display:block; clear:both; width:100%; height:1px;}
#footer .link_area .link{float:left;}
#footer .link_area .link a{font-size:16px; color:#fff; display:inline-block;background:#9b9b9b;height:43px;line-height:43px;width:180px;text-align:center;margin-right:8px;}
#footer .link_area .family_site{float:left; width:180px; position:relative;}
#footer .link_area .family_site > p{ background:#fff; border:1px solid #999999; height:43px;line-height:43px;width:180px;box-sizing:border-box; color:#666;padding:0 15px; font-weight:400;font-size:16px;}
#footer .link_area .family_site > p img{float:right; vertical-align:middle; padding-top:15px}
#footer .link_area .family_site ul{position:absolute;  width:100%; display:none;}
#footer .link_area .family_site ul a{background:#444; color:#fff; display:block; padding:10px 20px; border-bottom:1px solid #666;}
#footer .link_area .family_site:hover{cursor:pointer;}
#footer .link_area .family_site:hover ul{display:block;}
#footer .address{font-size:15px; color:#7e7e7e; padding-bottom:40px;line-height:20px;}
#footer .logo{position:relative;width:310px;margin-top:35px;margin-bottom:15px;;}


@media screen and (max-width:1000px){
	#footer .logo { display:none;}
	#footer .link_area { position:relative;}
	#footer .link_area .family_site{float:left; width:30%; position:relative;}
	#footer .link_area .family_site > p { font-size:11px;width:100%;;height:35px;line-height:35px;padding:0 3%;}
	#footer .link_area .family_site > p img { width:10px;margin-right:4%;}
	#footer .link_area .family_site ul a { font-size:11px;}
	#footer .link_area .link { width:70%;}
	#footer .link_area .link a { width:48.5%;font-size:12px;height:35px;line-height:35px;margin-right:0;}
	#footer .address{font-size:13px; color:#7e7e7e; padding-bottom:40px;line-height:18px;padding-top:20px;}
}



/*하단 사이트맵*/
.site_map_b{border-bottom:1px solid #e4e4e4; padding:50px 0; overflow:hidden;}
.site_map_b .depth1{width:100%}
.site_map_b .depth1 > li{float:left; width:25%;}
.site_map_b .depth1 > li > a{color:#333333; font-size:18px; font-weight:500; display:block;line-height:30px;}
.site_map_b .depth2 a{color:#7e7e7e; font-size:15px;line-height:30px;;}


@media screen and (max-width:1000px){
.site_map_b { display:none;}
}


/*서브비주얼*/
.sub_visual{background:url(../img/sub/sub_visual_type1.jpg) no-repeat center top;padding-top:700px;}
.sub_visual.type2{background-image:url(../img/sub/sub_visual_type2.jpg);} 
.sub_visual.type3{background-image:url(../img/sub/sub_visual_type3.jpg);} 
.sub_visual.type4{background-image:url(../img/sub/sub_visual_type4.jpg);} 
.sub_visual.type5{background-image:url(../img/sub/sub_visual_type5.jpg);} 
	.sub_visual .mobile { display:none;}
@media screen and (max-width:1000px){
	.sub_visual {background:none;;height:auto;position:relative;padding-top:0;padding-bottom:40px;}
	.sub_visual .mobile { display:block;width:100%}
}
/*lnb*/
#lnb{background:#00768c; position:absolute; bottom:0; width:100%;display:none;}
#lnb ul > li > a{color:#fff; white-space:nowrap; display:block; padding:0 30px;  height:65px; line-height:65px;  font-size:16px; position:relative;}
#lnb ul > li.menu_wrap > a{padding:0 80px 0 25px;}
#lnb ul > li.depth2.menu_wrap > a:after{content:''; background:url(../img/common/lnb_arrow.png) no-repeat left top / cover; width:13px; height:7px; display:block; position:absolute; right:4%; top:15px;}
#lnb ul > li{float:left; position:relative;}
#lnb .menu{position:absolute; background:#fff; width:100%; top:60px; z-index:999; display:none;}
#lnb .menu a{display:block; border:1px solid #ddd; border-width:0 1px 1px 1px; padding:15px 20px;}

@media screen and (max-width:1000px){
	#lnb { display:block;}
	#lnb a,
	#lnb li,
	#lnb ul{box-sizing:border-box; }
	#lnb ul > li > a{ height:40px; line-height:40px;font-size:14px;}
	#lnb ul > li.menu_wrap{width:50%;}
	#lnb ul > li.menu_wrap > a{padding:0 10px;}
	#lnb ul > li.menu_wrap > a:after{top:17px; right:10px;}
	#lnb .home{display:none; width:0}

		#lnb ul > li.depth2.menu_wrap>a { background:#fff;color:#00768c;}
	
	#lnb .menu{top:40px;}
	#lnb .menu a{padding:10px;}
}


#lnb-pc{background:#00768c; }
#lnb-pc .mobile{display:none;}
#lnb-pc .pc .depth2{display:table; table-layout:fixed; width:100%; border-collapse:collapse;}
#lnb-pc .pc .depth2 li{display:table-cell;border-right:1px solid #268a9d}
#lnb-pc .pc .depth2 li a{display:block; font-size:20px; color:#fff; text-align:center;  padding:18px 0;}
#lnb-pc .pc .depth2 li.active{background:#fff; }
#lnb-pc .pc .depth2 li.active a{color:#00768c; }

@media screen and (max-width:1000px){
	#lnb-pc{display:none;}
}



.pg_tit{font-size:40px; padding:55px 0; border-bottom:1px solid #e1e1e1; margin-bottom:90px}
.pg_tit:after{content:''; display:inline-block; width:22px; height:4px; background:#000; vertical-align:-3px; margin-left:15px;}
.sub_tit{color:#333; font-size:40px; margin-bottom:50px; text-align:center;  line-height:40px; font-weight:300;}
.sub_tit p b{font-weight:500;}
.sub_tit small{font-size:24px;  margin-top:25px;}

#path{position:absolute; right:0; top:80px; text-align:right}
#path a{color:#969696; font-size:15px;}
#path a:after{content:'-'; padding:0 5px;}
#path a:last-child:after{display:none;}
@media screen and (max-width:1000px){
	.pg_tit{font-size:28px; padding:20px 0; text-align:center; border-bottom:1px solid #ddd;  width:110%; margin-left:-5%; margin-bottom:30px;}
	.pg_tit:after{display:none;}
	.sub_tit{font-size:25px; margin-bottom:40px; line-height:30px;}
	.sub_tit small{font-size:15px;  margin-top:15px; line-height:18px; display:block; word-break:keep-all;}

	
	#path{display:none;}
}
@media screen and (min-width:320px) and (max-width:1000px){
body{overflow-x:hidden;}
}

/*레이어팝업*/
.layer_pop{position:absolute; display:none;}
.layer_pop .bg{background:rgba(0,0,0,.5); width:100%; left:0; top:0; right:0; bottom:0; position:fixed; z-index:998;}
.layer_pop .layer_wrap{background:#fff; position:fixed; top:20px; z-index:999;}
.layer_pop .layer_wrap .head h2{padding:30px 45px; font-size:36px; font-weight:500; position:relative; border-bottom:1px solid #ddd;}
.layer_pop .layer_wrap .head a.btn_close{position:absolute; right:45px; top:30px;}
.layer_pop .layer_wrap .con{padding:45px;}
.layer_pop .layer_wrap .terms_wrap{font-size:17px; color:#666; height:650px; overflow:auto;}
.layer_pop .layer_wrap .terms_wrap h3{font-size:24px; color:#333; margin-bottom:5px;}

@media screen and (min-width:1280px){
.layer_pop .layer_wrap{width:1280px; left:50%; margin-left:-640px;}
}
@media screen and (max-width:1279px){
.layer_pop .layer_wrap{width:96%; left:2%; margin-left:0; height:90vh;}	
.layer_pop .layer_wrap .head h2{height:15%; font-size:25px; padding:20px; box-sizing:border-box}
.layer_pop .layer_wrap .head a.btn_close{top:15px; right:20px;}
.layer_pop .layer_wrap .con{padding:20px; box-sizing:border-box; height:85%;}
.layer_pop .layer_wrap .terms_wrap{font-size:14px; height:85%;}
.layer_pop .layer_wrap .terms_wrap h3{font-size:20px;}

	}




.email-pop { display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999999999999999999;background-color:rgba(0,0,0,.5)}
.email-pop .box { width:850px;margin:10% auto;background:#fff;position:relative;padding-bottom:90px;}
.email-pop .box p{display:block;height:70px;line-height:70px;color:#fff;font-size:24px;font-weight:bold;padding-left:40px ;position:relative;background:#00768c;}
.email-pop .box p a { position:absolute;right:30px;display:block;top:-5px}
.email-pop .box>img { display:block;margin:90px auto 30px;;}
.email-pop .box span { text-align:center;font-size:18px;color:#232323;line-height:28px;display:block;}
.email-pop .box span em { font-style:normal;font-size:16px;color:#666666;}


@media screen and (max-width:1000px){
.email-pop .box { width:94%;margin:10% auto;padding-bottom:30px;}
.email-pop .box p{height:40px;line-height:40px;font-size:16px;;padding-left:4% }
.email-pop .box p a { right:4%;;top:10px}
.email-pop .box p a img { width:15px;display:block;}
.email-pop .box>img { ;margin:30px auto 20px;width:50px;;}
.email-pop .box span {font-size:14px;line-height:20px;padding:0 8%;}
.email-pop .box span em { font-size:12px}


}