.dt .gnb nav a.is-on{color:var(--d)}.dt .gnb nav a.is-on:after{content:"";background:var(--o);border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.dt .title.sm{font-size:34px}.dt .pop-row>*,.dt .feed>*,.dt .feedsec .wrap>*{min-width:0}.dt .phead{padding:72px 0 56px}.dt .phead .wrap{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.dt .phead h1.title{letter-spacing:-.035em;font-size:52px}.dt .phead .lead b{color:var(--d)}.dt .ph-r{align-items:center;gap:14px;display:flex}.dt .seg a{z-index:1;height:36px;color:var(--g2);white-space:nowrap;align-items:center;padding:0 16px;font-size:14px;font-weight:700;transition:color .3s;display:flex;position:relative}.dt .seg.light a:hover{color:var(--d)}.dt .ph-r .seg button,.dt .ph-r .seg a{height:44px;padding:0 20px;font-size:15px}.dt .pop{padding:24px 0 80px}.dt .pop-row{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:32px;display:grid}.dt .pc{background:#fff;border-radius:20px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 8px 26px #1e1e2312}.dt .pc:hover{transform:translateY(-6px)rotate(-.6deg)}.dt .pc .im{aspect-ratio:4/3;background:var(--o-soft);position:relative;overflow:hidden}.dt .pc .im img{object-fit:cover;width:100%;height:100%}.dt .pc .rk{background:var(--d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex;position:absolute;top:12px;left:12px}.dt .pc:first-child .rk{background:var(--o)}.dt .pc .bd{flex:1;padding:16px 18px 14px}.dt .pc .tg{color:var(--o-deep);font-size:12.5px;font-weight:700}.dt .pc h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:16px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.dt .pc:hover h3{color:var(--o-deep)}.dt .pc .ft{color:var(--g2);align-items:center;gap:16px;padding:12px 18px 14px;font-size:14px;font-weight:700;display:flex;position:relative}.dt .pc .ft span{align-items:center;gap:5px;display:inline-flex}.dt .pc .ft svg{flex:none}.dt .pc .ft:before{content:"";border-top:2px dashed var(--line);position:absolute;top:0;left:14px;right:14px}.dt .fbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#fffdf8eb;transition:top .3s;position:sticky;top:76px}.dt .fbar .wrap{align-items:center;height:72px;display:flex}.dt .fbar .chips{scrollbar-width:none;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.dt .fbar .chips::-webkit-scrollbar{display:none}.dt .fbar .chip{flex:none;height:40px;padding:0 16px;font-size:14.5px}.dt .feedsec{padding:40px 0 110px}.dt .feedsec .wrap{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}.dt .feed-head{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.dt .feed-head h2{letter-spacing:-.03em;font-size:22px;font-weight:800}.dt .feed-head h2 em{color:var(--o);font-style:normal}.dt .feed-head span{color:var(--g2);font-size:13.5px}.dt .feed{flex-direction:column;gap:16px;display:flex}.dt .post{background:#fff;border-radius:22px;padding:24px 26px 18px;transition:box-shadow .25s,transform .25s;animation:.4s both fadeUp;display:block;box-shadow:0 6px 24px #1e1e230f}.dt .post:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1e1e231a}.dt .post .top{align-items:center;gap:12px;display:flex}.dt .post .av{background:var(--o-soft);width:40px;height:40px;color:var(--o-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.dt .post .av.off{background:var(--d);color:#fff}.dt .post .who b{font-size:15px;font-weight:700;display:block}.dt .post .who small{color:var(--g2);font-size:13px}.dt .post .bdg{background:var(--iv);border:1px solid var(--line);color:var(--g1);white-space:nowrap;border-radius:999px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:800}.dt .post .bdg.win{background:var(--o);border-color:var(--o);color:#fff}.dt .post .evc{background:var(--iv);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:10px 14px 10px 10px;display:flex}.dt .post .evc img{object-fit:cover;border-radius:7px;flex:none;width:38px;height:54px}.dt .post .evc b{font-size:15px;font-weight:700;display:block}.dt .post .evc small{color:var(--g2);font-size:12.5px}.dt .post .evc .stars{color:var(--d);white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:13px;font-weight:800;display:flex}.dt .post .evc .stars i{color:#f5b300;letter-spacing:1px;font-size:13px;font-style:normal}.dt .post p{color:var(--d);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:14px;font-size:16px;line-height:1.72;display:-webkit-box;overflow:hidden}.dt .post .imgs{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin-top:14px;display:grid}.dt .post .imgs img{aspect-ratio:1;object-fit:cover;background:var(--o-soft);border-radius:12px;width:100%}.dt .post .bot{border-top:1px solid var(--line);color:var(--g2);align-items:center;gap:16px;margin-top:14px;padding-top:12px;font-size:13.5px;font-weight:600;display:flex}.dt .post .bot span{align-items:center;gap:6px;display:inline-flex}.dt .post .bot .rd{color:var(--g1);margin-left:auto;font-weight:700}.dt .post:hover .bot .rd{color:var(--o-deep)}.dt .empty .ic{background:var(--o-soft);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.dt .empty{text-align:center;background:#fff;border:1.5px dashed #ebddc6;border-radius:22px;padding:60px 24px}.dt .empty h3{font-size:19px;font-weight:800}.dt .empty p{color:var(--g1);margin-top:8px;font-size:14.5px;line-height:1.6}.dt .empty .btn{margin-top:18px}.dt .side{flex-direction:column;gap:16px;transition:top .3s;display:flex;position:sticky;top:172px}.dt .sc{background:#fff;border-radius:22px;padding:20px;display:block;box-shadow:0 6px 24px #1e1e230f}.dt .sc-h{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.dt .sc-h b{font-size:15.5px;font-weight:800}.dt .sc-h a{color:var(--g2);font-size:13px;font-weight:700}.dt .sc-h a:hover{color:var(--o-deep)}.dt .se{border-top:1px solid var(--line);align-items:center;gap:12px;padding:9px 0;display:flex}.dt .se:first-of-type{border-top:0}.dt .se img{object-fit:cover;border-radius:7px;flex:none;width:36px;height:52px}.dt .se b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.dt .se:hover b{color:var(--o-deep)}.dt .se small{color:var(--g2);font-size:12.5px}.dt .se .s{text-align:right;white-space:nowrap;margin-left:auto;font-size:14px;font-weight:800}.dt .se .s em{font-size:11.5px;font-style:normal;display:block}.dt .bnrs{flex-direction:column;gap:10px;display:flex}.dt .bnr{border-radius:16px;display:block;overflow:hidden;box-shadow:0 6px 18px #1e1e230f}.dt .bnr img{aspect-ratio:1031/300;object-fit:cover;width:100%}@media (max-width:1180px){.dt .pop-row{grid-template-columns:repeat(3,1fr)}.dt .pop-row .pc:nth-child(n+4){display:none}.dt .feedsec .wrap{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}@media (max-width:1024px){.dt .feedsec .wrap{grid-template-columns:1fr}.dt .side{display:none}.dt .phead .wrap{flex-direction:column;align-items:flex-start}}@media (max-width:820px){.dt .phead{padding:36px 0 28px}.dt .phead h1.title{font-size:34px}.dt .title.sm{font-size:24px}.dt .phead .wrap{gap:20px}.dt .ph-r{width:100%}.dt .ph-r .seg{flex:1;grid-template-columns:1fr 1fr;display:grid}.dt .ph-r .seg button,.dt .ph-r .seg a{justify-content:center;height:40px;font-size:14.5px}.dt .ph-r .btn{height:48px;padding:0 16px;font-size:15px}.dt .pop{padding:12px 0 48px}.dt .pop-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:20px -24px 0;padding:4px 24px 14px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.dt .pop-row::-webkit-scrollbar{display:none}.dt .pop-row .pc{scroll-snap-align:start;flex:none;width:200px}.dt .pop-row .pc:nth-child(n+4){display:flex}.dt .pc:hover{transform:none}.dt .fbar{top:60px}.gnb-hidden .dt .fbar{top:0}.dt .fbar .wrap{height:auto;padding-top:10px;padding-bottom:10px}.dt .fbar .chips{margin:0 -24px;padding:2px 24px}.dt .fbar .chip{height:36px;padding:0 14px;font-size:14px}.dt .fbar .chip:disabled{display:none}.dt .feedsec{padding:20px 0 64px}.dt .feed-head h2{font-size:18px}.dt .feed-head span{display:none}.dt .feed{gap:12px}.dt .post{border-radius:18px;padding:18px 18px 14px}.dt .post:hover{transform:none}.dt .post .av{width:36px;height:36px;font-size:14px}.dt .post .who b{font-size:14.5px}.dt .post .who small{font-size:12px}.dt .post .bdg{padding:4px 9px;font-size:11px}.dt .post .evc{margin-top:12px;padding:8px 10px 8px 8px}.dt .post .evc img{width:32px;height:46px}.dt .post .evc b{font-size:14px}.dt .post .evc .stars i{display:none}.dt .post p{margin-top:12px;font-size:15px}.dt .post .imgs{gap:6px}.dt .post .imgs img{border-radius:10px}.dt .post .bot{gap:12px;font-size:12.5px}}.dt .fab-w{display:none}@media (max-width:820px){.dt .fab-w{right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:75;background:var(--o);color:#fff;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),background .2s;display:flex;position:fixed;transform:translateY(16px)scale(.85);box-shadow:0 10px 24px #f5840f61,0 2px 6px #1e1e231f}.dt .fab-w.is-show{opacity:1;pointer-events:auto;transform:none}.dt .fab-w:active{background:var(--o-deep);transform:scale(.94)}.dt .pop-row{margin:2px -24px -22px;padding:18px 24px 36px}.dt .feed{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3eee5;gap:8px;margin:0 -24px}.dt .post{box-shadow:none;border-radius:0;padding:20px 24px 16px;animation:none}.dt .post:hover{box-shadow:none}.dt .feed:empty{border:0;margin:0}}.dt .wmodal{z-index:130;background:#1e1e2373;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dt .wmodal[hidden]{display:none}.dt .wbox{background:#fff;border-radius:26px;flex-direction:column;width:100%;max-width:640px;max-height:min(860px,100vh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000038}.dt .whd{justify-content:space-between;align-items:center;padding:22px 24px 14px;display:flex}.dt .whd h2{letter-spacing:-.03em;font-size:22px;font-weight:800}.dt .wx{width:40px;height:40px;color:var(--g2);border-radius:50%;justify-content:center;align-items:center;margin-right:-8px;display:flex}.dt .wx:hover{background:var(--iv);color:var(--d)}.dt .wbd{flex-direction:column;flex:1;gap:20px;padding:4px 24px 20px;display:flex;overflow-y:auto}.dt .wl{margin-bottom:8px;font-size:14.5px;font-weight:800;display:block}.dt .wl em{color:var(--g2);margin-left:4px;font-size:13.5px;font-style:normal;font-weight:600}.dt .wi{border:1.5px solid var(--line);width:100%;height:50px;font:inherit;color:var(--d);background:#fff;border-radius:14px;padding:0 16px;font-size:15.5px;transition:border-color .2s}.dt .wi::placeholder{color:#b4b0a8}.dt .wi:focus{border-color:var(--o);outline:none}.dt .wta{resize:vertical;height:auto;min-height:150px;padding:14px 16px;line-height:1.7}.dt .wcnt{color:var(--g2);justify-content:space-between;align-items:center;margin-top:6px;font-size:13px;display:flex}.dt .wcnt b{font-weight:700}.dt .wcnt b i{font-style:normal}.dt .wcnt.ok .wmsg,.dt .wcnt.ok b{color:#1f8a55}.dt .wchips{flex-wrap:wrap;gap:8px;display:flex}.dt .wchip input{opacity:0;pointer-events:none;position:absolute}.dt .wchip span{border:1.5px solid var(--line);height:38px;color:var(--g1);cursor:pointer;border-radius:999px;align-items:center;padding:0 15px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.dt .wchip span:hover{border-color:#e3dacb}.dt .wchip input:checked+span{background:var(--d);border-color:var(--d);color:#fff}.dt .wchip input:focus-visible+span{outline:2px solid var(--o);outline-offset:2px}.dt .wsel{display:block;position:relative}.dt .wsel select{appearance:none;border:1.5px solid var(--line);width:100%;height:50px;font:inherit;color:var(--d);cursor:pointer;background:#fff;border-radius:14px;padding:0 42px 0 16px;font-size:15.5px}.dt .wsel select:focus{border-color:var(--o);outline:none}.dt .wsel svg{pointer-events:none;color:var(--g2);position:absolute;top:17px;right:16px}.dt .wph{flex-wrap:wrap;gap:8px;display:flex}.dt .wadd,.dt .wpv{border-radius:14px;flex:none;width:84px;height:84px;position:relative}.dt .wadd{background:var(--iv);color:var(--g2);cursor:pointer;border:1.5px dashed #dccfb9;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12.5px;font-weight:700;transition:border-color .2s;display:flex}.dt .wadd:hover{border-color:var(--o);color:var(--o-deep)}.dt .wadd b{color:var(--d)}.dt .wadd.full{display:none}.dt .wpv img{object-fit:cover;border-radius:14px;width:100%;height:100%}.dt .wpv button{background:var(--d);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-6px;right:-6px}.dt .wrow2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dt .wico{display:block;position:relative}.dt .wico svg{color:var(--g2);pointer-events:none;position:absolute;top:16px;left:14px}.dt .wico .wi{padding-left:42px}.dt .wnote{color:#666;background:#f8f8f8;border-radius:12px;align-items:flex-start;gap:6px;padding:11px 14px;font-size:13.5px;line-height:1.55;display:flex}.dt .wnote svg{color:var(--g2);flex:none;margin-top:1px}.dt .wft{border-top:1px solid var(--line);background:#fff;padding:14px 24px 22px}.dt .wft .btn{width:100%}.dt .wft .btn,.dt .wft .btn:hover{box-shadow:none}.dt .wft .btn:disabled{color:#b4ada2;cursor:not-allowed;background:#efebe4;transform:none}.dt .wconf{z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.dt .wconf[hidden]{display:none}.dt .wconf>div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:24px 20px 18px;box-shadow:0 18px 44px #1e1e2324}.dt .wconf b{font-size:18px;font-weight:800}.dt .wconf p{color:var(--g1);margin-top:4px;font-size:14px}.dt .wcrow{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.dt .wcrow .btn{width:100%;height:48px;padding:0}.dt .btn-dark{background:var(--d);color:#fff}.dt .wtoast{z-index:140;background:var(--d);color:#fff;border-radius:999px;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:15px;font-weight:700;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0003}.dt .wtoast[hidden]{display:none}.dt .wtoast svg{color:#7be3a8}.dt.wopen{overflow:hidden}@media (max-width:820px){.dt .wmodal{align-items:stretch;padding:0}.dt .wbox{border-radius:0;max-width:none;height:100%;max-height:none}.dt .whd{border-bottom:1px solid var(--line);padding:14px 20px 10px}.dt .whd h2{font-size:18px}.dt .wbd{gap:18px;padding:18px 20px 24px}.dt .wrow2{grid-template-columns:1fr}.dt .wadd,.dt .wpv{width:72px;height:72px}.dt .wft{padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.dt .wtoast{white-space:nowrap;bottom:96px}}.dt .wbd{scrollbar-width:thin;scrollbar-color:#e3dacb transparent}.dt .wbd::-webkit-scrollbar{width:6px}.dt .wbd::-webkit-scrollbar-thumb{background:#e3dacb;border-radius:6px}.dt .wstars{gap:4px;display:flex}.dt .wstars button{color:#e8e0d2;font-size:30px;line-height:1;transition:color .15s,transform .15s}.dt .wstars button:hover{transform:scale(1.08)}.dt .wstars button.is-on{color:#f5b300}.dt .werr{color:#d63b46;background:#fdf0f1;border-radius:12px;gap:6px;padding:11px 14px;font-size:13.5px;font-weight:700;line-height:1.55;display:flex}.dt .bnrs>div:not(.bnr){flex-direction:column;gap:10px;display:flex}.dt .pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:44px;display:flex}.dt .pager a,.dt .pager span{min-width:40px;height:40px;color:var(--g1);border-radius:12px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.dt .pager a:hover{color:var(--d);background:#fff}.dt .pager a.is-on{background:var(--d);color:#fff}.dt .pager .gap{color:var(--g2);min-width:0;padding:0 4px}.dt .pager .off{color:#c9c3b8}@media (max-width:820px){.dt .pager{margin-top:32px}.dt .pager a,.dt .pager span{min-width:36px;height:36px;font-size:14px}}