:root{--hp-ink:#171823;--hp-sub:#737688;--hp-line:#e8e9ef;--hp-bg:#f7f7fa;--hp-purple:#b33a4a;--hp-purple-dark:#7d2230;--hp-soft:#fff0f2;--hp-green:#16a777;--hp-orange:#f59b35;--hp-radius:20px;--hp-shadow:0 16px 45px rgba(34,35,52,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--hp-ink);background:#fff}body{min-width:320px}a{color:inherit}.public-header{height:76px;border-bottom:1px solid rgba(232,233,239,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.public-header-inner{width:min(1180px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center}.public-logo{display:flex;align-items:center;gap:9px;text-decoration:none}.public-logo span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#c95a67,#7d2230);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(179,58,74,.22)}.public-logo b{font-size:15px;letter-spacing:.07em}.public-nav{display:flex;gap:30px;margin-left:60px}.public-nav a{padding:28px 0 25px;text-decoration:none;color:#55596b;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.public-nav a:hover,.public-nav a.is-active{color:var(--hp-purple);border-color:var(--hp-purple)}.public-account{margin-left:auto;display:flex;align-items:center;gap:8px}.public-account a{padding:9px 11px;text-decoration:none;font-size:12px;font-weight:700}.public-account-primary{border-radius:10px!important;background:#202231;color:#fff!important}.public-menu{display:none;margin-left:auto;border:0;background:transparent;font-size:22px}.public-hero{padding:82px 20px 92px;background:radial-gradient(circle at 16% 20%,rgba(179,58,74,.12),transparent 27%),radial-gradient(circle at 84% 78%,rgba(250,179,89,.14),transparent 26%),linear-gradient(180deg,#fffafb,#fff)}.public-hero-inner{max-width:850px;margin:auto;text-align:center}.public-eyebrow{display:inline-flex;padding:8px 12px;border-radius:30px;background:var(--hp-soft);color:var(--hp-purple);font-size:11px;font-weight:800}.public-hero h1{margin:24px 0 15px;font-size:48px;line-height:1.22;letter-spacing:-.055em}.public-hero h1 em{color:var(--hp-purple);font-style:normal}.public-hero p{margin:0;color:var(--hp-sub);font-size:15px;line-height:1.75}.public-search-box{margin:34px auto 0;padding:8px;max-width:720px;display:flex;border:1px solid #f3dadd;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(125,34,48,.13)}.public-search-box input{min-width:0;flex:1;height:54px;padding:0 18px;border:0;outline:0;font-size:14px}.public-search-box button{width:118px;border:0;border-radius:13px;background:linear-gradient(135deg,#c84a5a,#7d2230);color:#fff;font-weight:800;cursor:pointer}.public-search-keywords{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.public-search-keywords a{padding:7px 11px;border:1px solid var(--hp-line);border-radius:30px;background:#fff;color:#777b8b;text-decoration:none;font-size:11px}.public-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:76px 0}.public-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.public-section-head h2{margin:0;font-size:27px;letter-spacing:-.045em}.public-section-head p{margin:8px 0 0;color:var(--hp-sub);font-size:13px}.public-section-head>a{color:var(--hp-purple);font-size:12px;font-weight:800;text-decoration:none}.public-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.public-category{padding:19px 8px;border:1px solid var(--hp-line);border-radius:16px;text-align:center;text-decoration:none;background:#fff;transition:.2s}.public-category:hover{border-color:#e2bec6;transform:translateY(-3px);box-shadow:var(--hp-shadow)}.public-category-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:var(--hp-soft);color:var(--hp-purple);font-size:17px;font-weight:900}.public-category b{display:block;font-size:12px}.public-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-shop-card{border:1px solid var(--hp-line);border-radius:var(--hp-radius);overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(35,37,53,.05);transition:.2s}.public-shop-card:hover{transform:translateY(-4px);box-shadow:var(--hp-shadow)}.public-shop-image{height:215px;position:relative;background:linear-gradient(135deg,#f3dadd,#f5e6db);overflow:hidden}.public-shop-image img{width:100%;height:100%;object-fit:cover}.public-shop-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(125,34,48,.4);font-size:42px;font-weight:900}.public-shop-badges{position:absolute;left:13px;top:13px;display:flex;gap:6px}.public-badge{padding:6px 9px;border-radius:20px;background:rgba(255,255,255,.92);font-size:9px;font-weight:850}.public-badge.is-purple{background:var(--hp-purple);color:#fff}.public-shop-body{padding:18px}.public-shop-location{color:var(--hp-purple);font-size:10px;font-weight:800}.public-shop-body h3{margin:7px 0 6px;font-size:18px}.public-shop-desc{height:37px;margin:0;color:var(--hp-sub);font-size:12px;line-height:1.55;overflow:hidden}.public-shop-meta{display:flex;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #f0f1f4;font-size:11px}.public-star{color:#f2a12b;font-weight:900}.public-shop-price{margin-left:auto;font-weight:850}.public-list-hero{padding:48px 20px;background:linear-gradient(180deg,#fffafb,#fff)}.public-list-hero-inner{width:min(1180px,100%);margin:auto}.public-list-hero h1{margin:0;font-size:34px;letter-spacing:-.05em}.public-list-hero p{margin:10px 0 0;color:var(--hp-sub);font-size:13px}.public-filter{margin-top:25px;padding:16px;display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px 110px;gap:10px;border:1px solid var(--hp-line);border-radius:18px;background:#fff;box-shadow:var(--hp-shadow)}.public-filter input,.public-filter select{width:100%;height:46px;padding:0 13px;border:1px solid #dfe1e8;border-radius:11px;background:#fcfcfd;outline:none}.public-filter input:focus,.public-filter select:focus{border-color:#c95a67;box-shadow:0 0 0 4px rgba(179,58,74,.08)}.public-filter button{border:0;border-radius:11px;background:var(--hp-purple);color:#fff;font-weight:800;cursor:pointer}.public-list-wrap{width:min(1180px,calc(100% - 40px));margin:auto;padding:35px 0 80px}.public-list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.public-list-count{font-size:13px}.public-list-count b{color:var(--hp-purple)}.public-sort{display:flex;gap:6px}.public-sort a{padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--hp-sub);font-size:11px;font-weight:700}.public-sort a.is-active{background:var(--hp-soft);color:var(--hp-purple)}.public-pagination{display:flex;justify-content:center;gap:6px;margin-top:38px}.public-pagination a,.public-pagination span{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--hp-line);border-radius:10px;display:grid;place-items:center;text-decoration:none;font-size:11px}.public-pagination .is-current{border-color:var(--hp-purple);background:var(--hp-purple);color:#fff}.public-empty{grid-column:1/-1;padding:70px 20px;border:1px dashed #dcdde5;border-radius:var(--hp-radius);text-align:center;color:var(--hp-sub)}.public-empty b{display:block;margin-bottom:8px;color:var(--hp-ink);font-size:17px}.public-footer{padding:45px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;border-top:1px solid var(--hp-line);background:#191b27;color:#fff}.public-logo.is-footer span{box-shadow:none}.public-footer p{color:#9599aa;font-size:11px}.public-footer small{color:#6f7384;font-size:10px}.public-footer nav{display:flex;gap:18px;align-items:center}.public-footer nav a{color:#aeb1bf;text-decoration:none;font-size:11px}@media(max-width:980px){.public-category-grid{grid-template-columns:repeat(4,1fr)}.public-shop-grid{grid-template-columns:repeat(2,1fr)}.public-filter{grid-template-columns:1fr 1fr}.public-filter button{height:46px}.public-nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:12px 20px;background:#fff;border-bottom:1px solid var(--hp-line);box-shadow:0 14px 30px rgba(30,32,47,.08)}.public-nav.is-open{display:grid}.public-nav a{padding:13px 5px;border:0}.public-account{display:none}.public-menu{display:block}}@media(max-width:640px){.public-header-inner,.public-section,.public-list-wrap{width:calc(100% - 30px)}.public-hero{padding:58px 15px 65px}.public-hero h1{font-size:34px}.public-search-box{border-radius:15px}.public-search-box input{height:49px;padding:0 12px}.public-search-box button{width:83px}.public-section{padding:55px 0}.public-section-head h2{font-size:23px}.public-category-grid{grid-template-columns:repeat(4,1fr);gap:8px}.public-category{padding:15px 4px}.public-category-icon{width:37px;height:37px}.public-shop-grid{grid-template-columns:1fr}.public-shop-image{height:220px}.public-list-hero{padding:35px 15px}.public-list-hero h1{font-size:27px}.public-filter{grid-template-columns:1fr;padding:12px}.public-list-tools{align-items:flex-start;gap:10px;flex-direction:column}.public-sort{width:100%;overflow:auto}.public-footer{flex-direction:column;gap:25px}.public-footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* 20-13 공지·FAQ·약관·팝업 */
.public-content-hero{margin:28px 0 18px;padding:34px;border:1px solid var(--hp-line);border-radius:22px;background:linear-gradient(135deg,#fff4f5,#fff);box-shadow:var(--hp-shadow)}.public-content-hero>span{color:var(--hp-purple);font-size:10px;font-weight:900;letter-spacing:.13em}.public-content-hero h1{margin:8px 0 7px;font-size:28px;letter-spacing:-.04em}.public-content-hero p{margin:0;color:var(--hp-sub);font-size:12px}.public-content-panel,.public-content-article{margin-bottom:34px;border:1px solid var(--hp-line);border-radius:20px;background:#fff;box-shadow:var(--hp-shadow);overflow:hidden}.public-content-filter{padding:16px;border-bottom:1px solid var(--hp-line);display:flex;align-items:center;gap:8px}.public-content-filter input,.public-content-filter select{height:40px;padding:0 11px;border:1px solid var(--hp-line);border-radius:10px;background:#fff;font:inherit;font-size:10px}.public-content-filter input{min-width:240px;flex:1}.public-content-filter button{height:40px;padding:0 15px;border:0;border-radius:10px;background:var(--hp-ink);color:#fff;font-size:10px;font-weight:850}.public-notice-list{display:grid}.public-notice-list>a{padding:18px 20px;border-bottom:1px solid var(--hp-line);color:inherit;text-decoration:none;display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px}.public-notice-list>a:last-child{border-bottom:0}.public-notice-list>a>span{color:var(--hp-purple);font-size:9px;font-weight:800}.public-notice-list>a>span b{margin-right:6px;padding:4px 7px;border-radius:20px;background:#fff0e4;color:#c76b0d}.public-notice-list>a>strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.public-notice-list>a>small{color:var(--hp-sub);font-size:9px}.public-content-empty{padding:55px 18px;color:var(--hp-sub);text-align:center;font-size:11px}.public-pagination{padding:18px;border-top:1px solid var(--hp-line);display:flex;justify-content:center;gap:6px}.public-pagination a,.public-pagination span{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--hp-line);border-radius:9px;color:var(--hp-ink);text-decoration:none;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.public-pagination .is-current{border-color:var(--hp-purple);background:var(--hp-purple);color:#fff}.public-content-article>header{padding:28px 30px;border-bottom:1px solid var(--hp-line)}.public-content-article>header>span{color:var(--hp-purple);font-size:9px;font-weight:900;letter-spacing:.1em}.public-content-article>header h1{margin:8px 0;font-size:25px;letter-spacing:-.04em}.public-content-article>header p{margin:0;color:var(--hp-sub);font-size:10px}.public-content-article>footer{padding:18px 30px;border-top:1px solid var(--hp-line);text-align:right}.public-content-article>footer a{min-height:40px;padding:0 14px;border:1px solid var(--hp-line);border-radius:10px;color:var(--hp-ink);text-decoration:none;font-size:10px;font-weight:800;display:inline-flex;align-items:center}.public-editor-content,.hp-editor-content{font-size:13px;line-height:1.9;word-break:break-word}.public-editor-content{padding:30px}.public-editor-content img,.hp-editor-content img{max-width:100%;height:auto}.public-editor-content table,.hp-editor-content table{width:100%;border-collapse:collapse}.public-editor-content th,.public-editor-content td,.hp-editor-content th,.hp-editor-content td{padding:10px;border:1px solid var(--hp-line)}.public-editor-content h2,.public-editor-content h3,.public-editor-content h4{margin:1.7em 0 .7em;line-height:1.4}.public-faq-list{display:grid}.public-faq-list article{border-bottom:1px solid var(--hp-line)}.public-faq-list article:last-child{border-bottom:0}.public-faq-list button{width:100%;padding:18px 20px;border:0;background:#fff;color:var(--hp-ink);text-align:left;cursor:pointer;display:grid;grid-template-columns:100px minmax(0,1fr) 26px;align-items:center;gap:12px}.public-faq-list button span{color:var(--hp-purple);font-size:9px;font-weight:850}.public-faq-list button strong{font-size:12px}.public-faq-list button i{width:26px;height:26px;border-radius:50%;background:var(--hp-soft);font-style:normal;display:grid;place-items:center;transition:transform .2s}.public-faq-answer{display:none;padding:0 20px 22px 132px;font-size:11px;line-height:1.85}.public-faq-list article.is-open .public-faq-answer{display:block}.public-faq-list article.is-open button i{transform:rotate(45deg)}.public-policy-article{margin-top:28px}.public-popup{position:fixed;z-index:1000;left:var(--popup-left);top:var(--popup-top);width:min(var(--popup-width),calc(100vw - 24px));max-height:min(var(--popup-height),calc(100vh - 24px));border:1px solid #dbdce4;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(26,28,40,.25);overflow:hidden;display:flex;flex-direction:column}.public-popup-head{min-height:48px;padding:0 14px;border-bottom:1px solid var(--hp-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.public-popup-head strong{font-size:11px}.public-popup-head button{width:32px;height:32px;border:0;border-radius:9px;background:var(--hp-bg);font-size:20px}.public-popup-body{min-height:0;overflow:auto}.public-popup-body>a{display:block;color:inherit;text-decoration:none}.public-popup-body .hp-editor-content,.public-popup-body.hp-editor-content{padding:16px}.public-popup-foot{min-height:46px;padding:7px 10px;border-top:1px solid var(--hp-line);display:flex;justify-content:flex-end;gap:7px}.public-popup-foot button{min-height:32px;padding:0 10px;border:1px solid var(--hp-line);border-radius:8px;background:#fff;font-size:9px;font-weight:800}.public-popup.is-mobile{display:none}
@media(max-width:760px){.public-content-hero{padding:24px 20px;border-radius:18px}.public-content-hero h1{font-size:23px}.public-content-filter{display:grid;grid-template-columns:1fr 1fr}.public-content-filter input,.public-content-filter button{min-width:0;width:100%;grid-column:1/-1}.public-notice-list>a{grid-template-columns:1fr;gap:7px}.public-notice-list>a>small{text-align:left}.public-content-article>header,.public-editor-content,.public-content-article>footer{padding:20px}.public-faq-list button{grid-template-columns:1fr 24px}.public-faq-list button span{grid-column:1/-1}.public-faq-answer{padding:0 20px 20px}.public-popup{left:12px;top:50%;transform:translateY(-50%);width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.public-popup.is-pc{display:none}.public-popup.is-mobile,.public-popup.is-all{display:flex}}


/* 20-13 사용자 콘텐츠 공통 너비 교정
   PC: 최대 1180px 중앙 정렬
   Mobile: 좌우 15px 여백
*/
.public-content-wrap{
    width:min(1180px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
}
.public-content-wrap>.public-content-hero,
.public-content-wrap>.public-content-panel,
.public-content-wrap>.public-content-article{
    width:100%;
}
.public-content-wrap>.public-content-article{
    margin-top:28px;
}
.public-content-wrap>.public-policy-article{
    margin-top:28px;
}
@media(max-width:640px){
    .public-content-wrap{
        width:calc(100% - 30px);
    }
}