/* =========================================================
   제휴문의 — Vivid Yellow
========================================================= */
#wrapper.is_b2b_page,
#wrapper.is_b2b_page #container,
#wrapper.is_b2b_page .shop-content{display:block;width:100%;max-width:none;margin:0;padding:0;float:none}

.b2b-page{
    --partner-yellow:#ffda00;
    --partner-charcoal:#2e2e2b;
    --partner-muted:#6f6f6a;
    --partner-line:#d9d9d5;
    --partner-field:#f7f7f5;
    color:var(--partner-charcoal);
    background:#fff;
    font-family:"Pretendard","Noto Sans KR",sans-serif;
    word-break:keep-all;
}
.b2b-page *{box-sizing:border-box}
.b2b-inner{width:min(calc(100% - 48px),1120px);margin:0 auto}

/* 상단 타이틀 */

/* 타이틀 하단 로컬 내비게이션 */
.b2b-contact[id]{scroll-margin-top:145px}

/* 안내 및 문의 폼 */
.b2b-contact{padding:72px 0 100px}
.b2b-contact-layout{
    display:grid;
    grid-template-columns:360px minmax(0,680px);
    align-items:start;
    justify-content:space-between;
    gap:80px;
}
.b2b-contact-intro{padding-top:2px}
.b2b-eyebrow{
    margin:0 0 31px;
    color:var(--partner-charcoal);
    font-size:14px;
    font-weight:900;
    line-height:1.4;
    letter-spacing:.04em;
}
.b2b-contact-intro h2{
    margin:0;
    color:var(--partner-charcoal);
    font-size:38px;
    font-weight:800;
    line-height:1.32;
    letter-spacing:-.045em;
}
.b2b-intro-copy{
    margin:28px 0 0;
    color:var(--partner-muted);
    font-size:16px;
    line-height:1.75;
}
.b2b-contact-details{
    margin:48px 0 0;
    padding-top:29px;
    border-top:1px solid var(--partner-line);
}
.b2b-contact-details div+div{margin-top:30px}
.b2b-contact-details dt{
    margin-bottom:6px;
    color:#777772;
    font-size:17px;
    font-weight:700;
}
.b2b-contact-details dd{
    margin:0;
    color:var(--partner-charcoal);
    font-size:24px;
    font-weight:800;
    letter-spacing:-.02em;
}
.b2b-contact-details a{color:inherit;text-decoration:none}

