@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 .footer-top p {word-break: keep-all;}


/* =====================================
	quick
===================================== */
.quick_menu{position:fixed; width:300px; bottom:100px; right:-330px; box-sizing:border-box;  z-index:500; cursor:pointer; transition:all 0.3s;}
.quick_menu.on{right:0;}
.quick_menu ul li{display:none;}
.quick_menu ul li.on{display:block;}
.quick_menu ul li + li{margin-top:20px;}
.quick_menu ul li.kakao{padding:40px 20px 40px 30px; background:#fff200; box-shadow:22px 22px 38px rgba(0, 0, 0, 0.14);}
.quick_menu ul li.kakao h5{font-size:20px; color:#222; letter-spacing:0.04em; font-weight:500; line-height:1.4; margin:0;}
.quick_menu ul li.kakao h5 b{font-size:30px; }
.quick_menu ul li.kakao h6{font-size:18px; color:#381e1f; letter-spacing:-0.04em; font-weight:400; line-height:1.4; margin:25px 0 45px;}
.quick_menu ul li.kakao a{display:inline-block; font-size:16px; color:#000; letter-spacing:-0.04em; font-weight:500; line-height:1.2; padding:12px 30px; background:#fff; border-radius:28px;}
.quick_menu ul li.kakao a i{display:inline-block; vertical-align:middle; margin-left:10px;}
.quick_menu ul li.kakao p{position:relative; font-size:15px; color:#000; letter-spacing:-0.04em; font-weight:300; line-height:1.6; padding-left:10px; box-sizing:border-box; margin:40px 0 0;}
.quick_menu ul li.kakao p:before{content:'*'; position:absolute; top:0; left:0;}
.quick_menu ul li.consult{position:relative;}
.quick_menu ul li.consult .basic_box{background:#fff}
.quick_menu ul li.consult .basic_box .top {background:linear-gradient(to right, #e2b471, #f4deaa); padding:30px 20px; box-sizing:border-box;}
.quick_menu ul li.consult .basic_box .top h5{font-size:20px; color:#222; letter-spacing:0.04em; font-weight:500; line-height:1.4; margin:0;}
.quick_menu ul li.consult .basic_box .top h5 b{font-size:30px; }
.quick_menu ul li.consult .basic_box .box{padding:20px; box-sizing:border-box;}
.quick_menu ul li.consult .basic_box .box .input_box {margin-bottom:10px;}
.quick_menu ul li.consult .basic_box .box .input_box input{width:100%; border:2px solid #e5e5e5; box-sizing:border-box; height:42px; font-size:16px; font-weight:300; letter-spacing:0; color:#444444; padding:0 20px; margin-bottom:0;}
.quick_menu ul li.consult .basic_box .box .check_box {font-size:0; letter-spacing:-4px; text-align:right;}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom{display:inline-block; vertical-align:top; margin-right:40px;}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom:last-of-type{margin-right:0;}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom label input{display:none; font-size:0; padding:0; margin:0; border:0; width:0; height:0; opacity:0; visibility:hidden;}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom label i{display:inline-block; vertical-align:top; width:17px; height:17px; background:url('/img/checkbox01_off.png') no-repeat center center / contain; margin:3px 7px 3px 0;}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom label span{display:inline-block; vertical-align:top; font-size:14px; color:#aaaaaa; letter-spacing:0; font-weight:400; line-height:1.6; }
.quick_menu ul li.consult .basic_box .box .check_box .check_custom label input:checked + i{background-image:url('/img/checkbox01_on.png');}
.quick_menu ul li.consult .basic_box .box .check_box .check_custom label input:checked + i + span{color:#e2b471}
.quick_menu ul li.consult .basic_box .agr_box{background:#f5f5f5; padding:15px 20px 5px; box-sizing:border-box; }
.quick_menu ul li.consult .basic_box .agr_box .check_custom label input{display:none; font-size:0; padding:0; margin:0; border:0; width:0; height:0; opacity:0; visibility:hidden;}
.quick_menu ul li.consult .basic_box .agr_box .check_custom label i{display:inline-block; vertical-align:top; width:14px; height:14px; background:url('/img/checkbox02_off.png') no-repeat center center / contain; margin:4px 7px 4px 0;}
.quick_menu ul li.consult .basic_box .agr_box .check_custom label span{display:inline-block; vertical-align:top; font-size:14px; color:#aaaaaa; letter-spacing:0; font-weight:400; line-height:1.6; }
.quick_menu ul li.consult .basic_box .agr_box .check_custom label input:checked + i{background-image:url('/img/checkbox02_on.png');}
.quick_menu ul li.consult .basic_box .btn_box a{background:#54504a; padding:10px 20px; box-sizing:border-box; text-align:Center; display:block; font-size:18px; font-weight:bold; letter-spacing:0; color:#fff;}
.quick_menu ul li.consult .agree_box{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}
.quick_menu ul li.consult .agree_box .scroll_box{padding:40px 20px 30px; box-sizing:border-box;}
.quick_menu ul li.consult .agree_box .scroll_box .tit{font-size:18px; font-weight:bold; letter-spacing:0; color:#444444; margin-bottom:30px;}
.quick_menu ul li.consult .agree_box .scroll_box .desc{height:175px; padding:10px; box-sizing:border-box; border:1px solid #e5e5e5; font-size:14px; font-weight:300; letter-spacing:0; color:#444444; overflow-y:auto;}
.quick_menu ul li.consult .agree_box .scroll_box .desc * {font-size:14px !important; line-height:1.2 !important;}
.quick_menu ul li.consult .agree_box .agr_box{background:#f5f5f5; padding:15px 20px 5px; box-sizing:border-box; }
.quick_menu ul li.consult .agree_box .agr_box .check_custom label input{display:none; font-size:0; padding:0; margin:0; border:0; width:0; height:0; opacity:0; visibility:hidden;}
.quick_menu ul li.consult .agree_box .agr_box .check_custom label i{display:inline-block; vertical-align:top; width:14px; height:14px; background:url('/img/checkbox02_off.png') no-repeat center center / contain; margin:4px 7px 4px 0;}
.quick_menu ul li.consult .agree_box .agr_box .check_custom label span{display:inline-block; vertical-align:top; font-size:14px; color:#aaaaaa; letter-spacing:0; font-weight:400; line-height:1.6; }
.quick_menu ul li.consult .agree_box .agr_box .check_custom label input:checked + i{background-image:url('/img/checkbox02_on.png');}
.quick_menu ul li.consult .agree_box .btn_box a{background:#54504a; padding:10px 20px; box-sizing:border-box; text-align:Center; display:block; font-size:18px; font-weight:bold; letter-spacing:0; color:#fff;}


.quick_menu_btn{position:fixed; bottom:0; left:50%; max-width:520px; width:100%; display:none; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:500; }
.quick_menu_btn ul{font-size:0; letter-spacing:-4px;}
.quick_menu_btn ul li{display:inline-block; vertical-align:top; width:50%;}
.quick_menu_btn ul li a{display:block; font-size:16px; color:#000; letter-spacing:-0.04em; font-weight:500; line-height:1.2; text-align:center; padding:20px 30px; background:#fff; border-radius:28px 28px 0 0; box-sizing:border-box; box-shadow:22px 22px 38px rgba(0, 0, 0, 0.14);}
.quick_menu_btn ul li:nth-of-type(2) a{line-height:32px;}
.quick_menu_btn ul li a i{display:inline-block; vertical-align:middle; margin-left:10px;}
.quick_menu_btn ul li.on a{color:#f7dea9}

@media all and (max-width:1000px){
	.quick_menu_btn{display:block;}
}