@charset "utf-8";

/* 온라인상담 */
#consult .form-area{padding:70px 50px 50px}
#consult .form-tit .tit{font-size:23px;color:#111;font-family:var(--B-font)}
#consult .form-tit p{margin-top:10px;font-size:16px;font-weight:500;color:#111}
#consult .input-area{margin-top:30px}
#consult .input-area li{display:flex;align-items:center}
#consult .input-area li{border-bottom:1px solid #e1e1e1}
#consult .input-area li label{display:block;width:80px;margin-bottom:2px;font-size:15px;color:#aaa;font-family:var(--k-font)}
#consult .input-area li .sh_input{width:80%;height:60px;padding-left:15px;border:none;font-size:15px;color:#111;font-family:var(--font-m)}
#consult .input-area li .sh_input:focus,#consult .input-area li .sh_input:active{border:none!important;box-shadow:none;outline:none;background:#fff}
#consult .input-area li .sh_input.select{cursor:pointer;width:80%;height:60px;padding-left:15px;font-size:15px;appearance:none;background:url('./img/arr.png') calc(100% - 15px) center no-repeat;background-size:10px}
#consult .input-area li .sh_input.select:focus, #consult .input-area li .sh_input.select:active{background-color:#fff}
#consult .input-area li .won{position:relative}
#consult .input-area li .won .sh_input{padding-right:50px}
#consult .input-area li .won span{position:absolute;right:15px;top:50%;font-size:15px;transform:translateY(-50%);color:#aaa}
#consult .form-area .pvc_ck{padding:20px 0;font-size:14px;text-align:right}
#consult .form-area .pvc_ck a{vertical-align:middle;color:#111;text-decoration:underline}
#consult .form-area .pvc_ck label{cursor:pointer;font-size:14px;color:#111}
#consult .form-area .pvc_ck .sh_ck{width:16px;height:16px;margin-left:5px;border:none;border-radius:4px;background:#f5f5f5;cursor:pointer;appearance:none}
#consult .form-area .pvc_ck .sh_ck:checked{background:url('./img/ck.png') center no-repeat #111;background-size:8px}
#consult .form-area input[type=submit]{width:100%;height:65px;border:none;border-radius:8px;font-size:16px;color:#fff;background:var(--primary);font-family:var(--B-font);transition:all .2s}
#consult .form-area input[type=submit]:hover{background:#3c4979}
#consult .contact-bnr{display:flex;align-items:center;height:140px;padding-left:30px;border-radius:8px;background:url('./img/bg.jpg');background-size:cover}
#consult .contact-bnr h3{font-size:16px;font-weight:500;font-family:var(--M-font)}
#consult .contact-bnr p{margin:5px 0;font-size:25px;font-family:var(--B-font)}
#consult .contact-bnr ul li{display:inline-block;font-size:13px;font-weight:500;color:#777}
#consult .contact-bnr ul li+li:before{display:inline-block;content:'';width:2px;height:2px;margin:0 6px;vertical-align:3px;background:#777}
#consult .btn-bnr{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin:10px 0;padding:20px;border-radius:8px;font-size:13px;text-align:center;background:#f5f5f5;font-family:var(--M-font)}
#consult .btn-bnr li:hover img{opacity:1}
#consult .btn-bnr button{border:none;background:none;font-family:var(--M-font)}
#consult .btn-bnr img{display:block;margin:0 auto 8px;opacity:.2;transition:all .3s}