*{box-sizing:border-box;margin:0;padding:0}
:root{--paper:#F6F1E8;--card:#FBF8F1;--ink:#3B322A;--body:#6E6153;--soft:#9E9484;--line:#E6DECF;--accent:#A78B63;--dark:#38312A}
body{font-family:'Pretendard',-apple-system,sans-serif;background:var(--paper);color:var(--body);line-height:1.85;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.my{font-family:'Nanum Myeongjo',serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.lbl{font-family:'Nanum Myeongjo',serif;font-size:13px;letter-spacing:.32em;color:var(--accent)}
header{position:absolute;top:0;left:0;right:0;z-index:30}
header.light{position:sticky;background:rgba(246,241,232,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;height:88px}
.logo{font-family:'Nanum Myeongjo',serif;font-size:20px;letter-spacing:.04em;font-weight:700;color:#fff}
.nav{display:flex;gap:40px}.nav a{font-size:13.5px;letter-spacing:.06em;font-weight:500;color:rgba(255,255,255,.9)}
header.light .logo{color:var(--ink)}header.light .nav a{color:var(--body)}
.hero{height:100vh;min-height:640px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.hero .bg{position:absolute;inset:0;background:url('/img/hero.jpg?v=1790746477') center/cover;filter:brightness(.74)}
.hero .bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,32,24,.34),rgba(40,32,24,.12) 40%,rgba(40,32,24,.42))}
.hero .in{position:relative;z-index:2;max-width:660px;padding:0 24px}
.hero .lbl{color:rgba(255,255,255,.9)}
.hero h1{font-family:'Nanum Myeongjo',serif;font-size:44px;line-height:1.5;font-weight:400;margin:24px 0 20px;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero p{font-size:15.5px;line-height:1.9;opacity:.92;font-weight:300;max-width:40ch;margin:0 auto}
.hero .scroll{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;font-size:11px;letter-spacing:.3em;color:rgba(255,255,255,.8)}
.intro{padding:130px 0 120px;text-align:center}
.intro .big{font-family:'Nanum Myeongjo',serif;font-size:40px;font-weight:400;letter-spacing:.02em;color:var(--ink);margin:18px 0 30px;line-height:1.5}
.intro p{font-size:16.5px;line-height:2;max-width:50ch;margin:0 auto;font-weight:300}
.intro .line{width:1px;height:56px;background:var(--line);margin:44px auto 0}
.feature{padding:0 0 130px}
.feature .row{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.feature .img{aspect-ratio:4/3.2;background:url('/img/feature.jpg?v=1790746477') center/cover;border-radius:2px}
.feature h2{font-family:'Nanum Myeongjo',serif;font-size:34px;font-weight:400;color:var(--ink);line-height:1.4;margin:16px 0 20px}
.feature .meta{font-size:13px;letter-spacing:.04em;color:var(--soft);margin-bottom:22px}
.feature p{font-size:16px;line-height:1.95;font-weight:300}
.go{display:inline-block;margin-top:32px;font-family:'Nanum Myeongjo',serif;font-size:14px;letter-spacing:.2em;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px}
.cats{padding:110px 0;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{text-align:center;margin-bottom:60px}
.head h2{font-family:'Nanum Myeongjo',serif;font-size:30px;font-weight:400;color:var(--ink);margin-top:12px;letter-spacing:.02em}
.catgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.ci{text-align:center;padding:0 30px;border-right:1px solid var(--line)}.ci:last-child{border-right:none}
.ci .n{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--accent)}
.ci h4{font-family:'Nanum Myeongjo',serif;font-size:20px;font-weight:400;color:var(--ink);margin:16px 0 12px}
.ci p{font-size:14px;line-height:1.8;font-weight:300}
.gallery{padding:130px 0}
.ggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ggrid .g{aspect-ratio:3/2;background-size:cover;background-position:center;border-radius:2px;filter:sepia(.18)}
.band{height:70vh;min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.band .bg{position:absolute;inset:0;background:url('/img/band.jpg?v=1790746477') center/cover;filter:brightness(.66)}
.band .in{position:relative;z-index:2}.band .lbl{color:rgba(255,255,255,.9)}
.band h2{font-family:'Nanum Myeongjo',serif;font-size:36px;font-weight:400;margin:20px 0 26px;line-height:1.5}
.band a{display:inline-block;font-family:'Nanum Myeongjo',serif;font-size:14px;letter-spacing:.2em;border:1px solid rgba(255,255,255,.6);padding:15px 40px}
footer{background:var(--dark);color:rgba(255,255,255,.6);padding:40px 0 24px}
.fgrid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}
footer .logo{font-size:19px}
footer .desc{margin-top:16px;font-size:13px;line-height:1.9;max-width:34ch;color:rgba(255,255,255,.5)}
.fnav{display:flex;gap:50px}.fnav a{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-bottom:6px}
.fnav b{display:block;font-family:'Nanum Myeongjo',serif;font-size:13px;letter-spacing:.2em;color:rgba(255,255,255,.85);margin-bottom:10px}
.fine{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:rgba(255,255,255,.38)}
/* article */
.art{max-width:760px;margin:0 auto;padding:0 40px}
.ahead{text-align:center;padding:80px 0 50px}
.ahead h1{font-family:'Nanum Myeongjo',serif;font-size:40px;font-weight:400;color:var(--ink);line-height:1.42;margin:18px 0 20px}
.ahead .sub{font-size:16.5px;font-weight:300;line-height:1.8;max-width:44ch;margin:0 auto}
.ahead .meta{margin-top:24px;font-size:12.5px;letter-spacing:.08em;color:var(--soft)}
.herofig{max-width:1080px;margin:0 auto 20px;padding:0 40px}
.herofig .im{aspect-ratio:16/7;background:url('/img/art.jpg?v=1790746477') center 60%/cover;border-radius:2px;filter:sepia(.2)}
.lead{padding:64px 0 14px;text-align:center}
.lead .lbl{margin-bottom:20px}
.lead p{font-family:'Nanum Myeongjo',serif;font-size:21px;line-height:1.95;color:var(--ink)}
.lead .line{width:1px;height:48px;background:var(--line);margin:36px auto 0}
.art p{font-size:16.5px;line-height:1.95;font-weight:300;margin:0 0 20px}
.art h3.inh{font-family:'Nanum Myeongjo',serif;font-size:21px;font-weight:400;color:var(--ink);margin:44px 0 14px}
.pull{max-width:760px;margin:60px auto 40px;padding:0 40px;text-align:center}
.pull .bar{width:1px;height:44px;background:var(--accent);margin:0 auto 24px}
.pull p{font-family:'Nanum Myeongjo',serif;font-size:23px;line-height:1.8;color:var(--ink)}
.sec-lbl{text-align:center;margin:80px 0 8px}
.sec-lbl h2{font-family:'Nanum Myeongjo',serif;font-size:30px;font-weight:400;color:var(--ink);margin-top:10px}
.sec-lbl p{font-size:14px;color:var(--soft);margin-top:12px;font-weight:300}
.crit{max-width:900px;margin:36px auto 0;padding:0 40px}
.critgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.critgrid .c{background:var(--card);border:1px solid var(--line);padding:30px 32px}
.critgrid .n{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.2em;color:var(--accent)}
.critgrid h4{font-family:'Nanum Myeongjo',serif;font-size:17.5px;font-weight:400;color:var(--ink);margin:8px 0}
.critgrid p{font-size:14px;font-weight:300;line-height:1.8}
.ranklist{max-width:760px;margin:20px auto 0;padding:0 40px}
.rk{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}
.rk:first-child{border-top:1px solid var(--line)}
.rk .n{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--soft);font-weight:300}
.rk:first-child .n{color:var(--accent)}
.rk .hrow{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
.rk h3{font-family:'Nanum Myeongjo',serif;font-size:21px;font-weight:400;color:var(--ink)}
.rk .type{font-size:12px;letter-spacing:.06em;color:var(--accent);white-space:nowrap}
.rk p{font-size:14.5px;font-weight:300;line-height:1.85;margin:0 0 10px}
.rk .fit{font-size:13.5px;color:var(--ink);line-height:1.75}
.rk .fit b{font-family:'Nanum Myeongjo',serif;font-size:12px;letter-spacing:.1em;color:var(--accent);margin-right:8px;font-weight:700}
.breakfig{max-width:1080px;margin:64px auto 0;padding:0 40px}
.breakfig .im{aspect-ratio:21/8;background:url('/img/break.jpg?v=1790746477') center/cover;border-radius:2px;filter:sepia(.2)}
.cmp{max-width:900px;margin:24px auto 0;padding:0 40px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{font-family:'Nanum Myeongjo',serif;font-size:14px;text-align:center;padding:16px 12px;border-bottom:1.5px solid var(--ink);color:var(--ink);font-weight:700}
th.hl{color:var(--accent)}
td{text-align:center;padding:18px 12px;border-bottom:1px solid var(--line);font-weight:300}
td.hl{color:var(--ink);font-weight:400}
tr:last-child td{border-bottom:none}
.scen,.faqwrap{max-width:760px;margin:24px auto 0;padding:0 40px}
.sc,.faq{padding:26px 0;border-bottom:1px solid var(--line)}
.sc:first-child,.faq:first-child{border-top:1px solid var(--line)}
.sc .q,.faq .q{font-family:'Nanum Myeongjo',serif;font-size:17.5px;color:var(--ink);margin-bottom:8px}
.sc .a,.faq .a{font-size:14.5px;font-weight:300;line-height:1.85}
.endpad{height:120px}
@media(max-width:860px){
 .nav{display:none}.wrap,.art,.crit,.ranklist,.cmp,.scen,.faqwrap,.herofig,.breakfig,.pull{padding-left:20px;padding-right:20px}
 .hero h1{font-size:30px}.intro{padding:90px 0}.intro .big{font-size:27px}
 .feature .row{grid-template-columns:1fr;gap:36px}.feature h2{font-size:26px}
 .catgrid{grid-template-columns:1fr 1fr;gap:40px 0}.ci{border-right:none;padding:0 12px}
 .ggrid{grid-template-columns:1fr}.band h2{font-size:26px}
 .ahead h1{font-size:28px}.lead p{font-size:18px}.pull p{font-size:19px}
 .critgrid{grid-template-columns:1fr}.rk{grid-template-columns:36px 1fr;gap:14px}.rk .hrow{flex-direction:column;gap:2px}
 .cmp{overflow-x:auto}table{min-width:560px}
}
.band .bg:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 42% 38% at 50% 58%,rgba(30,26,22,.32),rgba(30,26,22,0))}
.band h2{text-shadow:0 2px 18px rgba(0,0,0,.45)}
.intro .big{font-size:30px}
.head .hsub{margin-top:12px;font-size:14.5px;color:var(--soft);font-weight:300}
.band h2{margin-bottom:14px}
.band .bsub{font-size:15.5px;line-height:1.9;opacity:.92;font-weight:300;margin-bottom:28px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
@media(max-width:860px){.intro .big{font-size:22px}}
.hero .in{max-width:760px}.hero p{max-width:none}
@media(max-width:860px){.hero p br{display:none}}
/* scroll indicator */
.hero .scroll{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.hero .scroll span{padding-left:.34em}
.hero .scroll i{position:relative;display:block;width:1px;height:46px;background:rgba(255,255,255,.3);overflow:hidden}
.hero .scroll i:before{content:'';position:absolute;left:0;top:-46px;width:1px;height:46px;background:#fff}
.hero .scroll b{display:block;width:9px;height:9px;margin-top:-14px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg)}
/* motion (절제형) */
@media (prefers-reduced-motion:no-preference){
 .hero .bg{animation:heroZoom 22s ease-out forwards}
 @keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
 .hero .in>*{opacity:0;transform:translateY(16px);animation:heroUp 1.1s cubic-bezier(.22,.61,.36,1) forwards}
 .hero .in>.lbl{animation-delay:.35s}.hero .in>h1{animation-delay:.6s}.hero .in>p{animation-delay:.95s}
 .hero .scroll{opacity:0;animation:heroFade 1s ease 1.5s forwards}
 @keyframes heroUp{to{opacity:1;transform:none}}
 @keyframes heroFade{to{opacity:1}}
 .hero .scroll i:before{animation:scrollLine 2.2s cubic-bezier(.65,0,.35,1) 2s infinite}
 @keyframes scrollLine{0%{top:-46px}60%{top:0}100%{top:46px}}
 .hero .scroll b{animation:arrowBob 2.2s ease-in-out 2s infinite}
 @keyframes arrowBob{0%,100%{transform:translateY(-4px) rotate(45deg);opacity:.55}50%{transform:translateY(2px) rotate(45deg);opacity:1}}
 [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
 [data-rv].in{opacity:1;transform:none}
 .feature .img,.ggrid .g{opacity:0;transition:opacity 1.1s ease}
 .feature .img.in,.ggrid .g.in{opacity:1}
}

/* ---- 글 페이지 본문 ---- */
.ahead .lbl a{color:var(--accent)}
.lead{max-width:760px;margin:0 auto;padding:64px 40px 14px;text-align:center}
.lead p{font-family:'Nanum Myeongjo',serif;font-size:19px;line-height:1.95;color:var(--ink);margin:0 0 14px}
.lead p+p{font-family:'Pretendard',sans-serif;font-size:16px;color:var(--body);font-weight:300}
.lead:after{content:'';display:block;width:1px;height:48px;background:var(--line);margin:30px auto 0}
.art-sec{max-width:760px;margin:0 auto;padding:0 40px}
.art-sec p{font-size:16.5px;line-height:1.95;font-weight:300;margin:0 0 20px}
.art-sec h2{font-family:'Nanum Myeongjo',serif;font-size:26px;font-weight:400;color:var(--ink);line-height:1.45;margin:64px 0 18px}
.art-sec h3,.art-sec h3.inh{font-family:'Nanum Myeongjo',serif;font-size:20px;font-weight:400;color:var(--ink);margin:36px 0 12px}
.art-sec .check{background:var(--card);border:1px solid var(--line);padding:24px 30px;margin:8px 0 24px}
.art-sec .check ul{margin:0 0 0 18px}.art-sec .check li{font-size:15.5px;line-height:1.9;font-weight:300}
.art-sec ul{margin:0 0 20px 20px}.art-sec li{font-size:16px;line-height:1.9;font-weight:300}
.art-sec.plain{padding-bottom:20px}
.art-sec.conclusion{margin-top:56px}
.art-sec.conclusion p{font-family:'Nanum Myeongjo',serif;font-size:19px;color:var(--ink);line-height:1.9}
.cmp-in{margin:28px 0 36px;overflow-x:auto}
.cmp-in td:first-child{color:var(--ink);font-weight:400;white-space:nowrap}
.cmp-in td,.cmp-in th{text-align:left}
/* TOP3 섹션 제목 */
.crit-sec>h2,.rank-sec>h2,.cmp-sec>h2,.scen-sec>h2,.faq>h2,.related>h2{text-align:center;font-family:'Nanum Myeongjo',serif;font-size:30px;font-weight:400;color:var(--ink);margin:88px auto 8px;max-width:760px;padding:0 40px;line-height:1.4}
.h2sub{text-align:center;font-size:14px;color:var(--soft);margin:10px auto 0;font-weight:300;max-width:760px;padding:0 40px}
.crit-sec .critgrid{max-width:900px;margin:36px auto 0;padding:0 40px}
.rank-sec .ranklist{margin-top:28px}
.cmp-sec table{max-width:900px;margin:28px auto 0}
.cmp-sec{max-width:980px;margin:0 auto;padding:0 40px}
.cmp-sec>h2{padding:0}
.scen-sec .sc{max-width:680px;margin:0 auto}
.scen-sec>.sc:first-of-type{margin-top:28px}
/* FAQ */
.faq{max-width:760px;margin:0 auto;padding:0 40px}
.faq>h2{padding:0;margin-bottom:28px}
.faq .qa{padding:24px 0;border-bottom:1px solid var(--line)}
.faq .qa:first-of-type{border-top:1px solid var(--line)}
.faq h3.q{font-family:'Nanum Myeongjo',serif;font-size:17.5px;font-weight:400;color:var(--ink);margin:0 0 8px}
.faq .a{font-size:15px;font-weight:300;line-height:1.85}
/* 근거 */
.ref{max-width:760px;margin:56px auto 0;padding:24px 40px 0}
.ref h2{font-size:13px;letter-spacing:.2em;color:var(--soft);font-weight:500;margin-bottom:12px;font-family:'Nanum Myeongjo',serif}
.ref ul{margin:0 0 0 18px}.ref li{font-size:13px;color:var(--soft);line-height:1.8;margin-bottom:6px;word-break:break-all}
/* 함께 읽을 글 */
.related{max-width:1080px;margin:40px auto 0;padding:0 40px}
.related>h2{padding:0;font-size:24px;margin-top:80px}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.rel a{display:block;background:var(--card);border:1px solid var(--line);padding:24px 26px;font-family:'Nanum Myeongjo',serif;font-size:16.5px;color:var(--ink);line-height:1.6}
.rel a span{display:block;font-family:'Pretendard',sans-serif;font-size:12px;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}
/* 목록 */
.lst{max-width:900px;margin:10px auto 0;padding:0 40px}
.lst .li{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.lst .li:first-child{border-top:1px solid var(--line)}
.lst .th{aspect-ratio:3/2;background-size:cover;background-position:center;border-radius:2px}
.lst .c{font-size:12px;letter-spacing:.08em;color:var(--accent)}
.lst h3{font-family:'Nanum Myeongjo',serif;font-size:21px;font-weight:400;color:var(--ink);line-height:1.45;margin:8px 0 10px}
.lst p{font-size:14.5px;font-weight:300;line-height:1.8}
@media(max-width:860px){
 .lead,.art-sec,.faq,.ref,.related,.lst,.cmp-sec,.crit-sec .critgrid{padding-left:20px;padding-right:20px}
 .crit-sec>h2,.rank-sec>h2,.scen-sec>h2{font-size:24px;padding:0 20px}
 .rel{grid-template-columns:1fr}
 .lst .li{grid-template-columns:1fr;gap:16px}
 .art-sec h2{font-size:22px}
}
.herofig .im{filter:none}
/* 9/29 대표 지시: 선정 기준은 번호 동그라미 목록, 먼저 핵심만은 카드 */
.crit-sec .critgrid{display:block;max-width:760px;margin:30px auto 0;padding:0 40px}
.crit-sec .critgrid .c{display:grid;grid-template-columns:44px 1fr;gap:4px 20px;background:none;border:none;border-bottom:1px solid var(--line);padding:24px 0}
.crit-sec .critgrid .c .n{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#F6F1E8;display:flex;align-items:center;justify-content:center;font-family:'Pretendard',sans-serif;font-size:14px;font-weight:600;letter-spacing:0}
.crit-sec .critgrid .c h4{font-family:'Pretendard',sans-serif;font-size:18px;font-weight:700;color:var(--ink);margin:6px 0 6px}
.crit-sec .critgrid .c p{font-size:15.5px;line-height:1.85;margin:0}
.lead{max-width:860px;padding-top:64px}
.lead .lbl{margin-bottom:16px}
.lead{background:none}
.lead>.lbl~p:first-of-type{margin-top:0}
.leadcard{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);padding:36px 44px 26px;text-align:left}
.leadcard p{text-align:left}
@media(max-width:860px){.leadcard{padding:26px 22px 16px}.crit-sec .critgrid{padding:0 20px}}
/* 결론 카드 */
.verdict{max-width:760px;margin:72px auto 0;background:var(--dark);color:#F6F1E8;padding:40px 48px 38px;position:relative}
.verdict .vl{font-family:'Nanum Myeongjo',serif;font-size:13px;letter-spacing:.3em;color:#D9B983;margin-bottom:16px}
.verdict p{font-family:'Nanum Myeongjo',serif;font-size:20px;line-height:1.85;margin:0;color:#F6F1E8}
/* 근거 목록 */
.refbox{max-width:760px;margin:64px auto 0;padding:0 40px}
.refbox .rh{font-family:'Nanum Myeongjo',serif;font-size:15px;letter-spacing:.2em;color:var(--accent);padding-bottom:14px;border-bottom:2px solid var(--ink)}
.refbox ol{list-style:none;counter-reset:r}
.refbox li{counter-increment:r;display:grid;grid-template-columns:28px 1fr auto;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.refbox li:before{content:counter(r);grid-row:span 2;font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--accent);line-height:1.3}
.refbox .rn{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.5}
.refbox .rc{grid-column:2;font-size:13px;color:var(--soft);line-height:1.7}
.refbox .rl{grid-column:3;grid-row:1;font-size:12.5px;color:var(--accent);border:1px solid var(--line);padding:4px 10px;white-space:nowrap;background:var(--card)}
@media(max-width:860px){.verdict{margin:56px 20px 0;padding:28px 24px}.verdict p{font-size:17.5px}.refbox{padding:0 20px}.refbox li{grid-template-columns:24px 1fr}.refbox .rl{grid-column:2;grid-row:auto;justify-self:start}}
/* 9/29 대표 지시: 결론 카드 밝게, 글자 작게 */
.verdict{background:#EDE3D2;color:var(--ink);border-left:3px solid var(--accent);padding:32px 40px 30px}
.verdict .vl{color:var(--accent)}
.verdict p{font-family:'Pretendard',sans-serif;font-size:16.5px;line-height:1.9;color:var(--ink)}
@media(max-width:860px){.verdict p{font-size:16px}}
/* 9/29: 제목 아래 설명 끝 글자 혼자 남지 않게 */
.ahead .sub{max-width:40em;text-wrap:balance}
.ahead h1,.lst h3,.rel a{text-wrap:balance}
p,.a,.sc .a{text-wrap:pretty}
/* 9/29: 업체 소개 카드 */
.rank-sec .ranklist{max-width:880px;padding:0 40px}
.rank-sec .rk{display:block;background:var(--card);border:1px solid var(--line);padding:0;margin:0 0 28px;border-top:none}
.rank-sec .rk:first-child{border-top:none}
.rank-sec .rk>.n{display:none}
.rank-sec .rk .hrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#EDE3D2;padding:22px 34px;margin:0;border-top:3px solid var(--accent)}
.rank-sec .rk .hrow:before{content:attr(data-n);font-family:'Cormorant Garamond',serif;font-size:40px;line-height:1;color:var(--accent);font-weight:400}
.rank-sec .rk h3{font-size:25px}
.rank-sec .rk .type{margin-left:auto;font-size:12.5px;color:var(--ink);background:#F6F1E8;border:1px solid var(--line);padding:5px 12px;border-radius:20px;letter-spacing:.02em}
.rank-sec .rk .stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.rank-sec .rk .stats div{padding:20px 26px;border-right:1px solid var(--line)}
.rank-sec .rk .stats div:last-child{border-right:none}
.rank-sec .rk .stats b{display:block;font-family:'Nanum Myeongjo',serif;font-size:26px;font-weight:400;color:var(--ink)}
.rank-sec .rk .stats span{display:block;font-size:13px;color:var(--soft);margin-top:4px;line-height:1.5}
.rank-sec .rk>div:last-child>p{padding:0 34px;font-size:15.5px;line-height:1.9;color:var(--body)}
.rank-sec .rk>div:last-child>p:first-of-type{padding-top:26px}
.rank-sec .rk .fit{margin:8px 34px 30px;background:#F6F1E8;border-left:3px solid var(--accent);padding:14px 20px;font-size:15px;color:var(--ink);line-height:1.7}
.rank-sec .rk .fit b{display:block;font-family:'Pretendard',sans-serif;font-size:12.5px;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}
@media(max-width:860px){.rank-sec .ranklist{padding:0 16px}.rank-sec .rk .hrow{padding:18px 20px}.rank-sec .rk .type{margin-left:0}.rank-sec .rk .stats{grid-template-columns:1fr}.rank-sec .rk .stats div{border-right:none;border-bottom:1px solid var(--line);padding:14px 20px}.rank-sec .rk>div:last-child>p{padding:0 20px}.rank-sec .rk .fit{margin:8px 20px 24px}}
/* 9/29: 업체 카드 색 정리 (탁한 베이지 머리띠 제거) */
.rank-sec .rk{background:#FFFDF9;border:1px solid var(--line)}
.rank-sec .rk .hrow{background:#FFFDF9;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.rank-sec .rk .hrow:before{color:var(--accent)}
.rank-sec .rk .type{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.rank-sec .rk .stats{background:#F8F3EA}
.rank-sec .rk .fit{background:#F8F3EA}
/* 9/29: 업체 카드 본문 바탕을 숫자칸 색으로 통일 */
.rank-sec .rk{background:#F8F3EA}
.rank-sec .rk .stats{border-bottom:1px solid var(--line)}
.rank-sec .rk .fit{background:#FFFDF9}
.breakfig .im{filter:none;aspect-ratio:21/8}
/* 9/29: 목록을 한 줄 나열 대신 격자로 */
.lst{max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px 32px;padding:0 40px}
.lst .li{display:block;padding:0;border:none!important}
.lst .th{aspect-ratio:3/2;margin-bottom:18px;transition:opacity .3s}
.lst .li:hover .th{opacity:.88}
.lst .li:hover h3{color:var(--accent)}
.lst h3{font-size:19px;margin:8px 0 8px}
.lst p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1000px){.lst{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.lst{grid-template-columns:1fr;padding:0 20px}}