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

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}

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

/* footer */
#footer {
    background-color: #000000;
	padding: 80px 0 25px;
}
#footer .f_top {
	display: flex;
	padding: 0 25px;
	gap: 75px;
	flex-wrap: wrap;
}
#footer .f_top .f_alt_box {
	display: flex;
	gap: 75px;
}
#footer .f_top .f_alt_txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	color: #fff;
}
#footer .f_btm {
	margin-top: 75px;
}
#footer .f_btm .f_sns_box {
	display: flex;
	justify-content: center;
	gap: 40px;
}
#footer .f_btm .f_copy {
	font-size: 14px;
	color: #939393;
	line-height: 2em;
	font-weight: 400;
	text-align: center;
}

@media all and (max-width:1500px) {
	#footer .f_top .f_alt_box {
		align-items: center;
	}
}
@media all and (max-width:1200px) {
	#footer .f_top {
		align-items: center;
		flex-direction: column;
	}
	#footer .f_top .f_alt_box {
		flex-direction: column;
		align-items: flex-start;
	}
}
/* END footer */