@charset "utf-8";

#quick_bnr{position:fixed;right:20px;bottom: 0;z-index:20;font-size:12px;letter-spacing:-.3px;transition:right .4s;font-family:'Pretendard'}
#quick_bnr .tit{padding:15px 0;font-size:12px;font-weight:700;color:#fff;background-color:#333}
#quick_bnr .tit p{padding-top:7px}
#quick_bnr .quick-btn{position:fixed;width:76px;height:80px;bottom: 70px;border-radius:4px;border:1px solid #e1e1e1;background:#fff;color:#222;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s}
#quick_bnr .quick-btn p{padding-top:6px}
#quick_bnr .quick-popup{display: none;position:fixed;bottom:70px;right: 20px;width: 390px;height:auto;background:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:22px;transition:all 0.2s}
#quick_bnr h3{padding:30px 0 14px 0;margin-bottom: 14px;font-size:21px;border-bottom:1px solid #e1e1e1}
#quick_bnr .sh_input {border:none;outline:none;font-size:15px;color:#999;}
#quick_bnr .sh_quick ul li{position:relative}
#quick_bnr .sh_quick ul li .required-star{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:red;font-weight:bold;font-size:18px}
#quick_bnr .sh_quick > ul li:nth-child(1){margin-bottom:5px}
#quick_bnr .sh_quick input[type=text]{width:100%;height:50px;padding:0 20px;border:1px solid #e1e1e1;border-radius:4px;color:#333;}
#quick_bnr .select_box{padding:20px 0}
#quick_bnr .select_box p{padding-bottom:14px;font-size:18px;font-weight:700;color:#111}
#quick_bnr .select_box input[type="radio"]{display:none}
#quick_bnr .select_box ul{display:grid;grid-template-columns: repeat(3, 1fr);text-align:center;gap:5px}
#quick_bnr .select_box ul li label{display:flex;align-items:center;justify-content:center;padding: 10px 4px;font-size: 14px;font-weight:500;color:#222;background:#f2f2f2;border-radius:2px;transition:all 0.2s;cursor:pointer}
#quick_bnr .select_box ul li input[type='radio']:checked + label{color:#fff;background-color:var(--primary)}
#quick_bnr .center_box{margin:14px 0 5px 0}
#quick_bnr .sh_select{width:100%;height:50px;padding:0 20px;border:1px solid #e1e1e1;border-radius:4px;font-size:15px;font-weight:400;color:#888;appearance:none;background:url(/sh_img/hd/r_quickmenu/select.png) no-repeat;background-position:97%;background-size:16px}
#quick_bnr select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance: none;background:white;border:1px solid #ccc;border-radius:4px}
#quick_bnr .area_box p{padding-bottom:14px;font-size:18px;font-weight:700;color:#111}
#quick_bnr .area_box input[type="radio"]{display:none}
#quick_bnr .area_box ul{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;gap:5px}
#quick_bnr .area_box ul li label{display:flex;align-items:center;justify-content:center;padding:6px;font-size:15px;font-weight:500;color:#222;background:#f2f2f2;border-radius:2px;transition:all 0.2s;cursor:pointer}
#quick_bnr .area_box ul li input[type='radio']:checked + label{color:#fff;background-color:var(--sub)}
#quick_bnr .submit-btn{display:block;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:600;font-size:16px;line-height:36px;color:#fff;transition:all 0.2s}
#quick_bnr .close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:18px;cursor:pointer}
#quick_bnr .all_chk button{border:none;background:none}
#quick_bnr .all_chk svg{margin-left:10px;width:20px;color:#999}
#quick_bnr .agr{padding: 16px 0;}
#quick_bnr .agr label{font-weight:500;font-size:15px;color:#333;padding-left:10px;cursor:pointer}
#quick_bnr .agr_area{display:none}
#quick_bnr .agr_area div:nth-child(1) span{font-weight:700;color:#f03737}
#quick_bnr .agr_area a{padding-left:4px;font-size:14px;font-weight:600;color:#999}
#quick_bnr .up_btn{display:none}
#quick_bnr #all_chk3{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none}
#quick_bnr #all_chk3:checked{background:url('/sh_page/img/ck.png') center no-repeat #111;background-size:8px}
#quick_bnr .agr_list3{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#quick_bnr .agr_list3:checked{background:url('/sh_page/img/ck.png') center no-repeat #111;background-size:8px}
#quick_bnr .submit-btn{display:block;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:600;font-size:16px;line-height:50px;color:#fff;transition:all 0.2s}
#quick_bnr .agr_area div{display:flex;align-items:center}
#quick_bnr .agr_area div:nth-child(1){margin-bottom:4px}
#quick_bnr .agr_area{display:none}
#quick_bnr .up_btn{display:none}
#quick_bnr .close svg{color:#111}

/* 상단으로 */
#quick_bnr .toTop{width:76px;height:54px;margin:12px auto;border-radius: 4px;font-size: 13px;font-weight:700;line-height:1.6;color: #fff;background: var(--primary);border: none;transition:color .2s;font-family: 'Pretendard';}
#quick_bnr .toTop i{display:block;font-size:18px}

@media (hover:hover){
#quick_bnr .submit-btn:hover{background:#060f20}
#quick_bnr .submit-btn:hover{background:#060f20}
}
/* 반응형 [s] */
@media (max-width:600px){
#quick_bnr{left:0;width:100%}
#quick_bnr .quick-btn{width:100%;height:60px;left:0;bottom:54px}
#quick_bnr .toTop{width:100%;margin:0}
#quick_bnr .quick-btn p br{display:none}
#quick_bnr .quick-popup {right:0;width:100%;bottom:0}
#quick_bnr h3{font-size:19px}
}
@media (max-width:480px){
#quick_bnr .agr label{font-size:14px}
#quick_bnr .submit-btn{font-size:15px}
#quick_bnr .sh_input{font-size:14px}
#quick_bnr .sh_select{font-size:14px}
#quick_bnr .select_box ul li label{font-size:13px}
}
@media (max-width:380px){
#quick_bnr .agr label{font-size:13px}
#quick_bnr .quick-popup{padding:22px 15px}
}
/* 반응형 [e] */