@font-face{font-family:Pretendard;src:url('brand-assets/fonts/PretendardVariable.woff2')}
*{box-sizing:border-box}
body{margin:0;background:#f2efe7;color:#171713;font-family:Pretendard,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbc6ba}
.logo img{width:105px;filter:grayscale(1) brightness(.14)}
.button{background:#171713;color:#fff;padding:12px 18px;border-radius:99px;font-size:13px;font-weight:700}
.hero{max-width:1200px;margin:auto;padding:94px 24px 66px}
.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#777269}
.hero h1{font-size:clamp(44px,7.5vw,90px);letter-spacing:-.065em;line-height:1.02;margin:18px 0 24px}
.hero h1 em{font-style:normal;color:#777269}
.hero>p:not(.eyebrow):not(.type-note){font-size:18px;color:#605c54}
.type-select{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:1100px;margin-top:46px}
.type-select button{border:1px solid #c6c0b5;background:#faf8f2;padding:20px;text-align:left;color:#777269;cursor:pointer}
.type-select b,.type-select span{display:block}
.type-select b{font-size:17px}
.type-select span{font-size:12px;margin-top:5px}
.type-select button.active{background:#171713;color:#fff}
.type-note{font-size:13px!important;color:#777269!important;min-height:20px}
.order-strip{background:#171713;color:#fff;padding:28px max(24px,calc((100vw - 1152px)/2));display:flex;align-items:center;justify-content:space-between}
.order-strip div{display:flex;gap:9px;align-items:center;font-size:13px}
.order-strip span,.order-strip i{color:#99958d;font-size:10px}
.content-wrap{max-width:1200px;margin:auto;padding:92px 24px 110px;display:grid;grid-template-columns:320px 1fr;gap:82px}
.content-wrap aside{align-self:start;position:sticky;top:30px}
.content-wrap aside h2{font-size:30px}
.content-wrap aside ul{padding:0;list-style:none;border-top:1px solid #c7c1b5}
.content-wrap aside li{padding:16px 0;border-bottom:1px solid #c7c1b5;color:#625e56;font-size:14px}
.content-wrap aside li b{display:block;color:#171713}
.callout{margin-top:28px;padding:20px;background:#ded9ce}
.callout p{font-size:13px;line-height:1.65}
.check-head{display:flex;justify-content:space-between;align-items:end}
.check-head h2{font-size:32px}
.check-head button{background:transparent;border:1px solid #aaa49a;padding:9px 14px}
.phase-head{display:flex;align-items:center;gap:14px;padding:26px 0 12px;border-bottom:2px solid #171713}
.phase-head h3{margin:0}
.doc-item{padding:24px 0;border-bottom:1px solid #c7c1b5}
.doc-top{display:grid;grid-template-columns:24px 1fr;gap:14px}
.check-box{width:20px;height:20px;border:1.5px solid #777269}
.doc-item h4{font-size:18px;margin:0}
.doc-item h4 small{margin-left:9px;border:1px solid #aaa49a;border-radius:99px;padding:3px 7px;font-size:10px}
.doc-item p{color:#68635a;line-height:1.65;font-size:14px}
.doc-item dl{margin:0 0 0 38px;background:#e5e0d5;padding:14px 18px}
.doc-item dl div{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:5px 0;font-size:12px}
.doc-item dt{color:#888279}
.doc-item dd{margin:0;font-weight:600}
.conditional{padding:90px max(24px,calc((100vw - 1152px)/2));background:#dcd6cb;display:grid;grid-template-columns:1fr 2fr;gap:70px}
.conditional-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#bdb7ac}
.conditional article{background:#e9e5dc;padding:25px}
.conditional article p{font-size:13px;color:#656159}
.notice{max-width:1152px;margin:60px auto;padding:0 24px;display:grid;grid-template-columns:130px 1fr;gap:20px;font-size:13px;color:#6c675f}
.notice p{margin:0}
footer{background:#171713;color:#fff;padding:42px max(24px,calc((100vw - 1152px)/2));display:flex;justify-content:space-between}
footer div{display:flex;gap:24px;font-size:13px}
@media(max-width:800px){.type-select{grid-template-columns:repeat(2,minmax(0,1fr))}
.content-wrap,.conditional{grid-template-columns:1fr}
.order-strip{overflow:auto;gap:18px}
.order-strip div{flex:0 0 auto;white-space:nowrap}
.content-wrap aside{position:static}
.conditional-grid{grid-template-columns:1fr}
.doc-item dl{margin-left:0}
.notice{grid-template-columns:1fr}
footer,footer div{flex-direction:column}
}
@media print{.topbar,.type-select,.type-note,.order-strip,.content-wrap aside,.conditional,.notice,footer,.check-head button{display:none!important}
.hero{padding:20px 0}
.hero h1{font-size:38px}
.content-wrap{display:block;padding:0}
.doc-item{break-inside:avoid}
}