@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:1600px; margin:0 auto; position:relative;}
input[type=text],
input[type=password]{border:1px solid #d1d1d1; height:35px; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
select{border:1px solid #d1d1d1; height:35px; box-sizing:border-box; color:#6d6d6d; font-size:16px; vertical-align:middle;}
input[type=button]{vertical-align:middle;}
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;}

#site_map .wrap{position:fixed; border:1px solid #efefef;}
@media screen and (min-width:1600px){
#site_map .wrap{width:1600px; left:50%; margin-left:-640px;}
}
@media screen and (max-width:1600px){
#site_map .wrap{width:100%; left:0; margin-left:0}	
	}
@media screen and (min-width:1001px){
	/*head*/
	#head{position:relative; width:100%; z-index:999;}
	#head a{color:#000000;}
	#head .ribbon_menu{text-align:right; margin:15px 0;}
	#head .ribbon_menu li{display:inline-block;}
	#head .ribbon_menu li:after{content:'|'; padding:0 10px; font-family:Dotum; color:#fff; font-size:11px; opacity:.2;}
	#head .ribbon_menu li:last-child:after{display:none;}
	#head .ribbon_menu li a{font-size:13px;}
	
	#head .logo{float:left; margin:17px 30px; font-size:0; line-height:0;}
	
	#site_map .btn_open{position:absolute; right:45px; top:65px;}
	#site_map .wrap{background:#fff; top:36px; padding:60px; box-sizing:border-box; display:none; z-index:9999;}
	#site_map .wrap .btn_close{position:absolute;  right:35px;}
	#site_map a{color:#000; font-size:18px; display:block;}
	#site_map .depth1{display:table; width:100%; table-layout:fixed; text-align:center;}
	#site_map .depth1 > li > a{font-size:26px; margin-bottom:30px; font-weight:500;}
	#site_map .depth1 > li{display:table-cell; table-layout:fixed; border-left:1px solid #e5e5e5;}
	#site_map .depth1 > li:first-child{border:none;}
	#site_map .depth2 li{margin-bottom:10px;}

	#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{float:right; margin-right:8%;}
	#gnb > .depth1 > li {float:left; text-align:center; position:relative;}
	#gnb > .depth1 > li > a{margin:0 45px; display:block; font-size:20px; padding:28px 0; position:relative;}
	#gnb > .depth1 >  li.active a { color:#0068b7;}
	#gnb > .depth1 > li > .depth2{position:absolute; width:100%; background:rgba(255,255,255,.9); top:79px; 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:16px; text-align:center; display:block;}
	#gnb_mobile{display:none;}

}
@media screen and (max-width:1600px){
	.center_wrap{width:100%; padding:0 2%; box-sizing:border-box;}
	#site_map .wrap{padding:30px;}
}

@media screen and (max-width:1000px){
	.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:24px;}
	#head .btn_home{float:right; margin-top:15px;}
	#head .btn_home img{width:23px;}
	#head .gnb_wrap { height:70px;}
	#head .gnb_wrap > .logo{position:absolute;left:50%;transform:translateX(-50%);margin-top:10px;}
	#head .logo .pc{display:none;}	
	#head .logo .mobile{width:51px;}
	
	#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{text-align:center; padding:11px 0; border-bottom:1px solid #ddd;display:block;}
		#gnb_mobile .logo img { margin:0 auto;}
	#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;background:#f8f8f8;}
	#gnb_mobile .depth1 > li{border-bottom:1px solid #ddd;}
	#gnb_mobile .depth1 > li > a{font-size:16px; color:#222222;display:block; padding:15px 10% 15px 7%; position:relative; font-weight:500;}
	#gnb_mobile .depth1 > li > a:after{content:' '; background:url(../img/common/menu-arr-off.png) no-repeat left top; background-size:100% auto; width:16px; height:10px; position:absolute; right:7%; top:50%; margin-top:-5px;}
	#gnb_mobile .depth1 > li.open > a{background:#0068b7; color:#fff;}
	#gnb_mobile .depth1 > li.open > a:after{background-image:url(../img/common/menu-arr-on.png);}
	#gnb_mobile .depth2{background:#f8f8f8; padding:15px 7% 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:0px;background:url(../img/common/menu-icon.png) no-repeat left center; background-size:3px;width:3px;height:3px;}
	#gnb_mobile .btn_close{position:absolute; left:4%; top:5px;}
}
/*footer*/
#footer{padding:40px 0 60px;font-size:16px;color:#222222;font-weight:300;line-height:30px;background:#fff;}
#footer p { font-weight:500;}
#footer .copy { position:absolute;right:0;bottom:10px}
@media screen and (max-width:1000px){
	#footer{ padding:25px 0 30px;font-size:14px;line-height:25px;}
#footer .copy { position:relative;right:0;bottom:10px;padding-top:15px;}
}

