@charset "utf-8";
/* 기본프로그램 사용자모듈 메뉴 - PC */
.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;}


/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.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;}
}




.inner {width:100%; max-width:1200px; margin:0 auto;}
@media all and (max-width:1200px){
	.inner {padding:0 20px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
}



.header {position:relative; z-index:100; width:100%; height:90px; background-color:#fff;}
.header .inner {position:relative; }
.header .inner:after {content:''; display:block; clear:both; }
.header .logo {float:left; width:235px; height:90px; }
.header .logo h1 {padding:25px 0; margin:0;}

.header .gnb {float:right; height:70px; padding-top:20px; padding-left:40px;}
.header .gnb .list {font-size:0;}
.header .gnb .list > li {position:relative; display:inline-block; vertical-align:top; font-size:16px; line-height:70px; padding:0 15px; }
.header .gnb .list > li a {font-size:16px;}
.header .gnb .list > li:hover a span {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.header .gnb .list > li:hover a span {color:#0052bd; font-weight:500;}
.header .gnb .list > li .depth02 {display:none; position:absolute; left:0; top:70px;}
.header .gnb .list > li .depth02 ul {width:215px; margin-top:10px; padding:15px 0 30px;  background-color:#fff;}
.header .gnb .list > li .depth02 ul li {font-size:16px; line-height:24px; margin-bottom:10px; }
.header .gnb .list > li .depth02 ul li:last-of-type {margin-bottom:0; }
.header .gnb .list > li .depth02 ul li a {display:block; padding-left:35px;}
.header .gnb .list > li .depth02 ul li:hover a{color:#0052bd; font-weight:500;}

.header .right_box {position:absolute; right:0; top:2px; display:block; }
.header .right_box ul {font-size:0; margin-bottom:0;}
.header .right_box li {position:relative; display:inline-block; vertical-align:top; margin-right:18px;}
.header .right_box li:nth-of-type(1):after {content:''; position:absolute; right:-10px; top:4px; width:1px; height:13px; background-color:#d9d9d9;}
.header .right_box li:nth-of-type(2):after {content:''; position:absolute; right:-10px; top:4px; width:1px; height:13px; background-color:#d9d9d9;}
.header .right_box li:nth-of-type(3):after {content:''; position:absolute; right:-10px; top:4px; width:1px; height:13px; background-color:#d9d9d9;}
.header .right_box li:last-child {margin-right:0;}
.header .right_box li a {font-size:14px; color:#777;}

.header .header_ham {display:none; position:absolute; right:0; top:0; width:40px; height:30px; margin:28px 30px 0; cursor:pointer; }
.header .header_ham span {position:absolute; left:0; display:block; width:100%; height:1px; background-color:#000;}
.header .header_ham span:nth-of-type(1) {top:0;}
.header .header_ham span:nth-of-type(2) {top:14px;;}
.header .header_ham span:nth-of-type(3) {top:29px;}


.header_m_bg {z-index:101; display:none; position:fixed; right:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.header_m {z-index:105; position:fixed; right:0; top:0; width:60%; height:100%; background-color:#fff; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.header_m.off {right:-60%;}

.header_m .top_box {overflow:hidden; border-bottom:1px solid #ddd; padding:30px 40px 10px 50px;}
.header_m .top_box ul {float:left; }
.header_m .top_box li {position:relative; float:left; margin-right:20px;}
.header_m .top_box li:before {content:''; position:absolute; right:-10px; top:5px; width:1px; height:13px; background-color:#d9d9d9;}
.header_m .top_box li:last-child {margin-right:0;}
.header_m .top_box li:last-child:before {display:none; }
.header_m .top_box a {}
.header_m .top_box .ham_close {width:20px; height:20px; margin-bottom:30px; cursor:pointer;}
.header_m .top_box .ham_close img {width:100%; height:auto;}

.header_m .list {}
.header_m .list > li {}
.header_m .list > li p {height:55px; line-height:55px; border-bottom:1px solid #eee; padding:0 5% 0 10%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.header_m .list > li p span {float:right; display:block; width:25px; height:14px; margin:22px 10px 0 0 ; background:url('/img/arrow_off.png') no-repeat center center; background-size:cover;}
.header_m .list > li p a {font-size:18px; color:#555;}
.header_m .list > li > ul {display:none;}
.header_m .list > li > ul li {width:100%; /*height:50px;*/ line-height:50px; padding:0 5% 0 10%;}
.header_m .list > li > ul li a {display:block; font-size:17px; color:#555;}
.header_m .list > li.on {background-color:#001d44;}
.header_m .list > li.on p {border-bottom:1px solid #666;}
.header_m .list > li.on a {color:#fff;}
.header_m .list > li.on p span {background:url('/img/arrow_on.png') no-repeat center center; background-size:cover;}

@media all and (max-width:1200px){
	.header .gnb {padding-left:10px;}
	.header .gnb .list > li {padding:0 10px; }
	.header .gnb .list > li a {font-size:15px;}
	.header .right_box li a {font-size:13px;}
}

@media all and (max-width:1100px){
	.header .gnb,.header .right_box {display:none;}
	.header .header_ham {display:block;}
}




.footer {width:100%; max-width:1920px; height:200px; margin:0 auto;padding-top:60px; background-color:#262628; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.footer .left_box {float:left; width:55%}
.footer .left_box .info span {position:relative; display:inline-block; vertical-align:top; padding-right:15px; font-size:15px; color:#fff; font-weight:200; opacity:0.4;}
.footer .left_box .info span.block {display:block; padding-bottom:10px; }
.footer .left_box .info span.block:after {display:none;}
.footer .left_box .info span:after {content:''; position:absolute; right:5px; top:5px; width:1px; height:13px; background-color:#fff; opacity:0.4;}
.footer .left_box .info span:last-of-type:after {display:none;}
.footer .left_box .info span img {padding:3px 2px 0;}
.footer .left_box .address {font-size:14px; padding-top:10px; font-weight:200; color:#fff; opacity:0.4; line-height:24px;}
.footer .left_box .copy {font-size:13px; font-weight:200; color:#fff; opacity:0.4; line-height:24px;}
.footer .left_box .footer_logo {padding:45px 0; }
.footer .left_box .footer_logo img {padding-right:10px; }
.footer .right_box {float:right; width:45%;}
.footer .right_box > ul {}
.footer .right_box > ul > li {position:relative; float:left; height:38px; padding:0 20px; line-height:38px; border:1px solid #4c4c4d; margin:0 5px 5px 0 ; text-align:center; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.footer .right_box > ul > li.small_box {width:105px; padding:0 10px; }
.footer .right_box > ul > li:nth-of-type(4n) {margin-right:0;}
.footer .right_box > ul > li > a {display:block; color:#fff; opacity:0.3; font-weight:300;}
.footer .right_box > ul .linksite {display:none; position:absolute; right:-1px; bottom:100%; width:200%; border:1px solid #4c4c4d; background-color:#2b2b2b; padding:15px 0; box-sizing:border-box; }
.footer .right_box > ul .linksite li {padding-right:15px; text-align:right; line-height:20px; box-sizing:border-box; }
.footer .right_box > ul .linksite li a {font-size:13px; color:#fff; opacity:0.5; font-weight:200; }

@media all and (max-width:1200px){
	.footer {height:280px; }
	.footer .right_box {float:none; width:100%; }
	.footer .left_box { width:100%; }
	.footer .right_box li:nth-of-type(4n) {margin-right:5px;}
}

@media all and (max-width:1000px){
	.footer {height:360px; }
}
@media all and (max-width:640px){
	.footer {height:450px;}

}




#quick{position:fixed; top:50%; right:78px; z-index:99; width:94px; background-color:#f9f9f9; text-align:center; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
#quick > p {width:100%; height:45px; line-height:45px; background-color:#238dfa; color:#fff; font-weight:300; }
#quick ul{width: 100%;}
#quick li{display:table; width:100%; height:100px;}
#quick li + li{border-top: 1px solid #dbdbdb;}
#quick li a{display:table-cell; vertical-align:middle; }
#quick li p{margin-top: 5px;font-size: 14px;color: #444;font-weight: 500; line-height:16px; }
#quick .top{width:100%; height:45px; line-height:45px; background-color:#25283d; font-weight:300; }
#quick .top a{display: block;font-size: 14px;color: #fff;}



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

@media all and (max-width:1024px){
	#quick {top:auto; bottom:0; right:0; width:100%; height:100px; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
	#quick > p, #quick .top {display:none; }
	#quick li {float:left; width:16.6%; border-top:1px solid #dbdbdb; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	#quick li p {font-size:15px; }
	#quick li + li {border-left:1px solid #dbdbdb; }
	.footer .left_box .footer_logo {padding:30px 0; }


}