@charset "utf-8";

/* 하단 고정 문의 */
#btmInq{position:fixed;left:0;bottom:0;z-index:21;width:100%;min-height:110px;border-top:1px solid rgba(255,255,255,0.3);color:#fff;background:linear-gradient(45deg, var(--primary), var(--primary2));}
#btmInq .inner_cont{display:flex;align-items:center;justify-content:center;gap:30px;max-width:1440px;min-height:110px;margin:0 auto;padding:0 20px;box-sizing:border-box}
#btmInq .sr_only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}

/* 접기/펼치기 토글 */
#btmInq .btm_toggle{position:absolute;top:-34px;right:20px;display:flex;align-items:center;justify-content:center;width:56px;height:34px;padding:0;border:1px solid rgba(255,255,255,0.3);border-bottom:none;border-radius:10px 10px 0 0;color:#fff;background:linear-gradient(45deg, var(--primary), var(--primary2));cursor:pointer}
#btmInq .btm_toggle svg{transition:transform .3s ease}

/* 접힌 상태: 바 전체를 아래로 내리고 토글 탭만 남김 */
#btmInq.on.fold{transform:translateY(100%)}
#btmInq.on.fold .btm_toggle svg{transform:rotate(180deg)}

/* 타이틀 */
#btmInq .ftit{flex:0 0 auto;white-space:nowrap}
#btmInq .ftit span{display:block;font-size:15px;font-weight:400;line-height:1.3}
#btmInq .ftit p{font-size:32px;font-weight:700;line-height:1.2}

/* 폼 */
#btmInq form{flex:1 1 auto;min-width:0}
#btmInq .flex{display:flex;align-items:center;justify-content:flex-end;gap:16px}

/* 카톡 버튼 */
#btmInq .k_btn{flex:0 0 auto}
#btmInq .k_btn .kakao{display:flex;align-items:center;justify-content:center;gap:6px;min-width:130px;height:50px;padding:0 24px;border:none;border-radius:8px;font-size:17px;font-weight:600;color:#402325;background:#ffe500;white-space:nowrap;transition:all .2s}

/* 입력창 */
#btmInq ul{display:flex;flex:1 1 auto;gap:12px;min-width:0}
/* #btmInq ul li{flex:1 1 0;min-width:0} */
#btmInq ul li input[type=text]{display:block;width:100%;max-width:220px;height:50px;padding:0 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;color:#222;background:#fff;box-sizing:border-box;transition:all .2s}
#btmInq ul li input[type=text]::placeholder{color:#999}
#btmInq ul li input[type=text]:focus{border-color:#aaa!important;outline:none;box-shadow:none}

/* 동의 + 제출 */
#btmInq .sbm_area{display:flex;align-items:center;flex:0 0 auto;gap:16px}
#btmInq .sbm_area .pvc_ck{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1.4}
#btmInq .sbm_area .sh_ck{flex:0 0 auto;width:18px;height:18px;margin:0;border:none;border-radius:4px;background:#ccc;cursor:pointer;-webkit-appearance:none;appearance:none}
#btmInq .sbm_area .sh_ck:checked{background:url('/sh_img/hd/btm_Inq/ck.png') center no-repeat #111;background-size:10px}
#btmInq .sbm_area label{cursor:pointer;white-space:nowrap}
#btmInq .sbm_area label span{color:#fff}
#btmInq .sbm_area a{color:#fff;text-decoration:underline;white-space:nowrap}
#btmInq .sbm_area button{width:170px;height:50px;padding:0 16px;border:none;border-radius:8px;font-size:17px;font-weight:600;color:#fff;background:#b08d57;cursor:pointer;white-space:nowrap;transition:all .2s}

/* 스크롤 시 노출 */
#btmInq{transform:translateY(100%);visibility:hidden;transition:transform .4s ease,visibility 0s .4s}
#btmInq.on{transform:translateY(0);visibility:visible;transition:transform .4s ease,visibility 0s}

@media(hover:hover){
#btmInq .sbm_area button:hover{background:#222}
}

/* ~1440 */
@media(max-width:1440px){
#btmInq .inner_cont{gap:20px}
#btmInq .ftit p{font-size:28px}
}

/* ~1200 */
@media(max-width:1200px){
#btmInq .inner_cont{gap:14px;padding:0 16px}
#btmInq .flex{gap:10px}
#btmInq .ftit p{font-size:24px}
#btmInq .k_btn .kakao{min-width:0;padding:0 18px;font-size:16px}
#btmInq ul{gap:8px}
#btmInq ul li input[type=text]{height:48px;padding:0 12px;font-size:15px}
#btmInq .sbm_area{gap:10px}
#btmInq .sbm_area .pvc_ck{font-size:13px}
#btmInq .sbm_area button{width:130px;height:48px;font-size:16px}
}

/* ~1024 : 동의 영역을 버튼 위로 */
@media(max-width:1024px){
#btmInq{min-height:0}
#btmInq .inner_cont{min-height:0;padding:12px 16px}
#btmInq .ftit p{font-size:20px}
#btmInq .ftit span{font-size:13px}
#btmInq .sbm_area{flex-direction:column;align-items:stretch;gap:6px}
#btmInq .sbm_area .pvc_ck{justify-content:flex-start;font-size:12px}
#btmInq .sbm_area button{width:100%;height:44px}
#btmInq ul li input[type=text]{height:44px}
#btmInq .k_btn .kakao{height:44px;padding:0 14px;font-size:15px}
}

@media(max-width:1024px){
#btmInq .btm_toggle{right:12px;width:48px;height:30px;top:-30px}
}

/* ~768 : 모바일 2단 구성 */
@media(max-width:768px){
#btmInq .inner_cont{display:block;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
#btmInq .ftit{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;margin-bottom:8px}
#btmInq .ftit span{display:inline;font-size:13px}
#btmInq .ftit p{font-size:20px}
#btmInq form{width:100%}
#btmInq .flex{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}

/* 카톡 + 이름 + 연락처 한 줄 */
#btmInq .k_btn{flex:0 0 auto}
#btmInq .k_btn .kakao{min-width:0;height:44px;padding:0 12px;font-size:14px}
#btmInq ul{flex:1 1 0;min-width:0;gap:8px}
#btmInq ul li{flex:1 1 0;min-width:0}
#btmInq ul li input[type=text]{width:100%;max-width:none;height:44px;padding:0 10px;font-size:14px}

/* 동의 + 제출 (다음 줄) */
#btmInq .sbm_area{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
#btmInq .sbm_area .pvc_ck{flex:1 1 auto;min-width:0;flex-wrap:wrap;font-size:12px}
#btmInq .sbm_area label{white-space:normal}
#btmInq .sbm_area .sh_ck{width:16px;height:16px}
#btmInq .sbm_area button{flex:0 0 120px;width:120px;height:44px;font-size:15px}
}
/* ~380 */
@media(max-width:380px){
#btmInq .inner_cont{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
#btmInq .ftit p{font-size:18px}
#btmInq .flex{gap:6px}
#btmInq .k_btn .kakao{padding:0 8px;font-size:13px;gap:4px}
#btmInq ul{gap:6px}
#btmInq ul li input[type=text]{padding:0 8px;font-size:13px}
#btmInq .sbm_area .pvc_ck{font-size:11px}
#btmInq .sbm_area button{flex-basis:100px;width:100px;font-size:14px}
}