.benefits-page{box-sizing:border-box;padding:34px 20px 50px;color:#2d4438;min-height:60vh}.benefits-eyebrow{margin:0 0 8px;color:#8a7858;font:600 10px/1.4 sans-serif;letter-spacing:.15em}.benefits-page h1{margin:0;font-family:var(--serif,'Noto Serif KR',serif);font-size:28px;line-height:1.4}.benefits-intro{margin:9px 0 27px;color:#6a776d;font-size:14px;line-height:1.7}.benefits-status{font-size:14px;color:#68756a}.benefit-card{display:block;box-sizing:border-box;width:100%;min-height:192px;padding:24px;border:1px solid #cddbc8;border-radius:14px;background:#e8efe3;color:#28483a;text-align:left;cursor:pointer}.benefit-card-label{font-size:12px;color:#637a65}.benefit-card strong{display:block;margin:15px 0 22px;font-family:var(--serif,'Noto Serif KR',serif);font-size:23px;line-height:1.45;font-weight:600}.benefit-card em{font-style:normal;color:#2e6244}.benefit-card-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px}.benefit-card-bottom span{font-size:20px}.benefit-detail{margin-top:20px;padding:24px 22px;background:#fffdf7;border:1px solid #e5e0d3;border-radius:14px}.benefit-detail h2{margin:0 0 10px;font-family:var(--serif,'Noto Serif KR',serif);font-size:22px}.benefit-detail p,.benefit-detail li{font-size:13px;line-height:1.8}.benefit-detail ul{padding-left:18px;color:#617067}.benefit-detail li+li{margin-top:7px}.benefit-account-state{padding:12px;border-radius:8px;background:#eef3e9;color:#365b41}.benefit-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;margin-top:20px;border-radius:8px;background:#294d3b;color:#fff;text-decoration:none;font-weight:600;font-size:14px}.benefit-card:focus-visible,.benefit-action:focus-visible{outline:2px solid #927c54;outline-offset:3px}body.gyeol-app-shell .directory-bottom-nav a{font-size:12px;white-space:nowrap}body.gyeol-app-shell .directory-bottom-nav svg{flex:none}

/* A small promotional poster with the same ink and paper palette as the site. */
body.gyeol-mobile-ui.gyeol-app-shell .benefit-card{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:24px;border:1px solid #315441;border-radius:14px;background-color:#173a2e;background-image:linear-gradient(90deg,#00000040 0%,#00000030 48%,#00000000 100%),url('/assets/benefits/welcome-hanbok-20261029.webp')!important;background-size:cover,auto 100%;background-position:center,calc(100% + 52px) center;background-repeat:no-repeat;color:#fff9ea;box-shadow:0 10px 24px #21392b1f;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
body.gyeol-mobile-ui.gyeol-app-shell a.benefit-card{display:block;text-decoration:none}
body.gyeol-app-shell .benefit-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #21392b2d}
body.gyeol-app-shell .benefit-card-label{display:inline-block;padding:5px 10px;border:1px solid #e4d1a079;border-radius:30px;color:#f4e4bb;font-size:12px;line-height:1.4}
body.gyeol-app-shell .benefit-card-title{display:block;margin:17px 0 8px;font-family:var(--serif,'Noto Serif KR',serif);font-size:20px;font-weight:600;line-height:1.6;letter-spacing:-.04em}
body.gyeol-app-shell .benefit-card-title strong{display:inline;margin:0;color:#f8d993;font:700 39px/1.2 var(--serif,'Noto Serif KR',serif);letter-spacing:-.04em}
body.gyeol-app-shell .benefit-card-title strong span{font-size:22px}
body.gyeol-app-shell .benefit-card-note{display:block;color:#e1e8d9;font-size:12px;line-height:1.5}
body.gyeol-app-shell .benefit-card :is(.benefit-card-label,.benefit-card-title,.benefit-card-note,.benefit-card-bottom){text-shadow:0 1px 4px #0b1d16,0 1px 2px #0b1d16}
body.gyeol-app-shell .benefit-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:12px;border-top:1px solid #e0e8d236;color:#fff9ea;font-size:12px;font-weight:600}
body.gyeol-app-shell .benefit-card-bottom span{font-size:12px}body.gyeol-app-shell .benefit-card-bottom .benefit-card-arrow{display:grid;place-items:center;width:29px;height:29px;border:1px solid #f6e7ba94;border-radius:50%;font-size:15px;transition:transform .2s}
body.gyeol-app-shell .benefit-card:hover .benefit-card-arrow{transform:translate(2px,-2px)}
body.gyeol-app-shell .benefit-card-spark{position:absolute;color:#f3dda8;pointer-events:none;animation:benefit-glimmer 3.8s ease-in-out infinite}
body.gyeol-app-shell .benefit-card-spark-one{right:53px;top:88px;font-size:17px}body.gyeol-app-shell .benefit-card-spark-two{right:25px;top:122px;font-size:12px;animation-delay:1.2s}
@keyframes benefit-glimmer{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){body.gyeol-app-shell .benefit-card-spark{animation:none}body.gyeol-app-shell .benefit-card,body.gyeol-app-shell .benefit-card-arrow{transition:none}}

.benefit-detail{padding:26px 22px;background:#fffdf7;border-color:#e4ddce}
.benefit-detail-heading{position:relative;padding-right:40px}.benefit-detail-heading h2{margin:0 0 6px;color:#294b39;font-size:22px}.benefit-detail-heading>p:last-child{margin:0;color:#69776a}
.benefit-detail-stamp{position:absolute;right:0;top:2px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ae7d65;border-radius:4px;color:#a15b43;font:16px/1 serif}
.benefit-detail-offer{display:flex;flex-direction:column;align-items:center;margin:23px 0 14px;padding:19px 14px 18px;background:#edf2e8;border:1px solid #dbe6d4;border-radius:10px;text-align:center}
.benefit-detail-offer>span{color:#637964;font-size:12px}.benefit-detail-offer>strong{margin:4px 0;color:#315a3e;font-size:35px;line-height:1.3}.benefit-detail-offer>strong span{font-size:17px}.benefit-detail-offer>small{color:#647267;font-size:12px}
.benefit-detail .benefit-account-state{margin:0;padding:10px 12px;background:#f5f1e7;color:#596b5d;font-size:12px}
.benefit-detail h3{margin:24px 0 8px;color:#354f3d;font-size:14px}.benefit-detail ul{margin:0;padding-left:18px;color:#68766a}.benefit-detail li{font-size:12px;line-height:1.8}.benefit-detail li+li{margin-top:5px}

.welcome-page{padding:0 0 40px;min-height:60vh;color:#2c4235}.welcome-page>.benefits-status{margin:32px 20px}.welcome-hero{box-sizing:border-box;min-height:332px;padding:34px 24px;background-color:#293e30;background-image:linear-gradient(90deg,#0009 0%,#0007 45%,#0001 100%),url('/assets/benefits/welcome-hanbok-20261029.webp');background-size:cover,auto 100%;background-position:center,calc(100% + 80px) center;background-repeat:no-repeat;color:#fff8e8;text-shadow:0 1px 5px #14251e}
.welcome-hero-kicker{margin:0 0 18px;color:#f5e5c0;font-size:12px}.welcome-hero h1{margin:0;font-size:25px;line-height:1.45;letter-spacing:-.04em}.welcome-hero h1 strong{color:#f7d995;font-size:52px;line-height:1.3}.welcome-hero h1 strong span{font-size:27px}.welcome-hero>p:last-child{margin:14px 0 0;font-size:13px;line-height:1.8}
.welcome-body{padding:24px 22px}.welcome-state{margin:0;padding:14px 15px;border-left:3px solid #719275;background:#eef2e8;color:#365b42;font-size:13px;line-height:1.7}.welcome-state[data-state=used],.welcome-state[data-state=ineligible],.welcome-state[data-state=admin]{border-color:#b8b4a8;background:#f2f0eb;color:#62675f}.welcome-state[data-state=reserved]{border-color:#b29769;background:#f4eee2;color:#6f5a37}
.welcome-prices,.welcome-conditions{margin-top:30px}.welcome-prices h2,.welcome-conditions h2{margin:0 0 5px;color:#2e4938;font-size:17px}.welcome-prices>p{margin:0 0 12px;color:#768076;font-size:12px}.welcome-prices dl,.welcome-conditions dl{margin:0}.welcome-prices dl>div,.welcome-conditions dl>div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #e7e4d9;font-size:13px}.welcome-prices dt,.welcome-conditions dt{flex:none;color:#526555}.welcome-prices dd,.welcome-conditions dd{margin:0;text-align:right}.welcome-prices del{margin-right:9px;color:#929a8e;font-size:12px}.welcome-prices dd strong{color:#315a3e;font-size:15px}.welcome-conditions dd{color:#56665b;line-height:1.6}.welcome-conditions p{margin:14px 0 0;color:#7b857a;font-size:12px;line-height:1.8}.welcome-body>.benefit-action{margin-top:26px}

/* Keep the whole benefit poster together if its decorative artwork cannot load. */
body.gyeol-mobile-ui.gyeol-app-shell .benefit-card[data-art-state="error"],.welcome-hero[data-art-state="error"]{background-image:none!important}

.member-gift-card{display:block;margin:0 0 24px;padding:22px 20px;background:#f5f4e9;border:1px solid #d4ddc7;border-radius:14px;text-decoration:none;color:#2d4435}.member-gift-card[hidden],#member-gift-detail[hidden]{display:none!important}.member-gift-badge{display:inline-block;padding:5px 8px;margin-bottom:14px;font-size:12px;background:#e1e8d8;color:#35533e;border-radius:4px}.member-gift-card-title{display:block;margin-bottom:18px;font-size:17px;font-weight:600;line-height:1.6}.member-gift-card .welcome-ticket{margin:0 0 20px}.member-gift-card-more{display:block;text-align:right;font-size:12px}.member-gift-page-title{margin:8px 0 24px;font-size:27px;line-height:1.5}.member-gift-detail-body{padding:28px 22px 36px}.member-gift-detail-body .welcome-ticket{margin-bottom:28px}.member-gift-detail-body .welcome-conditions{margin:26px 0}

.member-gift-card[data-state="used"] .welcome-ticket,.member-gift-detail-body[data-state="used"] .welcome-ticket{opacity:.55}.member-gift-card[data-state="used"] .member-gift-badge{color:#716b61;background:#e9e5dc}
/* Editorial benefit pages: chapter bookmarks, a cover poster and detachable coupons. */
body.gyeol-app-shell .benefits-page{padding-top:25px;color:#343c34}.benefits-page .benefits-eyebrow{margin:0 0 12px;color:#837361;font-size:12px;letter-spacing:.1em}.benefits-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.benefits-page .benefits-page-heading h1{margin:0;color:#30382f;font-size:34px;font-weight:500;line-height:1.1;letter-spacing:-.06em}.benefits-page .benefits-intro{margin:0 0 1px;color:#7a756a;text-align:right;font-size:12px;line-height:1.7}
.benefits-tabs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 22px;padding:0;border-top:1px solid #d2cabb;border-bottom:1px solid #d2cabb;background:none}
body.gyeol-app-shell .benefits-tabs button[role="tab"]{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:47px;margin:0;padding:0 2px;background:transparent!important;border:0!important;border-radius:0!important;color:#797261!important;font-family:var(--serif);font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;box-shadow:none}
body.gyeol-app-shell .benefits-tabs button[role="tab"]::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#394238;opacity:0;content:''}body.gyeol-app-shell .benefits-tabs button[aria-selected="true"]{color:#303a32!important;font-weight:600}body.gyeol-app-shell .benefits-tabs button[aria-selected="true"]::after{opacity:1}
.benefits-tab-index{display:grid;flex:none;place-items:start center;box-sizing:border-box;width:17px;height:24px;padding-top:4px;background:#e6e0d4;color:#918573;font:500 12px/1.2 var(--sans);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}[aria-selected="true"]>.benefits-tab-index{background:#394238;color:#fcf9ef}.benefits-tab-label{display:inline;min-width:0}body.gyeol-app-shell .benefits-tabs #coupon-tab-count{display:inline-grid;flex:none;place-items:center;min-width:12px;height:15px;margin-left:-2px;color:inherit;font:500 12px/1 var(--sans)}
.benefits-tabs span[hidden],.benefits-page [role="tabpanel"][hidden],.coupon-retry[hidden]{display:none!important}.benefits-tabs button:focus-visible,.coupon-action:focus-visible{outline:2px solid #637366;outline-offset:3px}
.coupon-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;margin:0 0 16px;padding:0 1px 12px;border-bottom:1px solid #d6cdbd}.coupon-summary[hidden]{display:none}.coupon-summary-label{align-self:flex-end;margin-bottom:5px;color:#766e60;font-size:12px}.coupon-summary-count{display:flex;align-items:baseline;gap:5px;color:#303b33;font-weight:400}.coupon-summary-count b{font-family:var(--serif);font-size:43px;font-weight:500;line-height:1;letter-spacing:-.07em}.coupon-summary-count>span{color:#82796a;font-size:12px}
.coupon-list{display:grid;gap:12px}.coupon-ticket{--coupon-stub:80px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--coupon-stub);min-width:0;overflow:hidden;border:1px solid #d1c8b8;border-radius:3px;background:#fffdf7;box-shadow:0 3px 7px #46361f0a}.coupon-ticket::before,.coupon-ticket::after{position:absolute;right:calc(var(--coupon-stub) - 6px);z-index:2;width:10px;height:10px;border:1px solid #d1c8b8;border-radius:50%;background:#fbf8f0;pointer-events:none;content:''}.coupon-ticket::before{top:-7px}.coupon-ticket::after{bottom:-7px}.coupon-ticket-body{min-width:0;padding:13px 13px 12px}
.coupon-source{display:inline-block;padding-left:6px;border-left:2px solid #a5765d;color:#87674f;font-size:12px;line-height:1.3;letter-spacing:.01em}body.gyeol-app-shell .coupon-ticket h2{margin:7px 0 8px;color:#354035;font-family:var(--serif);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.045em;word-break:keep-all}.coupon-reason{display:flex;align-items:baseline;gap:7px;margin:0 0 10px;font-size:12px;line-height:1.55}.coupon-reason-label{flex:none;color:#766f62;font-size:12px}.coupon-reason-text{min-width:0;color:#6f7567;overflow-wrap:anywhere;word-break:keep-all;white-space:pre-wrap}.coupon-issued{display:block;color:#766f62;font-size:12px;line-height:1.5;white-space:nowrap}
.coupon-ticket-value{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:13px 3px 40px;border-left:1px dashed #c7bda8;background:linear-gradient(#f0eadcd9,#f0eadcd9),url('assets/theme/hanji-fibers-v1.webp') center/370px auto repeat #f2ecdf;color:#364237}.coupon-ticket-value>strong{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.065em}.coupon-ticket-value>span{color:#6f685b;font-size:12px;line-height:1.5}.coupon-ticket .coupon-action{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:3px;box-sizing:border-box;padding:0 2px 11px;color:#455443;text-decoration:none;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.coupon-ticket .coupon-action::after{content:'↗';font-size:12px;line-height:1}.coupon-ticket .coupon-action:hover{background:#4d5a3710}.coupon-ticket:has(.coupon-action:hover){border-color:#a7ad97}.coupon-note{margin:3px 1px 0;color:#7a756a;font-size:12px;line-height:1.7}.coupon-list>.coupon-action,.coupon-retry{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:44px;padding:6px 12px;border:1px solid #bdb6a3;border-radius:3px;background:#fbf8f0;color:#435041;text-decoration:none;font-size:12px}
body.gyeol-mobile-ui.gyeol-app-shell .benefits-page .benefit-card{min-height:287px;padding:23px 22px 18px;border:1px solid #e2d7c2;border-radius:3px;background-position:center,calc(100% + 45px) center;box-shadow:4px 4px 0 #e9e3d6,5px 5px 0 #d7cebb,0 10px 18px #4b3a1d13}.benefits-page .benefit-card::before{position:absolute;inset:0 auto 0 6px;width:1px;background:#eadbb640;content:'';pointer-events:none}body.gyeol-app-shell .benefits-page .benefit-card-label{padding:0;border:0;border-radius:0;color:#f3e9cf;font-size:12px;letter-spacing:.04em}body.gyeol-app-shell .benefits-page .benefit-card-title{display:block;margin:30px 0 10px;line-height:1.1}.benefit-card-lead{display:block;margin:0 0 4px;font-size:16px;font-weight:500}body.gyeol-app-shell .benefits-page .benefit-card-title strong{display:inline-block;font-family:var(--serif);font-size:66px;font-weight:600;line-height:1;letter-spacing:-.065em}body.gyeol-app-shell .benefits-page .benefit-card-title strong span{margin-left:3px;font-size:30px}.benefit-card-discount{display:inline;margin-left:7px;font-size:15px;font-weight:500}body.gyeol-app-shell .benefits-page .benefit-card-note{margin-top:5px;color:#e4e5cf;font-size:12px}body.gyeol-app-shell .benefits-page .benefit-card-bottom{margin-top:24px;padding-top:11px;border-top-color:#e0dfca46;font-size:12px}body.gyeol-app-shell .benefits-page .benefit-card-bottom span{font-size:12px}body.gyeol-app-shell .benefits-page .benefit-card-bottom .benefit-card-arrow{width:23px;height:23px;font-size:13px}.benefits-page .benefit-card-spark{display:none}
@media(max-width:350px){.benefits-page{padding-right:16px;padding-left:16px}.benefits-page-heading{gap:9px}.benefits-page .benefits-page-heading h1{font-size:31px}.benefits-page .benefits-intro{font-size:12px}.benefits-tabs{gap:10px}body.gyeol-app-shell .benefits-tabs button[role="tab"]{gap:4px;font-size:12px}.benefits-tab-index{width:13px;height:21px;font-size:12px}body.gyeol-app-shell .benefits-tabs #coupon-tab-count{min-width:8px;font-size:12px}.coupon-ticket{--coupon-stub:76px}.coupon-ticket-body{padding:12px 10px 11px}body.gyeol-app-shell .coupon-ticket h2{font-size:13px}.coupon-reason{gap:5px;font-size:12px}.coupon-reason-label{font-size:12px}.coupon-ticket-value>strong{font-size:25px}.coupon-ticket .coupon-action{font-size:12px;gap:1px}.coupon-issued{font-size:12px}.coupon-summary-count b{font-size:39px}body.gyeol-mobile-ui.gyeol-app-shell .benefits-page .benefit-card{min-height:275px;padding:22px 19px 17px}body.gyeol-app-shell .benefits-page .benefit-card-title strong{font-size:60px}}

.welcome-prices .welcome-price-percent{margin-right:6px;color:#426a48;font-weight:700;white-space:nowrap}

/* Keep benefit descriptions readable without squeezing the page title. */
.benefits-page-heading{flex-wrap:wrap}.benefits-page .benefits-intro{font-size:14px;text-align:left}.coupon-issued{white-space:normal}.coupon-reason{flex-wrap:wrap}