@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:#101010; 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 #e2e2e2; height:40px; padding:0 10px; box-sizing:border-box; vertical-align:middle;width:370px;font-size:18px;}
select{border:1px solid #e2e2e2; height:40px; box-sizing:border-box; color:#333; font-size:18px; vertical-align:middle;padding:0 10px;font-weight:300;}
input[type=button]{vertical-align:middle;}
input[type=text]::placeholder{color:#b7b7b7;font-size:14px;}
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:35px;}
#gnb .blind,
.site_map_b .blind{display:none!important;}
.bar {width:30px; height:3px; margin:20px auto; background: #ccc;}

@media screen  and (max-width:1000px){
input[type=text],
input[type=password]{width:100%;font-size:14px;}


}

/*SNS로그인*/

/*
.sns_btn {margin-top:15px;padding-top:15px;border-top:1px solid #ddd;}
.sns_btn a {margin:1px 0;}
.bt_naver,
.bt_face,
.bt_kakao {font:400 16px  'Noto Sans KR';height:38px;line-height:38px;padding:0 25px 20 60px;display:block;text-align:center;text-decoration:none !important;position:relative;}
.bt_naver {color:#fff !important;background-color:#1ec800;}
.bt_naver .bt_ic {width:35px;height:35px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_naver .bt_ic:after {width:0;height:35px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_face {color:#fff !important;background-color:#3b579d;}
.bt_face .bt_ic {width:35px;height:35px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_face .bt_ic:after {width:0;height:35px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_kakao {color:#381E1E !important;background-color:#F1DC43;}
.bt_kakao .bt_ic {width:35px;height:35px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_kakao .bt_ic:after {width:0;height:35px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_ic img {margin-top:9px;margin-bottom:2px;}
*/

@media screen and (min-width:1001px){
	/*head*/
	#head{position:absolute; width:100%; z-index:999;top:0;}
	#head a{color:#252525;}
		#head .ribbon_menu { float:right;border:0px solid yellow;;}
	#head .ribbon_menu{text-align:right; margin:30px 0 0;}
	#head .ribbon_menu li{display:inline-block;}
	/*#head .ribbon_menu li a{font-size:16px; color:#1e191a;height:38px;line-height:38px;padding:10 25px 10 25px;background-color:#F1DC43;}*/
	
	#head .logo{float:left; margin:30px 0px; font-size:0; line-height:0;width: 140px;}

	#head .logo .mobile,
	#head .btn_bar,
	#head .btn_home,
	.gnb_wrap .bg,
	#gnb .logo{display:none;}
	
	#head .gnb_wrap{}
	#head .gnb_wrap:after{content:' '; display:block; clear:both;}

	#gnb{position:absolute;left:52%;transform:translateX(-50%);width:60%;text-align:center;z-index:1}
	#gnb > .depth1 > li {display:inline-block;; position:relative;vertical-align:top;}
	#gnb > .depth1 > li > a{ display:block; font-size:20px; font-weight:400; padding:40px 50px 40px; position:relative;}
	#gnb > .depth1 > li:hover > a/*,
	#gnb > .depth1 > li.active > a*/{color:#3943a7;}
	#gnb > .depth1 > li:last-child > a{padding-right:0;}
	#gnb > .depth1 > li > .depth2{width:100%; padding:0px 0 5px 0; display:none; z-index:998; word-break:keep-all; margin-top:-15px;}
	#gnb > .depth1 > li > .depth2 li{margin-left:-5px;}
	#gnb > .depth1 > li > .depth2 a{color:#555; font-size:15px; display:block; padding:5px;}
	#gnb > .depth1 > li > .depth2 a:hover{background:#3943a7; color:#fff;}
	#gnb_mobile{display:none;}

}
@media screen and (max-width:1280px){
	.center_wrap{width:100%; padding:0 2%; box-sizing:border-box;}
	#gnb > .depth1 > li > a{margin:0; padding-right:20px;font-size: 18px;padding-left: 30px;}

	
}
.mobile { display:none!important;}
@media screen and (max-width:1000px){
	.mobile { display:block!important;margin-top:10px;}
	.pc { display:none!important;}
	input[type=text],
	input[type=password],
	select{height:35px; line-height:35px; font-size:14px;}
	
	.center_wrap{ padding:0 4%;}
	#head{position:relative; height:60px;}
	#head .ribbon_menu{display:none;}
	
	#head > .center_wrap{position:static;}
	#head .btn_bar{float:left; margin-top:15px;}
	#head .btn_bar img{width:20px;}
	#head .btn_home{float:right; margin-top:15px;}
	#head .btn_home img{width:23px;}
	#head .gnb_wrap > .logo{position:absolute; left:50%; margin-left:-71px; margin-top:0;}
	#head .logo .pc{display:none;}	
	#head .logo .mobile{width:143px;}
		
	#gnb{display:none;}
	#gnb_mobile{height:100vh;  pointer-events:none;}
	#gnb_mobile.open{width:100%;  pointer-events:auto;}
	#gnb_mobile .logo{padding:10px 0 10px 0; text-align:center;width:200px;margin-left: 15%;margin-top: 4px;}
	#gnb_mobile .wrap{background:#fff; width:80%; 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;margin-top:30px;}
	#gnb_mobile .depth1 > li{;}
	#gnb_mobile .depth1 > li > a{font-size:16px; display:block; padding:15px 10% 15px 4%; position:relative; font-weight:400;}
	#gnb_mobile .depth1 > li > a:after{content:' '; background:url(../img/common/gnb_arrow.png) no-repeat left top; background-size:100% auto; width:16px; height:10px; position:absolute; right:4%; top:50%; margin-top:-5px;}
	#gnb_mobile .depth1 > li.open > a{background:#4149c0; color:#fff;}
	#gnb_mobile .depth1 > li.open > a:after{background-image:url(../img/common/gnb_arrow_on.png);}
	#gnb_mobile .depth2{background:#f5f5f5; padding:15px 4% 5px; display:none;}
	#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; left:3.5%; top:10px;}
}
/*footer*/
#footer{background:#2776df;padding:45px 0 30px;color:#fff;font-size:15px;}
#footer a{display:inline-block;color:#fff ;font-weight:17px;margin:0 10px;}
#footer .link { float:right}
.bottom-banner { background:#e4f9f9;padding:55px 0;position:fixed;width:100%;left:0;bottom:0;z-index:9}
.bottom-banner  p  { display:inline-block;font-size:40px;font-weight:300;}
.bottom-banner  a { float:right;display:inline-block;height:60px;line-height:60px;color:#fff;font-size:20px;background:#34d3ce;border-radius:5px;padding:0 35px;}
.bottom-sns{ background:#f9f9f9; padding:35px 0;border-top:1px solid #dadada}
.bottom-sns p { display:inline-block;margin-right:25px;color:#333;font-size:18px;}
.bottom-sns span { display:inline-block;margin-left:55px;font-weight:300;font-size:14px;}

@media screen and (max-width:1200px){
	.site_map_b .depth1{width:80%}
	.site_map_b .banner{width:18%;}
	
	#footer .logo{display:none;}
}
@media screen and (max-width:1000px){
#footer{background:#2776df;padding:20px 0 20px;color:#ffffff;font-size:12px;}
#footer a{display:inline-block;color:#fff ;font-weight:14px;margin:0 10px  0px 0;}
#footer .link { float:none;margin-bottom:15px;}
.bottom-banner { background:#e4f9f9;padding:20px 0;text-align:center;}
.bottom-banner  p  { display:inline-block;font-size:16px;font-weight:300;}
.bottom-banner  a { float:none;display:inline-block;height:40px;line-height:40px;color:#fff;font-size:14px;background:#34d3ce;border-radius:5px;padding:0 15px;margin-top:15px;}
.bottom-sns{  padding:35px 0;text-align:center;}
.bottom-sns p { display:block;margin-right:0;color:#333;font-size:15px;margin-bottom:10px;}
.bottom-sns span { display:block;margin-left:0;font-weight:300;font-size:13px;margin-top:10px;}
	
}


/*서브비주얼*/
.sub_visual{height:260px; padding-top:125px; position:relative; width:100%; overflow:hidden;}
.sub_visual .mobile{display:none;}
.sub_visual img{position:absolute; left:50%; bottom:0; margin-left:-1000px; width:auto; max-width:none;}
@media screen and (max-width:1000px){
	.sub_visual { padding:0; height:auto;}
	.sub_visual  img{position:relative; left:auto; bottom:auto; margin-left:0; width:100%;}
	.sub_visual .pc{display:none;}
	.sub_visual .mobile{display:block;}
}
/*lnb*/
#lnb{background:#fafafa; border-bottom:1px solid #cfcfcf;}
#lnb .mobile{display:none;}
#lnb .pc .depth2{display:table; table-layout:fixed; width:100%; border-collapse:collapse;}
#lnb .pc .depth2 li{display:table-cell; border:1px solid #cfcfcf; border-width:0 1px;}
#lnb .pc .depth2 li a{display:block; font-size:20px; color:#707070; text-align:center; border-bottom:4px solid #fafafa; padding:20px 0;}
#lnb .pc .depth2 li.active{background:#fff; }
#lnb .pc .depth2 li.active a{color:#3943a7; border-bottom-color:#3943a7;}

@media screen and (max-width:1000px){
	#lnb{position:relative;}
	#lnb .pc{display:none;}
	#lnb .mobile{display:block;}
	#lnb .mobile>p a{height:45px; line-height:45px; box-sizing:border-box; padding:0 5%; font-size:15px; color:#3943a7; font-weight:bold; position:relative; display:block;}
	#lnb .mobile>p a:after{content:''; display:inline-block; background:url(../img/sub/ico_arrow_d.png) no-repeat; width:13px; height:8px; background-size:100%; position:absolute; right:4%; top:50%; margin-top:-4px;}
	#lnb .mobile .depth2{position:absolute; width:100%; z-index:98; border-bottom:1px solid #3943a7; display:none;}
	/*#lnb .mobile .depth2 li.active{display:none;}*/
	#lnb .mobile .depth2 li a{display:block; background:#fff; border-top:1px solid #e1e1e1; padding:8px 5%; color:#333;}
}
.pg_tit{font-size:65px; padding:50px 0 10px; text-align:center;}
.sub_tit{color:#2776df; font-size:23px; margin-top:50px; text-align:center;  line-height:40px; font-weight:300;margin-bottom:100px;}
.sub_tit p {font-weight:bold;font-size:65px;padding-top:30px; margin-bottom:33px;}




.sub_tit1{color:#000; margin:80px 0 10px;font-size:23px; text-align:center;  line-height:30px; }
.sub_tit1 p {font-size:21px;}

#path{text-align:left;;margin-bottom:30px;}
#path a{color:#757575; font-size:14px;}
#path a:after{content:' '; display: inline-block; background:url(../img/common/path-arr.png) no-repeat; width:5px; height:9px; margin:0 8px 0;vertical-align:middle;}
#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;}
	.pg_tit:after{display:none;}
.sub_tit{color:#2776df; font-size:14px; margin-bottom:20px; text-align:center;  line-height:20px; font-weight:300;margin-bottom:30px;}
.sub_tit p {font-weight:bold;font-size:25px;margin-bottom:10px;}

	.sub_tit1{color:#000; font-size:16px; margin:30px 0 20px;line-height:20px;}
	.sub_tit1 p {font-size:16px;margin-bottom:10px;}

	
	#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:1200px){
.layer_pop .layer_wrap{width:1200px; left:50%; margin-left:-640px;}
}
@media screen and (max-width:999px){
.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;}

	}



.layer-bg {display:none; position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:99999;}
.layer-bg .con-box { position:fixed;width:720px;padding:100px 50px 50px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) ;max-height:80%;overflow-y:auto;}
.layer-bg .con-box .box { position:relative;}
.layer-bg .con-box .btn-close { position:absolute;top:-80px;right:-30px}
.layer-bg .con-box .free-request{  text-align:center;font-size:30px;color:#666;margin-bottom:30px;}

.layer-bg .con-box table { border-top:1px solid #e2e2e2;margin-bottom:0px;}
.layer-bg .con-box table th,
.layer-bg .con-box table td{border-bottom:1px solid #e2e2e2 ;padding:26px;;color:#333;font-weight:300}
.layer-bg .con-box table th { padding-left:15px;background:#f7f7f7;font-size:18px;text-align:left;width:130px;box-sizing:border-box}
.layer-bg .con-box table td { font-size:18px;}

.layer-bg .chk-box   { border-bottom:1px solid #e2e2e2;padding:15px 0;}
.layer-bg .chk-box  p { display:inline-block;font-size:17px;font-weight:400;letter-spacing:-1px}
.layer-bg .chk-box  p a { font-size:15px;font-weight:300px;display:inline-block;margin-left:20px;text-decoration:underline}
.layer-bg .chk-box .chk-right { float:right;text-align:right;}
.layer-bg .chk-box .chk-right  .terms_chk  { margin-left:30px;}
.layer-bg .chk-box .chk-right  .terms_chk label { font-size:17px;font-weight:300;}
.layer-bg .chk-box:after { content:'';display:block;clear:both}
.layer-bg .mt50 { margin-top:50px;}
@media screen and (max-width:1000px){

.layer-bg .mt50 { margin-top:20px;}
.layer-bg {display:none; position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:99999}
.layer-bg .con-box { position:fixed;width:96%;padding:20px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) ;box-sizing:border-box}
.layer-bg .con-box .box { position:relative;}
.layer-bg .con-box .btn-close { position:relative;top:-10px;right:-10px;float:right}
.layer-bg .con-box .btn-close img { width:30px;}
.layer-bg .con-box .free-request{  text-align:center;font-size:14px;color:#666;margin-bottom:10px;}

.layer-bg .con-box table { border-top:1px solid #e2e2e2;margin-bottom:0;}
.layer-bg .con-box table th,
.layer-bg .con-box table td{border-bottom:1px solid #e2e2e2 ;padding:15px;;color:#333;font-weight:300}
.layer-bg .con-box table th { padding-left:10px;background:#f7f7f7;font-size:14px;text-align:left;width:auto;box-sizing:border-box}
.layer-bg .con-box table td { font-size:14px;}

.layer-bg .chk-box   { border-bottom:1px solid #e2e2e2;padding:10px 0;}
.layer-bg .chk-box  p { display:inline-block;font-size:14px;font-weight:400;letter-spacing:-1px}
.layer-bg .chk-box  p a { font-size:14px;font-weight:300px;display:inline-block;margin-left:10px;text-decoration:underline}
.layer-bg .chk-box .chk-right { float:none;text-align:left;}
.layer-bg .chk-box .chk-right  .terms_chk  { margin-left:0px;margin-right:15px;margin-top:0px;}
.layer-bg .chk-box .chk-right  .terms_chk label { font-size:14px;font-weight:300;}
.layer-bg .chk-box:after { content:'';display:block;clear:both}
.layer-bg .mt50 { margin-top:20px;}
}