@charset "utf-8";
/* 프로그램리스트 모바일 버전 */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}

.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}



.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}

/* 기초 */
body{overflow-x:hidden}
.after:after{clear:both;content:""; display:block; height:0; visibility:hidden}
.inner{width:1200px; margin:0 auto; position:relative;}

/* 패딩, 마진 */

.pad_top20{padding-top:20px !important;}
.pad_bot20{padding-bottom:20px !important;}
.pad_top30{padding-top:30px !important;}
.pad_bot30{padding-bottom:30px !important;}
.pad_top40{padding-top:40px !important;}
.pad_bot40{padding-bottom:40px !important;}
.pad_top50{padding-top:50px !important;}
.pad_bot50{padding-bottom:50px !important;}
.pad_top60{padding-top:60px !important;}
.pad_bot60{padding-bottom:60px !important;}
.pad_top70{padding-top:70px !important;}
.pad_bot70{padding-bottom:70px !important;}
.pad_top80{padding-top:80px !important;}
.pad_bot80{padding-bottom:80px !important;}
.pad_top100{padding-top:100px !important;}
.pad_bot100{padding-bottom:100px !important;}
.pad_top150{padding-top:150px !important;}
.pad_bot150{padding-bottom:150px !important;}

.mar_top40{margin-top:40px !important;}
.mar_bot40{margin-bottom:40px !important;}
.mar_top100{margin-top:100px !important;}
.mar_bot100{margin-bottom:100px !important;}

@media all and (max-width:640px){
	.pad_top20{padding-top:3.125vw !important;}
	.pad_bot20{padding-bottom:3.125vw !important;}
	.pad_top30{padding-top:4.6875vw !important;}
	.pad_bot30{padding-bottom:4.6875vw !important;}
	.pad_top40{padding-top:6.25vw !important;}
	.pad_bot40{padding-bottom:6.25vw !important;}
	.pad_top50{padding-top:7.8125vw !important;}
	.pad_bot50{padding-bottom:7.8125vw !important;}
	.pad_top60{padding-top:9.375vw !important;}
	.pad_bot60{padding-bottom:9.375vw !important;}
	.pad_top70{padding-top:10.9375vw !important;}
	.pad_bot70{padding-bottom:10.9375vw !important;}
	.pad_top80{padding-top:12.5vw !important;}
	.pad_bot80{padding-bottom:12.5vw !important;}
	.pad_top100{padding-top:15.625vw !important;}
	.pad_bot100{padding-bottom:15.625vw !important;}
	.pad_top150{padding-top:23.4375vw !important;}
	.pad_bot150{padding-bottom:23.4375vw !important;}

	.mar_top40{margin-top:6.25vw !important;}
	.mar_bot40{margin-bottom:6.25vw !important;}
	.mar_top100{margin-top:15.625vw !important;}
	.mar_bot100{margin-bottom:15.625vw !important;}
}
/* 패딩, 마진 끝 */

