@charset "utf-8";

/* 하단 고정 문의 */
#btmInq{position:fixed;bottom:0;z-index:21;width:100%;height:105px;border-top:1px solid #ddd;color:#fff;background:var(--primary);white-space:nowrap}
#btmInq .inner{display:flex;align-items:center;justify-content:center;gap:30px;max-width:;height:100%;margin:0 auto}
#btmInq .flex{display:flex;align-items:center;gap:15px}
#btmInq .ftit{}
#btmInq .ftit p{font-size:30px;font-weight:700}
#btmInq .ftit span{font-size:15px;font-weight:400}
#btmInq .k_btn .kakao{display:block;width:100%;height:42px;line-height:42px;padding:0 30px;border:none;border-radius:6px;font-size:16px;font-weight:600;color:#402325;background:#ffe500;transition:all .2s}
/* #btmInq form{flex:1}   */
#btmInq ul{display:flex;gap:20px}
#btmInq ul li label{font-size:16px;font-weight:600}
#btmInq ul li input[type=text]{max-width:160px;height:40px;margin-left:8px;padding:0 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s}
#btmInq ul li input[type=text]:focus{border-color:#aaa!important;outline:none;box-shadow:none}
#btmInq .sbm_area{display:flex;align-items:center;gap:15px/*;flex:1*/}
#btmInq .sbm_area .pvc_ck{font-size:13px;font-weight:500;line-height:1.4}
#btmInq .sbm_area .sh_ck{width:16px;height:16px;border:none;border-radius:4px;background:#ccc;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#btmInq .sbm_area .sh_ck:checked{background:url('/sh_img/common/ck.png') center no-repeat #111;background-size:8px}
#btmInq .sbm_area label span{color:#fff}
#btmInq .sbm_area label{cursor:pointer;/*white-space:pre-line*/}
#btmInq .sbm_area a{color:#fff;text-decoration:underline}
#btmInq .sbm_area button{max-width:180px;width:100%;height:42px;padding:0 10px;border:none;border-radius:6px;font-size:16px;font-weight:600;color:#fff;background:#b08d57/*#333*/;transition:all .2s}
#btmInq dl{display:flex;align-items:center;gap:10px;margin-left:auto}
#btmInq dl dt{display:flex;align-items:center;gap:10px}
#btmInq dl dt span{display:flex;width:42px;height:42px;border-radius:6px;background:var(--primary)}
#btmInq dl dt svg{width:22px;height:22px;margin:auto;fill:#fff;stroke:none}
#btmInq dl dd{font-size:22px;font-weight:800;color:var(--primary)}
@media(hover:hover){
#btmInq .sbm_area button:hover{background:#222}
}
@media(max-width:1480px){
#btmInq .inner{gap:15px;padding:0 15px}
}
@media(max-width:1380px){
#btmInq .flex{gap:10px}
#btmInq .ftit p{font-size:18px}    
#btmInq ul{gap:10px}
#btmInq ul li label{font-size:15px}
#btmInq ul li input[type=text]{width:10vw;margin-left:3px}
#btmInq .sbm_area button{width:12vw}
#btmInq dl dd{font-size:20px}
}
@media(max-width:1024px){
#btmInq .inner{gap:10px}    
#btmInq .ftit p{font-size:16px}     
#btmInq ul li label{font-size:14px}
#btmInq .sbm_area .pvc_ck{font-size:12px}
#btmInq .sbm_area button{font-size:15px}
#btmInq dl dd{font-size:18px}
}
@media(max-width:768px){
#btmInq{height:auto;padding:8px 0}    
#btmInq .inner{display:block}
#btmInq .flex{width:100%}  
#btmInq ul li label{font-size:13px}
#btmInq ul li input[type=text]{width:25vw;height:34px}
#btmInq .sbm_area{flex-direction:column;flex:1;gap:3px}
#btmInq .sbm_area .sh_ck{width:14px;height:14px}
#btmInq .sbm_area .pvc_ck{position:absolute;top:12px;right:15px}
#btmInq .sbm_area label{white-space:unset;}
#btmInq .sbm_area button{max-width:none;width:100%;height:34px;font-size:14px}
#btmInq dl{display:none}    
}    
@media(max-width:380px){
#btmInq .inner{padding:0 10px}  
#btmInq .flex{gap:5px}  
#btmInq ul{gap:5px}
#btmInq ul li input[type=text]{margin:0}
#btmInq .sbm_area button{font-size:13px}
}