@charset "utf-8";
/* ==========================================================
   반응형 공통 — default.css 의 PC 고정폭을 풀고 푸터/퀵메뉴를 반응형으로.
   /rwd/ 미리보기에서만 불러오므로 기존 페이지에는 영향 없음.
   기준점: 1520(헤더 전환) / 860 / 768 / 430
   ========================================================== */

/* default.css 의 body{min-width:1900px}, #ft{min-width:1200px} 해제 */
body.rwd{min-width:0;overflow-x:hidden;}
.rwd #wrapper, .rwd #container{width:100%;min-width:0;}
.rwd img{max-width:100%;height:auto;}

/* PC/모바일 전용 마크업 전환 (기존 .pc / .mo 클래스 그대로 사용) */
.rwd .mo{display:none !important;}
@media (max-width:768px){
	.rwd .pc{display:none !important;}
	.rwd .mo{display:block !important;}
}

/* ---- 푸터 ---- */
.rwd #ft{min-width:0;height:auto;padding:40px 20px;box-sizing:border-box;background:#000;}
.rwd #ft_box{width:100%;max-width:1200px;height:auto;margin:0 auto;padding-top:0;display:flex;align-items:flex-start;gap:30px;}
.rwd #ft_logo{float:none;flex:0 0 auto;width:auto;height:auto;padding:5px 0;}
.rwd #ft_copy{float:none;width:auto;margin-left:0;}
.rwd #ft_copy .ft_links a{display:inline-block;color:#fff;padding:0 5px;font-size:14px;}
.rwd #ft p{word-break:keep-all;}

/* ---- 퀵메뉴: PC 우측 세로형(.bg) / 태블릿·모바일 하단 고정 바(.m_bfix) ---- */
.rwd .m_bfix{display:none;}
@media (max-width:1520px){
	.rwd .bg, .rwd .fix_bt_btn{display:none !important;}
	.rwd .m_bfix{display:flex;position:fixed;left:0;bottom:0;width:100%;height:70px;background:#0d3566;z-index:3002;}
	.rwd .m_bfix div{width:25%;text-align:center;}
	.rwd .m_bfix div a{display:block;}
	.rwd .m_bfix div img{width:50%;max-width:44px;margin-top:15px;}
	.rwd #ft{padding-bottom:100px;}
}
@media (max-width:860px){
	.rwd #ft_box{flex-direction:column;align-items:center;gap:16px;text-align:center;}
	.rwd #ft_logo img{height:28px;width:auto;}
	.rwd #ft_copy .ft_links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
	.rwd #ft_copy .ft_links a{padding:5px 10px;border:1px solid #555;border-radius:4px;font-size:12px;}
	.rwd #ft p{font-size:12px;line-height:1.7;}
}
@media (max-width:430px){
	.rwd .m_bfix div img{margin-top:20px;}
}

/* ---- 빠른상담 폼(#qconsult): mobile.css 규칙 그대로, 하단 바가 보이는 폭에서만 ---- */
.rwd #qconsult{display:none;}
@media (max-width:1520px){
	.rwd #qconsult{display:block;position:fixed;left:50%;transform:translate(-50%);bottom:-70px;z-index:9999;}
	.rwd #qconsult_form{font-family:inherit !important;position:absolute;left:50%;transform:translate(-50%);bottom:-1400px;z-index:11;width:376px;max-width:calc(100vw - 14px);box-sizing:border-box;border-radius:16px;-webkit-transition:all 0.45s ease;transition:all 0.45s ease;}
	.rwd #qconsult_form .btn_close{position:absolute;top:16px;right:16px;cursor:pointer;}
	.rwd #qconsult_form .top{padding:28px 33px;border-radius:15px 15px 0 0;background:#1797f7;color:#fff;text-align:left;}
	.rwd #qconsult_form .bottom{text-align:center;padding:28px 33px;border-radius:0 0 15px 15px;background:#BBBBBB;}
	.rwd #qconsult_form .mobile_wrap{display:inline-flex;align-items:center;}
	.rwd #qconsult_form .mg-b-10{margin-bottom:10px;}
	.rwd #qconsult_form .fbox{padding:18px;background:#fff;overflow-x:hidden;}
	.rwd #qconsult_form input[type="text"]{width:85%;height:54px;border-radius:5px;border:1px solid #c1c1c1;padding:0 25px;font-size:16px;color:#878787;}
	.rwd #qconsult_form select{background:transparent;width:100%;height:54px;border-radius:5px;border:1px solid #c1c1c1;padding:0 25px;font-size:16px;color:#878787;}
	.rwd #qconsult_form .agree{padding:5px;font-size:14px;color:#000;}
	.rwd #qconsult.open #qconsult_form{bottom:0;}
	.rwd #qconsult_form .bottom .bt_input{line-height:30px;width:100%;height:30px;color:#fff;font-weight:bold;font-size:20px;background:transparent;border:0;cursor:pointer;text-align:center;}
}

/* ---- 회원(로그인·회원가입) · FAQ · 검색 기본 스킨 고정폭 해제 (전환 후 bbs 화면용) ---- */
.rwd .mbskin{width:auto;max-width:400px;margin-left:auto;margin-right:auto;}
.rwd #register_form{width:auto;max-width:1200px;box-sizing:border-box;}
/* register.skin.php 의 인라인 width:1200px 래퍼 (스킨 PHP 는 건드리지 않고 CSS 로) */
.rwd div[style*="width:1200px"]{width:auto !important;max-width:1200px;padding:0 16px;box-sizing:border-box;}
.rwd #fregister, .rwd #fregister p{width:auto !important;max-width:100%;}
.rwd #fregister textarea{width:100% !important;box-sizing:border-box;}
.rwd .sec_wrap{width:auto;max-width:1400px;height:auto;min-height:600px;box-sizing:border-box;}
@media (max-width:860px){
	.rwd .mbskin{margin:40px 16px 0;}
	.rwd #register_form{padding:16px;}
	.rwd #register_form table, .rwd #register_form tbody, .rwd #register_form tr, .rwd #register_form th, .rwd #register_form td{display:block;width:auto !important;}
	.rwd #register_form th{padding-bottom:4px;}
	.rwd #register_form .frm_input, .rwd #register_form textarea{max-width:100%;box-sizing:border-box;}
	.rwd .sec_wrap{padding:0 16px;}
	.rwd .faq_layout{flex-direction:column;gap:20px;}
	.rwd #bo_cate{flex:0 0 auto;width:100%;margin-bottom:0;}
	.rwd #bo_cate ul{display:flex;flex-wrap:wrap;gap:4px 16px;}
	.rwd #bo_cate li{display:inline-block;}
	.rwd .faq_right{width:100%;}
	.rwd #faq_sch .frm_input{width:100%;max-width:100%;box-sizing:border-box;}
	.rwd #reg_result #result_email span{width:auto;}
}