@charset "utf-8";

/* 공통 */
.popcommon{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1002;font-size:16px;color:#777;line-height:1.5;letter-spacing:-.3px;background-color:rgba(0,0,0,.5);font-family:'notokr-regular'}
.popcommon .sh_input{width:100%;height:55px;padding:0 15px;border:1px solid #e1e1e1;border-radius:4px;font-size:16px;transition:all .2s;font-family:'notokr-regular'}
.popcommon .sh_input:focus,#mbLogin .sh_input:active{outline:none;box-shadow:none;border-color:#ccc!important}
.popcommon .sh_input::placeholder{color:#999}
.popcommon .sh_txtarea{height:100px;padding:15px}
.popcommon .form_tit{position:relative;margin-bottom:10px;padding-left:19px;font-size:18px;color:#333;font-family:'notokr-medium'}
.popcommon .form_tit:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;background:var(--primary)}

/* 상담문의 */
#inq_pop .inner{overflow:hidden;position:relative;top:50%;transform:translateY(-50%);max-width:800px;margin:0 auto;border-radius:12px;background-color:#fff}
#inq_pop .close{position:absolute;right:25px;top:25px;width:32px;height:32px;border:none;background:none}
#inq_pop .close:before, #inq_pop .close:after{display:block;content:"";position:absolute;width:28px;height:2px;background:#fff}
#inq_pop .close:before{transform:rotate(45deg)}
#inq_pop .close:after{transform:rotate(-45deg)}
#inq_pop form{padding:10px 40px 40px}
#inq_pop .tit{margin-bottom:20px;padding:30px 40px;font-size:24px;color:#fff;font-family:'notokr-regular';background:var(--primary)}
#inq_pop .tit b{font-weight:normal;font-family:'notokr-bold'}
#inq_pop .tit span{display:block;margin-bottom:3px;font-size:16px;color:rgba(255,255,255,.6)}
#inq_pop .form_area{margin-bottom:20px}
#inq_pop .form{display:flex}
#inq_pop .form li{width:calc(100%/2 - 5px)}
#inq_pop .form li+li{margin-left:10px}
#inq_pop .form li.check_list{line-height:48px;padding-left:15px}
#inq_pop .form li.check_list .check_tit{margin-right:15px;color:#333;font-family:'notokr-medium'}
#inq_pop .form li.check_list input{margin-left:5px}
#inq_pop .form li.check_list #ex_wr_2_0{margin-right:10px}
#inq_pop .form li.w_100{width:100%}
#inq_pop .agree_area{padding:20px 0 15px;font-size:15px}
#inq_pop .agree_area p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e1e1e1}
#inq_pop .agree_area ul li{display:flex}
#inq_pop .agree_area ul li+li{margin-top:5px}
#inq_pop .agree_area input{position:absolute;width:0;height:0;visibility:hidden}
#inq_pop .agree_area label{display:flex;align-items:center;cursor:pointer;font-size:14px;line-height:1.4}
#inq_pop .agree_area label:before{content:"";width:20px;height:20px;margin-right:6px;border-radius:4px;border:1px solid #ddd;text-align:center;line-height:20px}
#inq_pop .agree_area input:checked + label:before{content:"\f00c";border:none;font-size:11px;color:#fff;background:#111;font-family:'fontawesome'}
#inq_pop .agree_area button{padding:2px 6px; border:1px solid #ccc;border-radius:4px;margin-left:auto;font-size:12px;color:#999;background:#f7f7f7;font-family:'notokr-regular'}
#inq_pop .sbm_btn{width:100%;height:55px;border:none;border-radius:4px;font-size:16px;color:#fff;background:var(--primary);font-family:'notokr-medium'}

/* 반응형 [s] */
@media (max-width:1024px){
#inq_pop .inner{width:80%;max-width:none}
}
@media (max-width:768px){
.popcommon .form_tit{font-size:16px}
.popcommon .sh_input{height:50px;font-size:14px}
#inq_pop .inner{width:calc(100% - 30px)}
#inq_pop form{padding:10px 25px 40px}
#inq_pop .tit{padding:30px 25px}
#inq_pop .form{display:block}
#inq_pop .form li{width:100%}
#inq_pop .form li+li{margin:5px 0 0}
#inq_pop .form li.check_list{padding-left:0}
#inq_pop .sbm_btn{height:55px}
}
@media (max-width:480px){
.popcommon .form_tit{font-size:15px}
#inq_pop .tit{padding:25px;font-size:20px;word-break:keep-all}
#inq_pop .tit span{font-size:13px}
#inq_pop form{padding:0 25px 25px}
#inq_pop .form li.check_list{font-size:15px}
#inq_pop .sbm_btn{font-size:15px}
}
@media (max-width:380px){
#inq_pop .tit span{display:none}
#inq_pop .tit b{display:block}
}
/* 반응형 [e] */