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


/* basic */
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}
#header{position:absolute; left:0; top:0; width:100%; z-indeX:99; height:120px}
#header .click_box{text-align:right; margin-top:35px}
#header .click_box a{display:inline-block; vertical-align:top; width:150px ; height:50px; line-height:50px; margin-right:30px; background:#000;  border-radius:30px; text-align:center;box-sizing:border-box; font-size:20px; letter-spacing:0; color:#FFF; font-weight: 300; }
#header .click_box a:last-of-type{margin-right:0}
#header .click_box a img{display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px;}

#footer .top_box{font-size:0; letter-spacing:-4px; background:#fdc8c9; height:90px;}
#footer .top_box .left_box{display:inline-block; vertical-align:middle; line-height:90px; width:50%}
#footer .top_box .left_box a{font-size:24px; letter-spacing:0.025em; color:#000000;}
#footer .top_box .right_box{display:inline-block; vertical-align:middle; width:50%; text-align:right;}
#footer .top_box .right_box ul li{display:inline-block; vertical-align:middle; margin-right:15px;}
#footer .top_box .right_box ul li:last-of-type{margin-right:0;}
#footer .top_box .right_box ul li a{display:inline-block;}
#footer .bot_box{font-size:0; letter-spacing:-4px; background:#efefef; padding:40px 0 80px;}
#footer .bot_box .left_box{display:inline-block; vertical-align:top; width:calc(100% - 150px)}
#footer .bot_box .left_box .info p{position:relative; font-size:17px; letter-spacing:0.025em; font-weight: 300; color:#000; padding-right:20px; display:inline-block; line-height:1.6}
#footer .bot_box .left_box .info p:after{content:''; position:absolute; right:10px; top:5px; width:1px; height:15px; background:#000}
#footer .bot_box .left_box .info p:nth-of-type(3):after{display:none}
#footer .bot_box .left_box .info p:nth-of-type(5):after{display:none}
#footer .bot_box .right_box{display:inline-block; vertical-align:top; width:150px; text-align:right}
#footer .bot_box .right_box a{display:block; font-size:17px; letter-spacing:0.025em; font-weight: 300; color:#000; line-height:1.6}
#footer .bot_box .copy{padding-top:20px}
#footer .bot_box .copy p{font-size:17px; letter-spacing:0.025em; font-weight: 300; color:#000;}

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

@media all and (max-width:1000px){
	#header{display:none}
	#header .click_box{text-align:center}
	#footer .bot_box .left_box .info p{display:block}
	#footer .bot_box .left_box .info p:after{display:none}
}