/* 문의 폼 */
.b2b-form-card{
    padding:34px 32px 32px;
    border:1px solid var(--partner-line);
    border-radius:12px;
    background:#fff;
}
.b2b-form-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px;
}
.b2b-form-heading h2{
    margin:0;
    color:var(--partner-charcoal);
    font-size:34px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-.04em;
}
.b2b-form-heading p{margin:0;color:#555;font-size:12px}
.b2b-form-heading p span,
.b2b-field label>span{color:var(--partner-charcoal)}
.b2b-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.b2b-field+.b2b-field{margin-top:22px}
.b2b-field label{
    display:block;
    margin-bottom:9px;
    color:var(--partner-charcoal);
    font-size:15px;
    font-weight:800;
}
.b2b-field label em{color:#777;font-size:13px;font-style:normal;font-weight:500}
.b2b-field input[type="text"],
.b2b-field input[type="email"],
.b2b-field textarea,
.b2b-select-button{
    display:block;
    width:100%;
    border:1px solid var(--partner-line);
    border-radius:7px;
    background:var(--partner-field);
    color:var(--partner-charcoal);
    font:inherit;
    font-size:15px;
    outline:none;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.b2b-field input[type="text"],
.b2b-field input[type="email"],
.b2b-select-button{height:53px;padding:0 16px}
.b2b-field textarea{min-height:156px;padding:17px 16px;line-height:1.65;resize:vertical}
.b2b-field input::placeholder,
.b2b-field textarea::placeholder{color:#8c8c88;opacity:1}
.b2b-field input:focus,
.b2b-field textarea:focus,
.b2b-select.is-open .b2b-select-button{
    border-color:#b9a000;
    background:#fff;
    box-shadow:0 0 0 3px rgba(255,213,0,.18);
}

/* 문의 유형 */
.b2b-select{position:relative}
.b2b-select-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#777772;
    text-align:left;
    cursor:pointer;
}
.b2b-select.has-value .b2b-select-button{color:var(--partner-charcoal)}
.b2b-select-button i{
    width:8px;
    height:8px;
    margin:0 3px 5px 15px;
    border-right:1.5px solid #555;
    border-bottom:1.5px solid #555;
    transform:rotate(45deg);
    transition:transform .2s ease;
}
.b2b-select.is-open .b2b-select-button i{margin-top:6px;margin-bottom:0;transform:rotate(225deg)}
.b2b-select-options{
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    left:0;
    z-index:12;
    max-height:230px;
    margin:0;
    padding:6px 0;
    overflow-y:auto;
    border:1px solid var(--partner-line);
    border-radius:7px;
    background:#fff;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    list-style:none;
}
.b2b-select-options[hidden]{display:none}
.b2b-select-options li{padding:11px 16px;color:#555;font-size:15px;cursor:pointer;outline:none}
.b2b-select-options li:hover,
.b2b-select-options li:focus,
.b2b-select-options li[aria-selected="true"]{background:#fff8ce;color:#222}
.b2b-select.is-error .b2b-select-button{border-color:#c84232}
.b2b-field-error{margin:7px 0 0;color:#b33d31;font-size:12px}

/* 개인정보 및 버튼 */
.b2b-agreement{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:22px;
    padding:16px;
    border:1px solid var(--partner-line);
    border-radius:7px;
    background:var(--partner-field);
    cursor:pointer;
}
.b2b-agreement input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.b2b-checkmark{position:relative;width:20px;height:20px;flex:0 0 20px;border:1px solid #d3d3cf;border-radius:6px;background:#fff}
.b2b-agreement input:checked+.b2b-checkmark{border-color:var(--partner-charcoal);background:var(--partner-charcoal)}
.b2b-agreement input:checked+.b2b-checkmark:after{position:absolute;top:4px;left:7px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;content:"";transform:rotate(45deg)}
.b2b-agreement input:focus-visible+.b2b-checkmark{box-shadow:0 0 0 3px rgba(255,213,0,.35)}
.b2b-agreement-copy{display:block;min-width:0}
.b2b-agreement-copy strong,.b2b-agreement-copy small{display:block}
.b2b-agreement-copy strong{font-size:13px;line-height:1.4}
.b2b-agreement-copy small{margin-top:4px;color:#777;font-size:11px;line-height:1.45}
.b2b-submit{
    width:100%;
    height:56px;
    margin-top:22px;
    border:0;
    border-radius:6px;
    background:var(--partner-yellow);
    color:var(--partner-charcoal);
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    transition:filter .2s ease,transform .15s ease;
}
.b2b-submit:hover{filter:brightness(.96)}
.b2b-submit:active{transform:translateY(1px)}

@media(max-width:1024px){
    .b2b-page{padding-top:64px}
    .b2b-contact-layout{grid-template-columns:310px minmax(0,1fr);gap:44px}
    .b2b-desktop-br{display:none}
}
@media(max-width:800px){
    .b2b-inner{width:calc(100% - 48px)}
    .b2b-contact{padding:54px 0 72px}
    .b2b-contact-layout{grid-template-columns:1fr;gap:40px}
    .b2b-contact-intro h2 br{display:none}
    .b2b-intro-copy{max-width:650px}
    .b2b-contact-details{display:grid;margin-top:30px;padding-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .b2b-contact-details div+div{margin-top:0}
}
@media(max-width:560px){
    .b2b-inner{width:calc(100% - 48px)}
    .b2b-contact{padding:42px 0 60px}
    .b2b-contact-layout{gap:32px}
    .b2b-eyebrow{margin-bottom:17px;font-size:13px}
    .b2b-contact-intro h2{font-size:30px}
    .b2b-intro-copy{margin-top:18px;font-size:15px}
    .b2b-contact-details{grid-template-columns:1fr;gap:18px;margin-top:26px;padding-top:21px}
    .b2b-contact-details div+div{margin-top:0}
    .b2b-contact-details dt{font-size:14px}
    .b2b-contact-details dd{font-size:20px}
    .b2b-form-card{padding:25px 18px 20px;border-radius:9px}
    .b2b-form-heading{margin-bottom:23px}
    .b2b-form-heading h2{font-size:28px}
    .b2b-field+.b2b-field{margin-top:19px}
    .b2b-field input[type="text"],.b2b-field input[type="email"],.b2b-select-button{height:50px;font-size:14px}
    .b2b-field textarea{min-height:145px;font-size:14px}
    .b2b-select-options li{padding:12px 15px;font-size:14px}
    .b2b-agreement{padding:14px 13px}
    .b2b-agreement-copy strong{font-size:12px}
    .b2b-submit{height:53px}
}