@charset "utf-8";

/* 하단 고정 빠른 상담 신청 바 */
/* 바에 가려지는 영역이 없도록 푸터 하단 여백을 바 높이만큼 확보 */
#sh_ft{padding-bottom:118px}

#quick_consult{position:fixed;z-index:9;left:0;bottom:0;width:100%;min-width:var(--main-size);height:78px;border-top:1px solid #333;background-color:#282828}
#quick_consult .qc_form{display:flex;align-items:center;gap:12px;margin:0 auto;width:var(--wrap);max-width:calc(100% - var(--wrap-gap) * 2);height:100%}
#quick_consult .qc_tit{flex-shrink:0;margin-right:18px;font-size:22px;font-weight:700;letter-spacing:-0.02em;color:#fff}

#quick_consult .qc_input, #quick_consult .qc_select{height:46px;padding:0 16px;border:1px solid #555;border-radius:5px;font-size:16px;font-family:var(--k-font);color:#fff;background-color:#333;transition:all .2s}
#quick_consult .qc_input{width:180px}
#quick_consult .qc_select{width:190px;cursor:pointer}
#quick_consult .qc_input::placeholder{color:#888}
#quick_consult .qc_input:focus, #quick_consult .qc_select:focus{outline:none;border-color:var(--primary)}

#quick_consult .qc_agree{display:flex;align-items:center;gap:8px;margin-left:8px;font-size:15px;font-weight:400;color:#bbb}
#quick_consult .qc_agree input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}
#quick_consult .qc_agree label{cursor:pointer}
#quick_consult .qc_agree a{color:#fff;text-decoration:underline;transition:all .2s}
#quick_consult .qc_agree a:hover{color:var(--primary)}

#quick_consult button{display:flex;justify-content:center;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;height:46px;padding:0 28px;border:none;border-radius:23px;font-size:16px;font-weight:700;font-family:var(--k-font);color:#fff;background-color:var(--primary);cursor:pointer;transition:all .3s}
#quick_consult button svg{width:16px;height:16px;stroke-width:2.5px}
#quick_consult button:hover{color:var(--primary);background-color:#fff}

/* 퀵메뉴(562px)는 세로 중앙정렬이라 화면이 낮으면 위로 올라와 헤더 CTA 를 덮고,
   아래로는 상담 바에 가린다. 중앙정렬을 헤더 아래 ~ 상담 바 위로 묶는다 */
#quickList{top:clamp(185px, calc(50% - 320px), calc(100% - 652px));transform:none;margin-top:0}

/* 그래도 다 들어가지 않는 높이에서는 홍보 배너를 접고 기능 메뉴만 남긴다 */
@media (max-height:820px){
#quickList .plus_link{display:none}
#quickList{top:clamp(185px, calc(50% - 210px), calc(100% - 500px))}
}

@media (max-width:1980px){
#quick_consult .qc_tit{font-size:20px}
#quick_consult .qc_input{width:160px}
#quick_consult .qc_select{width:175px}
}