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

/* header */

.header .inner{width:1200px; margin:0 auto;}
.header .top{width:100%; height:97px; border-bottom:1px solid #ebebeb; position:relative}
.header .top .left{position:absolute; left:0; top:0; padding-top:20px; box-sizing:border-box}
.header .top .left h1{font-size:15px; color:#f8bd17; font-weight:300; letter-spacing: -0.025em;}
.header .top .left p{font-size:26px; color:#cccccc; font-weight:500; letter-spacing: -0.025em}

.header .top > a{position:absolute; left:50%; top:24px; -webkit-transform:translateX(-50%) ;-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}
.header .top .right{position:absolute; right:0; top:35px;}
.header .top .right ul li{float:left; width:64px; height:26px; text-align:center; line-height: 26px; }
.header .top .right ul li a{font-size:14px; color:#666666; letter-spacing:-0.025em; display:block}
.header .top .right ul li:nth-of-type(2n){width:1px; height:13px; background:#e5e5e5;	margin-left: 15px; margin-right: 15px; margin-top:8px; }
.header .top .right ul li.login a{border:1px solid #cecccc; border-radius:5px; box-sizing:border-box; }

.header .nav{position:absolute; width:1200px; top:0; z-index:11}

.header .nav-g .back_nav{ height:330px;z-index:10}


.header .nav .big_nav > li{width:14.285%; float:left;}
.header .nav .big_nav > li > a{font-size:18px; height:65px; line-height:65px; display:block; color:#444; font-weight:300; text-align:center;}
.header .nav .big_nav > li > a:hover{color:#444;font-weight:bold;;height:65px;line-height:65px}
.header .nav .big_nav > li ul {display:none; height:330px; padding-top:22px; box-sizing:border-box; background:#fbfbfb}
.header .nav .big_nav > li:nth-of-type(1) ul{padding-left:52px;}
.header .nav .big_nav > li:nth-of-type(2) ul{padding-left:52px;}
.header .nav .big_nav > li:nth-of-type(3) ul{padding-left:39px;}
.header .nav .big_nav > li:nth-of-type(4) ul{text-align:center;}
.header .nav .big_nav > li:nth-of-type(5) ul{padding-left:45px;}
.header .nav .big_nav > li:nth-of-type(6) ul{padding-left:45px;}
.header .nav .big_nav > li:nth-of-type(7) ul{text-align:center;}
.header .nav .big_nav > li ul li{padding-bottom:12px;}
.header .nav .big_nav > li ul li a{font-size:15px; font-weight:300; color:#444; display:block;}
.header .nav .big_nav > li ul li a:hover{color:#fff;font-weight:bold;}
.header .back_nav{width:100%; height:265px; display:none; background:#fbfbfb; position:absolute; top:65px; z-index:9}
.header .nav-g{position:relative; height:65px;}
.m_nav{display:none}
.m_left{display:none}
.m_right{display:none}
@media all and (max-width:1200px){
	.header .inner{width:100%}
	.header .nav{width:100%}
	.header .nav .big_nav > li > a{font-size:15px;}
	.header .nav .big_nav > li ul li a{font-size:14px;}
	.header .nav .big_nav > li:nth-of-type(1) ul{padding-left:10px;}
	.header .nav .big_nav > li:nth-of-type(2) ul{padding-left:10px;}
	.header .nav .big_nav > li:nth-of-type(3) ul{padding-left:20px;}
	.header .nav .big_nav > li:nth-of-type(4) ul{padding-left:15px;}
	.header .nav .big_nav > li:nth-of-type(5) ul{padding-left:40px;}
	.header .nav .big_nav > li:nth-of-type(6) ul{padding-left:40px;}
	.header .nav .big_nav > li:nth-of-type(7) ul{padding-left:45px;}
	
}
@media all and (max-width:1000px){
	.header{width:100%; position:fixed; left:0; top:0; z-index:99999; background:#fff}
	.header .inner{width:97.5%; position:relative;}
	.nav-g{display:none}	
	.header .top .left{display:none}
	.header .top .right{display:none}
	.header .top a.m_left{display:block; position:absolute; left:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.header .top a.m_right{display:block; position:absolute; left:auto; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	
	.m_nav{width:100%; display:block; position:absolute; top:0; left:-9999px; background:#fbfbfb; z-index:999}
	.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:#fdb814}
	.m_nav > ul > li ul{padding-top:25px; padding-bottom:25px; background:#fff}
	.m_nav > ul > li ul li a{width:100%; height:60px; display:block; line-height:60px;}
	.m_nav > ul > li ul li a:hover{color:#fdb814}
	.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:96px; position:relative;}
	.m_top_logo .logo{position:absolute; left:50%; top:17px; 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}
	.fixed_blank{width:100%; height:98px}
}

@media all and (max-width:640px){
	.header .top{height:15.15625vw;}
	.header .top a.m_left{left:3.125vw;}
	.header .top a.m_left img{width:7.03125vw; height:4.375vw;}
	.header .top > a{top:3.75vw;}
	.header .top > a img{width:68.4375vw; height:8.28125vw;}
	.header .top a.m_right{right:3.125vw;}
	.header .top a.m_right img{width:6.5625vw; height:6.5625vw;}

	.m_top_logo{height:15vw;}
	.m_top_logo .logo{top:3.75vw;}
	.m_top_logo .logo img{width:68.4375vw; height:8.28125vw;}
	.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{height:9.375vw; line-height:9.375vw; font-size:4.375vw; padding-left:3.125vw;}
	
	.fixed_blank{ height:15.3125vw}
}



/* footer */
.footer{width:100%; height:240px; background:#4e5159;margin-top:50px;}
.footer .inner{width:1200px; margin:0 auto; position:relative;}
.footer .inner .left{position:absolute; left:0; top:40px;}
.footer .inner .left h1{font-size:22px; color:rgba(255,255,255,0.5); letter-spacing:-0.05em; font-weight:500; padding-bottom:20px;}
.footer .inner .left ul:after{clear:both; content: ""; display: block; height: 0; visibility: hidden;}
.footer .inner .left ul{padding-top:5px}
.footer .inner .left ul li{float:left; font-size:14px; color:rgba(255,255,255,0.4); font-weight:200}
.footer .inner .left ul li:nth-of-type(2n){width:1px; height:11px; background:rgba(255,255,255,0.2); margin-top:6px; margin-left:10px; margin-right:10px;;}
.footer .inner .right{position:absolute; right:0; top:60px;}
.footer .inner .right .a_btn:after{clear:both; content: ""; display: block; height: 0; visibility: hidden;}
.footer .inner .right a{display:block; float:right; border:1px solid #898989; padding:10px 23px; font-size:12px; color:rgba(255,255,255,0.5); margin-right:5px;}
.footer .inner .right a:nth-of-type(1){margin-right:0;}
.footer .inner .right p{font-size:12px; color:rgba(255,255,255,0.22); text-align:right; letter-spacing:0.05em; font-weight:200; padding-top:20px;}

@media all and (max-width:1200px){
	.footer .inner{width:97.5%}
}
@media all and (max-width:1000px){
	.footer{height:auto; padding-bottom:30px;}
	.footer .inner .left h1{text-align:center; padding-top:50px;}
	.footer .inner .left{position:relative; left:0; top:0;}
	.footer .inner .left ul {text-align:center;}
	.footer .inner .left ul li{float:none; display:inline-block;}
	.footer .inner .right{position:relative; left:0; top:0; padding-top:25px;}
	.footer .inner .right .a_btn{text-align:center;}
	.footer .inner .right a{float:none; display:inline-block;}
	.footer .inner .right p{text-align:center;}


}
@media all and (max-width:640px){
	.footer{height:auto; padding-bottom:0px;}
	.footer .inner .left h1{font-size:3.4375vw; padding-top:7.8125vw; padding-bottom:3.125vw;}
	.footer .inner .left ul{padding-top:0.78125vw}
	.footer .inner .left ul li{font-size:2.1875vw;}
	.footer .inner .left ul li:nth-of-type(2n){height:1.71875vw; margin-top:0.9375vw; margin-left:1.5625vw; margin-right:1.5625vw;}
	.footer .inner .right{padding-top:3.90625vw;}
	.footer .inner .right a{padding:1.5625vw 3.59375vw; font-size:1.875vw;}
	.footer .inner .right p{font-size:1.875vw; padding-top:3.125vw; padding-bottom:7.8125vw;}

}

/* quick */
.quick_inner{width:1200px; margin:0 auto; position:relative; background:#fff}
.quick{width:85px; position: absolute; top:10px; right:-170px; padding-top:300px; z-index: 9999; }
.quick .text {background:#fff; width:100%; height:78px; text-align:center; border-bottom:1px solid #e2e5e6; border-left:1px solid #e2e5e6; border-right:1px solid #e2e5e6; box-sizing:border-box;}
.quick .text a{display:block; padding-top:11px; padding-bottom:11px; font-size:14px; color:#7e8689; letter-spacing:-0.025em;}
.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:#fff; height:38px; text-align:center; line-height:38px;  border-left:1px solid #e2e5e6; border-right:1px solid #e2e5e6; border-bottom:1px solid #e2e5e6; box-sizing:border-box;}
.quick ul .up a{font-size:12px; color:#7e8689;}

@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}
}