/* br */
@media all and (max-width:640px){

	.br640none{display:none;}
}
/* br 끝 */
/**** header ****/
header{position:fixed; width:100%; height:80px; z-index:999; transition:0.3s }
header .black_bg{width:100%; height:0;  background:#000; margin-top:80px; position:fixed; left:0; top:0;}
header .logo{position:absolute; left:0; display:block; padding-top:26px;}
header .pc_nav{position:absolute; right:0; }
header .pc_nav > li {float:left;}
header .pc_nav > li > a{padding-left:23px; display:block; line-height:80px; padding-right:36px; box-sizing:border-box; font-size:20px; color:#ebebeb; letter-spacing:-0.05em; font-weight:200;}
header .pc_nav li a:hover{font-weight:500;}

header .sub_nav{display:none}
header .sub_nav li{}
header .sub_nav li a{padding-top:10px; padding-bottom:10px; padding-left:20px; box-sizing:border-box; font-size:15px; color:#ebebeb; display:block; font-weight:100;}

header .pc_nav{display:block;}
header .m_nav{display:none;}
header .ham_btn{display:none}

@media all and (max-width:1200px){
	.inner{width:97.5%}

	header{background:#fff;}
	header .inner{width:100%}
	header .pc_nav{display:none;}
	header .m_nav{display:block;}
	header .ham_btn{display:block; position:absolute; left:20px; top:25px;}
	header .ham_btn img{width:100%; height:100%}
	header .black_bg{display:none}
	header .logo{left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	header .logo img{width:100%; height:100%}
	.m_nav{width:100%;position:absolute; top:0; left:-9999px; background:#fbfbfb; z-index:999999}
	.m_nav > ul > li > a{width:100%; height:95px; display:block; line-height:95px; background:#fbfbfb; border-top:1px solid #ececec}
	.m_nav > ul > li > a.on{color:#fff; background:#003280}
	.m_nav > ul > li ul{padding-top:25px; padding-bottom:25px; background:#fff}
	.m_nav > ul > li ul li a{width:100%; display:block;}
	.m_nav > ul > li ul li a:hover{color:#003280}
	.m_nav > ul > li a{font-size:28px; font-weight:300; letter-spacing:-0.025em; padding-left:20px; box-sizing:border-box; position:relative;  color:#444;}
	.m_nav > ul > li a img{position:absolute; right:20px; top:38px;}
	.m_top_logo{width:100%; height:80px; position:relative;}
	.m_top_logo .logo{position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); }
	.m_top_logo .x_btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.black_bag{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:-9999px; top:0; z-index:9999}
	
}

@media all and (max-width:640px){
	
	header{height:12.5vw}
	header .logo{width:48.90625vw; height:5.46875vw; padding-top:4.0625vw}
	header .ham_btn{ left:3.125vw; top:3.90625vw; width:7.03125vw; height:4.375vw}
	

	.m_top_logo{height:12.5vw}
	.m_top_logo .logo img{width:48.90625vw; height:5.46875vw;}
	.m_top_logo .x_btn{right:3.125vw;}
	.m_top_logo .x_btn img{width:5.46875vw; height:5.46875vw;}
	.m_nav > ul > li > a{font-size:4.375vw; padding-left:3.125vw; height:14.84375vw; line-height:14.84375vw;}
	.m_nav > ul > li > a img{right:3.125vw; top:5.9375vw; width:5.625vw; height:2.96875vw;}
		
	.m_nav > ul > li ul{padding-top:3.90625vw; padding-bottom:3.90625vw;}
	.m_nav > ul > li ul li a{ font-size:4.375vw; padding-left:3.125vw;}
	header .sub_nav li a{padding-top:1.5625vw; padding-bottom:1.5625vw}
}

/* quick */
.quick_inner{width:100%; margin:0 auto; position:relative; background:#f8f8f8}
.quick{width:85px; position: absolute; top:10px; right:0; padding-top:300px; z-index: 99; }
.quick .text {background:#f8f8f8; width:100%; text-align:center;  box-sizing:border-box; position:relative;}
.quick .text a{display:block; padding-top:14px; padding-bottom:14px; font-size:14px; color:#222; letter-spacing:-0.025em;}
.quick .text i{width:73px; height:1px; background:#eaeaea; position:absolute; left:6px; bottom:0;}
.quick .text img{display:block; margin:0 auto; padding-bottom:3px}
.quick .quick_a{width:100%; height:35px; background:#7e8689; text-align:center; line-height:35px; }
.quick ul li a{display:block;}
.quick ul .quick_a a{color:#fff; font-size:13px; padding:0;}
.quick ul .sns{width:100%; height:33px;}
.quick ul .sns img{padding:0;}
.quick ul .sns a{padding:0;}
.quick ul .up {background:#be9a76; height:38px; text-align:center; line-height:38px; box-sizing:border-box;}
.quick ul .up a{font-size:18px; color:#444; font-weight:bold}

@media (min-width:1200px) and (max-width:1540px){
	.quick_inner{width:100%;}
	.quick{right:0;}
}
@media all and (max-width:1200px){
	.quick_inner{width:100%; display:none}
}


/* footer */

footer{background:#4e4e4e; padding:50px 0;}
footer .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
footer a{display:inline-block; vertical-align:top}
footer .foot{display:inline-block; vertical-align:top; float:right; text-align:right;}
footer .foot p{font-size:16px; color:#8d8d8d; letter-spacing:-0.05em}
footer .logo{float:left;}
footer .logo span{font-size:16px; color:#8d8d8d; letter-spacing:-0.05em; margin-top:20px; display:block;}
footer .foot select{background:#4e4e4e; color:#8d8d8d; font-size:14px; padding:5px; padding-right:0; margin-top:10px;}
footer .m_sitemap a{display:none; width:160px; height:34px; color:#8d8d8d; font-size:16px; line-height:31px; margin-top:10px; text-align:center;  border:1px solid #8d8d8d; box-sizing:border-box;}

@media all and (max-width:1200px){
	footer a{display:block; margin:0 auto; text-align:center;}
	footer .foot{float:none; display:block; margin:0 auto; text-align:center; position:relative; margin-top:20px;}
	footer .logo{float:none;}
	footer .logo span{display:block; text-align:center;}
	footer .m_sitemap a{display:block;}

}

@media all and (max-width:640px){

	footer{padding:7.8125vw}
	footer a{width:48.59375vw; height:5.78125vw}
	footer a img{width:100%}
	footer .foot{margin-top:3.125vw;}
	footer .foot p{font-size:2.5vw; }
	footer .logo span{font-size:2.5vw; margin-top:3.125vw}
	footer .foot select{font-size:2.1875vw; padding:0.78125vw; margin-top:1.5625vw;}
	footer .m_sitemap a{width:25vw; height:5.3125vw; font-size:2.5vw; line-height:4.84375vw; margin-top:1.5625vw;}

}

/* 서브 메뉴 */

.sub_visual{position:relative; width:100%; max-width:1920px; margin:0 auto; overflow:hidden}
.sub_visual img{position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.sub_visual .sub_tit{text-align:center; width:100%; padding-top:30px; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sub_visual .sub_tit .brh2{font-size:22px; letter-spacing:-0.025em; font-weight:500; color:#ebebeb}

.sub_visual .sub_tit .path_tracker{margin-top:8px}
.sub_visual .sub_tit .path_tracker span{font-size:36px; font-weight:300; color:#ebebeb; margin:0 14px;}

.sub_visual .btn{width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.sub_visual .btn .sub_left{position:absolute; left:0;}
.sub_visual .btn .sub_right{position:absolute; right:0;}

@media all and (max-width:1200px){
	.sub_visual .btn{width:97.5%;}
	.sub_visual .btn .sub_left{left:3%;}
	.sub_visual .btn .sub_right{right:3%;}
}
@media all and (max-width:640px){

	.sub_visual > img{height:50.78125vw;}
	.sub_visual .sub_tit{padding-top:4.6875vw;}
	.sub_visual .sub_tit .brh2{font-size:3.4375vw;}

	.sub_visual .sub_tit .path_tracker{margin-top:1.25vw}
	.sub_visual .sub_tit .path_tracker span{font-size:5.625vw; margin:0 2.1875vw;}

	.sub_visual .btn .sub_left{left:5%;}
	.sub_visual .btn .sub_left img{width:2.03125vw; height:4.84375vw;}
	.sub_visual .btn .sub_right{right:5%;}
	.sub_visual .btn .sub_right img{width:2.03125vw; height:4.84375vw;}
}

/* 3death */

.thr_tab ul{text-align:center; padding-top:80px; padding-bottom:40px;}
.thr_tab ul li{display:inline-block; margin:0 15px; padding-bottom:5px;}
.thr_tab ul li a{font-size:16px; color:#444; display:block; letter-spacing:-0.05em;}
.thr_tab ul li.on{border-bottom:3px solid #003280;}

@media all and (max-width:640px){
	.thr_tab ul{padding-top:12.5vw; padding-bottom:6.25vw;}
	.thr_tab ul li{margin:0 2.34375vw; padding-left:1%; padding-right:1%; padding-bottom:0.78125vw}
	.thr_tab ul li a{font-size:2.5vw; }
	.thr_tab ul li.on{border-width:0.46875vw;}
}