@charset "utf-8";

#bmk_inquiry {
    --navy:#071b33;
    --navy2:#0d2e52;
    --blue:#205f98;
    --gold:#c7a15a;
    --gold2:#e4cc96;
    --cream:#f4f0e8;
    --ink:#172033;
    --muted:#697381;
    --line:#dfe5ec;
    --bg:#f7f8fa;
    color:var(--ink);
    font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
    line-height:1.7;
    word-break:keep-all;
    overflow:hidden;
}
#bmk_inquiry *{box-sizing:border-box}
#bmk_inquiry a{color:inherit;text-decoration:none}
.biq-container{width:calc(100% - 40px);max-width:1024px;margin:0 auto}

.biq-hero{
    position:relative;
    padding:110px 0 92px;
    overflow:hidden;
    background:
        radial-gradient(circle at 86% 22%,rgba(32,95,152,.5),transparent 30%),
        linear-gradient(135deg,#061629 0%,#0b2a4c 56%,#071b33 100%);
    color:#fff;
}
.biq-hero:before{
    position:absolute;inset:0;content:"";opacity:.12;
    background-image:
        linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
    background-size:58px 58px;
}
.biq-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end}
.biq-kicker{margin:0 0 15px;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.2em}
.biq-hero h1{margin:0;font-size:58px;line-height:1.15;letter-spacing:-.055em}
.biq-hero h1 strong{color:var(--gold2)}
.biq-hero__desc{max-width:610px;margin:26px 0 0;color:rgba(255,255,255,.7);font-size:17px}
.biq-hero__meta{display:grid;gap:12px;padding-left:28px;border-left:1px solid rgba(255,255,255,.18)}
.biq-hero__meta span{color:rgba(255,255,255,.45);font-size:10px;font-weight:800;letter-spacing:.15em}
.biq-hero__meta strong{display:block;margin-top:2px;color:#fff;font-size:15px;font-weight:600}

.biq-section{padding:90px 0;background:var(--bg)}
.biq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}
.biq-info{position:sticky;top:30px;padding:38px;background:var(--navy);color:#fff}
.biq-info .biq-kicker{color:var(--gold2)}
.biq-info h2{margin:0;font-size:31px;line-height:1.35;letter-spacing:-.04em}
.biq-info>p{margin:20px 0 0;color:rgba(255,255,255,.62)}
.biq-info__list{margin:34px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.13);list-style:none}
.biq-info__list li{position:relative;margin:11px 0;padding-left:18px;color:rgba(255,255,255,.72);font-size:14px}
.biq-info__list li:before{position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;content:"";background:var(--gold)}
.biq-info__mail{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}
.biq-info__mail span{display:block;color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.15em}
.biq-info__mail strong{display:block;margin-top:7px;font-size:16px}

.biq-form-wrap{padding:42px;background:#fff;box-shadow:0 22px 55px rgba(7,27,51,.08)}
.biq-form-head{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.biq-form-head h2{margin:0;color:var(--navy);font-size:30px;letter-spacing:-.04em}
.biq-form-head p{margin:9px 0 0;color:var(--muted);font-size:14px}
.biq-required{color:#b1554b}

.biq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.biq-field{min-width:0}
.biq-field--full{grid-column:1/-1}
.biq-field label{display:block;margin-bottom:8px;color:var(--navy);font-size:13px;font-weight:800}
.biq-field input,
.biq-field select,
.biq-field textarea{
    width:100%;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);
    font:inherit;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;
}
.biq-field input,.biq-field select{height:52px;padding:0 15px}
.biq-field textarea{min-height:190px;padding:15px;resize:vertical}
.biq-field input:focus,
.biq-field select:focus,
.biq-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,161,90,.12)}
.biq-field input::placeholder,
.biq-field textarea::placeholder{color:#a2a9b3}
.biq-help{margin:8px 0 0;color:#8a929e;font-size:12px}
.biq-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.biq-agree{margin-top:25px;padding:18px 20px;background:var(--cream)}
.biq-agree label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.biq-agree input{margin-top:6px}
.biq-agree span{color:#586170;font-size:13px}
.biq-actions{display:flex;justify-content:flex-end;margin-top:28px}
.biq-submit{
    min-width:190px;height:56px;border:0;background:var(--gold);color:var(--navy);
    font:inherit;font-size:14px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:all .25s ease;
}
.biq-submit:hover{background:var(--gold2);transform:translateY(-2px)}
.biq-submit[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.biq-status{display:none;margin-bottom:24px;padding:16px 18px;font-size:14px}
.biq-status.is-success{display:block;background:#edf8f1;color:#28633c;border-left:4px solid #3a9a59}
.biq-status.is-error{display:block;background:#fff1ef;color:#9a3e35;border-left:4px solid #c85c50}

@media(max-width:820px){
    .biq-hero__inner,.biq-layout{grid-template-columns:1fr}
    .biq-hero__meta{padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
    .biq-info{position:static}
}
@media(max-width:640px){
    .biq-container{width:calc(100% - 28px)}
    .biq-hero{padding:78px 0 68px}
    .biq-hero h1{font-size:42px}
    .biq-section{padding:65px 0}
    .biq-form-wrap,.biq-info{padding:28px 22px}
    .biq-grid{grid-template-columns:1fr}
    .biq-field--full{grid-column:auto}
    .biq-actions{display:block}
    .biq-submit{width:100%}
}


/* 그누보드 테마의 전역 input 스타일로 체크박스가 숨겨지는 현상 방지 */
#bmk_inquiry .biq-agree input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: auto !important;
    display: inline-block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    float: none !important;
    clear: none !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #9aa3ae !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
    vertical-align: top !important;
    cursor: pointer !important;
    accent-color: #c7a15a;
}

#bmk_inquiry .biq-agree label {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#bmk_inquiry .biq-agree label > span {
    display: block !important;
    flex: 1 1 auto !important;
    line-height: 1.6 !important;
    cursor: pointer !important;
}