@charset "utf-8";
.popup-overlay .agr_area input[type="checkbox"]{display:inline-block !important}
.popup-overlay .all_chk input[type="checkbox"]{display:inline-block !important}
.list_box .img_box button{display:flex;width:70px;height:70px;font-weight:700;background:#060f20;color:#fff;align-items:center;justify-content:center;border-radius:50px;border:none;transition:all 0.2s}
.close-btn{position:absolute;top:35px;right:33px;border:none;background:none}
.close-btn svg{color:#111}
h3{margin-bottom:35px;color:#111;text-align:center;font-size:23px}
.re_counsel h3{line-height:1;margin-bottom:15px;color:#111;font-size:23px;text-align:left}
.re_counsel .gray_txt{display:inline-block;margin-bottom:25px;color:#777;font-size:16px}
.sh_inquiry ul li{position:relative}
.area_box input[type="radio"]{display:none}
.area_box ul{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;gap:5px}
.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}
.area_box ul li input[type='radio']:checked + label{color:#fff;background-color:var(--sub)}
.sh_inquiry ul li .required-star{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:red;font-weight:bold;font-size:18px}
.sh_inquiry input[type=text]{width:100%;height:47px;padding:0 20px;border:1px solid #e1e1e1;border-radius:4px;color:#333;font-size:15px}
.sh_inquiry input[type=text]::placeholder{color:#a2a2a2;font-weight:400;font-size:15px}
.re_counsel .sh_inquiry > ul{margin-bottom:20px}
.sh_inquiry > ul li{margin-bottom:10px}
.sh_inquiry > ul li:last-child{margin-bottom:0}
.sh_input{border:none;outline:none;font-size:15px;color:#999}
.area_box{padding:20px 0}
.area_box p{padding-bottom:14px;font-size:18px;font-weight:700;color:#111}
.popup-overlay{justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);z-index:1000}
.popup-content{position:relative;background:#fff;max-width:487px;width:100%;padding:40px 30px;border-radius:15px}
.all_chk button{border:none;background:none}
.all_chk svg{margin-left:10px;width:20px;color:#999}
.agr{padding-bottom:16px}
.agr .all_chk{margin-bottom:10px}
.agr label{font-weight:600;font-size:15px;color:#444;padding-left:10px}
.agr_area{display:block}
.agr_area label{color:#888;font-weight:400}
.agr_area div span{display:inline-block;margin-right:5px;font-weight:700;color:#222}
.agr_area a{padding-left:4px;font-size:15px;font-weight:400;color:#c6c6c6}
.up_btn{display:none}
.all_chk2{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none}
.all_chk2:checked{background:url('/sh_page/img/ck.png') center no-repeat var(--primary);background-size:8px}
.agr_list2{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
.agr_list2:checked{background:url('/sh_page/img/ck.png') center no-repeat var(--primary);background-size:8px}
.submit-btn{display:block;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:700;font-size:16px;line-height:54px;color:#fff;transition:all 0.2s}
.pop_s_tit{display:inline-block;margin:30px 0 10px;color:#111;font-weight:700;font-size:16px}
.pop_info_wrap{display:flex;align-items:center;margin-bottom:25px}
.pop_info_wrap > div{width:32%;height:37px;margin-right:2%}
.pop_info_wrap > div input[type="radio"]{display:none}
.pop_info_wrap > div input[type="radio"]:checked + label{background:var(--primary);color:#fff}
.pop_info_wrap > div label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:4px;background:#f7f7f7;color:#222;font-weight:700;font-size:15px;cursor:pointer}

/* 반응형 [s] */
@media (hover:hover){
.list_box .img_box button:hover{background:var(--primary)}
.submit-btn:hover{background:#060f20}
}
@media (max-width:580px){
.popup-overlay{width:100%;padding:0 20px}
.popup-content{padding:30px 20px;max-width:initial}
h3{font-size:20px}
.submit-btn{line-height:50px;font-size:15px}
.re_counsel h3{font-size:20px}
}
@media (max-width:480px){
h3{margin-bottom:20px;font-size:17px}
.re_counsel h3{margin-bottom:10px;font-size:17px}
.re_counsel .gray_txt{margin-bottom:15px;font-size:14px}
.close-btn{top:30px;right:20px}
.sh_inquiry input[type=text]{padding:0 15px;height:40px;font-size:14px}
.sh_inquiry input[type=text]::placeholder{font-size:14px}
.pop_s_tit{margin:20px 0 10px;font-size:15px}
.pop_info_wrap > div label{font-size:14px}
.agr label{font-size:14px}
.pop_info_wrap{margin-bottom:20px}
.submit-btn{line-height:45px;font-size:14px}
}
@media (max-width:390px){
h3{font-size:15px}
.pop_info_wrap > div{height:35px}
.pop_info_wrap > div label{font-size:13px}
.agr .all_chk{margin-bottom:5px}
.agr label{font-size:13px}
.pop_s_tit{font-size:14px}
}
/* 반응형 [e] */