/* 레퍼런스를 따른 메인 — 시원스쿨(인사 상단형) · 샌크몰 */
.theme_ref .tab_bar a{font-size:11px}

/* ================= 시원스쿨 ================= */
.rf_siwon{background:linear-gradient(180deg,#dfe9ff 0,#eef1ff 160px,#f7f8fc 420px,#f4f6fa 100%);padding-bottom:20px}
.sw_head{display:flex;align-items:center;gap:6px;height:54px;padding:0 12px 0 20px}
.sw_head .logo{flex:1;font-size:18px;font-weight:800;color:#2f5bea}
.sw_point{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#333;background:#fff;border-radius:99px;padding:5px 10px}
.sw_point svg{width:16px;height:16px}
.sw_hero{text-align:center;padding:6px 20px 18px}
.sw_hero img{width:150px;height:150px;margin:0 auto;mix-blend-mode:multiply}
.sw_hi{display:block;margin-top:2px;font-size:13px;font-weight:700;color:#2f5bea}
.sw_hero h2{margin-top:4px;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.5px}
.sw_chips ul{display:flex;gap:8px;list-style:none;overflow-x:auto;padding:0 20px 4px;scrollbar-width:none}
.sw_chips ul::-webkit-scrollbar{display:none}
.sw_chips a{display:flex;align-items:center;gap:6px;white-space:nowrap;background:#fff;border-radius:12px;padding:8px 12px 8px 8px;font-size:13px;font-weight:600;box-shadow:0 2px 8px rgba(40,60,120,.06)}
.sw_chips img{width:26px;height:26px}
.sw_scroll{display:flex;gap:12px;overflow-x:auto;padding:18px 20px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.sw_scroll::-webkit-scrollbar{display:none}
.sw_card{flex:none;width:280px;scroll-snap-align:start;background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 10px rgba(40,60,120,.05)}
.sw_card.type_full{width:auto;margin:0 20px 12px}
.sw_card h3{font-size:15px;font-weight:700;display:flex;justify-content:space-between}
.sw_dots{font-size:9px;color:#2f5bea;letter-spacing:2px}
.sw_feature{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#2f5bea,#5b8cff);border-radius:12px;padding:10px;color:#fff}
.sw_feature.type_b{background:linear-gradient(110deg,#ffb84d,#ff8a5b)}
.sw_feature img{width:96px;height:60px;border-radius:8px;object-fit:cover;background:#fff}
.sw_feature b{display:block;font-size:12px;opacity:.9}
.sw_feature span{font-size:16px;font-weight:700}
.sw_rows{list-style:none;margin-top:8px}
.sw_rows li,.sw_rows li>a{display:flex;align-items:center;gap:10px;padding:7px 0}
.sw_rows img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#f1f4fa}
.sw_rows b{display:block;font-size:13px;font-weight:600;line-height:1.35}
.sw_rows span{font-size:11px;color:#8a919b}
.sw_dot{width:40px;height:40px;border-radius:50%;background:#fff1dd;flex:none}
.sw_btn_line{display:block;margin-top:10px;text-align:center;font-size:12px;font-weight:600;color:#555;border:1px solid #e4e8ef;border-radius:10px;padding:9px}
.sw_sec{padding:18px 0 0}
.sw_tit{display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px}
.sw_tit h2{font-size:17px;font-weight:700;letter-spacing:-.4px}
.sw_tabs{display:flex;gap:2px;background:#e9edf4;border-radius:99px;padding:2px;font-size:11px}
.sw_tabs b,.sw_tabs span{padding:3px 9px;border-radius:99px}
.sw_tabs b{background:#fff}
.sw_shorts{display:flex;gap:8px;overflow-x:auto;padding:0 20px;scrollbar-width:none}
.sw_shorts::-webkit-scrollbar{display:none}
.sw_shorts a{flex:none;position:relative;width:120px;height:180px;border-radius:12px;overflow:hidden;background:#222}
.sw_shorts img{width:100%;height:100%;object-fit:cover;opacity:.9}
.sw_shorts a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))}
.sw_shorts span{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;color:#fff;font-size:12px;font-weight:600;line-height:1.35}
.sw_shorts small{display:block;font-size:10px;opacity:.8}
.sw_benefit{display:block;position:relative;margin:0 20px;border-radius:18px;padding:18px;background:linear-gradient(120deg,#e8efff,#f4f0ff);overflow:hidden}
.sw_benefit span{font-size:12px;color:#5a6270}
.sw_benefit b{display:block;margin-top:4px;font-size:22px;font-weight:800;color:#2f5bea}
.sw_benefit img{position:absolute;right:10px;top:8px;width:84px;mix-blend-mode:multiply}
.sw_benefit em{display:block;margin-top:14px;font-style:normal;background:#fff;border-radius:10px;padding:9px;text-align:center;font-size:13px;font-weight:700;color:#2f5bea}
.sw_check{list-style:none;margin-top:6px}
.sw_check a{display:flex;align-items:center;gap:12px;padding:9px 0}
.sw_check img{width:44px;height:44px;border-radius:50%;background:#eef3ff;mix-blend-mode:multiply}
.sw_check span{display:block;font-size:11px;color:#8a919b}
.sw_check b{font-size:14px;font-weight:700}
.sw_promo{display:flex;align-items:center;justify-content:space-between;margin:12px 20px 0;padding:18px 18px 0;border-radius:18px;background:#cfe6ff;overflow:hidden}
.sw_promo b{font-family:"GmarketSans",sans-serif;font-size:22px;line-height:1.25;color:#1d3f8f;padding-bottom:18px}
.sw_promo em{font-style:normal;color:#2f5bea}
.sw_promo img{width:120px;mix-blend-mode:multiply}

/* ================= 9. 샌크몰 (.rf_sanc · sc_*) — 흰 바탕 · 둥근 카테고리 · 담기 버튼 · 브랜드 이야기 띠 ================= */
.rf_sanc{background:#fff;color:#222}
.sc_head{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:52px;padding:0 8px;background:#fff}
.sc_head h1{flex:1;text-align:center;padding-left:40px}
.sc_head h1 a{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:22px;font-weight:700;letter-spacing:-.5px}
.sc_head h1 small{margin-left:3px;font-family:"Pretendard Variable",sans-serif;font-style:normal;font-size:12px;font-weight:600}
.sc_head .btn_icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.sc_head .btn_icon svg{width:22px;height:22px}
.sc_head .num{position:absolute;right:4px;top:5px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--pc);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.sc_gnb{display:flex;gap:18px;padding:4px 20px 10px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;border-bottom:1px solid #f0f0f0}
.sc_gnb::-webkit-scrollbar{display:none}
.sc_gnb a{font-size:14px;font-weight:600;color:#222}
.sc_gnb a.on{color:var(--pc);font-weight:800}
.sc_gnb .c1{color:#1f8f4e}.sc_gnb .c2{color:#7a3fc4}.sc_gnb .c3{color:#e5484d}
.sc_cate ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 6px;padding:20px 16px 26px;list-style:none;border-bottom:8px solid #f6f6f6}
.sc_cate a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:#333}
.sc_cate .cir{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#f1f1f3;overflow:hidden}
.sc_cate .cir img{width:46px;height:46px;object-fit:contain}
.sc_cate .c_best,.sc_cate .c_new{color:#fff;font-family:Georgia,serif;font-size:13px;font-weight:700}
.sc_cate .c_best{background:#e0338a}.sc_cate .c_new{background:#6a2bb8}
.sc_sec{padding:30px 20px 34px}
.sc_tit{font-size:19px;font-weight:700;letter-spacing:-.5px;margin-bottom:14px}
.sc_desc{margin:-8px 0 14px;font-size:12px;color:#888}
.sc_center{text-align:center}
.sc_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px;list-style:none}
.sc_prd .img{display:block;aspect-ratio:1;background:#f4f4f4;overflow:hidden}
.sc_prd .img img{width:100%;height:100%;object-fit:cover}
.btn_put{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:32px;margin-top:6px;border:1px solid #e2e2e2;background:#fff;font-size:12px;color:#444}
.btn_put svg{width:14px;height:14px}
.sc_prd small{margin-top:9px;font-size:11px;color:#999;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sc_prd b{margin-top:3px;font-size:13px;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc_prd strong{display:block;margin-top:6px;font-size:15px;font-weight:700}
.sc_prd .tg{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.sc_prd .tg i{font-style:normal;font-size:10px;color:#666;background:#f3f3f3;padding:2px 6px}
.sc_prd .tg i.pt{color:var(--pc);background:#eef5fd}
.sc_pill{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.sc_pill::-webkit-scrollbar{display:none}
.sc_pill button{flex:none;height:30px;padding:0 14px;border:1px solid #ddd;border-radius:99px;background:#fff;font-size:12px;color:#555}
.sc_pill button.on{background:#111;border-color:#111;color:#fff;font-weight:700}
.sc_row{display:flex;gap:10px;margin-right:-20px;padding-right:20px;overflow-x:auto;scrollbar-width:none;list-style:none}
.sc_row::-webkit-scrollbar{display:none}
.sc_row > li{flex:none;width:136px}
.bg_gift{background:#fbf6ef}
.sc_big{display:flex;gap:10px;margin-right:-20px;overflow-x:auto;scrollbar-width:none;list-style:none}
.sc_big::-webkit-scrollbar{display:none}
.sc_big li{flex:none;width:250px}
.sc_big img{width:100%;height:250px;object-fit:cover;background:#f1ece4}
.sc_big b{display:block;margin-top:10px;font-size:14px;font-weight:500}
.sc_big strong{display:block;margin-top:4px;font-size:16px}
.sc_special{list-style:none}
.sc_special li + li{border-top:1px solid #eee}
.sc_special a{display:flex;align-items:center;gap:22px;padding:20px 4px}
.sc_special .ill{flex:none;display:flex;align-items:center;justify-content:center;width:84px;height:70px}
.sc_special .ill svg{width:56px;height:56px;stroke-width:1.2;color:#222}
.sc_special b{display:block;font-size:15px;font-weight:700}
.sc_special small{display:block;margin-top:5px;font-size:12px;color:#777;line-height:1.5}
.sc_story a{position:relative;display:block;height:230px;overflow:hidden;background:#333}
.sc_story img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.sc_story span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.sc_story b{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.5px}
.sc_story small{margin-top:10px;font-size:12px;line-height:1.55;opacity:.9}
.sc_story em{margin-top:16px;padding:7px 22px;border:1px solid rgba(255,255,255,.8);font-style:normal;font-size:11px}
.sc_life > a{position:relative;display:block;height:200px;margin-bottom:18px;overflow:hidden}
.sc_life > a img{width:100%;height:100%;object-fit:cover}
.sc_life > a b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:30px;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.sc_mag{padding:0 0 30px;background:#f2eee6}
.sc_mag .cover{position:relative;display:block;height:260px;overflow:hidden}
.sc_mag .cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}
.sc_mag .cover span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.sc_mag .cover b{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:1px}
.sc_mag .cover small{margin-top:6px;font-size:11px}
.sc_mag .sc_row{margin:20px 0 0;padding:0 20px}
.sc_mag .sc_row li{width:150px}
.sc_mag .img{position:relative;display:block;height:150px;overflow:hidden}
.sc_mag .img img{width:100%;height:100%;object-fit:cover}
.sc_mag .img i{position:absolute;left:0;bottom:0;background:#111;color:#fff;font-style:normal;font-size:10px;padding:3px 7px}
.sc_mag li b{display:block;margin-top:8px;font-size:13px;font-weight:600;line-height:1.4}
.sc_more{display:block;margin:20px 20px 0;padding:11px 0;border:1px solid #d6d0c4;text-align:center;font-size:12px;color:#555}
.sc_video{display:block}
.sc_video .img{position:relative;display:block;height:200px;overflow:hidden}
.sc_video img{width:100%;height:100%;object-fit:cover}
.sc_video .play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--pc)}
.sc_video .play::after{content:"";position:absolute;left:19px;top:15px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.sc_video b{display:block;margin-top:12px;font-size:15px;font-weight:600}
.sc_big img{object-fit:contain;padding:12px;background:#fff}
.sc_fade{position:relative}
.sc_fade img{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.sc_fade img.on{opacity:1}
.sc_fade img.is_cut{object-fit:contain;padding:10%}
.sc_fade .dot{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:4px}
.sc_fade .dot i{width:5px;height:5px;border-radius:99px;background:rgba(0,0,0,.18);transition:width .3s}
.sc_fade .dot i.on{width:12px;background:rgba(0,0,0,.55)}

/* 정렬 맞춤 (10/16) — 샘플 4도 다른 샘플 · 하위 화면과 같은 기준선 20px */
.sc_head{padding:0 11px}                                 /* 아이콘 그림 자체가 20px 선에 오게 (버튼 40 · 그림 22) */
.sc_row{scroll-padding-inline:20px}
.sc_cate ul{grid-template-columns:repeat(4,58px);justify-content:space-between;padding-left:20px;padding-right:20px}
.sc_cate li{width:58px;display:flex;justify-content:center}
/* 기획전 — 샘플 4 섹션은 좌우 여백이 있어 가로 줄만 화면 끝까지 */
.sc_ex .ex_row{margin:0 -20px}
/* 본문 최소 14px (10/16) */
.sc_prd b{font-size:14px}
.sc_desc{font-size:14px}
.sc_prd[hidden]{display:none}
.sc_bs{padding:28px 0 0}
/* 10/16 컬러 맞춤 — 베스트 · 신상 원도 포인트 컬러 계열 */
.sc_cate .c_best{background:var(--pc-raw)}
.sc_cate .c_new{background:color-mix(in srgb,var(--pc-raw) 70%,#000)}
/* 샘플 4 카테고리 — 사진 · 3D 대신 공통 아이콘(ring 칠하기) (10/19) */
.sc_cate .cir{background:color-mix(in srgb,var(--pc-raw) 7%,#fff)}
.sc_cate .cir svg{width:34px;height:34px}