.commerce{color:#242b27;word-break:keep-all;overflow-wrap:anywhere;background:#f4f1e9;min-height:100vh;font-size:16px;line-height:1.85}.commerce-main{width:90%;max-width:1200px;margin:0 auto;padding:32px 0 80px}.commerce h1{letter-spacing:-.04em;margin:10px 0 20px;font-size:clamp(30px,4vw,48px);font-weight:650;line-height:1.25}.commerce h2{margin:0 0 20px;font-size:22px;font-weight:650}.commerce h3{margin:0 0 12px;font-size:18px;font-weight:600}.commerce .eyebrow{color:#b64025;letter-spacing:.08em;font-size:14px;font-weight:600}.commerce .muted{color:#626b62;font-size:14px}.commerce .panel{background:#fff;border:1px solid #d4d8ca;padding:28px}.commerce .stack{gap:20px;display:grid}.commerce .columns{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.commerce .login-grid{background:#fff;border:1px solid #d4d8ca;grid-template-columns:1fr 1fr;gap:0;display:grid}.commerce .login-visual{background:#242b27;min-height:520px;position:relative}.commerce .login-visual img{object-fit:cover}.commerce .login-form{align-self:center;padding:44px 36px}.commerce .notice{background:#e8ecdf;border-left:3px solid #75856a;padding:16px 18px;font-size:14px}.commerce .error{color:#a21b11;background:#fff0ed;padding:14px;font-size:14px}.commerce .button{color:#fff;cursor:pointer;background:#283b2e;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.commerce .button.secondary{color:#242b27;background:#fff;border-color:#aebaa5}.commerce .button.naver{color:#fff;background:#03a94d}.commerce .button.google{color:#242424;background:#fff;border-color:#b7b7b7}.commerce .button:disabled{opacity:.55;cursor:not-allowed}.commerce .button.full{width:100%}.commerce .text-link{text-underline-offset:4px;color:#b64025;text-decoration:underline}.commerce label{font-size:14px;font-weight:600;display:block}.commerce input:not([type=checkbox]),.commerce select,.commerce textarea{color:#242b27;background:#fff;border:1px solid #b4bfaa;border-radius:3px;width:100%;min-height:48px;margin-top:6px;padding:12px;font-size:16px;display:block}.commerce input[type=checkbox]{accent-color:#283b2e;flex:none;width:19px;height:19px;margin-top:4px}.commerce .check{align-items:flex-start;gap:10px;font-size:14px;font-weight:400;display:flex}.commerce .field-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.commerce .amount{font-size:30px;font-weight:650}.commerce .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.commerce .rule{border-top:1px solid #d4d8ca;margin-top:20px;padding-top:20px}.commerce .pill{background:#e4e8da;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.commerce .booking-id{word-break:break-all;color:#626b62;font-size:13px}.commerce .order-card{border-top:4px solid #283b2e}.commerce .actions{flex-wrap:wrap;gap:12px;display:flex}.commerce :is(button,a,input,select,textarea):focus-visible{outline-offset:4px;outline:3px solid #a82d18}.commerce .compact{min-height:42px;padding:8px 14px;font-size:14px}.commerce .policy p{margin:0 0 18px}.commerce .policy h2{margin-top:30px}@media (max-width:760px){.commerce-main{padding:28px 18px 48px}.commerce .columns,.commerce .login-grid{grid-template-columns:1fr}.commerce .login-visual{min-height:200px}.commerce .login-form,.commerce .panel{padding:22px 18px}.commerce .field-pair{gap:12px}.commerce .button{padding-inline:16px}}.commerce .button.naver,.commerce .button.google{gap:8px;min-height:56px;padding-block:0}.commerce .commerce-home{color:#626b62;padding:0 0 24px;font-size:13px;display:inline-flex}.commerce h1{letter-spacing:-.045em;margin:18px 0 28px}.commerce h2{letter-spacing:-.025em;line-height:1.5}.commerce .eyebrow{font-family:var(--font-condensed), var(--font-suite), var(--font-glyph-fallback), sans-serif;letter-spacing:.12em;font-weight:500}.commerce .panel{background:#fffdf7}.commerce .button{border-radius:3px;font-size:15px;font-weight:600;transition:background .2s}.commerce .button:not(:disabled):not(.naver):not(.google):hover{color:#fff;background:#3d5542}.commerce .login-grid{background:#fffdf7;border:0}.commerce .login-form{padding:48px}.commerce .login-form h1{font-family:var(--font-editorial), serif;font-size:clamp(31px,3vw,43px);font-weight:500;line-height:1.5}.commerce .login-form>div>p:last-child{color:#626b62;font-size:15px}.commerce .login-form .muted{font-size:13px}.commerce .login-visual:after{content:"";background:linear-gradient(#0000,#14221ddd);position:absolute;inset:45% 0 0}.commerce .login-caption{z-index:1;color:#fff;position:absolute;bottom:36px;left:36px;right:36px}.commerce .login-caption span{font-family:var(--font-condensed), sans-serif;letter-spacing:.14em;font-size:14px}.commerce .login-caption p{font-family:var(--font-editorial), serif;margin-top:14px;font-size:27px;line-height:1.6}.commerce .order-card{border-top-width:3px}.commerce aside.order-card{position:sticky;top:96px}.commerce aside.order-card>img{aspect-ratio:1;object-fit:contain;max-width:160px}.commerce .amount{font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:28px}.commerce .policy{counter-reset:policy;max-width:820px;margin:auto;padding:48px 56px}.commerce .policy h1{font-family:var(--font-editorial), serif;border-bottom:1px solid #d4d8ca;padding-bottom:32px;font-weight:500}.commerce .policy h2{counter-increment:policy;margin-top:32px;font-size:20px}.commerce .policy h2:before{content:counter(policy, decimal-leading-zero);color:#b64025;font-family:var(--font-condensed), sans-serif;margin-right:14px;font-weight:500}.commerce .policy p{color:#586153;font-size:15px;line-height:2}.commerce .policy [id]{scroll-margin-top:110px}.commerce .payment-state{max-width:680px;margin:24px auto;padding:44px}.commerce .payment-state>.payment-mark{font-family:var(--font-condensed), sans-serif;color:#b64025;font-size:48px;line-height:1.2}.commerce .payment-state h1{font-size:32px}.commerce .payment-state p{color:#626b62}@media (max-width:760px){.commerce-main{padding:20px 0 48px}.commerce h1{margin:14px 0 24px;font-size:31px}.commerce .commerce-home{padding-bottom:20px;font-size:12px}.commerce .login-form{padding:28px 24px}.commerce .login-form h1{font-size:29px}.commerce .login-visual{min-height:200px}.commerce .login-caption{bottom:20px;left:24px;right:24px}.commerce .login-caption span{font-size:12px}.commerce .login-caption p{margin-top:8px;font-size:23px}.commerce aside.order-card{position:static}.commerce .policy{padding:28px 22px}.commerce .policy h1{padding-bottom:22px;font-size:29px}.commerce .policy p{font-size:14px;line-height:1.95}.commerce .policy h2{font-size:18px}.commerce .payment-state{padding:28px 22px}.commerce .payment-state h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.commerce .button{transition:none}}
