/* 웨더로니 2026 · 기존 동작과 콘텐츠를 보존하는 공통 디자인 */ :root{--sky:#b1dec8;--sky-dark:#17654d;--btn-a:#17654d;--btn-b:#124b3d;--gold:#f5b653;--ink:#172f2b;--sub:#647a73;--faint:#7b8d85;--line:#e2e9e4;--bg:#f6f8f5;--card:#fff;--soft:#edf4ee;--soft2:#f1f5f1;--tint:#daebdf;--pink:#e99669;--pink-d:#ad572d;--amber:#e9af54;--warn:#be4848} :root[data-theme="dark"]{--sky:#aadcc5;--sky-dark:#9ddbbf;--btn-a:#17654d;--btn-b:#124b3d;--ink:#e7efe9;--sub:#a5b8ad;--faint:#8da397;--line:#31473b;--bg:#111f19;--card:#1a2b22;--soft:#22382b;--soft2:#203128;--tint:#304d39;--pink:#e8aa84;--pink-d:#e8aa84;--amber:#edbd72} html{scroll-padding-top:130px}body{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}p{text-wrap:pretty}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dfaa50;outline-offset:4px}::selection{background:#cee6d6;color:#143e2f}.wrap,main.wrap.wide,.topbar .wrap,.foot .wrap{max-width:1280px;padding-left:32px;padding-right:32px} .topbar,:root[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);box-shadow:none}.topbar-in{height:82px;gap:30px}.brand-logo{width:38px;height:38px;border-radius:12px}.brand-t{font-family:inherit;font-size:24px;letter-spacing:-1.2px;font-weight:850;color:var(--ink)}.brand-en{font-size:12px;letter-spacing:1.6px;font-weight:500;color:var(--sub)}.hd-search{max-width:420px;border:1px solid var(--line);background:var(--soft2);border-radius:14px;padding:5px 7px 5px 18px}.hd-search input{font-size:13px}.hd-search button{background:var(--btn-a);border-radius:10px;width:34px;height:34px}.hd-loc{border:1px solid var(--line);font-size:12px;background:var(--card);color:var(--ink);padding:8px 12px}.hd-date{font-size:12px}.theme-toggle,.font-toggle,.visitor-badge{border-radius:10px;background:var(--soft2);color:var(--sub)}.gnb-in{gap:8px;padding-bottom:8px}.gnb a,.gnb a.on,.gnb a:hover,:root[data-theme="dark"] .gnb a.on,:root[data-theme="dark"] .gnb a:hover{border:0;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:600;line-height:1.5;background:transparent;color:var(--sub)}.gnb a.on,:root[data-theme="dark"] .gnb a.on{background:var(--soft);color:var(--sky-dark);font-weight:800}.gnb a:hover{background:var(--soft2);color:var(--ink)}.gnb-more{border:0;font-size:13px;padding:9px 14px;color:var(--sub);border-radius:9px}.gnb-more:hover{background:var(--soft)} .rn-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 0 28px}.rn-kicker{display:flex;gap:8px;align-items:center;color:var(--sky-dark);font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 12px}.rn-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#7ba98b;box-shadow:0 0 0 4px #7ba98b18}.rn-welcome h2{font-size:clamp(28px,3.1vw,42px);font-weight:750;line-height:1.3;margin:0;color:var(--ink);letter-spacing:-2px}.rn-welcome h2 span{color:#8aa18c}.rn-welcome>p{font-size:12px;color:var(--sub);line-height:1.9;text-align:right;margin:0 0 4px}.hm{padding-top:0}.hm-trip{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:13px 18px;border-radius:14px;margin:0 0 20px}.hm-trip-t b{font-size:14px;font-weight:750}.hm-trip-t small{font-size:12px;color:var(--sub)}.hm-trip-i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft)}.hm-trip-i .e3d{width:26px;height:26px}.hm-trip-go{font-size:22px;color:var(--sky-dark)}.hm-top{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.hm-slider{height:370px;border-radius:24px;background:var(--soft)}.hm-slider .td-hero{border:1px solid #d7e6d7;border-radius:24px;padding:28px 32px;grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:0 20px;background:linear-gradient(120deg,#e4efdf,#eaf3ea 58%,#f3f5e5);color:#19392c}.hm-slider .td-hero .td-temp{font-size:100px;font-weight:450;letter-spacing:-7px;color:#19392c}.hm-slider .td-hero .td-icon{font-size:84px}.hm-slider .td-hero .td-icon .e3d{width:90px;height:90px}.hm-slider .td-hero .td-loc{font-size:17px;font-weight:750;color:#264d3b}.hm-slider .td-hero .td-status{font-size:12px;color:#667f67}.hm-slider .td-hero .td-desc{color:#526c53;font-size:15px}.td-geo,.td-detail{border-radius:9px!important;background:#ffffff85!important;border:1px solid #cbdcc9!important;color:#365d46!important;font-size:12px!important}.hm-side{background:#ffffff90;border:1px solid #ffffffb0;border-radius:16px;padding:20px;backdrop-filter:blur(8px);gap:14px}.hm-side .hm-say{font-size:20px;line-height:1.5;font-weight:700;color:#214631}.hm-say span{color:#17654d}.hm-side .td-diff{border-radius:10px;background:#ffffff6b;border-color:#d3dfd1;font-size:12px}.hm-slider .td-hero.fx-night{background:linear-gradient(120deg,#193e36,#294c43);color:#edf7ee;border-color:#34584c}.hm-slider .td-hero.fx-night .td-temp,.hm-slider .td-hero.fx-night .td-loc,.hm-slider .td-hero.fx-night .td-desc,.td-hero.fx-night .hm-say{color:#edf7ee}.hm-slider .td-hero.fx-night .td-status{color:#c5d8c5}.hm-pic{border-radius:24px;background:#214e40;grid-template-columns:minmax(0,1fr) 370px}.hm-pic img{width:370px;height:370px}.hm-cap{padding:30px 26px 58px 32px;gap:12px}.hm-big{font-size:28px;font-weight:750;line-height:1.45}.hm-tag{font-size:12px;letter-spacing:1px}.hm-sub{font-size:12px;line-height:1.7}.hm-cta{border-radius:9px;font-size:12px;padding:9px 15px}.hm-ctrl{right:20px;bottom:18px}.hm-ctrl button{width:28px;height:28px;background:#173c3266}.hm-ctrl span{background:#173c3266;font-size:12px}.hm-ad{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px}.hm-adb{background:var(--soft);color:var(--sub);border-radius:5px;font-size:12px}.hm-ad-h{font-size:12px;color:var(--sub);font-weight:650}.hm-ad .td-pick{border:0;background:transparent}.hm-ad .td-pick img{border-radius:12px}.hm-ad-note{font-size:12px;line-height:1.6}.hm-icons{border-radius:20px;padding:25px 18px;gap:12px;margin:22px 0 30px;box-shadow:0 5px 20px #18372c03}.hm-ic{gap:10px;font-size:12px;font-weight:650}.hm-ic-c{border-radius:18px;width:52px;height:52px}.hm-ic-c .e3d{width:30px;height:30px}.hm-ic:hover .hm-ic-c{transform:translateY(-4px);box-shadow:0 6px 14px #25493312}.hm-ic-c.c1{background:#e5efe9}.hm-ic-c.c2{background:#f8ede2}.hm-ic-c.c3{background:#e7f0e2}.hm-ic-c.c4{background:#eceaf3}.hm-ic-c.c5{background:#f8f0db}.hm-ic-c.c6{background:#e3eff0}.hm-ic-c.c7{background:#f8e9de}.hm-ic-c.c8{background:#e7edf4}.hm-ic-c.c9{background:#f4e8eb}.hm-row{gap:22px;margin-bottom:24px}.hm-r-fest{grid-template-columns:320px minmax(0,1fr)}.hm-card,.td-card.hm-card{border-radius:22px;padding:24px;background:var(--card);border-color:var(--line);box-shadow:0 5px 20px #18372c02}.hm-h{margin-bottom:20px}.hm-h h2,.hm-h .td-h{font-size:18px;letter-spacing:-.6px;font-weight:750}.hm-h a{font-size:12px}.hm-cal-m{font-size:15px;margin-bottom:14px}.hm-d{font-size:12px;height:32px;line-height:32px}.hm-wd{font-size:12px}.hm-fests{gap:14px}.hm-fest{border-radius:15px;border:1px solid var(--line)}.hm-fest-img{aspect-ratio:4/3}.hm-fest-img img{transition:transform .35s}.hm-fest:hover img{transform:scale(1.035)}.hm-fest-n{font-size:13px;padding:12px 12px 4px;line-height:1.55}.hm-fest-d,.hm-fest-r{font-size:12px}.hm-badge,.tr-badge{font-size:12px;padding:3px 9px}.hm-pop{gap:14px}.hm-pop a{border-radius:16px;padding:18px;border-color:var(--line)}.hm-pop .pc-name{font-size:13px}.hm-pop .pc-temp{font-size:30px;font-weight:600}.hm-pop .pc-now,.hm-pop .pc-hl{font-size:12px}.hm-pop a.pk-sun{background:linear-gradient(145deg,#f9f4e7,var(--card) 75%)}.hm-pop a.pk-cloud{background:linear-gradient(145deg,#edf2ef,var(--card) 75%)}.hm-pop a.pk-rain{background:linear-gradient(145deg,#eaf0f6,var(--card) 75%)}.hm-pop a.pk-night{background:linear-gradient(145deg,#203f36,#355a4d)}.hm-promo{border-radius:20px;background:#f7efe2;border-color:#eee3d2;padding:24px}.hm-promo-t small{color:#9f683b;font-size:12px}.hm-promo-t b{font-size:19px;font-weight:750}.hm-promo-t span{font-size:12px}.hm-btn{border-radius:10px;background:var(--btn-a);font-size:12px;padding:10px 17px;color:white}.hm-dex{background:#efedf6;border-color:#e4deef;border-radius:20px}.hm-dex-t b{font-size:19px;color:#655386}.hm-dex-t>span:not(.hm-pill){font-size:12px}.hm-pill{border-color:#ded8e9;color:#655386;font-size:12px;border-radius:8px}.hm-spot-map{background:#e7f0e5;border-radius:15px}.hm-chips a{border-radius:8px;font-size:12px;padding:6px 11px}.hm-spot-go{margin:0 -24px;border-color:var(--line);font-size:12px;padding:14px}.section-title{font-size:22px;font-weight:750;letter-spacing:-.8px;margin-top:30px}.crumb{font-size:12px;padding-top:22px;padding-bottom:6px}.tabs{gap:8px;padding-bottom:12px}.tabs a{font-size:12px;padding:9px 17px;border-radius:10px}.hero,.card,.panel,.col-card,.course-card,.tr-card,.sun-card{border-radius:20px;border-color:var(--line);box-shadow:none}.hero{padding:26px}.hero .temp{letter-spacing:-4px;font-weight:500}.hstat{border-radius:14px;padding:16px}.hstat .hv{font-weight:650}.searchbox input{border-radius:12px;border-color:var(--line);padding:13px 17px}.day-tabs button,.cat-filter-btn,.interest-chips button,.tr-chip{border-radius:9px;font-size:12px;border-color:var(--line);padding:9px 14px}.td-pick,.colpreview,.cat-mini-item{border-radius:14px}.col-card img,.colpreview img{border-radius:14px}.col-card h2,.colpreview h3{font-size:18px;line-height:1.6}.cat-mini-item:hover{background:var(--soft2)}.tr-cal{padding:16px;border-radius:20px;gap:6px}.tr-day{min-height:75px;border-radius:12px;padding:10px;transition:background .15s,border-color .15s}.tr-day.tr-sel{background:var(--btn-a);color:white;border-color:var(--btn-a)}.tr-dnum{font-size:14px}.tr-dcount{font-size:12px;padding:2px 7px;border-radius:6px}.tr-day.tr-h1 .tr-dcount{background:#edf4ed;color:#476849}.tr-day.tr-h2 .tr-dcount{background:#d9e9d8;color:#365638}.tr-day.tr-h3 .tr-dcount{background:#90b296;color:#173c29}.tr-day.tr-h4 .tr-dcount{background:#396b4d;color:#fff}.tr-day.tr-today{border-color:#d6a34d;background:#fbf6e8}.tr-day.tr-sel .tr-dcount{background:#ffffff25;color:#fff}.tr-monthbar strong{font-size:23px;letter-spacing:-.7px}.tr-nowbox{border-radius:16px;background:var(--soft);padding:20px}.tr-tab{font-size:13px;border-radius:10px}.tr-thumbs{gap:20px}.tr-thumb{border-radius:17px;overflow:hidden}.tr-thumb-name{font-size:14px;line-height:1.6}.tr-thumb-img img{transition:transform .35s}.tr-thumb:hover .tr-thumb-img img{transform:scale(1.03)}.tr-more{border-radius:12px;padding:13px;font-size:12px}.tr-fc-d{font-size:12px}.bottom-tabbar{background:color-mix(in srgb,var(--card) 95%,transparent);backdrop-filter:blur(18px);border-color:var(--line);box-shadow:0 -3px 20px #17372a08}.bottom-tabbar a,.bottom-tabbar button{font-size:12px}.bt-more-sheet{border-radius:24px 24px 0 0}.foot{background:#183d32;color:#c2d2c8;padding:40px 0;margin-top:56px}.foot a{color:#e7efe8}.foot-brand{font-family:inherit;font-size:23px;font-weight:750}.foot .src{font-size:12px;color:#a2b9ab}.to-top{border-radius:14px;background:var(--btn-a);box-shadow:0 5px 20px #17372a1a}.rn-build-note{margin:0;padding:8px 16px;text-align:center;font-size:12px;color:var(--sub);background:var(--soft2);border-bottom:1px solid var(--line)} :root[data-theme="dark"] .hm-slider .td-hero{background:linear-gradient(120deg,#244b37,#294c3c);border-color:#3b5d46;color:#e6f0e4}:root[data-theme="dark"] .hm-slider .td-hero .td-temp,:root[data-theme="dark"] .hm-slider .td-hero .td-loc,:root[data-theme="dark"] .hm-slider .td-hero .td-desc,:root[data-theme="dark"] .hm-say{color:#e7efe4}:root[data-theme="dark"] .hm-slider .td-hero .td-status{color:#b7cbb7}:root[data-theme="dark"] .hm-side{background:#ffffff08;border-color:#ffffff12}:root[data-theme="dark"] .hm-side .td-diff{background:#ffffff08;border-color:#ffffff15}:root[data-theme="dark"] .hm-promo{background:#3a3525;border-color:#544831;color:var(--ink)}:root[data-theme="dark"] .hm-dex{background:#322f41;border-color:#494157;color:var(--ink)}:root[data-theme="dark"] .hm-dex-t b{color:#c2b0e4}:root[data-theme="dark"] .hm-pop a:not(.pk-night){background:var(--card)}:root[data-theme="dark"] .tr-day.tr-today{background:#403d27}:root[data-theme="dark"] .hm-trip{background:var(--card)} @media(min-width:1450px){.hm-slider{height:390px}.hm-pic{grid-template-columns:minmax(0,1fr) 390px}.hm-pic img{width:390px;height:390px}} @media(max-width:1100px){.topbar-in{gap:18px}.hm-top{grid-template-columns:minmax(0,1fr) 230px}.hm-slider .td-hero{grid-template-columns:minmax(0,1fr) 220px;padding:24px}.hm-slider .td-hero .td-temp{font-size:80px}.hm-pic{grid-template-columns:minmax(0,1fr) 300px}.hm-pic img{width:300px;height:370px}.hm-big{font-size:24px}.hm-r-fest{grid-template-columns:280px minmax(0,1fr)}.hm-fests{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-icons{gap:5px}.hm-ic{font-size:12px}} @media(max-width:960px){.hm-top{grid-template-columns:1fr}.hm-ad{padding:16px;border-radius:18px}.hm-ad .td-pick{grid-template-columns:80px minmax(0,1fr)}.hm-ad .td-pick img{width:80px}.hm-slider .td-hero{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)}.hm-slider{height:350px}.hm-pic img{height:350px}.rn-welcome>p{font-size:12px}.hm-r-promo,.hm-r-half{gap:16px}.hm-card,.td-card.hm-card{padding:20px}.hm-spot-go{margin:0 -20px}.hd-search{max-width:340px}.gnb-in{gap:3px}.gnb a{padding:8px 12px}} @media(max-width:640px){html{scroll-padding-top:78px}.wrap,main.wrap.wide,.topbar .wrap,.foot .wrap{padding-left:18px;padding-right:18px}.topbar-in{height:66px;gap:12px}.brand-t{font-size:22px}.brand-logo{width:32px;height:32px}.rn-welcome{padding:24px 0 22px;display:block}.rn-kicker{font-size:12px;letter-spacing:1.5px;margin-bottom:10px}.rn-welcome h2{font-size:29px;letter-spacing:-1.5px;line-height:1.4}.rn-welcome>p{margin-top:10px;font-size:12px;text-align:left}.rn-welcome>p br{display:none}.hm-trip{padding:11px 13px;margin-bottom:15px;border-radius:13px}.hm-trip-t b{font-size:13px}.hm-trip-t small{font-size:12px}.hm-trip-i{width:36px;height:36px}.hm-top{gap:12px}.hm-slider{height:auto;border-radius:20px}.hm-slider .td-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:22px 20px;border-radius:20px;min-height:405px}.hm-slider .td-hero>.td-main{grid-column:1;grid-row:3;margin:12px 0 6px;align-self:center}.hm-side{grid-column:1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:8px 0 26px;padding:14px;border-radius:13px}.hm-side .hm-say{font-size:15px;grid-column:1/-1}.hm-side .td-diff{font-size:12px;padding:7px}.hm-side .td-diff b{font-size:13px}.hm-side .td-wind{font-size:12px}.hm-slider .td-hero .td-temp{font-size:85px;letter-spacing:-5px}.hm-slider .td-hero .td-icon .e3d{width:76px;height:76px}.hm-slider .td-hero .td-loc{font-size:15px}.hm-slider .td-hero .td-desc{font-size:13px}.hm-slider .td-hero .td-status{font-size:12px}.hm-pic{grid-template-columns:1fr;grid-template-rows:210px 1fr;border-radius:20px;min-height:405px}.hm-pic img{grid-column:1;grid-row:1;width:100%;height:210px;object-fit:cover}.hm-cap{grid-column:1;grid-row:2;padding:18px 20px 50px;gap:7px}.hm-big{font-size:20px;line-height:1.4;-webkit-line-clamp:2}.hm-sub{font-size:12px;-webkit-line-clamp:1}.hm-tag{font-size:12px}.hm-cta{font-size:12px;padding:6px 10px;margin-top:4px}.hm-ctrl{right:14px;bottom:12px}.hm-ad{border-radius:15px;padding:12px 14px}.hm-ad-h{font-size:12px}.hm-ad .td-pick img{width:65px}.hm-ad .td-pick{grid-template-columns:65px minmax(0,1fr)}.hm-ad-note{font-size:12px}.hm-icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 4px;border-radius:17px;padding:20px 10px;margin:18px 0 22px}.hm-ic{font-size:12px;gap:7px}.hm-ic-c{width:43px;height:43px;border-radius:14px}.hm-ic-c .e3d{width:25px;height:25px}.hm-row,.hm-r-fest,.hm-r-promo,.hm-r-half{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.hm-card,.td-card.hm-card{border-radius:18px;padding:20px 16px}.hm-h{margin-bottom:16px}.hm-h h2,.hm-h .td-h{font-size:17px}.hm-h a{font-size:12px}.hm-spot-go{margin:0 -16px}.hm-fests{gap:12px}.hm-fest-n{font-size:12px}.hm-fest-d,.hm-fest-r{font-size:12px}.hm-pop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hm-pop a{padding:15px}.hm-pop .pc-temp{font-size:28px}.hm-promo{padding:20px 16px;border-radius:18px}.hm-promo-t b{font-size:17px}.hm-promo-t span{font-size:12px}.hm-btn{font-size:12px;padding:8px 13px}.hm-dex-t b{font-size:17px}.hm-dex-imgs img{width:44px;height:44px}.hm-dex-t>span:not(.hm-pill){font-size:12px}.section-title{font-size:20px;margin-top:24px}.hero{padding:20px 16px;border-radius:18px}.tr-cal{padding:10px;gap:4px;border-radius:16px}.tr-day{min-height:59px;padding:6px 4px;border-radius:9px}.tr-dnum{font-size:12px}.tr-dcount{font-size:12px;padding:1px 4px}.tr-dcount small{font-size:12px}.tr-thumbs{gap:12px}.tr-monthbar strong{font-size:20px}.tr-nowbox{padding:15px}.tr-chip{font-size:12px;padding:7px 11px}.foot{margin-top:32px;padding-top:28px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.hd-search{top:70px;border-radius:13px}.bottom-tabbar a,.bottom-tabbar button{min-height:58px}.rn-build-note{font-size:12px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* 홈 콘텐츠를 카드 격자로 정리하며 모든 분류와 진입 경로를 유지합니다. */ .hm-more .cat-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.hm-more .cat-feed .col-card{min-width:0;overflow:hidden;border-radius:20px;border-color:var(--line);background:var(--card);box-shadow:none}.hm-more .cat-feed .col-card>img{max-height:210px;aspect-ratio:16/10;object-fit:cover;border-radius:0}.hm-more .cat-feed-badge-top{padding:14px 18px;background:var(--soft2)}.hm-more .cat-feed-badge-top .cat-feed-badge{font-size:14px;font-weight:750;color:var(--sky-dark)}.hm-more .cat-feed .col-card h3{font-size:15px;line-height:1.65}.hm-more .cat-feed .col-card p{font-size:12px;line-height:1.75}.hm-more .cat-mini-item{gap:10px;padding:12px 0;border-radius:0}.hm-more .cat-mini-item img{width:68px;height:68px;border-radius:10px;object-fit:cover}.hm-more .cat-mini-item h3{font-size:12px!important}.life-index,.interestbox,.act-hub{border-radius:20px;border-color:var(--line)}.life-index{background:var(--soft)}.li-item{background:var(--card);border-radius:12px}.cat-feed .col-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #173c2e08}.td-card{border-radius:20px}.td-stats{gap:10px}.td-stat{border-radius:12px;background:var(--soft2)}.td-chips span{font-size:12px}.quizbox{border-radius:18px;background:var(--card);border-color:var(--line)}:root[data-theme="dark"] .hm-more .cat-feed-badge-top{background:var(--soft2)} @media(max-width:960px){.hm-more .cat-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:640px){.hm-more .cat-feed{grid-template-columns:minmax(0,1fr);gap:18px}.hm-more .cat-feed .col-card>img{max-height:210px}.hm-more .cat-feed .col-card{border-radius:17px}.hm-more .cat-feed .col-card h3{font-size:16px}} .rn-weather-source{font-size:12px;line-height:1.5;color:var(--sub);padding:8px 12px;background:var(--soft2);border-radius:8px;margin:8px 0;grid-column:1/-1;position:relative;z-index:2}.hm-slider .rn-weather-source{position:absolute;bottom:8px;left:20px;right:130px;background:#ffffff80;color:#36533d;font-size:12px;margin:0;padding:3px 7px} @media(max-width:640px){.hm-slider{height:450px}.hm-slider>.hm-slide{height:450px;min-height:0}.hm-slider .td-hero{min-height:0}.hm-pic{grid-template-rows:190px minmax(0,1fr);min-height:0}.hm-pic img{height:190px}.hm-cap{padding:16px 20px 45px}} .hero .temp{font-size:clamp(52px,5vw,76px);line-height:1.1;letter-spacing:-4px;font-weight:500}.hero h1{font-size:24px;letter-spacing:-1px}.hero .desc{font-size:14px}@media(max-width:640px){.hero .temp{font-size:62px}.hero h1{font-size:21px}} body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif}button,input,select,textarea{font-family:inherit} :root{--faint:#687b71}.rn-welcome h2 span{color:#728b77}:root[data-theme="dark"] .rn-welcome h2 span{color:#99b5a2} .hm-slider .rn-weather-source{background:none;padding:0;left:32px;right:130px;bottom:16px;color:#466a4e;font-size:12px;line-height:1.4}.hm-slider .td-hero.fx-night .rn-weather-source,:root[data-theme="dark"] .hm-slider .rn-weather-source{color:#c7ddcb} @media(max-width:640px){.hm-side{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px;margin:6px 0 26px}.hm-side .hm-say{font-size:14px;line-height:1.5}.hm-side .td-diff{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;width:100%;padding:7px 9px;font-size:12px}.hm-side .td-diff b{font-size:12px}.hm-side .td-wind{align-self:flex-start;max-width:100%;font-size:12px;white-space:normal}.hm-slider .rn-weather-source{left:20px;right:20px;bottom:43px;font-size:12px}} /* F-07 원본 style.css 의 12px 미만 선택자 바닥값 (자동 추출 44개) */ .act-b,.act-c-no,.act-me b,.act-r,.act-rb.dot .tr-rb-name,.aq-badge,.aq-gauge-label,.aq-gauge-val .u,.bottom-tabbar a,.bottom-tabbar button,.brand-en,.col-thumbs .col-rank,.gc-detail-badge,.hm-ad-note,.hm-adb,.hm-badge,.hm-legend,.island-stage-item-desc,.kmap-spot,.kmap-unit-label,.outfit-card-links .buy-btn,.pokedex-card-desc,.pokedex-card-race,.post-row .col-rank,.post-row-tt small,.product-tag,.sec-ads-h small,.td-ad-k,.td-ad-note,.tr-axis,.tr-badge,.tr-dcount,.tr-dcount small,.tr-fc-d,.tr-fcard .tr-fc-r,.tr-kid,.tr-rb-km,.tr-rb-name,.tr-ring b,.trh-n small,.visitor-badge,.ws-season,.wxp-label,.wxp-note{font-size:12px!important} /* ===== 2026-11 업그레이드 (F-01~F-10) ===== */ /* F-07 글자·터치 바닥값 */ :root{--sub:#52675d;--faint:#5c6f65;--action-ink:#fff;--alert:#a52c34} :root[data-theme="dark"]{--sub:#b8c9be;--faint:#a9bcb0;--alert:#ffb4b8} body{line-height:1.6} .gnb a,.gnb-more,.tabs a,.day-tabs button,.cat-filter-btn,.interest-chips button,.tr-chip,.hm-cta,.hm-btn,.tr-more,.hm-chips a{min-height:44px;display:inline-flex;align-items:center;justify-content:center} .td-geo,.td-detail{min-height:44px!important;display:inline-flex!important;align-items:center} .hm-ctrl button{width:44px!important;height:44px!important} .bottom-tabbar a,.bottom-tabbar button{min-height:58px} .jump-nav a{min-height:44px;display:inline-flex;align-items:center;gap:6px} .tr-day{min-height:64px} .tr-tab{min-height:44px} /* F-05 구호는 한 줄로 접고, 날씨를 첫 화면에 */ details.rn-welcome{display:block;padding:14px 0 10px;margin:0} details.rn-welcome>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;font-size:15px;font-weight:700;color:var(--ink)} details.rn-welcome>summary::-webkit-details-marker{display:none} details.rn-welcome>summary .rn-kicker{margin:0;font-size:12px} details.rn-welcome>summary .rn-wl-more{font-size:12px;font-weight:600;color:var(--sub);margin-left:auto} details.rn-welcome[open]>summary .rn-wl-more{visibility:hidden} details.rn-welcome>p{margin:6px 0 0;font-size:14px;color:var(--sub);line-height:1.7;text-align:left} /* F-01 오늘 판단 3가지 + F-04 마스코트 */ .rn-today{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 16px 16px;margin:12px 0 0} .rn-today-h{display:flex;align-items:center;gap:10px;margin-bottom:10px} .rn-today-h b{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.4px} .rn-mascot{width:36px;height:36px;border-radius:11px;flex:none} .rn-dex{margin-left:auto;font-size:13px;font-weight:650;color:var(--brand,#17654d);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 4px} :root[data-theme="dark"] .rn-dex{color:#9ddbbf} .rn-today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .rn-tile{display:flex;flex-direction:column;gap:3px;min-height:44px;padding:11px 12px;border-radius:14px;background:var(--soft2);border:1px solid transparent;color:var(--ink);text-decoration:none;min-width:0} .rn-tile:hover{border-color:var(--line)} .rn-k{font-size:13px;font-weight:650;color:var(--sub);display:flex;align-items:center;gap:4px;flex-wrap:wrap} .rn-lv{font-style:normal;font-size:12px;font-weight:750;padding:0 6px;border-radius:6px;margin-left:auto;background:#dfeee4;color:#1b5a40} .rn-v{font-size:17px;font-weight:800;line-height:1.35;color:var(--ink);word-break:keep-all} .rn-s{font-size:12.5px;color:var(--sub);line-height:1.45} .rn-tile[data-lv="warn"]{background:#fdf1e7;border-color:#f0d2b8} .rn-tile[data-lv="warn"] .rn-lv{background:#9c3f12;color:#fff} .rn-tile[data-lv="mid"]{background:#f6f3e3} .rn-tile[data-lv="mid"] .rn-lv{background:#6b5a12;color:#fff} :root[data-theme="dark"] .rn-lv{background:#2c4a39;color:#cdebd9} :root[data-theme="dark"] .rn-tile[data-lv="warn"]{background:#3d2a1e;border-color:#5e3e29} :root[data-theme="dark"] .rn-tile[data-lv="warn"] .rn-lv{background:#ffb48a;color:#2a1508} :root[data-theme="dark"] .rn-tile[data-lv="mid"]{background:#363220} :root[data-theme="dark"] .rn-tile[data-lv="mid"] .rn-lv{background:#e9d27a;color:#2a230a} /* 홈: 날씨 카드 바로 아래, PC 는 광고 옆 왼쪽 칸 */ .hm-top>#hmSlider{grid-column:1;grid-row:1} .hm-top>.rn-today{grid-column:1;grid-row:2;margin:0} .hm-top>.hm-ad{grid-column:2;grid-row:1/span 2} .hm-top+.hm-trip{margin:16px 0 0} /* 지역: 대표 카드 아래 */ .day-panel>.rn-today{margin:12px 0 16px} @media(max-width:960px){.hm-top>.hm-ad{grid-column:1;grid-row:3}} @media(max-width:640px){.rn-today{padding:12px 12px 12px;border-radius:18px}.rn-today-h{margin-bottom:6px;gap:8px}.rn-today-h .rn-dex{min-height:44px;margin:-8px 0}.rn-mascot{width:28px;height:28px;border-radius:9px}.hm-top{gap:10px!important}details.rn-welcome{padding:6px 0 4px!important}.rn-today-grid{gap:6px}.rn-tile{padding:9px 9px}.rn-v{font-size:15.5px}.rn-k{font-size:12.5px}.rn-today-h b{font-size:15px}.rn-loc{display:none}details.rn-welcome{padding:10px 0 8px}details.rn-welcome>summary .rn-kicker{display:none}details.rn-welcome>summary{font-size:14px}} .rn-today-h b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rn-loc{font-size:13px;font-weight:600;color:var(--sub)}.rn-dex{white-space:nowrap;flex:none} /* F-02 날씨에 반응하는 카드 (라이트) */ [data-sky]{--sky-bg:linear-gradient(120deg,#e4efdf,#eaf3ea 58%,#f3f5e5);--sky-ink:#19392c;--sky-sub:#445e4c;--sky-line:#d7e6d7;--sky-glass:#ffffff8c} [data-sky="sun"]{--sky-bg:linear-gradient(135deg,#cfe8ff 0%,#e6f3ff 55%,#fff1cf 100%);--sky-ink:#0f3150;--sky-sub:#35536e;--sky-line:#c4dcf2} [data-sky="cloud"]{--sky-bg:linear-gradient(135deg,#dce8f2,#edf2f6 60%,#f6f4ea);--sky-ink:#1d3445;--sky-sub:#475f70;--sky-line:#cfdbe5} [data-sky="overcast"]{--sky-bg:linear-gradient(135deg,#d3dbe1,#e5e9ec);--sky-ink:#1f2f39;--sky-sub:#4a5a64;--sky-line:#c6cfd6} [data-sky="rain"]{--sky-bg:linear-gradient(160deg,#c9d8e8,#dde7f1 60%,#e9eef4);--sky-ink:#13304b;--sky-sub:#3d5670;--sky-line:#bccde0} [data-sky="snow"]{--sky-bg:linear-gradient(160deg,#eef4fb,#ffffff);--sky-ink:#163049;--sky-sub:#465c72;--sky-line:#cbd9e8} [data-sky="fog"]{--sky-bg:linear-gradient(160deg,#e2e5e3,#eef0ee);--sky-ink:#26332e;--sky-sub:#4d5b55;--sky-line:#d2d7d4} [data-sky="storm"],[data-sky="storm-night"]{--sky-bg:linear-gradient(160deg,#36404f,#4d5868);--sky-ink:#f1f4f8;--sky-sub:#cfd7e2;--sky-line:#5b6677;--sky-glass:#ffffff14} [data-sky$="-night"]{--sky-bg:linear-gradient(135deg,#13273f,#1f3a58 70%,#28466a);--sky-ink:#eef4fb;--sky-sub:#c3d2e3;--sky-line:#2f4c6e;--sky-glass:#ffffff12} [data-sky="cloud-night"],[data-sky="overcast-night"],[data-sky="fog-night"]{--sky-bg:linear-gradient(135deg,#1c2a39,#2b3c4f);--sky-line:#3a4c60} [data-sky="rain-night"]{--sky-bg:linear-gradient(160deg,#162638,#24384e)} [data-sky="snow-night"]{--sky-bg:linear-gradient(160deg,#25364d,#3a4d66)} /* 다크 테마는 사용자 선택을 지키며 같은 날씨를 어둡게 */ :root[data-theme="dark"] [data-sky]{--sky-ink:#eef4f1;--sky-sub:#c3d2ca;--sky-glass:#ffffff10} :root[data-theme="dark"] [data-sky="sun"]{--sky-bg:linear-gradient(135deg,#1d3a55,#26496a 60%,#4a4a33);--sky-line:#2f5476} :root[data-theme="dark"] [data-sky="cloud"],:root[data-theme="dark"] [data-sky="overcast"],:root[data-theme="dark"] [data-sky="fog"]{--sky-bg:linear-gradient(135deg,#223140,#304254);--sky-line:#3b4f63} :root[data-theme="dark"] [data-sky="rain"]{--sky-bg:linear-gradient(160deg,#1a2d42,#283f57);--sky-line:#34506d} :root[data-theme="dark"] [data-sky="snow"]{--sky-bg:linear-gradient(160deg,#2a3a50,#3c4f68);--sky-line:#4b607b} :root[data-theme="dark"] [data-sky="none"]{--sky-bg:linear-gradient(120deg,#244b37,#294c3c);--sky-line:#3b5d46} /* 홈 대표 카드 */ .hm-slider .td-hero[data-sky],.hm-slider .td-hero[data-sky].fx-night{background:var(--sky-bg)!important;border-color:var(--sky-line)!important;color:var(--sky-ink)} .hm-slider .td-hero[data-sky] .td-temp,.hm-slider .td-hero[data-sky] .td-loc,.hm-slider .td-hero[data-sky] .td-loc *,.hm-slider .td-hero[data-sky] #tdLoc,.hm-slider .td-hero[data-sky] .td-desc,.hm-slider .td-hero[data-sky] #tdDesc,.hm-slider .td-hero[data-sky] #tdHilo,.hm-slider .td-hero[data-sky] .hm-say,.hm-slider .td-hero[data-sky] #tdDate,.hm-slider .td-hero[data-sky] .td-diff,.hm-slider .td-hero[data-sky] .td-diff b{color:var(--sky-ink)!important} .hm-slider .td-hero[data-sky] .hm-say span{color:inherit!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-color:#f5b653} .hm-slider .td-hero[data-sky] .td-status,.hm-slider .td-hero[data-sky] .td-obs,.hm-slider .td-hero[data-sky] .td-wind,.hm-slider .td-hero[data-sky] .td-diff small,.hm-slider .td-hero[data-sky] #tdDiffSub{color:var(--sky-sub)!important} .hm-slider .td-hero[data-sky] .hm-side,.hm-slider .td-hero[data-sky] .td-diff{background:var(--sky-glass)!important;border-color:color-mix(in srgb,var(--sky-line) 70%,transparent)!important} .hm-slider .td-hero[data-sky] .td-geo,.hm-slider .td-hero[data-sky] .td-detail{background:var(--sky-glass)!important;border-color:var(--sky-line)!important;color:var(--sky-ink)!important} /* 지역 대표 카드 */ main .hero[data-sky]{background:var(--sky-bg);border-color:var(--sky-line);--ink:var(--sky-ink);--sub:var(--sky-sub);color:var(--sky-ink)} main .hero[data-sky] .hstat{background:var(--sky-glass);border-color:color-mix(in srgb,var(--sky-line) 70%,transparent)} main .hero[data-sky] .temp,main .hero[data-sky] h1,main .hero[data-sky] .desc{color:var(--sky-ink)} /* F-08 출처 안내 */ .rn-weather-source{font-size:12px;line-height:1.5;color:var(--sub);margin:8px 0 0;grid-column:1/-1;position:relative;z-index:3} .rn-weather-source>summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:2px 10px;border-radius:8px;background:var(--soft2);color:var(--ink);font-weight:650} .rn-weather-source>summary::before{content:'ⓘ';font-weight:800} .rn-weather-source>p{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:var(--card);color:var(--ink);max-width:460px;font-size:12.5px} .hm-slider .rn-weather-source{position:absolute;left:28px;right:auto;bottom:14px;margin:0;background:none;padding:0;color:var(--sky-sub,#466a4e)} .hm-slider .rn-weather-source>summary{background:var(--sky-glass,#ffffff80);color:var(--sky-ink,#19392c)} @media(max-width:640px){.hm-slider .rn-weather-source{left:18px;right:auto;top:56px;bottom:auto}} /* F-06 읽을거리 접기 */ .rn-folded{display:none!important} .rn-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:4px 0 24px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer} .rn-more:hover{background:var(--soft2)} .rn-more[aria-expanded="true"]{color:var(--sub)} /* F-10 방문 통계 */ .rn-visits{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;font-size:12px;color:#c2d2c8} .rn-visits .visitor-badge{background:#ffffff14;color:#e7efe8;padding:4px 10px;border-radius:8px;font-size:12px} /* F-06 보강: 모바일 상품 카드(광고 포함)는 모두 그대로 보이되 작은 사진 목록형으로 */ @media(max-width:640px){ .td-ads{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .td-ads .td-pick{display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto;column-gap:9px;row-gap:3px;align-items:center;align-content:center;padding:7px!important;min-height:74px} .td-ads .td-pick img{grid-row:1;grid-column:1;width:52px!important;height:52px!important;max-width:none;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin:0!important} .td-ads .td-pick .td-ad-k{display:none!important} .td-ads .td-pick .td-ad-t{grid-column:2;margin:0!important;font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .hm-pop a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;column-gap:6px;row-gap:1px;align-items:center;padding:11px 12px!important;min-height:0!important}.hm-pop a .pc-top{grid-column:2;grid-row:1/4;flex-direction:column;align-items:flex-end;gap:2px;margin:0!important}.hm-pop a .pc-name,.hm-pop a .pc-now,.hm-pop a .pc-hl{grid-column:1;margin:0!important}.hm-pop a .e3d{width:30px!important;height:30px!important}.hm-pop .pc-temp{font-size:24px!important;line-height:1.1} } /* F-02 밤 타일도 밤하늘 남청색으로 통일 */ .hm-pop a.pk-night{background:linear-gradient(145deg,#13273f,#28466a)!important;border-color:#2f4c6e!important} /* F-03 모바일: 이번 주 축제는 옆으로 넘겨 보는 줄로 (카드·링크 그대로) */ @media(max-width:640px){.hm-fests{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.hm-fests>*{flex:0 0 64%;scroll-snap-align:start;min-width:0}} /* F-07 보조 설명 14px 기준 (카드 요약·활동 안내) */ .col-card-body,.act-hub-sub,.advice-desc,.advice-result{font-size:14px!important;line-height:1.6} /* A-02 여유 확보 (모바일 배치만 조밀하게, 내용·조작은 그대로) */ @media(max-width:640px){ .interestbox .interest-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .interestbox .interest-chips>button{flex:0 0 84px;scroll-snap-align:start} #quizImgWrap img{max-height:120px;width:100%;object-fit:cover} #tdWear .hero-stats .hstat{padding:10px 8px!important} #tdWear .hero-stats .hstat .hi .e3d{width:24px!important;height:24px!important} .hm-row,.hm-r-fest,.hm-r-promo,.hm-r-half{margin-bottom:12px!important;gap:12px!important} .hm-card,.td-card.hm-card{padding:16px 14px!important} .hm-spot-go{margin:0 -14px!important} } /* A-04 좁은 화면(360px)에서도 달력 날짜 칸 44px 이상 */ @media(max-width:380px){.wrap,main.wrap.wide{padding-left:16px!important;padding-right:16px!important}.tr-cal{padding:3px!important;gap:1px!important}.tr-day{padding:5px 2px!important}} /* A-06 글자 확대 때 여행 탭이 넘치지 않게 (원본에도 있던 넘침까지 해소) */ .tr-tab{white-space:normal!important;min-width:0!important;flex:1 1 0!important;text-align:center;line-height:1.35;padding-left:8px!important;padding-right:8px!important} .tr-tab .tr-ico{flex:none} /* F-08 보조 예보일 때 사이트 관측 문구는 숨기고 같은 지역 기준 시각 안내를 보인다 */ .rn-obs-off{display:none!important} /* 4차: 선택 상태 대비 — 다크 테마는 강조색(--sky-dark)이 밝은 민트라 흰 글자가 안 보임 → 진한 글자. 놀까 분홍 선택 칩은 흰 글자 4.5:1 이 되게 진하게 */ :root[data-theme="dark"] .mode-tabs button.on,:root[data-theme="dark"] .tr-chip.on,:root[data-theme="dark"] .wkd-tab.on,:root[data-theme="dark"] .hm-d.today,:root[data-theme="dark"] .pokedex-card-dl:hover,:root[data-theme="dark"] .pokedex-dl:hover{color:#0b1420} html body .pl-cat button.on,html body .pl-bd.on{background:#c7385f;border-color:#c7385f} /* ========================================================================== V2 (2026-11-04) 참고 시안 디자인 — 밝은 파랑·하늘색 배경·흰 카드·사진 히어로 ========================================================================== */ :root{--sky:#cfe6ff;--sky-dark:#1a6fe0;--btn-a:#1a6fe0;--btn-b:#1458b8;--gold:#ffb938;--ink:#1b2a4a;--sub:#5f6f8c;--faint:#6f7d95;--line:#e3eaf4;--bg:#f4f8fd;--card:#fff;--soft:#eef5ff;--soft2:#f3f7fd;--tint:#dceaff;--pink:#ff6b8f;--pink-d:#c0244f;--amber:#f3a93b;--warn:#d23b3b;--wx-shadow:0 6px 22px rgba(28,72,140,.08)} :root[data-theme="dark"]{--sky:#3a5f95;--sky-dark:#7fb0ff;--btn-a:#2f7cf0;--btn-b:#1e5fc4;--ink:#e8eefb;--sub:#a8b6cf;--faint:#97a5be;--line:#2a3650;--bg:#0e1626;--card:#161f33;--soft:#1d2942;--soft2:#19233a;--tint:#233456;--pink:#ff8fac;--pink-d:#ff9fb8;--amber:#f3bb63;--wx-shadow:0 6px 22px rgba(0,0,0,.25)} body{background:var(--bg);color:var(--ink)} ::selection{background:#cfe2ff;color:#0f2f66} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ffb938} /* 머리줄 */ .topbar{background:color-mix(in srgb,var(--card) 96%,transparent)!important;border-bottom:1px solid var(--line)} .brand{gap:8px;align-items:center}.brand-t{font-weight:800;color:var(--ink);font-size:24px;letter-spacing:-.05em} .wx-tagline{font-size:12px;font-weight:700;color:var(--sky-dark);margin-left:8px;white-space:nowrap;align-self:center} .gnb a{color:var(--ink);font-weight:650}.gnb a.on{color:var(--sky-dark)!important;background:transparent!important;box-shadow:inset 0 -3px 0 var(--sky-dark);border-radius:0!important} .hd-search{border-color:var(--line)!important;background:var(--soft2)!important}.hd-search button{background:var(--btn-a)!important} .hd-loc,.font-toggle,.theme-toggle,.hd-sbtn{border-color:var(--line)!important;background:var(--card)!important} /* 홈 */ .wx-home body,html.wx-home{overflow-x:clip} .wx-home .rn-welcome{display:none} /* 히어로 */ .wx-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:460px;overflow:hidden;color:#fff;isolation:isolate} .wx-hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#2d8cff 0%,#5fb0ff 38%,#a9d6ff 70%,#e4f3ff 100%)} .wx-hero.has-photo .wx-hero-bg{background:var(--wx-hero-img) center 62%/cover no-repeat} .wx-hero.has-photo .wx-hero-bg>span{display:none} .wx-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,96,.55) 0%,rgba(8,40,96,.25) 42%,rgba(8,40,96,0) 65%)} .wx-c1,.wx-c2,.wx-c3{position:absolute;background:#fff;border-radius:999px;opacity:.9} .wx-c1{width:260px;height:70px;top:70px;right:30%;box-shadow:60px -30px 0 10px #fff,140px 0 0 0 #fff} .wx-c2{width:200px;height:56px;top:160px;right:8%;box-shadow:50px -24px 0 8px #fff} .wx-c3{width:160px;height:44px;top:40px;left:46%;opacity:.7} .wx-hill1,.wx-hill2{position:absolute;border-radius:50%} .wx-hill1{width:90%;height:300px;right:-20%;bottom:-170px;background:radial-gradient(circle at 40% 30%,#ffe14d 0 30%,#f5c518 31% 45%,#7cc25a 46%)} .wx-hill2{width:70%;height:260px;left:-15%;bottom:-180px;background:#5fb54a} .wx-hero-in{position:relative;max-width:1280px;margin:0 auto;padding:64px 32px 70px;min-height:460px;box-sizing:border-box} .wx-hero-txt{max-width:620px;position:relative;z-index:2} .wx-hand{margin:0 0 6px;font-size:30px;font-weight:500;letter-spacing:-.02em;font-style:italic;text-shadow:0 2px 10px rgba(0,30,80,.35)} .wx-h1{margin:0;font-size:60px;line-height:1.15;font-weight:900;letter-spacing:-.05em;text-shadow:0 3px 16px rgba(0,30,80,.4)} .wx-sub{margin:18px 0 28px;font-size:18px;line-height:1.65;font-weight:600;text-shadow:0 2px 10px rgba(0,30,80,.45)} .wx-search{display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 6px 6px 22px;max-width:560px;box-shadow:0 10px 30px rgba(10,40,100,.25)} .wx-s-ic{color:#6f7d95;display:flex} .wx-search input{flex:1;border:0;outline:0;background:transparent;font-size:16px;padding:12px;color:#1b2a4a;min-width:0} .wx-search input::placeholder{color:#6f7d95} .wx-search button{width:54px;height:54px;border-radius:50%;border:0;background:#1a6fe0;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none} .wx-search button:hover{background:#1458b8} .wx-now{position:absolute;top:34px;right:32px;z-index:3;display:grid;gap:4px;min-width:220px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);color:#1b2a4a;text-decoration:none;box-shadow:0 10px 30px rgba(10,40,100,.18)} .wx-now-k{font-size:13px;font-weight:700;color:#5f6f8c} .wx-now-m{display:flex;align-items:center;gap:10px} .wx-now-ic{width:44px;height:44px} .wx-now-loc{font-size:20px;font-weight:800}.wx-now-t{font-size:24px;font-weight:800;color:#1a6fe0} .wx-now-d{font-size:13px;color:#5f6f8c;font-weight:600} .wx-roni{position:absolute;right:270px;bottom:-4px;height:390px;width:auto;z-index:2;filter:drop-shadow(0 12px 24px rgba(0,30,80,.3));pointer-events:none} /* 빠른 메뉴 */ .wx-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:-38px 0 14px;position:relative;z-index:4} .wx-q{display:grid;gap:6px;align-content:start;padding:22px 22px 20px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--wx-shadow);text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s} .wx-q:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,72,140,.14)} .wx-q-ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--soft);margin-bottom:6px} .wx-q-ic img{width:38px;height:38px;object-fit:contain} .wx-q b{font-size:17px;font-weight:800;letter-spacing:-.03em}.wx-q small{font-size:13px;color:var(--sub)} /* 기존 9개 바로가기 → 작은 칩 줄 */ .hm-icons.wx-chips-row{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;margin:6px 0 30px!important;background:transparent!important;border:0!important;box-shadow:none!important;grid-template-columns:none!important} .wx-chips-row .hm-ic{flex-direction:row!important;display:inline-flex!important;align-items:center;gap:6px!important;padding:8px 14px 8px 8px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px!important;font-weight:700;color:var(--ink);min-height:44px;box-sizing:border-box} .wx-chips-row .hm-ic-c{width:28px!important;height:28px!important;border-radius:50%!important;background:var(--soft)!important} .wx-chips-row .hm-ic-c .e3d{width:18px!important;height:18px!important} .wx-chips-row .hm-ic:hover .hm-ic-c{transform:none;box-shadow:none} /* 2026-11-07 바로가기 칩을 위 카드 줄과 같은 너비로 고르게 펼침 (모바일 640px 이하는 가로 스크롤 그대로) */ @media(min-width:641px){.hm-icons.wx-chips-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:10px!important;margin:16px 0 32px!important}.wx-chips-row .hm-ic{justify-content:center;padding:8px 12px!important;white-space:nowrap}} @media(min-width:641px) and (max-width:1100px){nav.wx-quick{grid-template-columns:repeat(6,minmax(0,1fr))}nav.wx-quick .wx-q{grid-column:span 2}nav.wx-quick .wx-q:nth-child(n+4){grid-column:span 3}} /* 구역 제목 */ .wx-sh{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 16px} .wx-sh h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.05em;color:var(--ink)} .wx-sh a{font-size:14px;color:var(--sub);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:flex-end}.wx-sh a:hover{color:var(--sky-dark)} /* 오늘의 날씨 카드 — 밝은 하늘 */ .hm-slider .td-hero{background:linear-gradient(120deg,#1a6fe0 0%,#3f8ff5 55%,#6fb0fb 100%)!important;border:0!important;color:#fff!important} .hm-slider .td-hero .td-temp,.hm-slider .td-hero .td-loc,.hm-slider .td-hero .td-desc,.hm-slider .td-hero .hm-say,.hm-slider .td-hero .td-status,.hm-slider .td-hero .td-obs,.hm-slider .td-hero .rn-obs{color:#fff!important} .hm-slider .td-hero.fx-night{background:linear-gradient(120deg,#13285a,#22437f 60%,#355b9c)!important} .hm-slider .td-hero.fx-rain,.hm-slider .td-hero.fx-overcast{background:linear-gradient(120deg,#33547f,#4d6f9c 60%,#6d8cb4)!important} .hm-slider .td-hero.fx-night.fx-rain,.hm-slider .td-hero.fx-night.fx-overcast{background:linear-gradient(120deg,#16213b,#2b3d63 60%,#41577f)!important} .hm-side{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important}.hm-side .hm-say,.hm-say span{color:#fff!important} .hm-side .td-diff{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.3)!important;color:#fff} .td-geo,.td-detail{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important} .hm-slider{background:transparent!important} .hm-pic{background:#143a78!important} .hm-ad{border-radius:20px!important;box-shadow:var(--wx-shadow)} .hm-trip{border-radius:18px!important;background:var(--card)!important;box-shadow:var(--wx-shadow);margin:16px 0 0!important} /* 지금 인기 여행지 */ .wx-pop-chips{display:flex;gap:8px;margin:-4px 0 16px;flex-wrap:wrap} .wx-pop-chips button{border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;min-height:44px} .wx-pop-chips button[aria-pressed="true"]{background:var(--btn-a);border-color:var(--btn-a);color:#fff} .wx-pop-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} .wx-pop-card>.hm-h{display:none} .wx-pop .hm-fests{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important} .wx-pop .hm-fest{position:relative;display:flex!important;flex-direction:column;background:var(--card);border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;box-shadow:var(--wx-shadow);text-decoration:none;color:var(--ink)} .wx-pop .hm-fest[hidden]{display:none!important} .wx-pop .hm-fest-img{position:relative;aspect-ratio:4/3!important;display:block;overflow:hidden} .wx-pop .hm-fest-img img{width:100%;height:100%;object-fit:cover} .wx-pop .hm-badge{position:absolute;left:12px;bottom:10px;top:auto!important;right:auto!important;background:#ffe4ec!important;color:#c0244f!important;border-radius:999px;font-size:12px!important;font-weight:800;padding:4px 12px!important} .wx-pop .hm-fest-n{font-size:16px!important;font-weight:800;padding:14px 48px 4px 16px!important;line-height:1.45} .wx-pop .hm-fest-r{order:3;font-size:13px!important;color:var(--sub);padding:0 16px} .wx-pop .hm-fest-d{order:4;font-size:13px!important;color:var(--faint);padding:2px 16px 16px} .wx-like{position:absolute;right:6px;bottom:52px;border:0;background:transparent;color:#7a879e;font-size:22px;line-height:1;width:44px;height:44px;cursor:pointer} .wx-like[aria-pressed="true"]{color:#e83a68} /* 도감 배너 */ .hm-dex.wx-dexbar{position:relative;display:flex!important;align-items:center;gap:20px;margin:30px 0 8px;padding:22px 30px!important;border-radius:22px!important;background:linear-gradient(100deg,#e6f1ff 0%,#f0f7ff 45%,#fff4de 100%)!important;border:1px solid #d6e6fb!important;overflow:hidden;min-height:130px;color:#1b2a4a} .wx-dex-roni{height:150px;width:auto;margin:-30px 0 -40px -6px;filter:drop-shadow(0 8px 14px rgba(20,60,130,.2))} .wx-dexbar .hm-dex-t{flex:1;display:grid;gap:4px} .wx-dex-hand{font-size:24px;font-weight:800;letter-spacing:-.04em;color:#1b2a4a}.wx-dex-hand em{font-style:normal;color:#d42a5b} .wx-dexbar .hm-dex-t>b{font-size:14px!important;color:#5f6f8c!important;font-weight:700} .wx-dexbar .hm-pill{justify-self:start;background:#fff!important;border:1px solid #cfe0f7!important;color:#1a6fe0!important;border-radius:999px!important;padding:8px 16px!important;font-weight:800} .wx-dexbar .hm-dex-imgs img{width:58px!important;height:58px!important} :root[data-theme="dark"] .hm-dex.wx-dexbar{background:linear-gradient(100deg,#1a2b4a,#1c2944 50%,#2b2a35)!important;border-color:#2a3a5c!important;color:#e8eefb} :root[data-theme="dark"] .wx-dex-hand{color:#e8eefb}:root[data-theme="dark"] .wx-dex-hand em{color:#ff9fb8}:root[data-theme="dark"] .wx-dexbar .hm-dex-t>b{color:#a8b6cf!important} :root[data-theme="dark"] .wx-dexbar .hm-pill{background:#16203a!important;border-color:#2f4570!important;color:#8fbaff!important} /* 카드 공통 */ .hm-card,.td-card.hm-card,.card,.panel,.hero,.col-card,.tr-card,.course-card{background:var(--card);border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--wx-shadow)!important} .hm-r-fest{grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important} .hm-pop a.pk-sun{background:linear-gradient(145deg,#fff6df,var(--card) 75%)!important}.hm-pop a.pk-cloud{background:linear-gradient(145deg,#eef3fb,var(--card) 75%)!important}.hm-pop a.pk-rain{background:linear-gradient(145deg,#e6f0ff,var(--card) 75%)!important}.hm-pop a.pk-night{background:linear-gradient(145deg,#1b3263,#2c4b86)!important} .hm-promo{background:#fff4e2!important;border-color:#f6e2c3!important} .tr-day.tr-sel{background:var(--btn-a)!important;border-color:var(--btn-a)!important} .tr-day.tr-h1 .tr-dcount{background:#eaf3ff;color:#2559a8}.tr-day.tr-h2 .tr-dcount{background:#d6e7ff;color:#1d4a8f}.tr-day.tr-h3 .tr-dcount{background:#8db8f5;color:#0f2c5c}.tr-day.tr-h4 .tr-dcount{background:#1a5bc0;color:#fff} .foot{background:#13284d!important;color:#c3d0e6!important}.foot a{color:#eaf1ff!important}.foot .src{color:#a5b5d0!important} /* 다크 */ :root[data-theme="dark"] .wx-now{background:rgba(22,31,51,.92);color:#e8eefb}:root[data-theme="dark"] .wx-now-k,:root[data-theme="dark"] .wx-now-d{color:#a8b6cf}:root[data-theme="dark"] .wx-now-t{color:#8fbaff} :root[data-theme="dark"] .wx-pop .hm-badge{background:#4a1f33!important;color:#ffc2d3!important} :root[data-theme="dark"] .hm-promo{background:#2b2618!important;border-color:#3d3420!important} :root[data-theme="dark"] .wx-hero-bg{background:linear-gradient(180deg,#0f2a5c,#1f4b8f 50%,#3d6fb6)} /* 태블릿 */ @media(max-width:1100px){.wx-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-pop .hm-fests{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wx-roni{height:300px;right:250px}.wx-h1{font-size:48px}.wx-now{top:20px;right:20px}} /* 휴대폰 */ @media(max-width:640px){ .wx-tagline{display:none} .wx-hero{min-height:300px} .wx-hero-in{padding:28px 18px 62px;min-height:300px} .wx-hand{font-size:18px}.wx-h1{font-size:28px;white-space:nowrap}.wx-sub{display:none} .wx-hero-txt{padding-right:64px} .wx-search{margin:20px -64px 0 0;padding:4px 4px 4px 16px}.wx-search input{font-size:15px;padding:10px 8px}.wx-search button{width:46px;height:46px} .wx-now{display:none} .wx-roni{height:118px;right:2px;bottom:auto;top:10px} .wx-quick{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:-34px} .wx-q{grid-column:span 2;justify-items:center;text-align:center;padding:16px 6px 14px;border-radius:16px} .wx-q:nth-child(4),.wx-q:nth-child(5){grid-column:span 3} .wx-q small{display:none}.wx-q b{font-size:13px}.wx-q-ic{width:50px;height:50px;margin:0}.wx-q-ic img{width:32px;height:32px} .hm-icons.wx-chips-row{flex-wrap:nowrap;overflow-x:auto;margin:4px -18px 18px!important;padding:2px 18px!important;scrollbar-width:none} .wx-chips-row .hm-ic{flex:none} .wx-sh{margin:24px 0 12px}.wx-sh h2{font-size:20px} .wx-pop .hm-fests{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -18px;padding:2px 18px 8px;scrollbar-width:none} .wx-pop .hm-fest{flex:0 0 46%;scroll-snap-align:start} .wx-pop .hm-fest-n{font-size:14px!important;padding:12px 38px 2px 12px!important}.wx-pop .hm-fest-r,.wx-pop .hm-fest-d{padding-left:12px;padding-right:12px} .wx-like{bottom:46px;right:0} .wx-pop-chips{flex-wrap:nowrap;overflow-x:auto;margin:-2px -18px 12px;padding:0 18px;scrollbar-width:none}.wx-pop-chips button{flex:none;padding:8px 16px} .hm-dex.wx-dexbar{padding:16px!important;gap:10px;min-height:0}.wx-dex-roni{height:96px;margin:-16px 0 -22px -4px}.wx-dex-hand{font-size:17px}.wx-dexbar .hm-dex-imgs{display:none!important} .hm-r-fest{grid-template-columns:minmax(0,1fr)!important} } .wx-pop .hm-fest-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wx-pop .hm-fest-r,.wx-pop .hm-fest-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:640px){.hm-dex.wx-dexbar{flex-direction:row!important;align-items:center!important;text-align:left}.wx-dex-roni{height:104px!important;margin:0 -4px -16px -6px!important;align-self:flex-end;flex:none}.wx-dexbar .hm-dex-t{gap:2px}.wx-dexbar .hm-dex-t>span:not(.hm-pill):not(.wx-dex-hand){font-size:12px}} /* V2 하위 화면 머리 배너 (시안: 파란 하늘 배너 + 흰 큰 제목) */ .trh{background:linear-gradient(115deg,#1a6fe0 0%,#3f8ff5 55%,#8cc4ff 100%)!important;color:#fff!important;border-radius:24px!important;padding:34px 36px!important;box-shadow:var(--wx-shadow);border:0!important;position:relative;overflow:hidden} .trh:after{content:'';position:absolute;right:-40px;top:-30px;width:320px;height:120px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:-120px 70px 0 -20px rgba(255,255,255,.12)} .trh-title,.trh-title *{color:#fff!important}.trh-kick{color:#dcebff!important;font-weight:800} .trh svg path,.trh svg circle{stroke:#fff!important}.trh svg circle{fill:#ffd34d!important} .trh-lbl{color:#e6f0ff!important;font-weight:700} .trh-list a{background:rgba(255,255,255,.95)!important;border:0!important;border-radius:14px!important;color:#1b2a4a!important} :root[data-theme="dark"] .trh-list a{background:rgba(22,31,51,.92)!important;color:#e8eefb!important} .page-title{display:flex;align-items:center;gap:10px;margin:22px 0 14px!important;padding:26px 30px;border-radius:22px;background:linear-gradient(115deg,#1a6fe0 0%,#3f8ff5 60%,#8cc4ff 100%);color:#fff!important;font-size:30px!important;font-weight:900!important;letter-spacing:-.05em;box-shadow:var(--wx-shadow)} .page-title .e3d{width:38px!important;height:38px!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))} /* 지역 화면 날씨 카드: 맑은 하늘 파랑 */ main .hero{background:linear-gradient(120deg,#1a6fe0 0%,#3f8ff5 55%,#6fb0fb 100%)!important;color:#fff!important;border:0!important} main .hero *:not(.fav-btn):not(.e3d){color:#fff!important} main .hero[data-sky*="night"]{background:linear-gradient(120deg,#13285a,#22437f 60%,#355b9c)!important} main .hero[data-sky="cloud"],main .hero[data-sky="overcast"],main .hero[data-sky="rain"],main .hero[data-sky="fog"]{background:linear-gradient(120deg,#33547f,#4d6f9c 60%,#6d8cb4)!important} .day-tabs button{border-radius:999px!important}.day-tabs button.on{background:var(--btn-a)!important;border-color:var(--btn-a)!important;color:#fff!important} .jump-nav a{border-radius:999px!important;background:var(--card)!important;border:1px solid var(--line)!important} @media(max-width:640px){.trh{padding:24px 20px!important;border-radius:18px!important}.page-title{font-size:23px!important;padding:20px;border-radius:18px}} :root[data-theme="dark"] .hm-spot-map{background:#1d2942!important} .wx-pop-chips[hidden],.wx-pop-chips button[hidden]{display:none!important} /* ===== V2 속페이지 (2026-11-04) — 참고 시안 속페이지 5종 ===== */ html.wx-subpage body{overflow-x:clip} .wx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;font-family:inherit;letter-spacing:-.03em;transition:transform .15s,box-shadow .15s} .wx-btn:hover{transform:translateY(-1px)} .wx-btn-b{background:var(--btn-a);color:#fff!important;border:0;box-shadow:0 8px 20px rgba(26,111,224,.28)} .wx-btn-o{background:var(--card);color:var(--sky-dark)!important;border:2px solid var(--sky-dark)} /* 사진 배너 */ .wx-ban{position:relative;width:100vw;margin:0 0 0 calc(50% - 50vw);min-height:300px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#1a6fe0,#5aa6ff 60%,#bfe0ff)} .wx-ban.has-photo{background:var(--wx-ban-img) center 55%/cover no-repeat} .wx-ban:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,32,74,.55),rgba(10,32,74,.18) 48%,transparent 70%)} .wx-ban-in{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:44px 32px 70px;color:#fff} .wx-ban-hand{margin:0 0 6px;font-size:20px;font-weight:700;color:#fff;font-style:italic;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.25)} .wx-ban-hand:empty{display:none} .wx-ban-t{margin:0;font-size:46px;font-weight:900;letter-spacing:-.06em;line-height:1.15;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.28)} .wx-ban-s{margin:14px 0 0;font-size:17px;line-height:1.6;color:#f2f7ff;max-width:520px;text-shadow:0 2px 10px rgba(0,0,0,.25)} .wx-ban[data-img="cal"]:before,.wx-ban[data-img="dex"]:before{background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.55) 42%,transparent 68%)} .wx-ban[data-img="cal"] .wx-ban-in,.wx-ban[data-img="dex"] .wx-ban-in{color:#14223f} .wx-ban[data-img="cal"] .wx-ban-t,.wx-ban[data-img="dex"] .wx-ban-t{color:#14223f;text-shadow:none} .wx-ban[data-img="cal"] .wx-ban-s,.wx-ban[data-img="dex"] .wx-ban-s{color:#3a4b6b;text-shadow:none} .wx-ban[data-img="cal"] .wx-ban-hand,.wx-ban[data-img="dex"] .wx-ban-hand{color:#e2416f;text-shadow:none} .wx-ban h1.page-title.wx-ban-h1{display:block;margin:16px 0 0!important;padding:0;background:none;box-shadow:none;font-size:14px!important;font-weight:700!important;color:rgba(255,255,255,.92)!important;letter-spacing:-.02em} .wx-ban h1.wx-ban-h1 .e3d{width:18px!important;height:18px!important;vertical-align:-3px;filter:none} /* ① 여행·축제 */ .wx-ban-tr+.tr-tabs{position:relative;z-index:2;max-width:760px;margin:-34px auto 26px!important;padding:6px;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 30px rgba(20,50,100,.14)} .wx-ban-tr+.tr-tabs .tr-tab{border:0!important;border-radius:999px!important;background:transparent;min-height:48px;font-size:15px;color:var(--sub)} .wx-ban-tr+.tr-tabs .tr-tab.on{background:var(--btn-a)!important;color:#fff!important;box-shadow:0 6px 16px rgba(26,111,224,.3)} .wx-ban-tr+.tr-tabs .tr-tab.on .e3d{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))} .wx-cal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start} .wx-cal-card,.wx-cal-list,.wx-months,.wx-near-tool,.wx-near-map,.wx-tr-tail>*{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--wx-shadow)} .wx-cal-card{padding:22px 22px 18px} .wx-cal-card .tr-monthbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--line);background:none;border-radius:0} .wx-cal-card #trMonthLabel{font-size:24px;font-weight:900;letter-spacing:-.05em;color:var(--ink)} .wx-cal-card .tr-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--soft2);color:transparent;font-size:0;cursor:pointer;position:relative} .wx-cal-card .tr-nav:before{content:'‹';position:absolute;inset:0;display:grid;place-items:center;font-size:28px;line-height:1;color:var(--sky-dark);font-weight:700} .wx-cal-card #trNext:before{content:'›'} .wx-cal-card .tr-nav:disabled{opacity:.35;cursor:default} .wx-cal-card .tr-cal{background:none!important;border:0!important;padding:0!important;gap:2px!important;box-shadow:none!important} .wx-cal-card .tr-wd{text-align:center;font-size:13px;font-weight:800;color:var(--sub);padding:4px 0 8px} .wx-cal-card .tr-wd:first-child{color:#e5484d}.wx-cal-card .tr-wd:nth-child(7){color:#1a6fe0} .wx-cal-card .tr-day{min-height:66px!important;padding:6px 2px!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;border-radius:14px!important;box-shadow:none!important} .wx-cal-card .tr-day:hover{background:var(--soft)!important;transform:none} .wx-cal-card .tr-dnum{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:800;color:var(--ink)} .wx-cal-card .tr-day.tr-sun .tr-dnum{color:#e5484d}.wx-cal-card .tr-day.tr-sat .tr-dnum{color:#1a6fe0} .wx-cal-card .tr-day.tr-past .tr-dnum{color:var(--faint);opacity:.6} .wx-cal-card .tr-day.tr-today .tr-dnum{background:#ff5a6a;color:#fff!important;box-shadow:0 4px 12px rgba(255,90,106,.35)} .wx-cal-card .tr-day.tr-sel .tr-dnum{background:var(--btn-a);color:#fff!important;box-shadow:0 4px 12px rgba(26,111,224,.35)} .wx-cal-card .tr-dcount{font-size:11px!important;font-weight:800;padding:1px 7px!important;border-radius:999px;line-height:1.5} .wx-cal-card .tr-dcount small{font-size:10px} .wx-cal-card .tr-day.tr-past .tr-dcount{opacity:.6} .wx-cal-card .tr-legend{margin:14px 2px 0;font-size:12.5px;line-height:1.6} .wx-cal-card .tr-nowbox{margin:14px 0 0;border-radius:16px;background:var(--soft);border:0} .wx-cal-list{padding:22px 22px 14px;max-height:720px;overflow:auto;scrollbar-width:thin} .wx-cal-list #trFestTitle{margin:0 0 12px;font-size:20px;font-weight:900;letter-spacing:-.05em;padding:0 0 14px;border-bottom:1px solid var(--line);position:sticky;top:-22px;background:var(--card);z-index:1} .wx-cal-list .tr-chips{margin:0 0 10px} .wx-cal-list .tr-festlist.tr-thumbs{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:4px 0 0;padding:0} .wx-cal-list .tr-thumbs>li{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0!important} .wx-cal-list .tr-thumbs>li:last-child{border-bottom:0!important} .wx-cal-list .tr-thumbs>li>a{position:relative;display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;align-items:center;padding:14px 4px!important;text-decoration:none;color:var(--ink)} .wx-cal-list .tr-thumb-img{grid-column:1;grid-row:1/5;position:static!important;width:104px;height:104px;border-radius:16px;overflow:hidden;display:block;aspect-ratio:1} .wx-cal-list .tr-thumb-img img{width:100%;height:100%;object-fit:cover;border-radius:16px} .wx-cal-list .tr-thumb-name{grid-column:2;grid-row:1;font-size:17px!important;font-weight:800;letter-spacing:-.04em;padding-right:64px;line-height:1.35;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0!important} .wx-cal-list .tr-fc-r{grid-column:2;grid-row:2;font-size:13.5px;color:var(--sub);margin:4px 0 0!important;position:static!important;background:none!important;padding:0!important} .wx-cal-list .tr-fc-d{grid-column:2;grid-row:3;display:flex;gap:6px;font-size:13.5px;color:var(--sub);margin:2px 0 0} .wx-cal-list .tr-fc-d span+span:before{content:'~ '} .wx-cal-list .tr-bar{grid-column:2;grid-row:4;margin:8px 0 0!important;height:5px;border-radius:9px;max-width:220px} .wx-cal-list .tr-badge{position:absolute!important;top:16px;right:4px;left:auto!important;bottom:auto!important;padding:4px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:800} .wx-cal-list .tr-fest{padding:12px 4px!important;border-bottom:1px solid var(--line)} .wx-months{margin:26px 0 8px;padding:24px 26px} .wx-months h2{margin:0 0 16px;font-size:22px;font-weight:900;letter-spacing:-.05em} .wx-months-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .wx-months-g button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;border-radius:999px;border:1px solid var(--line);background:var(--soft2);color:var(--ink);font-size:16px;font-weight:800;font-family:inherit;cursor:pointer;line-height:1.1} .wx-months-g button small{font-size:10.5px;font-weight:700;color:var(--sub)} .wx-months-g button:hover:not(:disabled){border-color:var(--sky-dark);color:var(--sky-dark)} .wx-months-g button.on{background:var(--btn-a);border-color:var(--btn-a);color:#fff;box-shadow:0 8px 18px rgba(26,111,224,.3)} .wx-months-g button.on small{color:#dce9ff} .wx-months-g button:disabled{opacity:.4;cursor:default} /* ③ 내 주변 */ .wx-near-tool{padding:18px 20px;display:grid;gap:12px;margin:0 0 16px} .wx-near-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .wx-near-row .tr-nearbtn{margin:0!important;min-height:50px;border-radius:999px!important;padding:0 22px!important;background:var(--btn-a)!important;color:#fff!important;border:0!important;font-weight:800;box-shadow:0 8px 18px rgba(26,111,224,.25)} .wx-near-l{font-size:14px;font-weight:800;color:var(--sub);margin-left:6px} .wx-near-tool .tr-chips{margin:0!important} .wx-near-tool .tr-chip{border-radius:999px!important;min-height:40px} .wx-near-tool .tr-chip.on{background:var(--btn-a)!important;border-color:var(--btn-a)!important;color:#fff!important} .wx-near-tool .tr-kind{min-height:42px;border-radius:999px;padding:0 14px;border:1px solid var(--line);background:var(--card);color:var(--ink)} .wx-near-map{padding:18px;margin:12px 0 0} .wx-near-map .tr-radar{background:radial-gradient(circle at 50% 50%,#e8f2ff 0,#d6e8ff 55%,#c4ddfb 100%)!important;border-radius:20px!important;border:0!important} :root[data-theme="dark"] .wx-near-map .tr-radar{background:radial-gradient(circle,#1d2c4a,#16223a)!important} .wx-near-map .tr-rb-img{border:3px solid #fff;box-shadow:0 6px 14px rgba(20,50,100,.25)} .wx-near-map .tr-me{background:#ff5a6a!important;color:#fff!important} .wx-tr-tail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin:30px 0 10px;align-items:start} html.wx-travel .wx-tr-tail .trh{background:var(--card)!important;color:var(--ink)!important;padding:24px 26px!important;margin:0!important;border:1px solid var(--line)!important} html.wx-travel .wx-tr-tail .trh:after{display:none} html.wx-travel .wx-tr-tail .trh-title,html.wx-travel .wx-tr-tail .trh-title *{color:var(--ink)!important} html.wx-travel .wx-tr-tail .trh-title{font-size:22px!important} html.wx-travel .wx-tr-tail .trh-kick{color:var(--sky-dark)!important} html.wx-travel .wx-tr-tail .trh-lbl{color:#e2416f!important} html.wx-travel .wx-tr-tail .trh svg path,html.wx-travel .wx-tr-tail .trh svg circle{stroke:var(--sky-dark)!important} html.wx-travel .wx-tr-tail .trh-list a{background:var(--soft2)!important;color:var(--ink)!important} .wx-trw{padding:22px} .wx-trw .trw-box{margin:0} /* ② 지역 */ .wx-area{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2;margin:-30px 0 22px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 30px rgba(20,50,100,.12)} .wx-area button{flex:1 1 auto;min-height:46px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:var(--sub);font-size:15px;font-weight:800;font-family:inherit;cursor:pointer} .wx-area button[aria-pressed="true"]{background:var(--btn-a);color:#fff;box-shadow:0 6px 16px rgba(26,111,224,.3)} .wx-rg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start;margin:0 0 20px} .wx-rg-map,.wx-rg-list{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--wx-shadow);padding:22px} .wx-rg-map .section-title{margin:0 0 12px!important} .wx-rg-map .kmap-canvas{margin:8px auto 14px!important;background:linear-gradient(180deg,#eaf4ff,#f6fbff);border-radius:20px} .wx-rg-map .kmap-bg path{fill:#cfe2ff;stroke:#fff;stroke-width:1.2} :root[data-theme="dark"] .wx-rg-map .kmap-canvas{background:#16223a} :root[data-theme="dark"] .wx-rg-map .kmap-bg path{fill:#27406b;stroke:#3a5a92} .wx-rg-map .kmap-spot{filter:drop-shadow(0 4px 8px rgba(20,50,100,.15))} .wx-rg-map .island-feature-card{margin:0!important} .wx-rg-list .wx-sh{margin:0 0 10px} .wx-rg-list .sidogrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;margin:0!important} .wx-rg-list .sidogrid a{display:grid;grid-template-columns:62px minmax(0,1fr) 18px;column-gap:14px;align-items:center;text-align:left!important;padding:12px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:16px;font-weight:800;color:var(--ink);text-decoration:none;min-height:86px} .wx-rg-list .sidogrid a[hidden]{display:none} .wx-rg-list .sidogrid a br{display:none} .wx-rg-th{grid-column:1;grid-row:1/4;width:62px;height:62px;border-radius:16px;overflow:hidden;background:var(--soft);display:block} .wx-rg-th img{width:100%;height:100%;object-fit:contain}.wx-rg-th img.ph{object-fit:cover} .wx-rg-chev{grid-column:3;grid-row:1/4;font-size:24px;color:var(--faint);font-weight:400} .wx-rg-list .sidogrid a>span[style]{font-size:12.5px!important;color:var(--sky-dark)!important;font-weight:700!important} .wx-rg-ex{font-size:12.5px;font-weight:500;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wx-rg-ex:empty{display:none} .wx-rg-list .sidogrid a:hover{color:var(--sky-dark)} /* ④ 도감 */ .wx-dex-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:-40px 0 18px;padding:30px 34px;border-radius:26px;background:linear-gradient(110deg,#ffffff 0%,#eef6ff 55%,#dcecff 100%);border:1px solid var(--line);box-shadow:0 14px 34px rgba(20,50,100,.12);z-index:2;overflow:hidden} :root[data-theme="dark"] .wx-dex-card{background:linear-gradient(110deg,#161f33,#1a2946 60%,#1f3157)} .wx-dex-card h1.page-title{display:block;margin:0 0 8px!important;padding:0;background:none;box-shadow:none;color:var(--ink)!important;font-size:28px!important} .wx-dex-card h1.page-title .e3d{width:32px!important;height:32px!important;vertical-align:-6px} .wx-dex-c-n{margin:0 0 12px;font-size:17px;color:var(--sub);font-weight:600} .wx-dex-c-n b{font-size:36px;font-weight:900;color:var(--sky-dark);letter-spacing:-.04em;margin-right:2px} .wx-dex-bar{height:12px;border-radius:99px;background:var(--soft);overflow:hidden;max-width:520px;margin:0 0 18px;border:1px solid var(--line)} .wx-dex-bar i{display:block;height:100%;min-width:12px;border-radius:99px;background:linear-gradient(90deg,#4aa3ff,#1a6fe0)} .wx-dex-card #pokedexHeader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .wx-dex-c-roni{width:190px;height:auto;margin:-20px 0 -40px} .wx-dex-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px} .wx-dex-tiles>div{display:grid;gap:2px;padding:18px 22px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--wx-shadow);position:relative;overflow:hidden} .wx-dex-tiles>div:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px} .wx-dex-tiles .wx-t1:before{background:#1a6fe0}.wx-dex-tiles .wx-t2:before{background:#9aa9c2}.wx-dex-tiles .wx-t3:before{background:#9b5cf6} .wx-dex-tiles small{font-size:13.5px;color:var(--sub);font-weight:700} .wx-dex-tiles b{font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--ink)} .wx-dex-tiles .wx-t3 b{color:#7c3aed} :root[data-theme="dark"] .wx-dex-tiles .wx-t3 b{color:#c4a5ff} html.wx-dexpage .legendary-capture-box{border-radius:22px!important;box-shadow:var(--wx-shadow)} html.wx-dexpage .pdx-races{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px} html.wx-dexpage .pdx-race{border-radius:999px!important;min-height:40px;padding:0 16px!important} html.wx-dexpage .pdx-race.on{background:var(--btn-a)!important;border-color:var(--btn-a)!important;color:#fff!important} html.wx-dexpage .pokedex-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:14px!important} html.wx-dexpage .pokedex-card{width:auto!important;margin:0!important;border-radius:20px!important;padding:16px 10px 14px!important;box-shadow:var(--wx-shadow);transition:transform .15s} html.wx-dexpage .pokedex-card:hover{transform:translateY(-2px)} html.wx-dexpage .pokedex-card.locked{background:var(--soft2)!important} html.wx-dexpage .pokedex-card-name{font-weight:800} .pokedex-grid.wx-fold{max-height:1040px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)} .wx-dex-more{display:flex;margin:6px auto 24px;min-width:260px} .wx-dex-more[hidden]{display:none} .wx-dex-note{max-width:900px} /* ⑤ 글 상세 */ .wx-dt{margin:18px 0 16px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--wx-shadow);overflow:hidden} .wx-dt-pic{position:relative;overflow:hidden;background:var(--soft);display:flex;justify-content:center} .wx-dt-pic:before{content:'';position:absolute;inset:-30px;background:var(--wx-dt-bg) center/cover;filter:blur(26px) saturate(1.2);opacity:.75;transform:scale(1.1)} .wx-dt-pic img.col-hero{position:relative;display:block;width:auto!important;max-width:100%!important;height:440px!important;object-fit:contain;margin:0!important;border-radius:0!important;box-shadow:0 10px 40px rgba(0,0,0,.25)} .wx-dt-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 30px 0;font-size:13.5px;color:var(--sub)} .wx-dt-crumb a{color:var(--sub);text-decoration:none}.wx-dt-crumb a:hover{color:var(--sky-dark)} .wx-dt-cur{color:var(--ink);font-weight:700} .wx-dt-crumb p.crumb{margin:0 0 0 auto!important} .wx-dt-head{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;align-items:start;padding:14px 30px 28px} .wx-dt-badge{display:grid;justify-items:center;gap:8px;padding-top:4px} .wx-dt-kind{padding:4px 12px;border-radius:999px;background:#ffe4ec;color:#c0244f;font-size:13px;font-weight:800} .wx-dt-head[data-kind="여행지"] .wx-dt-kind{background:#e3f0ff;color:#1458b8} .wx-dt-head[data-kind="가이드"] .wx-dt-kind{background:#e9f7ee;color:#1d7a46} .wx-dt-char{width:84px;height:84px;object-fit:contain;border-radius:20px;background:linear-gradient(180deg,#eaf4ff,#d9eaff);padding:4px} .wx-dt-main h1.page-title{display:block;margin:0 0 14px!important;padding:0;background:none;box-shadow:none;color:var(--ink)!important;font-size:32px!important;line-height:1.3;letter-spacing:-.05em} .wx-dt-meta p{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:16px;color:var(--sub);font-weight:600} .wx-dt-meta svg{color:var(--sky-dark);flex:none} .wx-dt-main p.updated{margin:8px 0 0;font-size:13px;color:var(--faint)} .wx-dt-wx{display:flex;align-items:center;gap:14px;min-width:220px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#eef6ff,#dcecff);text-decoration:none;color:var(--ink);border:1px solid var(--line)} .wx-dt-wx[hidden]{display:none} :root[data-theme="dark"] .wx-dt-wx{background:linear-gradient(135deg,#1d2942,#233456)} .wx-dt-wx-ic{width:58px;height:58px} .wx-dt-wx small{display:block;font-size:13px;color:var(--sub);font-weight:700} .wx-dt-wx-t{font-size:32px;font-weight:900;letter-spacing:-.04em} .wx-dt-wx-d{font-size:16px;font-weight:700;color:var(--sub)} .wx-dt-wx-r{display:block;font-style:normal;font-size:12px;color:var(--faint)} .wx-dt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px} .wx-dt-tabs a{display:grid;place-items:center;min-height:54px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--sub);font-weight:800;font-size:15.5px;text-decoration:none;box-shadow:var(--wx-shadow)} .wx-dt-tabs a[aria-current]{background:var(--soft);color:var(--sky-dark);border-color:transparent;box-shadow:inset 0 -3px 0 var(--sky-dark)} .wx-dt-info{margin:0 0 26px;padding:26px 30px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--wx-shadow)} .wx-dt-info h2{margin:0 0 10px;font-size:22px;font-weight:900;letter-spacing:-.05em} .wx-dt-info dl{margin:0 0 20px} .wx-dt-info dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)} .wx-dt-info dl>div:last-child{border-bottom:0} .wx-dt-info dt{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:15px} .wx-dt-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--sky-dark)} .wx-dt-info dd{margin:0;font-size:15.5px;color:var(--ink);line-height:1.55} .wx-dt-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px} .wx-dt-btns .wx-btn{min-height:58px;font-size:17px} .wx-dt-like[aria-pressed="true"]{background:#e2416f;box-shadow:0 8px 20px rgba(226,65,111,.3)} .wx-dt-like[aria-pressed="true"] svg path{fill:currentColor} /* 태블릿 */ @media(max-width:1100px){ .wx-cal-grid,.wx-rg-grid{grid-template-columns:minmax(0,1fr)} .wx-cal-list{max-height:none} .wx-tr-tail{grid-template-columns:minmax(0,1fr)} } /* 휴대폰 */ @media(max-width:640px){ .wx-ban{min-height:210px} .wx-ban-in{padding:26px 18px 54px} .wx-ban-t{font-size:28px}.wx-ban-hand{font-size:15px}.wx-ban-s{font-size:14px;margin-top:8px} .wx-ban:before{background:linear-gradient(90deg,rgba(10,32,74,.6),rgba(10,32,74,.25) 70%,rgba(10,32,74,.1))} .wx-ban[data-img="cal"]:before,.wx-ban[data-img="dex"]:before{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.65) 70%,rgba(255,255,255,.3))} .wx-ban-tr+.tr-tabs{margin:-30px 0 18px!important;border-radius:20px;padding:5px;gap:4px} .wx-ban-tr+.tr-tabs .tr-tab{font-size:12.5px!important;min-height:46px;padding:4px 2px!important;border-radius:16px!important} .wx-ban-tr+.tr-tabs .tr-tab .tr-ico{display:block} .wx-cal-card,.wx-cal-list{padding:16px 12px;border-radius:20px} .wx-cal-card .tr-day{min-height:58px!important} .wx-cal-card .tr-dnum{width:32px;height:32px;font-size:14.5px} .wx-cal-card .tr-dcount{font-size:10px!important;padding:0 5px!important} .wx-cal-list .tr-thumbs>li>a{grid-template-columns:84px minmax(0,1fr);column-gap:12px} .wx-cal-list .tr-thumb-img{width:84px;height:84px} .wx-cal-list .tr-thumb-name{font-size:15px!important;padding-right:52px} .wx-months{padding:18px 14px;border-radius:20px}.wx-months h2{font-size:18px} .wx-months-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wx-months-g button{min-height:48px;font-size:15px} .wx-area{margin:-28px 0 16px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:999px} .wx-area button{flex:none;padding:0 14px;min-height:42px;font-size:14px} .wx-rg-map,.wx-rg-list{padding:16px;border-radius:20px} .wx-rg-list .sidogrid{grid-template-columns:minmax(0,1fr)!important} .wx-dex-card{grid-template-columns:minmax(0,1fr) 96px;padding:20px 18px;margin-top:-30px;gap:8px} .wx-dex-card h1.page-title{font-size:20px!important} .wx-dex-c-n{font-size:14px}.wx-dex-c-n b{font-size:28px} .wx-dex-c-roni{width:104px;margin:0 -8px -30px 0} .wx-dex-card .wx-btn{min-height:44px;padding:0 18px;font-size:14px} .wx-dex-tiles{gap:8px}.wx-dex-tiles>div{padding:12px 12px 12px 16px;border-radius:16px}.wx-dex-tiles small{font-size:11.5px}.wx-dex-tiles b{font-size:21px} html.wx-dexpage .pokedex-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} html.wx-dexpage .pdx-races{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 14px;padding:0 18px;scrollbar-width:none}.pdx-race{flex:none} .pokedex-grid.wx-fold{max-height:820px} .wx-dt{border-radius:20px;margin-top:12px} .wx-dt-pic img.col-hero{height:auto!important;width:100%!important;max-height:none} .wx-dt-pic:before{display:none} .wx-dt-crumb{padding:12px 16px 0;font-size:12.5px} .wx-dt-crumb p.crumb{display:none} .wx-dt-head{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:10px 16px 18px} .wx-dt-char{width:58px;height:58px;border-radius:14px} .wx-dt-kind{font-size:11.5px;padding:3px 9px} .wx-dt-main h1.page-title{font-size:21px!important} .wx-dt-meta p{font-size:14px} .wx-dt-wx{grid-column:1/-1;min-width:0;padding:12px 16px} .wx-dt-wx-ic{width:44px;height:44px}.wx-dt-wx-t{font-size:24px} .wx-dt-tabs{gap:6px}.wx-dt-tabs a{min-height:46px;font-size:13px;border-radius:12px} .wx-dt-info{padding:18px 16px;border-radius:20px} .wx-dt-info dl>div{grid-template-columns:96px minmax(0,1fr);gap:8px} .wx-dt-ic{width:32px;height:32px}.wx-dt-ic svg{width:16px;height:16px} .wx-dt-info dt{font-size:14px;gap:6px}.wx-dt-info dd{font-size:14px} .wx-dt-btns{gap:8px}.wx-dt-btns .wx-btn{min-height:52px;font-size:15px;padding:0 12px} } /* 2차 손질 */ .wx-ban-crumb{margin:0 0 10px!important;font-size:13px}.wx-ban-crumb a{color:rgba(255,255,255,.85)!important} .wx-ban[data-img="region"]:before{background:linear-gradient(90deg,rgba(8,26,60,.72),rgba(8,26,60,.35) 50%,rgba(8,26,60,.05) 75%)} .wx-near-tool .tr-chip{flex:none!important;white-space:nowrap;padding:0 16px!important} .wx-near-tool .tr-km{display:flex;flex-wrap:wrap;gap:8px} .wx-near-row .tr-nearbtn{width:auto!important;flex:none} .wx-cal-list .tr-fsido,.wx-cal-list .tr-fkids,.wx-cal-list .tr-view{display:flex;flex-wrap:wrap;gap:6px} .wx-cal-list .tr-fsido .tr-chip{flex:none} @media(max-width:640px){.wx-near-row .tr-nearbtn{width:100%!important}} /* ===== V2 나머지 화면 공통 (2026-11-04 2차) — 놀까·주말·오늘 날씨·코스·칼럼 목록 등 ===== */ .wx-ban h1.wx-ban-title{display:block;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;font-size:46px!important;font-weight:900!important;letter-spacing:-.06em;line-height:1.15;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.28)} .wx-ban h1.wx-ban-title .e3d,.wx-ban h1.wx-ban-title img{display:none!important} .wx-ban .wx-ban-s{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:#f2f7ff!important;max-width:620px;text-shadow:0 2px 10px rgba(0,0,0,.3);background:none!important;border:0!important;padding:0!important} .wx-ban .wx-ban-s a{color:#fff!important;font-weight:800;text-decoration:underline;text-underline-offset:3px} .wx-ban .wx-ban-s .e3d{width:18px!important;height:18px!important;vertical-align:-3px} .wx-ban[data-img="sky"]:before{background:linear-gradient(90deg,rgba(10,40,90,.5),rgba(10,40,90,.15) 50%,transparent 72%)} .wx-ban-roni{position:absolute;right:max(24px,calc(50% - 560px));bottom:-6px;height:250px;width:auto;z-index:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))} html.wx-page main>.wx-ban:first-child{margin-top:0} .wx-lift{position:relative;z-index:2;margin-top:-34px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(20,50,100,.14)!important;padding:10px 12px!important} /* 바로 가기 칩 줄(코스 카드) */ .wx-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px} .wx-jump a{flex:1 1 auto;display:grid;place-items:center;min-height:46px;padding:0 18px;border-radius:999px;color:var(--sub);font-weight:800;font-size:15px;text-decoration:none} .wx-jump a:hover{background:var(--btn-a);color:#fff} /* 섹션 머리말 통일 */ html.wx-page main h2.section-title,html.wx-v2:not(.wx-home) main h2.section-title{font-size:23px!important;font-weight:900!important;letter-spacing:-.05em;margin:38px 0 14px!important;padding:0!important;border:0!important;background:none!important;color:var(--ink)} html.wx-page main h2.section-title small{font-size:14px;color:var(--sky-dark);font-weight:800;margin-left:6px} /* 놀까 */ html.wx-page .pl-top.wx-lift{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px!important} html.wx-page .pl-top #plWhere{margin:0 auto 0 4px;font-weight:700;color:var(--ink)} html.wx-page .pl-top button,html.wx-page .pl-top select{min-height:42px;border-radius:999px!important;padding:0 16px} html.wx-page #plLocate{background:var(--btn-a)!important;color:#fff!important;border-color:var(--btn-a)!important} html.wx-page .pl-kinds{margin:18px 0 6px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--wx-shadow)} html.wx-page .pl-mapbox,html.wx-page .pl-list,html.wx-page .pl-mapd,html.wx-page .pl-static,html.wx-page .tp{border-radius:22px!important;overflow:hidden;box-shadow:var(--wx-shadow);border:1px solid var(--line)!important;background:var(--card)} html.wx-page .pl-list,html.wx-page .pl-mapd,html.wx-page .pl-static{padding:16px 18px;margin-top:16px} html.wx-page .pl-sort button,html.wx-page .pl-cat button{border-radius:999px!important} /* 주말 */ html.wx-page .wkd-tabs.wx-lift{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px!important} html.wx-page .wkd-tab{border:0!important;border-radius:16px!important;min-height:64px;background:transparent!important;color:var(--sub)!important;box-shadow:none!important} html.wx-page .wkd-tab.on{background:var(--btn-a)!important;color:#fff!important;box-shadow:0 6px 16px rgba(26,111,224,.3)!important} html.wx-page .wkd-tab.on small{color:#dce9ff!important} html.wx-page .wkd-sort{margin:16px 0 6px} html.wx-page .wkd-sort button{border-radius:999px!important;min-height:40px} html.wx-page .wkd-h{font-size:22px!important;font-weight:900!important;letter-spacing:-.05em;margin:22px 0 14px!important} html.wx-page .wkd-card{border-radius:22px!important;overflow:hidden;box-shadow:var(--wx-shadow)!important;border:1px solid var(--line)!important} /* 오늘 날씨 */ html.wx-page .searchbox.wx-lift{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px!important} html.wx-page .searchbox.wx-lift #geoBtn{min-height:48px;border-radius:999px;padding:0 20px;background:var(--btn-a);color:#fff;border:0;font-weight:800;white-space:nowrap} html.wx-page .searchbox.wx-lift #regionSearch{min-height:48px;border-radius:999px;padding:0 20px;border:1px solid var(--line);background:var(--soft2);font-size:15px} html.wx-page .searchbox.wx-lift #geoStatus,html.wx-page .searchbox.wx-lift #searchResult{grid-column:1/-1} html.wx-page .searchbox.wx-lift #geoStatus:empty,html.wx-page .searchbox.wx-lift #searchResult:empty{display:none} html.wx-page #homeWeatherCard{margin-top:18px} html.wx-page .life-index,html.wx-page .act-hub,html.wx-page .popular,html.wx-page .colpreview,html.wx-page .quiz-card,html.wx-page .hero-stats{border-radius:22px!important} html.wx-page .life-index,html.wx-page .act-hub,html.wx-page .quiz-card{box-shadow:var(--wx-shadow)!important;border:1px solid var(--line)!important;background:var(--card)} /* 코스 카드 */ html.wx-page .cv-sidos{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--wx-shadow);gap:12px!important} html.wx-page .cv-sido{border-radius:16px!important;overflow:hidden;border:1px solid var(--line)!important;background:var(--soft2)!important;transition:transform .15s} html.wx-page .cv-sido:hover{transform:translateY(-2px)} html.wx-page .cv-sido span{font-weight:800} /* 칼럼 목록 */ html.wx-page #colTabs.wx-lift{display:flex;flex-wrap:wrap;gap:6px} html.wx-page #colTabs .tr-chip{border-radius:999px!important;min-height:40px} html.wx-page #colTabs .tr-chip.on{background:var(--btn-a)!important;border-color:var(--btn-a)!important;color:#fff!important} html.wx-page .col-head{justify-content:flex-end;margin:16px 0 0} html.wx-page .col-thumbs a,html.wx-page .col-card{border-radius:18px!important;overflow:hidden} @media(max-width:640px){ .wx-ban h1.wx-ban-title{font-size:28px!important} .wx-ban .wx-ban-s{font-size:13.5px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .wx-ban-roni{height:120px;right:8px;bottom:-4px} .wx-lift{margin-top:-28px!important;border-radius:18px!important;padding:8px!important} html.wx-page .wkd-tabs.wx-lift{gap:4px} html.wx-page .wkd-tab{min-height:56px;font-size:13px!important;padding:4px 2px!important} html.wx-page .searchbox.wx-lift{grid-template-columns:minmax(0,1fr)} .wx-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.wx-jump a{flex:none;padding:0 14px;min-height:42px;font-size:14px} html.wx-page main h2.section-title,html.wx-v2:not(.wx-home) main h2.section-title{font-size:19px!important;margin:28px 0 12px!important} html.wx-page .pl-top.wx-lift{padding:10px!important} } html.wx-page #homeWeatherCard .hw-curation{background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important;border-radius:12px;padding:6px 12px;display:inline-block} .wx-ban:has(.wx-ban-roni) .wx-ban-in{padding-right:300px} @media(max-width:640px){.wx-ban:has(.wx-ban-roni) .wx-ban-in{padding-right:110px}} /* ===== 전체 검토 보완 (2026-11-04 3차) ===== */ /* 다크: 사이트가 --sky 를 글자색으로 쓰므로 밝은 하늘색으로, 파란 버튼은 흰 글자 4.5 이상 되게 진하게 */ :root[data-theme="dark"]{--sky:#9cc3ff;--btn-a:#1f66d9;--btn-b:#1854b4} :root[data-theme="dark"] .hm-adb{color:#c9d6ee!important} /* 대비: 오늘·일요일 빨강, 반경 '나', 주말 탭 숫자, 찜 하트 */ .wx-cal-card .tr-day.tr-today .tr-dnum,.wx-near-map .tr-me{background:#d92d44!important} .wx-cal-card .tr-wd:first-child,.wx-cal-card .tr-day.tr-sun .tr-dnum{color:#c62f38} :root[data-theme="dark"] .wx-cal-card .tr-wd:first-child,:root[data-theme="dark"] .wx-cal-card .tr-day.tr-sun .tr-dnum{color:#ff8a8f} :root[data-theme="dark"] .wx-cal-card .tr-wd:nth-child(7),:root[data-theme="dark"] .wx-cal-card .tr-day.tr-sat .tr-dnum{color:#8fbaff} :root[data-theme="dark"] .wx-cal-card .tr-day.tr-today .tr-dnum,:root[data-theme="dark"] .wx-cal-card .tr-day.tr-sel .tr-dnum{color:#fff!important} html.wx-page .wkd-tab.on small{color:#fff!important} .wx-like{color:#c0244f} /* 작은 글씨: 달력 'N곳' 12px */ .wx-cal-card .tr-dcount{font-size:12px!important}.wx-cal-card .tr-dcount small{font-size:11px} @media(max-width:640px){.wx-cal-card .tr-dcount{font-size:12px!important;padding:0 4px!important}.wx-cal-card .tr-dcount small{display:none}} /* 휴대폰 터치: 머리말 버튼 44px, 경로 링크 넓게 */ @media(max-width:640px){ .hd-right .hd-sbtn,.hd-right .font-toggle,.hd-right .theme-toggle,.hd-right .wx-saved-btn{min-width:44px;min-height:44px} .wx-dt-crumb a{display:inline-flex;align-items:center;min-height:40px;padding:0 4px} } /* ===== 편의 기능: 내 여행 보관함 · 최근 본 여행지 · 상세 D-day·캘린더·따라오는 탭 ===== */ .wx-saved-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:#e2416f;cursor:pointer;padding:0} .wx-saved-btn:hover{background:#fff0f4} :root[data-theme="dark"] .wx-saved-btn{color:#ff8fac} .wx-saved-n{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#d92d44;color:#fff;font-size:11.5px;font-weight:800;line-height:19px;text-align:center} .wx-saved-n[hidden]{display:none} .wx-saved{position:fixed;inset:0;z-index:1000} .wx-saved[hidden]{display:none} .wx-sv-dim{position:absolute;inset:0;background:rgba(10,20,40,.4);opacity:0;transition:opacity .2s} .wx-sv-box{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--card);box-shadow:-10px 0 40px rgba(10,20,40,.2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s} .wx-saved.open .wx-sv-dim{opacity:1}.wx-saved.open .wx-sv-box{transform:none} .wx-sv-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px} .wx-sv-h b{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--ink)} .wx-sv-close{width:44px;height:44px;border-radius:50%;border:0;background:var(--soft2);color:var(--ink);font-size:18px;cursor:pointer} .wx-sv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 20px 10px;padding:5px;background:var(--soft2);border-radius:999px} .wx-sv-tabs button{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--sub);font-weight:800;font-size:14.5px;font-family:inherit;cursor:pointer} .wx-sv-tabs button i{font-style:normal;font-size:12.5px;margin-left:2px} .wx-sv-tabs button[aria-selected="true"]{background:var(--btn-a);color:#fff} .wx-sv-list{list-style:none;margin:0;padding:4px 20px 10px;overflow:auto;flex:1} .wx-sv-it{position:relative;border-bottom:1px solid var(--line)} .wx-sv-it>a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:12px 40px 12px 0;text-decoration:none;color:var(--ink)} .wx-sv-im{width:64px;height:64px;border-radius:14px;overflow:hidden;background:var(--soft)} .wx-sv-im img{width:100%;height:100%;object-fit:cover} .wx-sv-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;font-weight:800;letter-spacing:-.03em;line-height:1.35} .wx-sv-tx small{display:block;margin-top:3px;font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wx-sv-x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--faint);font-size:15px;cursor:pointer} .wx-sv-x:hover{background:var(--soft2);color:#d92d44} .wx-sv-empty{margin:24px 20px;padding:22px;border-radius:16px;background:var(--soft2);color:var(--sub);font-size:14px;line-height:1.6;text-align:center} .wx-sv-empty[hidden]{display:none} .wx-sv-f{display:grid;gap:8px;padding:14px 20px 20px;border-top:1px solid var(--line)} .wx-sv-f a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:var(--soft);color:var(--sky-dark);font-weight:800;text-decoration:none} @media(max-width:640px){.wx-sv-box{top:auto;left:0;width:100%;max-height:82vh;border-radius:22px 22px 0 0;transform:translateY(100%)}} /* 홈·수첩: 최근 본 여행지 / 찜 목록 가로 카드 */ .wx-rc-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .wx-rc-row .wx-sv-it{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--wx-shadow);overflow:hidden} .wx-rc-row .wx-sv-it>a{grid-template-columns:72px minmax(0,1fr);padding:10px 36px 10px 10px} .wx-rc-row .wx-sv-im{width:72px;height:72px} .wx-rc-row .wx-sv-x{right:4px} @media(max-width:1100px){.wx-rc-row{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.wx-recent .wx-rc-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:2px 18px 8px;scrollbar-width:none}.wx-recent .wx-sv-it{flex:0 0 78%;scroll-snap-align:start}.wx-note-likes .wx-rc-row{grid-template-columns:minmax(0,1fr)}} /* 상세: D-day 배지 · 따라오는 탭 */ .wx-dday{margin-left:8px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap} .wx-dday-on{background:#e3f7ea;color:#16703c}.wx-dday-soon{background:#ffe4ec;color:#b01e48}.wx-dday-end{background:var(--soft2);color:var(--sub)} :root[data-theme="dark"] .wx-dday-on{background:#173d29;color:#9be3b5}:root[data-theme="dark"] .wx-dday-soon{background:#4a1f33;color:#ffc2d3} .wx-dt-tabs{position:sticky;top:var(--wx-hdr,0px);z-index:20;background:var(--bg);padding:8px 0;margin-top:-8px!important} .wx-dt-btns .wx-dt-ics{white-space:nowrap} /* ===== 놀까: 자동 추천 / 상세 일정 짜기 탭 ===== */ .wx-pl-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px!important} .wx-pl-modes button{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 18px;border:0;border-radius:16px;background:transparent;color:var(--ink);text-align:left;font-family:inherit;cursor:pointer} .wx-pl-modes button:hover{background:var(--soft2)} .wx-pl-modes .wx-pm-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--soft);font-size:24px;flex:none} .wx-pl-modes b{display:block;font-size:18px;font-weight:900;letter-spacing:-.04em} .wx-pl-modes small{display:block;margin-top:2px;font-size:13px;color:var(--sub)} .wx-pl-modes button[aria-selected="true"]{background:var(--btn-a);color:#fff;box-shadow:0 8px 20px rgba(26,111,224,.28)} .wx-pl-modes button[aria-selected="true"] small{color:#e6efff} .wx-pl-modes button[aria-selected="true"] .wx-pm-ic{background:rgba(255,255,255,.2)} html.wx-pl-auto #plTripBtn{display:none!important} html.wx-pl-plan .pl-kinds,html.wx-pl-plan #plPicked,html.wx-pl-plan #plAsk,html.wx-pl-plan #plSort,html.wx-pl-plan #plCat,html.wx-pl-plan #plList,html.wx-pl-plan #plMapD,html.wx-pl-plan .wkd-all,html.wx-pl-plan .pl-static{display:none!important} html.wx-pl-plan .pl-mapbox:not(:has(#plTripBar:not([hidden]))){display:none!important} html.wx-page .wx-pl-plan-box{margin:16px 0;padding:22px 24px!important} @media(max-width:640px){ .wx-pl-modes{gap:4px} .wx-pl-modes button{flex-direction:column;align-items:center;text-align:center;gap:6px;min-height:0;padding:10px 6px} .wx-pl-modes .wx-pm-ic{width:40px;height:40px;font-size:20px} .wx-pl-modes b{font-size:15px}.wx-pl-modes small{font-size:11.5px} html.wx-page .wx-pl-plan-box{padding:16px 14px!important} } html.wx-pl-plan .pl-top{display:none!important} /* 대비 2차: 아깝게 못 미친 곳(4.45~4.48) 정리 */ :root:not([data-theme="dark"]){--sky-dark:#1765d4;--faint:#5b6982} html.wx-dexpage .pokedex-card-level,html.wx-dexpage .pokedex-card-name{color:var(--sub)!important} .col-rank{background:#c2410c!important;color:#fff!important} html.wx-travel .wx-tr-tail .trh-lbl{color:#b8264f!important} :root[data-theme="dark"] html.wx-travel .wx-tr-tail .trh-lbl,:root[data-theme="dark"] .wx-tr-tail .trh-lbl{color:#ff9fb8!important} :root[data-theme="dark"] .wx-like{color:#ff8fac} .wx-cal-card .tr-day.tr-past .tr-dnum{opacity:.85} .wx-tagline{color:#1765d4} :root[data-theme="dark"] .wx-tagline{color:#8fbaff} /* ===== 4차 (2026-11-04) F-03 날짜 · F-04 대비 · F-05 터치 · F-01 문맥 안내 · F-06 목차 ===== */ /* F-03 날짜 탭: 상대 날짜 + 실제 날짜, 지난 자료는 흐리게 맨 뒤 */ .day-tabs button[data-rn-date]{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap;min-height:52px;font-weight:800} .day-tabs button[data-rn-date]::after{content:attr(data-rn-date);display:block;font-size:12px;font-weight:600;opacity:.85;margin-top:2px} .day-tabs button.rn-past:not(.on){background:transparent;border-style:dashed;color:var(--faint,#5b6b82)} .rn-past-note,.rn-noday,.rn-wk-note{margin:10px 0 12px;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55;background:#fff6e5;color:#5c3d00;border:1px solid #f2d39a} .rn-past-note b,.rn-noday b,.rn-wk-note b{color:#4a3000} .rn-wk-note{background:#eef5ff;color:#123a6b;border-color:#c7dcfb}.rn-wk-note b{color:#0d2e57} .rn-past-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#fff1cc;color:#5c3d00;vertical-align:middle} :root[data-theme="dark"] .rn-past-note,:root[data-theme="dark"] .rn-noday{background:#2b2312;color:#f6e3bd;border-color:#5a4720} :root[data-theme="dark"] .rn-past-note b,:root[data-theme="dark"] .rn-noday b{color:#ffe7b0} :root[data-theme="dark"] .rn-wk-note{background:#14243c;color:#d6e6ff;border-color:#2c4670} :root[data-theme="dark"] .rn-wk-note b{color:#fff} :root[data-theme="dark"] .rn-past-tag{background:#4a3a14;color:#ffe7b0} /* F-04 대비: 다크에서 선택 칩 글자가 배경과 같은 색이던 곳, 달력 화살표, 분홍 배지 */ :root[data-theme="dark"] .interest-chips button.on{background:#9cc3ff!important;border-color:#9cc3ff!important;color:#0b1420!important} :root[data-theme="dark"] .interest-chips button.on .act-n{color:#0b1420!important} :root[data-theme="dark"] .wx-cal-card .tr-nav:before{color:#bcd6ff} .pl-bd.kd{background:#c7385f!important;color:#fff!important} /* F-05 휴대폰 터치 44px: 따로 누르는 조작만(문장 속 링크·지도 표식 제외) */ @media(max-width:640px){ .brand{min-height:44px;display:inline-flex;align-items:center} .hm-cal .hm-d{min-height:44px;display:flex;align-items:center;justify-content:center} .hm-h>a,.act-more a,p>a.act-hub-go,.wkd-links a,.wkd-all a,.wx-dt-crumb a,.nearby a{min-height:44px;display:inline-flex;align-items:center} .wkd-links a{padding:0 12px} .wx-dt-crumb a{min-width:44px;justify-content:center} h3>a{display:inline-flex;align-items:center;min-height:44px} .quiz-choices button,.wx-pick-btn,.pl-cat button,.pl-sort button,.pl-top button,.pl-top select,.wkd-sort button,.wkd-n button, .tr-chips .tr-chip,.col-fold-btn,.col-seg button,.pdx-race,.legendary-capture-btn,.wx-search input,.map-go,label>select{min-height:44px} .fav-btn,.to-top{min-width:44px;min-height:44px} .foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px} .pl-list button,.pl-near button{min-height:44px} .pl-h a{display:inline-flex;align-items:center;min-height:44px} } /* F-01 로니 다음 할 일 */ .rn-next{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--soft2,#eef5ff);border:1px solid var(--line,#dce6f3)} .rn-next-ctx{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--faint,#4f5f75)} .rn-next-ctx em{font-style:normal;color:#8a4b00;background:#fff1cc;border-radius:999px;padding:1px 7px} .rn-next-line{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--ink,#13233a)} .rn-next-line b{color:var(--sky-dark,#1765d4)} .rn-next-go{display:flex;flex-wrap:wrap;gap:8px} .rn-go{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--card,#fff);border:1px solid var(--line,#dce6f3);font-weight:700;font-size:14px;color:var(--sky-dark,#1765d4);text-decoration:none} .rn-go:first-child{background:var(--sky-dark,#1765d4);border-color:var(--sky-dark,#1765d4);color:#fff} .rn-go:focus-visible{outline:3px solid #ffb703;outline-offset:2px} :root[data-theme="dark"] .rn-next{background:#15233a;border-color:#2b3f5f} :root[data-theme="dark"] .rn-next-ctx{color:#b9c8de} :root[data-theme="dark"] .rn-next-ctx em{background:#4a3a14;color:#ffe7b0} :root[data-theme="dark"] .rn-next-line{color:#eef3fb} :root[data-theme="dark"] .rn-next-line b{color:#9cc3ff} :root[data-theme="dark"] .rn-go{background:#1b2a44;border-color:#34507a;color:#cfe0ff} :root[data-theme="dark"] .rn-go:first-child{background:#9cc3ff;border-color:#9cc3ff;color:#0b1420} /* F-06 긴 화면 바로가기 */ .rn-toc{margin:14px 0 18px;border-radius:16px;background:var(--card,#fff);border:1px solid var(--line,#dce6f3);box-shadow:0 4px 14px rgba(20,50,100,.06)} .rn-toc summary{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;font-weight:800;font-size:15px;cursor:pointer;color:var(--ink,#13233a)} .rn-toc summary small{font-weight:600;color:var(--faint,#4f5f75)} .rn-toc ol{margin:0;padding:4px 12px 12px;list-style:none;display:flex;flex-wrap:wrap;gap:8px} .rn-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--soft2,#eef5ff);color:var(--sky-dark,#1765d4);font-weight:700;font-size:14px;text-decoration:none} .rn-toc a:focus-visible{outline:3px solid #ffb703;outline-offset:2px} .rn-anchor{scroll-margin-top:calc(var(--wx-hdr,72px) + 16px)} :root[data-theme="dark"] .rn-toc{background:#15233a;border-color:#2b3f5f} :root[data-theme="dark"] .rn-toc summary{color:#eef3fb} :root[data-theme="dark"] .rn-toc summary small{color:#b9c8de} :root[data-theme="dark"] .rn-toc a{background:#1b2a44;color:#cfe0ff} @media(max-width:640px){.rn-anchor{scroll-margin-top:84px}} /* F-03 지금 날씨 카드(첫 탭이 지난 날일 때 탭 위로 꺼낸 실황 카드): 지난 날 최고·최저는 숨김 */ .rn-now-card{margin-bottom:12px} .rn-now-card .hero-hilo{display:none} .rn-now-card.rn-now-stale{filter:saturate(.55)} /* F-04 남은 대비 보정 (4차 측정) */ #plAskBtn{background:#c7385f!important;border-color:#c7385f!important;color:#fff!important} .hm-promo-t small{color:#7a4d24} .wx-pl-modes button.on small,.wx-pl-modes button[aria-selected="true"] small{color:#fff} :root:not([data-theme="dark"]) .col-body mark.kw.kw-hl{color:#0d1a2e} :root[data-theme="dark"] .hm-d.today{background:#9cc3ff;color:#0b1420} :root[data-theme="dark"] .hm-btn{background:#3a56d4} @media(max-width:640px){.pl-list button,.pl-near button{min-height:44px!important}.pl-list li>a,.pl-static li>a{display:inline-flex;align-items:center;min-height:44px}} /* ===== 2026-11-05 놀까 사용 편의 보완 ===== */ /* 3번: 사이트의 .pl-ask{display:flex} 가 hidden 을 이겨 늘 보이던 것 */ .pl-ask[hidden]{display:none!important} /* 7번: '지역 직접 고르기' 글자 잘림 */ html.wx-page .pl-top select#plFrom{width:auto;min-width:12.5em;max-width:100%;padding-right:34px;text-overflow:ellipsis} @media(max-width:640px){html.wx-page .pl-top select#plFrom{flex:1 1 12.5em}} /* 1번: 휴대폰 첫 화면 '지금 추천' 요약 */ .rn-pick{display:flex;flex-direction:column;gap:4px;margin:6px 0 10px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid #E8517A;border-radius:14px;background:var(--card);color:var(--ink)} .rn-pick[hidden]{display:none!important} .rn-pick-h{font-size:16px;font-weight:900;line-height:1.35} .rn-pick-t{font-size:14px;font-weight:700;line-height:1.4} .rn-pick-w{font-size:13px;color:var(--sub);line-height:1.45} .rn-pick-go{align-self:flex-start;margin-top:4px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#c7385f;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer} /* 8번: 추천 이유 */ .rn-why{margin:2px 0 10px;padding:8px 12px;border-radius:12px;background:rgba(59,130,246,.08);color:var(--ink);font-size:14px;line-height:1.5} :root[data-theme="dark"] .rn-why{background:rgba(156,195,255,.12)} /* 5번: 지난 기한 글 */ .pl-card.rn-stale{opacity:.72} .pl-bd.rn-stale-bd{background:#6b7280!important;color:#fff!important} /* 4·6번: 정렬 안내 */ .rn-sort-note{margin:2px 0 8px;font-size:13px;color:var(--sub);line-height:1.5} .rn-now-hint{font-size:12px;color:var(--sub)} /* 1번 보강: 휴대폰 놀까는 배너를 낮춰 첫 화면에 '지금 추천'이 다 보이게 (설명 문구는 아래 탭 설명과 겹쳐 숨김) */ @media(max-width:640px){ html.wx-pl-auto .wx-ban-pg{min-height:150px} html.wx-pl-auto .wx-ban-pg .wx-ban-in{padding:18px 18px 44px} html.wx-pl-auto .wx-ban-pg .wx-ban-s{display:none} } /* ===== 2026-11-05 놀까 '오늘의 추천 3' ===== */ .rn-top3{margin:8px 0 14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink)} html.wx-pl-plan .rn-top3{display:none} .rn-t3-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px} .rn-t3-h b{font-size:18px;font-weight:900} .rn-t3-h span{font-size:13.5px;color:var(--sub)} .rn-t3-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .rn-t3-c{position:relative;display:flex;gap:10px;align-items:flex-start;height:100%;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);text-decoration:none;box-sizing:border-box} .rn-t3-c:hover{border-color:#E8517A} .rn-t3-n{position:absolute;top:6px;left:6px;z-index:1;width:22px;height:22px;border-radius:50%;background:#c7385f;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center} .rn-t3-c>img.rn-t3-im,.rn-t3-ic{flex:0 0 84px;width:84px;height:84px;border-radius:10px;object-fit:cover;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:32px} .rn-t3-b{min-width:0;display:flex;flex-direction:column;gap:4px} .rn-t3-k{font-size:12px;color:var(--sub);font-weight:700} .rn-t3-b b{font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .rn-t3-w{display:flex;flex-wrap:wrap;gap:4px} .rn-t3-w i{font-style:normal;font-size:12px;line-height:1.3;padding:3px 7px;border-radius:999px;background:rgba(232,81,122,.1);color:#9b2348} :root[data-theme="dark"] .rn-t3-w i{background:rgba(255,150,180,.14);color:#ffc2d3} .rn-t3-e{margin:0;font-size:14px;color:var(--sub)} .rn-t3-f{margin:10px 0 0;font-size:12px;color:var(--sub)} @media(max-width:900px){.rn-t3-l{grid-template-columns:minmax(0,1fr)}} @media(max-width:640px){.rn-top3{padding:12px}.rn-t3-c>img.rn-t3-im,.rn-t3-ic{flex-basis:64px;width:64px;height:64px;font-size:26px}.rn-t3-h b{font-size:17px}} .rn-t3-tip{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:rgba(242,181,68,.16);font-size:13px;line-height:1.5;color:var(--ink)} /* 글 속 3D 이모지는 글자 크기로 */ .rn-top3 img.e3d{width:1.15em!important;height:1.15em!important;flex:none!important;border-radius:0!important;background:none!important;object-fit:contain;display:inline-block;vertical-align:-.2em;margin:0 1px} .rn-t3-ic img.e3d{width:34px!important;height:34px!important} /* 오늘의 추천 3 — 기본 정보·바로가기 */ .rn-t3-l>li{display:flex;flex-direction:column;gap:6px;min-width:0} .rn-t3-l>li>.rn-t3-c{flex:1} .rn-t3-i{display:flex;flex-direction:column;gap:3px;margin-top:2px;padding-top:6px;border-top:1px dashed var(--line)} .rn-t3-i>span{font-size:12.5px;line-height:1.45;color:var(--ink)} .rn-t3-i em{font-style:normal;font-weight:800;color:var(--sub);margin-right:6px} .rn-t3-i .warn{color:#b42318;font-weight:700} :root[data-theme="dark"] .rn-t3-i .warn{color:#ff9b8f} .rn-t3-x{display:flex;flex-wrap:wrap;gap:6px} .rn-t3-x a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none} .rn-t3-x a:hover{border-color:#E8517A} @media(max-width:640px){.rn-t3-x a{min-height:44px}} /* 오늘의 추천 3 — 글에서 뽑은 기본 정보 더 보기 */ .rn-t3-more:empty{display:none} .rn-t3-more details{border:1px solid var(--line);border-radius:12px;background:var(--card)} .rn-t3-more summary{min-height:40px;display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:800;cursor:pointer;color:var(--ink)} .rn-t3-more dl{margin:0;padding:2px 12px 6px;display:flex;flex-direction:column} .rn-t3-more dl>div{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px dashed var(--line)} .rn-t3-more dt{font-size:12.5px;font-weight:800;color:var(--sub)} .rn-t3-more dd{margin:0;font-size:13px;line-height:1.5;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere} .rn-t3-src{margin:0;padding:0 12px 10px;font-size:12px;color:var(--sub)} @media(max-width:640px){.rn-t3-more summary{min-height:44px}} /* 한 카드의 더 보기를 열어도 옆 카드가 늘어나지 않게 */ .rn-t3-l{align-items:start} .rn-t3-l>li>.rn-t3-c{flex:none} /* ===== 2026-11-05 오늘의 당일 여행 3 ===== */ #plMapD{display:none!important} /* 맨 아래 '방향·거리로 보기' 지움 */ .rn-t3-h .rn-dt-shuf{margin-left:auto;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer} .rn-dt-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start} .rn-dt{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--bg)} .rn-dt.on{border-color:#c7385f;box-shadow:0 0 0 2px rgba(199,56,95,.25)} .rn-dt-c{position:relative;display:flex;gap:10px;align-items:flex-start;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer} .rn-dt-c .rn-t3-im,.rn-dt-c .rn-t3-ic{flex:0 0 84px;width:84px;height:84px;border-radius:10px;object-fit:cover;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:32px} .rn-dt-c .rn-t3-b b{font-size:16px} .rn-dt-sum{font-size:12.5px;color:var(--sub);line-height:1.45} .rn-dt-s{list-style:none;margin:0;padding:6px 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px} .rn-dt-s>li{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:6px;align-items:start} .rn-dt-t{font-size:12.5px;font-weight:900;color:#c7385f;font-variant-numeric:tabular-nums;padding-top:1px} :root[data-theme="dark"] .rn-dt-t{color:#ff9db8} .rn-dt-b{display:flex;flex-direction:column;gap:1px;min-width:0} .rn-dt-b a,.rn-dt-b>b{font-size:14px;font-weight:800;color:var(--ink);text-decoration:none;line-height:1.35} .rn-dt-b a:hover{text-decoration:underline} .rn-dt-b small{font-size:12px;color:var(--sub);line-height:1.4} .rn-dt-q:empty{display:none} .rn-t3-x .rn-dt-map{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:#c7385f;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer} @media(max-width:900px){.rn-dt-l{grid-template-columns:minmax(0,1fr)}} @media(max-width:640px){.rn-dt-c .rn-t3-im,.rn-dt-c .rn-t3-ic{flex-basis:64px;width:64px;height:64px}.rn-t3-x .rn-dt-map,.rn-t3-h .rn-dt-shuf{min-height:44px}} /* 지도: 고른 코스만 크게 */ .rn-trip-on #plMap{height:min(74vh,660px)!important} .rn-trip-on .leaflet-overlay-pane,.rn-trip-on .leaflet-marker-pane{opacity:.22} .rn-trip-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid #c7385f;color:var(--ink);font-size:13.5px;line-height:1.45} .rn-trip-bar b{font-weight:900} .rn-trip-bar span{color:var(--sub);flex:1 1 200px} .rn-trip-x{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer} .rn-tm{background:none;border:0} .rn-tm b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#c7385f;color:#fff;font-size:14px;font-weight:900;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);box-sizing:border-box} .rn-tm span{position:absolute;left:34px;top:4px;white-space:nowrap;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.95);color:#14223f;font-size:12.5px;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.2)} /* 종류 최대 2개 안내 */ .rn-kind-note{margin:4px 0 8px;padding:8px 12px;border-radius:12px;background:rgba(242,181,68,.18);color:var(--ink);font-size:13px} /* 필터 정리: 정렬 / 조건 / 축제 분류 세 줄 */ .rn-filt{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)} .rn-fr{display:flex;align-items:center;gap:10px;min-width:0} .rn-fr[hidden]{display:none!important} .rn-fl{flex:0 0 4.6em;font-size:12.5px;font-weight:900;color:var(--sub)} .rn-filt .pl-sort,.rn-filt .pl-cat{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;flex:1;min-width:0} .rn-filt .pl-cat{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:2px!important} .rn-filt .pl-cat button{flex:0 0 auto} .rn-fr-cond{flex-wrap:wrap} .rn-fr-cond #plCount{margin-left:auto;font-size:12px;color:var(--sub)} .rn-fr-cond select#plSido{min-height:40px;border-radius:999px;padding:0 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:13.5px} .rn-fr-cond.only-count .rn-fl{visibility:hidden} @media(max-width:640px){.rn-fr{align-items:flex-start;flex-direction:column;gap:6px}.rn-fl{flex:none}.rn-filt .pl-sort{flex-wrap:wrap}.rn-fr-cond #plCount{margin-left:0}.rn-fr-cond select#plSido{min-height:44px}} /* 필터 '오늘 하는 것만' 버튼 모양 · 휴대폰 지도 높이(아래 메뉴에 안 가리게) */ .rn-fr-cond #plNow{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer} .rn-fr-cond #plNow.on{background:#c7385f;border-color:#c7385f;color:#fff} @media(max-width:640px){.rn-fr-cond #plNow{min-height:44px}.rn-trip-on #plMap{height:calc(100svh - 260px)!important;min-height:340px}} /* 당일 여행 지도 — 출발지 표시 */ .rn-tm-o b{width:34px;height:34px;background:#2563eb;font-size:16px} .rn-tm-o span{left:38px;top:6px;background:#2563eb;color:#fff} .rn-tm-o span{left:50%;top:38px;transform:translateX(-50%)} /* 출발 이름은 아래 가운데(화면 끝에서 안 잘리게) */ /* 상세 일정 짜기: 지도를 '일정 만들기' 아래에 화면 가득 */ html.wx-pl-plan #plMapBox{margin:14px 0 16px} html.wx-pl-plan #plMap{height:min(calc(100vh - 150px),820px)!important;min-height:420px} html.wx-pl-plan #plTripBar [data-tr="show"]{display:none} @media(max-width:640px){html.wx-pl-plan #plMap{height:calc(100svh - 230px)!important;min-height:360px}} /* 상세 일정 — 여행 스타일 카드 */ #tpStyle.rn-sty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #tpStyle.rn-sty label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;font-weight:800;line-height:1.35} #tpStyle.rn-sty label:has(input:checked){border-color:#1b6fe0;box-shadow:0 0 0 2px rgba(27,111,224,.25);background:rgba(27,111,224,.06)} .rn-sty-d{flex:1 1 100%;display:flex;flex-direction:column;gap:2px;font-weight:400} .rn-sty-d b{font-size:13px;font-weight:800;color:var(--ink)} .rn-sty-d small{font-size:12.5px;color:var(--sub);line-height:1.45} .rn-sty-d em{font-style:normal;font-size:12px;color:#1b6fe0} :root[data-theme="dark"] .rn-sty-d em{color:#8ab8ff} .rn-sty-n{margin:6px 0 0;font-size:12px;color:var(--sub);line-height:1.45} @media(max-width:760px){#tpStyle.rn-sty{grid-template-columns:minmax(0,1fr)}#tpStyle.rn-sty label{min-height:44px}} @media(min-width:761px) and (max-width:1100px){#tpStyle.rn-sty{grid-template-columns:repeat(2,minmax(0,1fr))}} /* 상세 일정: '다른 일정 만들기' 단추를 맨 위로 올렸을 때 지도가 한 화면에 다 들어오게 */ html.wx-pl-plan #plMap{height:max(420px,calc(100vh - 300px))!important;max-height:820px} @media(max-width:640px){html.wx-pl-plan #plMap{height:max(340px,calc(100svh - 290px))!important}} /* 주인공 날씨 캐릭터·아이콘 (2026-11-05) */ .wx-roni.is-wxc{height:360px;width:auto;bottom:0} .wx-dex-roni.is-wxc{height:160px} .wx-dex-c-roni.is-wxc{width:200px} .rn-mascot.is-wxc{border-radius:0;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(20,60,130,.18))} .wx-q-ic img.is-wxc{width:48px;height:48px} .hm-ic-c img.is-wxc{width:100%;height:100%;object-fit:contain;transform:scale(1.18)} .brand-logo.is-wxc{border-radius:9px} .wxc-state{display:block;margin:6px auto 2px;width:120px;height:auto} .wxc-oops{width:180px} @media(max-width:1100px){.wx-roni.is-wxc{height:290px}} @media(max-width:640px){.wx-roni.is-wxc{height:124px;top:6px}.wx-q-ic img.is-wxc{width:40px;height:40px}.wx-dex-roni.is-wxc{height:108px!important}.wx-dex-c-roni.is-wxc{width:112px}} @media(prefers-reduced-motion:no-preference){.wx-roni.is-wxc{animation:wxcBob 4.5s ease-in-out infinite}@keyframes wxcBob{50%{transform:translateY(-6px)}}} /* 주인공 배치 2차 (2026-11-05): 속 페이지 배너·지역 오늘 칸·지역별 여행 날씨 카드 */ .wx-ban{position:relative} .wxc-ban{position:absolute;right:max(16px,calc((100% - 1200px)/2 + 24px));bottom:-6px;height:88%;max-height:250px;width:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,30,80,.28))} .wx-ban-roni.is-wxc{height:88%;max-height:250px;width:auto} main .hero{position:relative} .wxc-hero{position:absolute;right:14px;top:10px;width:118px;height:auto;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(20,60,130,.2))} .hm-pop .pc-icon img.is-wxc{width:52px!important;height:52px!important;object-fit:contain} @media(max-width:640px){.wxc-ban,.wx-ban-roni.is-wxc{height:70%;max-height:150px;right:6px}.wxc-hero{width:78px;right:8px;top:8px}.hm-pop .pc-icon img.is-wxc{width:44px!important;height:44px!important}} @media(prefers-reduced-motion:no-preference){.wxc-ban,.wxc-hero{animation:wxcBob 4.5s ease-in-out infinite}} .wxc-hero{top:auto!important;bottom:0;right:64px;width:150px} @media(max-width:640px){.wxc-hero{right:10px;width:84px}} /* 한눈에 보기 상세 기본정보 (2026-11-05) */ .wx-dt-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:6px 0 4px} .wx-dt-full>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line);align-items:start} .wx-dt-full>div.long{grid-column:1/-1} .wx-dt-full dt{display:flex;gap:7px;align-items:center;font-weight:750;color:var(--sub);font-size:13.5px;margin:0} .wx-dt-full dd{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere} .wx-dt-full dd a{color:var(--sky-dark);text-decoration:underline;text-underline-offset:3px} .wx-dt-full .wx-dt-ic svg{width:16px;height:16px} .wx-dt-src{font-size:12px;color:var(--sub);margin:8px 0 12px;line-height:1.6} @media(max-width:640px){.wx-dt-full{grid-template-columns:1fr}.wx-dt-full>div{grid-template-columns:92px minmax(0,1fr);padding:9px 0}.wx-dt-full dd{font-size:14px}} /* 2026-11-05 홈 주인공 그림이 준비될 때까지 숨김(남→여 바뀌어 보이던 것) */ .wx-roni.wx-wait{visibility:hidden} /* 2026-11-07 사용자 "디자인 변경해줘"(축제·칼럼 사진 슬라이드): 남색 칸 + 오른쪽 정사각 사진 → 사진을 슬라이드 전체에 깔고 왼쪽에서 오른쪽으로 옅어지는 남색 그라데이션 위에 글자. 넘김 단추는 반투명 알약 하나로 묶음. */ .hm-pic{display:block!important;position:relative;overflow:hidden;background:#0f2a5c!important;isolation:isolate} .hm-pic img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:0;transform:scale(1.03);transition:transform 8s ease-out} .hm-slide.on .hm-pic img,.hm-pic:hover img{transform:scale(1.0)} .hm-pic::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(90deg,rgba(11,32,72,.92) 0%,rgba(11,32,72,.78) 32%,rgba(11,32,72,.25) 62%,rgba(11,32,72,0) 80%), linear-gradient(0deg,rgba(11,32,72,.45) 0%,rgba(11,32,72,0) 35%)} .hm-pic .hm-cap{position:relative;z-index:2;height:100%;max-width:min(560px,62%);justify-content:center;gap:10px;padding:36px 40px 70px} .hm-pic .hm-tag{background:#f5b653;color:#1d2a44;font-weight:800;letter-spacing:0} .hm-pic .hm-big{font-size:34px;line-height:1.3;letter-spacing:-1px;text-shadow:0 2px 12px rgba(0,0,0,.25)} .hm-pic .hm-sub{font-size:14px;opacity:.95} .hm-pic .hm-cta{background:#fff;color:#0f2a5c;font-weight:800;border-radius:999px;padding:10px 20px;box-shadow:0 6px 18px rgba(0,0,0,.18)} .hm-pic .hm-cta:hover{background:#f5b653} .hm-ctrl{background:rgba(11,32,72,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:4px;gap:2px!important;right:20px!important;bottom:18px!important} .hm-ctrl button{background:transparent!important;width:36px!important;height:36px!important;min-height:36px!important;font-size:20px} .hm-ctrl button:hover{background:rgba(255,255,255,.18)!important} .hm-ctrl span{background:transparent!important;padding:0 6px!important;min-width:44px;text-align:center} @media(max-width:640px){ .hm-pic::after{background:linear-gradient(0deg,rgba(11,32,72,.94) 0%,rgba(11,32,72,.75) 45%,rgba(11,32,72,.1) 75%,rgba(11,32,72,0) 100%)} .hm-pic .hm-cap{max-width:none;height:100%;justify-content:flex-end;padding:20px 20px 64px} .hm-pic .hm-big{font-size:22px} .hm-ctrl button{width:44px!important;height:44px!important} } /* 2026-11-07 도감 머리·카드 = 실제 도감 지역 캐릭터 (사용자 "배경 화면 및 캐릭터 도감에 맞는 캐릭터로") */ .wx-dex-crew{position:absolute;right:max(16px,calc(50% - 600px));bottom:46px;width:520px;height:230px;pointer-events:none;z-index:1} .wx-dc{position:absolute;bottom:0;height:auto;filter:drop-shadow(0 10px 14px rgba(20,40,80,.28));animation:wxDcBob 3.6s ease-in-out infinite} .wx-dc0{left:150px;width:170px;z-index:3;bottom:-6px} .wx-dc1{left:20px;width:128px;bottom:22px} .wx-dc2{left:330px;width:132px;bottom:18px} .wx-dc3{left:86px;width:92px;bottom:150px;opacity:.95} .wx-dc4{left:420px;width:96px;bottom:140px;opacity:.95} @keyframes wxDcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @media (prefers-reduced-motion:reduce){.wx-dc{animation:none}} .wx-dex-c-crew{display:flex;align-items:flex-end;gap:6px;margin:-10px 0 -18px} .wx-dcc{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px} .wx-dcc img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(20,40,80,.22))} .wx-dcc1 img{width:140px;height:140px} .wx-dcc figcaption{font-size:12px;font-weight:700;color:var(--sub);max-width:130px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wx-dcc.lock img{filter:brightness(0) opacity(.18)} .wx-dcc0{order:0}.wx-dcc1{order:1}.wx-dcc2{order:2} @media(max-width:900px){.wx-dex-crew{width:360px;height:170px;right:4px}.wx-dc0{left:110px;width:124px}.wx-dc1{left:10px;width:96px}.wx-dc2{left:236px;width:98px}.wx-dc3,.wx-dc4{display:none}} @media(max-width:640px){.wx-dex-crew{width:200px;height:110px;right:0;bottom:36px;opacity:.95}.wx-dc0{left:62px;width:82px}.wx-dc1{left:0;width:64px;bottom:10px}.wx-dc2{left:136px;width:64px;bottom:8px} .wx-dex-c-crew{gap:0;margin:0 -6px -10px 0}.wx-dcc img{width:52px;height:52px}.wx-dcc1 img{width:64px;height:64px}.wx-dcc figcaption{font-size:10px;max-width:60px}.wx-dcc0,.wx-dcc2{display:none}} .wx-ban.wx-ban-dex .wx-ban-s{color:#2c3b5a!important;text-shadow:0 1px 8px rgba(255,255,255,.9)!important;font-weight:600} .wx-ban.wx-ban-dex:before{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.62) 40%,rgba(255,255,255,0) 62%)} .wx-ban.wx-ban-dex .wxc-ban,.wx-ban.wx-ban-dex .wx-ban-roni{display:none!important} .wx-dcc0{order:1}.wx-dcc1{order:0}.wx-dcc2{order:2} .wx-dcc img{width:118px;height:118px}.wx-dcc0 img{width:140px;height:140px} @media(max-width:640px){.wx-ban.wx-ban-dex .wx-ban-s{max-width:60%}.wx-dex-crew{width:150px;height:84px;bottom:34px;right:2px}.wx-dc0{left:44px;width:66px;bottom:0}.wx-dc1{left:0;width:50px;bottom:6px}.wx-dc2{left:100px;width:50px;bottom:4px} .wx-dcc1,.wx-dcc2{display:none}.wx-dcc0{display:flex}.wx-dcc0 img{width:66px;height:66px}} /* 2026-11-07 글 읽기 구조 (사용자 "가독성이 떨어지는 것 같은데, 글의 구조 및 검색에 유리하도록") */ .col-body.wx-read{max-width:720px;margin-left:auto;margin-right:auto;text-align:left!important;font-size:17px;line-height:1.85;color:var(--ink,#1f2a44);word-break:keep-all;overflow-wrap:anywhere} .col-body.wx-read>p,.col-body.wx-read li{text-align:left!important;margin:0 0 1.15em} .col-body.wx-read>p:not(.col-stk):not(.map-go-wrap){letter-spacing:-.01em} .col-body.wx-read ul,.col-body.wx-read ol{padding-left:1.3em;text-align:left} .col-body.wx-read h2{scroll-margin-top:96px;text-align:left!important;font-size:24px;line-height:1.4;font-weight:800;letter-spacing:-.03em;margin:2.4em 0 .7em;padding:0 0 12px;border-bottom:2px solid #e3e8f6;color:var(--ink,#1f2a44);background:none} .col-body.wx-read h2.wx-h-no:before{content:attr(data-no);display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;margin:0 10px 0 0;padding:0 8px;border-radius:8px;background:#3b5bdb;color:#fff;font-size:14px;font-weight:800;vertical-align:3px;letter-spacing:0} .col-body.wx-read h2.wx-h-end{border-bottom:0;font-size:20px;color:var(--sub,#5b6478)} .col-body.wx-read h3{text-align:left!important;font-size:19px;margin:1.8em 0 .5em} .col-body.wx-read .hlp{text-align:left!important;margin:0 0 1.3em;padding:14px 18px;border-radius:12px;border:0;border-left:5px solid currentColor;font-size:16.5px;line-height:1.75} .col-body.wx-read .hlp.wx-answer{font-weight:700} .col-body.wx-read .hlp.wx-answer:before{content:'핵심 답';display:block;margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.02em;opacity:.75} .col-body.wx-read figure.col-fig{margin:1.6em 0;border-radius:14px;overflow:hidden} .col-body.wx-read figure.col-fig img{width:100%;height:auto;border-radius:14px} .col-body.wx-read figure.col-fig figcaption{text-align:left;font-size:13.5px;color:var(--sub,#5b6478);padding:8px 2px 0} .col-body.wx-read p.wx-stk{text-align:center!important;margin:.6em 0 1.2em} .col-body.wx-read p.wx-stk img{width:150px;height:auto;opacity:.95} .col-body.wx-read .md-table-wrap{margin:1.4em 0} .col-body.wx-read table{font-size:15px} .col-body.wx-read .wxp-slot{margin:2em 0} /* 목차 */ .wx-toc{max-width:720px;margin:18px auto 26px;padding:18px 20px 16px;border:1px solid #dbe3f7;border-radius:16px;background:linear-gradient(180deg,#f7f9ff,#fff);box-shadow:0 6px 18px rgba(30,60,140,.06)} .wx-toc-h{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px;font-size:17px;font-weight:800;color:var(--ink,#1f2a44)} .wx-toc-h small{font-size:13px;font-weight:600;color:var(--sub,#5b6478)} .wx-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px} .wx-toc li{counter-increment:toc;margin:0} .wx-toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:8px;font-size:15px;line-height:1.45;color:#2c3b5a;text-decoration:none} .wx-toc a:before{content:counter(toc,decimal-leading-zero);flex:none;font-size:13px;font-weight:800;color:#3b5bdb;padding-top:1px} .wx-toc a:hover,.wx-toc a.on{background:#eef2ff;color:#1d3fbf} .wx-toc.fold li:nth-child(n+7){display:none} .wx-toc-more{display:block;margin:8px auto 0;padding:8px 16px;min-height:40px;border:1px solid #c9d4f2;border-radius:999px;background:#fff;color:#3b5bdb;font-weight:700;font-size:14px;cursor:pointer} .wx-progress{position:fixed;left:0;top:0;width:100%;height:4px;background:#3b5bdb;transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none} @media(max-width:760px){ .col-body.wx-read{font-size:16.5px;line-height:1.8;padding:0 2px} .col-body.wx-read h2{font-size:20.5px;margin-top:2em} .col-body.wx-read h2.wx-h-no:before{min-width:30px;height:24px;font-size:12.5px;vertical-align:2px} .wx-toc{margin:14px 0 20px;padding:14px 14px 12px} .wx-toc ol{grid-template-columns:1fr} .wx-toc.fold li:nth-child(n+6){display:none} } :root[data-theme="dark"] .col-body.wx-read h2{border-color:#2a3654} :root[data-theme="dark"] .wx-toc{background:#161f33;border-color:#2a3654} :root[data-theme="dark"] .wx-toc a{color:#d6def0} :root[data-theme="dark"] .wx-toc a:hover,:root[data-theme="dark"] .wx-toc a.on{background:#22305a;color:#fff} :root[data-theme="dark"] .wx-toc-more{background:#1a2440;border-color:#2a3654;color:#9fb4ff} .col-body.wx-read.col-gap>p,.col-body.wx-read>p{margin:0 0 .95em!important;padding:0!important} .col-body.wx-read h2{scroll-margin-top:210px} @media(max-width:760px){.col-body.wx-read h2{scroll-margin-top:130px}} .col-body.wx-read .hlp,.col-body.wx-read p.hlp{padding:14px 18px 14px 20px!important;text-align:left!important;margin:0 0 1.3em!important} @media (min-width:641px){.bt-sheet .bt-sheet-in{top:118px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:min(560px,92vw);border-radius:20px}} /* 썸네일 전체 보이기 (2026-11-07) */ .wkd-th[data-bg]{aspect-ratio:4/3!important} .wkd-th[data-bg]:before{content:"";position:absolute;inset:-16px;background:var(--bg) center/cover no-repeat;filter:blur(16px) brightness(.82) saturate(1.1)} .wkd-th[data-bg]>img,.wkd-th[data-bg] .wkd-th-a>img{object-fit:contain!important} .wkd-th[data-bg] .wkd-th-a{z-index:1} .wkd-th[data-bg] .wkd-no,.wkd-th[data-bg] .wkd-badge,.wkd-th[data-bg] .rk-no{z-index:2} /* 겨울 놀거리 배지 아이콘 크기 통일 (2026-11-07) */ .pl-wn-b{display:inline-flex!important;align-items:center;gap:3px;white-space:nowrap} .pl-wn-b img.e3d{width:16px!important;height:16px!important;margin:0!important;vertical-align:middle} /* 놀까 칩 1개씩/2개 함께 (2026-11-07) */ .rn-klim{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 4px} .rn-klim span{font-size:13px;font-weight:700;color:var(--muted,#5B6478);margin-right:2px} .rn-klim button{min-height:36px;padding:6px 14px;border:1px solid var(--line,#E3E8F6);border-radius:999px;background:var(--card,#fff);color:var(--ink,#1F2A44);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer} .rn-klim button.on{background:#1F6FEB;border-color:#1F6FEB;color:#fff} /* 자동 일정 지역 고정 (2026-11-07) */ .tp-pin{margin:-2px 0 10px;padding:8px 12px;border-radius:12px;background:var(--soft,#FFF1F5);color:#1F2A44;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px} .tp-pin button{min-height:36px;margin-left:auto;padding:4px 12px;border:1px solid #F3B6C8;border-radius:999px;background:#fff;color:#D6336C;font:inherit;font-size:13px;font-weight:800;cursor:pointer} /* 2026-11-07 노을 맛집 CCTV 버튼 */ .rn-rank-row{display:flex;gap:8px;align-items:stretch;min-width:0} .rn-rank-row>.rank-item{flex:1 1 auto;min-width:0} .rn-cctv{flex:none;display:inline-flex;align-items:center;gap:4px;padding:0 12px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap} .rn-cctv:hover{border-color:currentColor} .rn-cctv-note{margin:8px 0 20px;font-size:13px;color:var(--muted,#667085)}.rn-cctv-none{visibility:hidden} /* 2026-11-07 모바일 '오늘 이것만 챙기세요': 상태 표시는 세 칸 모두 이름 아래 같은 자리, 버튼은 주 버튼 한 줄 + 나머지 두 개 반반 */ @media(max-width:640px){ .rn-tile .rn-k{flex-wrap:wrap;gap:3px 4px;white-space:nowrap} .rn-tile .rn-lv{margin-left:0;order:2} .rn-tile .rn-k::after{content:'';flex-basis:100%;height:0;order:1} .rn-next-go{display:grid;grid-template-columns:1fr 1fr;gap:8px} .rn-next-go .rn-go{justify-content:center;padding:0 10px;white-space:nowrap} .rn-next-go .rn-go:first-child{grid-column:1/-1} .rn-next-go .rn-go:nth-child(2):last-child{grid-column:1/-1} } /* 2026-11-07 모바일: 주말 썸네일은 흐린 여백 없이 꽉 차게 (정사각 썸네일이라 1:1 칸 + cover, 글자 안 잘림) */ @media(max-width:640px){ .wkd-th[data-bg]{aspect-ratio:1/1!important} .wkd-th[data-bg]:before{display:none} .wkd-th[data-bg]>img,.wkd-th[data-bg] .wkd-th-a>img{object-fit:cover!important;width:100%!important;height:100%!important} } /* 2026-11-07 글 끝 '…포함해 여행 일정 만들기': 연한 바탕에 흰 글자라 안 보이던 것 → 진한 파랑 글자·테두리 */ a.island-ferry-more.trip-with{color:var(--sky-dark,#1765d4);border:1px solid #C5D0FA} :root[data-theme="dark"] a.island-ferry-more.trip-with{color:#cfe0ff;border-color:#3b4a8a} /* ===== 2026-11-07 홈 슬라이더 다시 디자인 ===== */ /* 축제·칼럼 슬라이드 위쪽: 그 지역 날씨 요약 띠 (redesign.js picWeather) */ .hm-pic .rn-pic-wx{position:absolute;top:14px;left:14px;right:14px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.92);color:#1b2a4a;box-shadow:0 6px 18px rgba(8,30,70,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;line-height:1.35;max-width:520px} .rn-pic-wx .rn-pw-ic{width:34px;height:34px;flex:none;object-fit:contain;font-size:26px;line-height:34px;text-align:center} .rn-pic-wx .rn-pw-main{display:flex;flex-direction:column;min-width:0} .rn-pic-wx .rn-pw-loc{font-size:12px;font-weight:700;color:#5b6474;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rn-pic-wx .rn-pw-now{font-weight:800;white-space:nowrap} .rn-pic-wx .rn-pw-now b{font-size:18px;color:#1765d4;margin-right:4px} .rn-pic-wx .rn-pw-sub{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:700;color:#36435a;white-space:nowrap} .rn-pic-wx .rn-pw-sub .rn-pw-rain{color:#1765d4} .rn-pic-wx .rn-pw-sub .rn-pw-rain.wet{color:#c2410c} :root[data-theme="dark"] .hm-pic .rn-pic-wx{background:rgba(20,28,44,.9);color:#e6ecf5} :root[data-theme="dark"] .rn-pic-wx .rn-pw-loc,:root[data-theme="dark"] .rn-pic-wx .rn-pw-sub{color:#b8c3d6} :root[data-theme="dark"] .rn-pic-wx .rn-pw-now b,:root[data-theme="dark"] .rn-pic-wx .rn-pw-sub .rn-pw-rain{color:#9cc3ff} /* 모바일 날씨 슬라이드: 위치 → 버튼 → 큰 기온 → 오늘 한마디 순서, 슬라이드 버튼과 안 겹치게 */ @media(max-width:640px){ .hm-slider .td-hero{display:flex!important;flex-direction:column;gap:12px;padding:18px 18px 66px!important;overflow:hidden} .hm-slider .td-hero .td-top{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;margin:0!important;position:relative;z-index:2} .hm-slider .td-hero .td-loc{font-size:15px!important;margin:0!important;white-space:nowrap} .hm-slider .td-hero .td-btns{position:static!important;display:flex!important;flex-direction:row!important;gap:6px;margin:0!important} .hm-slider .td-hero .td-geo,.hm-slider .td-hero .td-detail{min-height:36px!important;padding:0 12px!important;font-size:13px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;box-shadow:none!important} .hm-slider .td-hero .td-status:empty{display:none} .hm-slider .rn-weather-source{display:none!important} .hm-slider .td-hero .td-main{display:grid!important;grid-template-columns:60px minmax(0,1fr) 70px;align-items:center;gap:12px;margin:0!important;position:relative;z-index:2} .hm-slider .td-hero .td-icon,.hm-slider .td-hero .td-icon .wicon,.hm-slider .td-hero .td-icon img{width:60px!important;height:60px!important;margin:0!important;font-size:52px} .hm-slider .td-hero .td-main>img{position:static!important;width:70px!important;height:auto!important;max-height:84px;object-fit:contain;margin:0!important;transform:none!important} .hm-slider .td-hero .td-temp{font-size:56px!important;line-height:1!important;margin:0 0 4px!important} .hm-slider .td-hero .td-desc{font-size:0!important;margin:0!important} .hm-slider .td-hero .td-desc span{display:block;font-size:14px;line-height:1.5} .hm-slider .td-hero .td-obs{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px} .hm-slider .td-hero .hm-side{margin:0!important;position:relative;z-index:2} .hm-slider .td-hero .td-fx .sun{opacity:.45} .hm-slider .hm-ctrl{right:12px!important;bottom:12px!important} .hm-pic .rn-pic-wx{top:12px;left:12px;right:12px;padding:7px 10px;gap:8px} .rn-pic-wx .rn-pw-now b{font-size:17px} } .hm-pic .rn-pic-wx img.rn-pw-ic{position:static!important;inset:auto!important;width:34px!important;height:34px!important;transform:none!important;transition:none!important;z-index:auto} /* 2026-11-07 홈 도감 카드: 캐릭터·알 선반 + 애니메이션 */ .rn-dex-shelf{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:12px;padding:12px 10px 8px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.85));border:1px solid var(--line,#e3e8f6);text-decoration:none;position:relative;overflow:hidden} .rn-dex-shelf:before{content:'';position:absolute;left:10px;right:10px;bottom:26px;height:6px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(23,101,212,.16),transparent 70%)} .rn-ds-it{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative} .rn-ds-it img{width:52px;height:52px;object-fit:contain;display:block;filter:drop-shadow(0 4px 6px rgba(20,40,80,.18))} .rn-ds-it small{font-size:11px;font-weight:700;color:var(--sub,#5b6474);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .rn-ds-char img{animation:rnDsHop 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .35s)} .rn-ds-char:after{content:'';position:absolute;top:-2px;right:8px;width:8px;height:8px;background:#ffd166;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:rnDsTwinkle 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)} .rn-ds-egg img{width:44px;height:44px;margin-top:8px;transform-origin:50% 90%;animation:rnDsWobble 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .45s);opacity:.92} .rn-ds-egg small{color:#98a2b3} .rn-ds-more{align-self:center;font-size:13px;font-weight:800;color:var(--sky-dark,#1765d4);padding:0 4px} .rn-dex-shelf:hover .rn-ds-egg img{animation-duration:.9s} @keyframes rnDsHop{0%,60%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(-9px) scale(1.04,.97)}35%{transform:translateY(0) scale(1.05,.94)}45%{transform:translateY(-3px)}} @keyframes rnDsWobble{0%,55%,100%{transform:rotate(0)}62%{transform:rotate(-11deg)}70%{transform:rotate(9deg)}78%{transform:rotate(-6deg)}86%{transform:rotate(4deg)}} @keyframes rnDsTwinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.1)}} @media(prefers-reduced-motion:reduce){.rn-ds-it img,.rn-ds-char:after{animation:none!important}} :root[data-theme="dark"] .rn-dex-shelf{background:linear-gradient(180deg,rgba(30,40,60,.6),rgba(30,40,60,.9));border-color:#34405a} @media(max-width:640px){.rn-ds-it img{width:44px;height:44px}.rn-ds-egg img{width:38px;height:38px}} .hm-dex.wx-dexbar{flex-wrap:wrap} .hm-dex .rn-dex-shelf{flex:1 1 100%;order:99;width:100%;box-sizing:border-box} .hm-dex .wx-dex-roni.rn-dex-hero{object-fit:contain;filter:drop-shadow(0 8px 12px rgba(20,40,80,.22));animation:rnDsHop 2.8s ease-in-out infinite;transform-origin:50% 100%} .hm-dex .wx-dex-roni.rn-dex-hero.rn-in{animation:rnHeroIn .6s cubic-bezier(.2,1.4,.4,1) both,rnDsHop 2.8s ease-in-out .6s infinite} @keyframes rnHeroIn{0%{opacity:0;transform:scale(.4) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}} @media(prefers-reduced-motion:reduce){.hm-dex .wx-dex-roni.rn-dex-hero{animation:none!important}} /* 2026-11-07 빠른 메뉴 그림 잘 보이게: 그림을 키우고 동그라미를 줄이거나 없애 그림이 칸을 채우게, 글자 한 단계 크게 */ .wx-q-ic{width:68px;height:68px;background:radial-gradient(circle at 50% 60%,var(--soft) 0 58%,transparent 59%)} .wx-q-ic img,.wx-q-ic img.is-wxc{width:56px;height:56px;filter:drop-shadow(0 3px 4px rgba(20,40,80,.18))} .wx-chips-row .hm-ic-c{width:30px!important;height:30px!important;background:transparent!important} .wx-chips-row .hm-ic-c img{width:28px!important;height:28px!important;filter:drop-shadow(0 2px 2px rgba(20,40,80,.15))} @media(max-width:640px){ .wx-q-ic{width:60px!important;height:60px!important} .wx-q-ic img,.wx-q-ic img.is-wxc{width:50px!important;height:50px!important} .wx-q b{font-size:14px!important;line-height:1.3} .wx-q{padding:14px 6px 14px!important;gap:8px} } /* 2026-11-07 놀까 '누구와 함께' */ .rn-with{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 4px} .rn-with span{font-size:13px;font-weight:800;color:var(--sub,#5b6474);margin-right:2px} .rn-with button{min-height:36px;padding:6px 12px;border:1px solid var(--line,#e3e8f6);border-radius:999px;background:var(--card,#fff);color:var(--ink,#1f2a44);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer} .rn-with button.on{background:#1F6FEB;border-color:#1F6FEB;color:#fff} @media(max-width:640px){.rn-with{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-18px;margin-right:-18px;padding:0 18px}.rn-with button{flex:none}} .rn-with span{white-space:nowrap;flex:none} /* 2026-11-07 도감 카드: 아직 못 잡았으면 왼쪽에 흔들리는 큰 알 (곧 깨어날 것처럼) */ .hm-dex .wx-dex-roni.rn-dex-egg{object-fit:contain;transform-origin:50% 90%;animation:rnEggBig 2.6s ease-in-out infinite;filter:drop-shadow(0 10px 12px rgba(20,40,80,.22));padding:10px;box-sizing:border-box} @keyframes rnEggBig{0%,50%,100%{transform:rotate(0) translateY(0)}58%{transform:rotate(-9deg)}66%{transform:rotate(8deg) translateY(-4px)}74%{transform:rotate(-5deg)}82%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){.hm-dex .wx-dex-roni.rn-dex-egg{animation:none}} /* 2026-11-07 모바일 가독성 1단계 (사용자 "1단계랑 놀까 결과 위로 올리기 적용해줘") */ @media(max-width:640px){ /* 1. 하위 화면 배너: 캐릭터를 작게 오른쪽 아래로, 글자는 캐릭터 자리 비움 */ .wx-ban:not(.wx-ban-dex):has(.wxc-ban) .wx-ban-in{padding-right:96px} .wx-ban .wxc-ban{height:104px!important;max-height:104px!important;right:4px!important;bottom:-2px!important} /* 2. 주말 등: 배너 위에 떠 있던 로니와 빈 띠 없애기 */ main>.page-emo:has(+.wx-ban){display:none!important} /* 3. 칼럼: 경로 줄에 반복되는 글 제목 숨김 */ .wx-dt-crumb .wx-dt-cur,.wx-dt-crumb span[aria-hidden]:has(+.wx-dt-cur){display:none!important} /* 4. 홈 날씨 카드: 출처 줄바꿈(잘림 없이), 넘김 버튼 작게, 아래 빈칸 줄이기, '날씨 자세히' 하나만 */ .hm-slider .td-hero .td-obs{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4} .hm-slider .td-hero{padding-bottom:58px!important} .hm-slider .hm-ctrl{padding:2px!important} .hm-slider .hm-ctrl button{width:40px!important;height:40px!important;min-height:40px!important;font-size:18px} .hm-slider .hm-ctrl span{min-width:36px;padding:0 2px!important;font-size:13px} .wx-sh-weather>a{display:none!important} /* 5. 홈 작은 메뉴 줄: 위 큰 카드와 겹치는 축제 달력·캐릭터 도감 빼기 */ .wx-chips-row a.hm-ic[href="여행/"],.wx-chips-row a.hm-ic[href="도감/"]{display:none!important} /* 7. 회색 보조 글씨 한 단계 크게 */ main .note,.pl-maph,.rn-t3-f{font-size:13.5px!important;line-height:1.55} } /* 6. 도감 '전설의 몬스터' 제목: 진한 보라 바탕 위 흰 글자 */ .legendary-capture-box .section-title,.legendary-capture-box h2{color:#fff!important} /* 2026-11-07 활동 칸: 포토·산책 더하고 빨래·우산 빼서 10칸 → PC 5칸×2줄 (휴대폰은 원래대로 옆으로 넘김) */ .act-hub .act-chips{grid-template-columns:repeat(5,minmax(0,1fr))!important}