/*서브비주얼*/
.sub_visual.type01{background:url(../img/sub/visual01.jpg) no-repeat left top;background-size:cover;}
.sub_visual.type02{background:url(../img/sub/visual02.jpg) no-repeat left top;background-size:cover;}
.sub_visual.type03{background:url(../img/sub/visual03.jpg) no-repeat left top;background-size:cover;}
.sub_visual.type04{background:url(../img/sub/visual04.jpg) no-repeat left top;background-size:cover;}
.sub_visual.type05{background:url(../img/sub/visual05.jpg) no-repeat left top;background-size:cover;}
.sub_visual .center_wrap{ height:320px; padding:0;}
.sub_visual dl{text-align:center; padding-top:110px; font-size:24px;color:#fff}
.sub_visual dt a,
.sub_visual dd{color:#fff;}
.sub_visual dt{font-size:60px;font-weight:bold;}
.sub_visual dd{font-weight:300;}
@media screen and (max-width:1000px){
	.sub_visual.type01{background:url(../img/sub/visual01-m.jpg) no-repeat center top;}
	.sub_visual.type02{background:url(../img/sub/visual02.jpg) no-repeat center top;}
	.sub_visual.type03{background:url(../img/sub/visual03.jpg) no-repeat center top;}
	.sub_visual.type04{background:url(../img/sub/visual04.jpg) no-repeat center top;}
	.sub_visual.type05{background:url(../img/sub/visual05.jpg) no-repeat center top;}
	.sub_visual .center_wrap{height:200px;}	
	.sub_visual dl{font-size:14px; padding:0 4%}
	.sub_visual dt{font-size:33px;}
	.sub_visual dl{padding-top:50px;}
}
/*lnb*/
#lnb.pc{background:#fff;}
#lnb .mobile{display:none;}
#lnb.pc .home,
#lnb.pc .depth1 { display:none;}
#lnb.pc .depth2{display:table; table-layout:fixed;  border-collapse:collapse;margin:0 auto;}
#lnb.pc .depth2 li{display:table-cell; border:1px solid #cfcfcf; border-width:0 1px;}

#lnb.pc .depth2 a{display:inline-block; font-size:18px; color:#9c9c9c; text-align:center; padding:0 0 0 30px;line-height:70px;font-weight:bold;}
#lnb.pc .depth2 a:after { content:'';display:inline-block;width:1px;height:15px;background:#d8d8d8;margin-left:30px;}
#lnb.pc .depth2 a:last-child:after { display:none;}
#lnb.pc .depth2>a { display:none;}
#lnb.pc .depth2 a.active { color:#333;}

#lnb.mobile{background:#fff ; position:absolute; width:100%;border-bottom:1px solid #eee}
#lnb.mobile ul > li > a{color:#000; white-space:nowrap; display:block; padding:0 30px;  height:60px; line-height:60px; border-right:1px solid rgba(255,255,255,.2); font-size:16px; position:relative;}
#lnb.mobile ul > li.menu_wrap > a{padding:0 80px 0 25px;border-right:1px solid #eee}
#lnb.mobile ul > li.menu_wrap > a:after{content:''; background:url(../img/sub/m-menu-arr.jpg) no-repeat 98% 0;background-size:contain; width:20px; height:15px; display:block; position:absolute; right:20px; top:0;}
#lnb.mobile ul > li.depth1   a { color:#adadad;}
#lnb.mobile ul > li{float:left; position:relative;}
#lnb.mobile .menu{position:absolute; background:#fff; width:100%; top:60px; z-index:999; display:none;border-top:1px solid #eee;}
#lnb.mobile .menu a{display:block; border:1px solid #eee; border-width:0 1px 1px 1px; padding:15px 20px;}
#lnb.mobile { display:none;}


#site_map02 .btn_open{position:absolute; right:10px; top:28px;width:40px;}
#site_map02 .wrap{background:#fff; top:20px; padding:60px; box-sizing:border-box; display:none; z-index:9999;}
#site_map02 .wrap .btn_close{position:absolute;  right:25px;width:30px;}

#site_map02 .btn_open{position:absolute; right:100px; top:27px;}
#site_map02 .wrap{background:#fff; top:36px; padding:60px; box-sizing:border-box; display:none; z-index:9999;}
#site_map02 .wrap .btn_close{position:absolute;  right:35px;}
#site_map02 a{color:#000; font-size:16px; display:block;margin-bottom:3px;}
#site_map02 .depth1{display:table; width:100%; table-layout:fixed; text-align:center;}
#site_map02 .depth1 > li > a{font-size:26px; margin-bottom:30px; font-weight:500;}
#site_map02 .depth1 > li{display:table-cell; table-layout:fixed; border-left:1px solid #e5e5e5;}
#site_map02 .depth1 > li:first-child{border:none;}
#site_map02 .depth2 li{margin-bottom:10px;}

#site_map02 .wrap{position:fixed; border:1px solid #efefef;}
@media screen and (min-width:1420px){
#site_map02 .wrap{width:1420px;left:50%;transform:translateX(-50%);}
}
@media screen and (max-width:1420px){
#site_map02 .wrap{width:100%; left:0; margin-left:0}	
	}



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



}
.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;}

.go_contact{border: 1px solid #0068b7;background: #0068b7;width:300px; margin: 0 auto;text-align:center;margin-bottom:40px;}
.go_contact a{;color: #fff;font-size:20px;padding:17px 0;display:block;}

#path{text-align:right;float:right;margin-top:25px;}
#path a{color:#999999; font-size:15px;padding-right:8px;}
#path a:after{content:''; padding:0 8px;background:url(../img/common/icon-path.png) no-repeat right center;width:5px;height:9px;}
#path a:last-child:after{display:none;}
#path a img { margin-right:5px;vertical-align:-1px;}
@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;}
}

.sub-tit { text-align:center;font-weight:bold;color:#000;font-size:48px;padding-top:60px;}
.sub-tit:after { content:'';display:block;width:50px;height:1px;background:#1b1b1b;margin:20px auto;;}

.mobile { display:none!important}
@media screen and (max-width:1000px){

.mobile { display:block!important}
.pc { display:none;!important}

.sub-tit { font-size:25px;padding-top:60px;}
.sub-tit:after { content:'';display:block;width:30px;height:1px;background:#1b1b1b;margin:10px auto;;}
}