@charset "utf-8";
/* =========================================================
   미주치과병원 | 스마일 라인 케어 (smileline.php) 전용 스타일
   - 이 페이지에서만 불러오므로 다른 페이지에는 영향 없음
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@400;600&display=swap');

/* ---- 사이트 틀 보정 : 1000px 본문 틀 해제 ---- */
#subcontents{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}
/* ---- 상단 하위 탭(치아성형/치아미백/스마일라인케어) : 다른 서브페이지와 같은 크기로, 가운데 정렬 ---- */
#subqick ul{width:auto!important;height:auto!important;display:flex;justify-content:center;flex-wrap:wrap;margin:20px auto 24px!important}
#subqick li{float:none!important;width:130px!important;white-space:nowrap}
.slc{
  --ivory:#faf7f2; --sand:#f3ece2; --gold:#b8894e; --gold-l:#dcc19a; --gold-d:#8f6a3a;
  --deep:#2f2722; --red:#c63d57; --red-d:#a92e47; --red-l:#fbe9ec; --redgrad:linear-gradient(135deg,#e0697d 0%,#c63d57 55%,#a92e47 100%); --text:#4d443e; --muted:#8a7f77; --line:#e8dfd3;
  --goldgrad:linear-gradient(135deg,#e6cd9f 0%,#c39a5e 45%,#9d763f 100%);
  font-family:'Noto Sans KR',sans-serif;color:var(--text);font-size:19px;line-height:1.8;letter-spacing:-0.02em;word-break:keep-all;background:#fff;overflow:hidden}
.slc *{box-sizing:border-box;margin:0;padding:0}
.slc img{max-width:100%;display:block}
.slc .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.slc .en{font-family:'Cormorant Garamond',serif;letter-spacing:0.03em}
.slc .gold-t{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 섹션 머리 */
.slc .sec{padding:130px 0}
.slc .head{text-align:center;margin-bottom:60px}
.slc .qno{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font-family:'Cormorant Garamond',serif;font-size:19px;letter-spacing:.24em;color:var(--gold);font-weight:600;text-transform:uppercase}
.slc .qno:before,.slc .qno:after{content:"";width:40px;height:1px;background:var(--goldgrad)}
.slc .qno b{font-size:26px;letter-spacing:0;font-weight:700;color:var(--red)}
.slc .tit{font-family:'Noto Serif KR',serif;font-size:42px;font-weight:600;line-height:1.45;color:var(--deep);letter-spacing:-0.03em}
.slc .tit em{font-style:normal;color:var(--gold-d)}
.slc .lead{margin-top:22px;font-size:20px;color:var(--muted)}
.slc .bg-ivory{background:var(--ivory)}

/* HERO */
.slc .hero{position:relative;aspect-ratio:16/9;max-height:900px;width:100%;background:#8b7462 url(../img/hero_main.jpg) center/cover no-repeat;overflow:hidden}
.slc .hero .txt{position:absolute;left:11%;top:50%;transform:translateY(-50%);width:50%;color:#fff;text-shadow:0 2px 18px rgba(40,25,15,.35)}
.slc .hero .eyebrow{font-size:clamp(17px,1.7vw,26px);animation:slcUp 1.1s .1s both}
.slc .hero .big{font-family:'Cormorant Garamond',serif;font-size:clamp(56px,7vw,116px);line-height:.98;font-weight:500;margin:18px 0 14px;animation:slcUp 1.1s .3s both;filter:drop-shadow(0 3px 14px rgba(60,35,10,.35))}
.slc .hero .orn{display:flex;align-items:center;gap:14px;max-width:560px;color:var(--gold-l);animation:slcUp 1.1s .45s both}
.slc .hero .orn:before,.slc .hero .orn:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(230,205,159,0),#e6cd9f,rgba(230,205,159,0))}
.slc .hero h1{font-family:'Noto Serif KR',serif;font-size:clamp(26px,2.5vw,40px);font-weight:600;margin:22px 0 12px;animation:slcUp 1.1s .6s both}
.slc .hero p{font-size:clamp(17px,1.4vw,22px);line-height:1.7;animation:slcUp 1.1s .75s both}
@keyframes slcUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* 장비 */
.slc .device-sec{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.slc .device-sec .dv{position:relative;border-radius:8px;background:radial-gradient(circle at 50% 55%,#fff 0%,rgba(255,255,255,0) 60%),linear-gradient(160deg,#f7f2ea,#ece2d3);display:flex;align-items:center;justify-content:center;padding:130px 0 40px;min-height:680px}
.slc .device-sec .dv img{height:500px;width:auto;filter:drop-shadow(0 30px 30px rgba(70,50,30,.25))}
.slc .device-sec .dv .lab{position:absolute;left:30px;top:26px;font-family:'Cormorant Garamond',serif;font-size:50px;font-weight:600;color:var(--deep);line-height:1}
.slc .device-sec .dv .lab small{display:block;font-size:17px;color:var(--gold-d);letter-spacing:.06em;font-weight:500;margin-top:6px}
.slc .device-sec .t .qno{justify-content:flex-start}
.slc .device-sec .t .qno:before{display:none}
.slc .device-sec h2{font-family:'Noto Serif KR',serif;font-size:40px;font-weight:600;line-height:1.45;color:var(--deep)}
.slc .device-sec h2 em{font-style:normal;color:var(--gold-d)}
.slc .device-sec .t>p{margin-top:18px;font-size:19.5px}
.slc .checks{margin-top:30px;border-top:2px solid var(--deep)}
.slc .checks li{list-style:none;display:flex;align-items:center;gap:18px;padding:20px 4px;border-bottom:1px solid var(--line);font-size:20px}
.slc .checks li i{flex:0 0 34px;height:34px;border-radius:50%;background:var(--redgrad);color:#fff;font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center}
.slc .checks li b{color:var(--red);font-weight:700}

/* 노화 */
.slc .aging{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.slc .figure{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(70,50,30,.35)}
.slc .figure img{width:100%}
.slc .figure p{padding:22px 26px 26px;font-size:18px;line-height:1.7}
.slc .figure p b{display:block;color:var(--deep);font-size:21px;font-weight:500;margin-bottom:6px}
.slc .figure p b i{font-style:normal;color:var(--gold-d)}
.slc .aging .t h3{font-family:'Noto Serif KR',serif;font-size:32px;color:var(--deep);font-weight:600;line-height:1.45;margin-bottom:20px}
.slc .aging .t p{font-size:19px}
.slc .signs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.slc .signs span{position:relative;background:#fff;border:1.5px solid #ecbcc4;border-radius:40px;padding:13px 18px 13px 40px;font-size:17.5px;text-align:left;color:var(--red-d);font-weight:600;box-shadow:0 8px 18px -14px rgba(198,61,87,.6);transition:.3s}
.slc .signs span:before{content:"";position:absolute;left:18px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--redgrad);box-shadow:0 0 0 4px rgba(198,61,87,.15)}
.slc .signs span:hover{background:var(--red-l);transform:translateY(-2px)}
.slc .signs span.all{background:var(--redgrad);color:#fff;border-color:transparent;text-align:center;padding-left:18px}
.slc .signs span.all:before{display:none}

/* Smile Line Care? */
.slc .slcare{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.slc .face{position:relative;border-radius:8px;overflow:hidden;background:#f6f3f0}
.slc .face img{width:100%;height:100%;object-fit:cover}
.slc .pt{position:absolute;display:flex;align-items:center;gap:10px;transform:translateY(-50%)}
.slc .pt b{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--gold);animation:slcPulse 2.4s infinite}
.slc .pt span{background:rgba(47,39,34,.75);color:#fff;font-size:16px;padding:6px 16px;border-radius:30px;white-space:nowrap}
@keyframes slcPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.6)}50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
.slc .slcare .t{background:var(--ivory);border-radius:8px;padding:50px 46px;display:flex;flex-direction:column;justify-content:center}
.slc .slcare .t h3{font-family:'Noto Serif KR',serif;font-size:30px;color:var(--deep);font-weight:600;line-height:1.5;margin-bottom:18px}
.slc .slcare .t h3 em{font-style:normal;color:var(--gold-d)}
.slc .slcare .t p{font-size:19px}
.slc .slcare .t p strong{color:var(--red-d);font-weight:700;background:linear-gradient(transparent 62%,rgba(198,61,87,.14) 62%)}

/* 전후 */
.slc .ba-wrap{margin-top:70px}
.slc .ba-wrap h3{text-align:center;font-family:'Noto Serif KR',serif;font-size:30px;color:var(--deep);font-weight:600;margin-bottom:30px}
.slc .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.slc .case{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(70,50,30,.45)}
.slc .ba{position:relative;overflow:hidden;cursor:ew-resize;user-select:none;touch-action:pan-y}
.slc .ba{aspect-ratio:12/5}
.slc .ba>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.slc .ba .after img{object-position:center;pointer-events:none}
.slc .ba .after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.slc .ba .after img{width:100%;height:100%;object-fit:cover}
.slc .ba .bar{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.25)}
.slc .ba .bar:after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--redgrad);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;letter-spacing:2px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.slc .ba .lab{position:absolute;bottom:16px;font-family:'Cormorant Garamond',serif;font-size:22px;color:#fff;background:rgba(47,39,34,.6);padding:3px 16px;border-radius:20px;letter-spacing:.1em}
.slc .ba .lab.b{left:16px}.slc .ba .lab.a{right:16px;background:rgba(198,61,87,.9)}
.slc .case .cap{padding:20px 24px 24px}
.slc .case .cap b{display:block;font-size:20px;color:var(--deep);font-weight:500}
.slc .case .cap span{font-size:16.5px;color:var(--muted)}
.slc .case-note{margin-top:24px;text-align:center;font-size:16px;color:var(--muted);line-height:1.7}

/* 왜 미주치과병원 */
.slc .vs{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.slc .vs .figure img{height:300px;object-fit:cover}
.slc .vs .tag{display:inline-block;font-size:15px;padding:3px 14px;border-radius:20px;margin-bottom:10px;background:var(--sand);color:var(--muted)}
.slc .vs .figure.on .tag{background:var(--redgrad);color:#fff}
.slc .vs .figure.on{box-shadow:0 0 0 2px #f1c4cc,0 24px 40px -26px rgba(198,61,87,.5)}
.slc .chk{margin-top:12px}
.slc .chk li{list-style:none;position:relative;padding:5px 0 5px 28px;font-size:17px}
.slc .chk li:before{content:"✓";position:absolute;left:2px;top:5px;color:var(--gold);font-weight:700}
.slc .inout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;margin-top:80px;background:var(--ivory);border-radius:8px;padding:50px}
.slc .inout .en.it{font-size:24px;color:var(--gold-d);font-style:italic}
.slc .inout h3{font-family:'Noto Serif KR',serif;font-size:32px;font-weight:600;color:var(--deep);line-height:1.45;margin:6px 0 24px}
.slc .route{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-top:1px solid var(--line)}
.slc .route:last-of-type{border-bottom:1px solid var(--line)}
.slc .route .no{font-family:'Cormorant Garamond',serif;font-size:40px;line-height:1;min-width:52px;font-weight:600}
.slc .route b{display:block;font-size:21px;color:var(--deep);font-weight:500;margin-bottom:4px}
.slc .route p{font-size:18px;line-height:1.7}
.slc .inout .note2{margin-top:20px;font-size:17.5px;color:var(--text)}
.slc .pt-red{color:var(--red);font-weight:700}

/* 비교표 */
.slc .cmp{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(70,50,30,.45)}
.slc .cmp th,.slc .cmp td{padding:20px 16px;text-align:center;border-bottom:1px solid var(--line);font-size:18px}
.slc .cmp thead th{background:#f3ece2;color:var(--deep);font-weight:500;font-size:18px}
.slc .cmp thead th.me{background:var(--redgrad);color:#fff;font-weight:700;font-size:20px;position:relative}
.slc .cmp thead th.me:after{content:"추천";position:absolute;top:8px;right:10px;font-size:12px;font-weight:600;background:#fff;color:var(--red);padding:1px 8px;border-radius:20px}
.slc .cmp tbody th{background:#faf7f2;color:var(--deep);font-weight:500;width:16%}
.slc .cmp td.me{background:#fdf0f2;color:var(--red-d);font-weight:700;font-size:19px;border-left:2px solid #f1c4cc;border-right:2px solid #f1c4cc}
.slc .cmp tbody tr:last-child td.me{border-bottom:2px solid #f1c4cc}
.slc .cmp td.me:before{content:"✓ ";color:var(--red)}
.slc .cmp-wrap{overflow-x:auto}
.slc .cmp-note{margin-top:16px;font-size:15.5px;color:var(--muted);text-align:right}

/* 다른 시술과 차이 Q&A */
.slc .diff{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:60px}
.slc .dcard{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.slc .dcard .q{background:var(--deep);color:#fff;padding:22px 28px;font-family:'Noto Serif KR',serif;font-size:23px;font-weight:600;display:flex;gap:14px;align-items:center}
.slc .dcard .q .en{font-size:32px;color:var(--gold-l);line-height:1}
.slc .dcard .bd{display:block;padding:28px 30px;flex:1}
.slc .dcard .bd img{display:block;width:100%;max-width:340px;margin:22px auto 0}
.slc .dcard .bd h4{font-size:21px;color:var(--deep);font-weight:700;margin-bottom:10px;white-space:nowrap;letter-spacing:-.04em}
.slc .dcard .bd p{font-size:17px}
.slc .dcard .bd ul{margin-top:12px}
.slc .dcard .bd li{list-style:none;position:relative;padding:5px 0 5px 24px;font-size:16.5px;color:var(--muted)}
.slc .dcard .bd li:before{content:"–";position:absolute;left:4px;color:var(--gold)}
.slc .dcard .ans{background:var(--red-l);padding:20px 28px;font-size:17.5px;color:var(--deep);border-top:1px solid var(--line)}
.slc .dcard .ans b{color:var(--red)}

/* 추천 대상 */
.slc .recs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.slc .rec{background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px 30px;display:flex;gap:22px;align-items:flex-start;transition:.4s}
.slc .rec:hover{border-color:#ecbcc4;box-shadow:0 24px 40px -28px rgba(70,50,30,.45);transform:translateY(-4px)}
.slc .rec .ic{flex:0 0 92px;height:92px;border-radius:50%;background:var(--ivory);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--gold-l)}
.slc .rec .ic img{max-width:56px;max-height:52px}
.slc .rec b{display:block;font-size:21px;color:var(--deep);font-weight:600;margin:0 0 8px}
.slc .rec:hover b{color:var(--red)}
.slc .rec p{font-size:17px;color:var(--muted);line-height:1.65}

/* 시술 과정 */
.slc .bg-deep{background:#2c241f;color:#e6dbd0}
.slc .bg-deep .tit{color:#fff}
.slc .bg-deep .tit em{color:var(--gold-l)}
.slc .bg-deep .lead{color:#bcae9f}
.slc .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.slc .step{background:#362d27;border:1px solid rgba(220,193,154,.18);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.slc .step .im{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(150deg,#4a3d33,#2f2621)}
.slc .step .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.slc .step .im:after{content:"";position:absolute;left:0;right:0;top:0;height:60%;background:linear-gradient(180deg,rgba(30,22,16,.55),rgba(30,22,16,0));pointer-events:none}
.slc .step .num{z-index:2}
.slc .step:hover .im img{transform:scale(1.06)}
.slc .step .im.icon{display:flex;align-items:center;justify-content:center}
.slc .step .im.icon svg{width:64px;height:64px;stroke:var(--gold-l);fill:none;stroke-width:1.3}
.slc .step .num{position:absolute;left:14px;top:12px;font-family:'Cormorant Garamond',serif;color:#fff;font-size:15px;letter-spacing:.18em;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.slc .step .num strong{font-size:34px;display:block;line-height:1;letter-spacing:0}
.slc .step .bd{padding:20px 18px 24px;flex:1}
.slc .step .en{font-size:21px;font-weight:600}
.slc .step b{display:block;font-size:20px;color:#fff;font-weight:500;margin:0 0 10px}
.slc .step p{font-size:16.5px;line-height:1.65;color:#d6cabe}
.slc .step p em{font-style:normal;color:var(--gold-l)}
.slc .tips{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}
.slc .tip{background:#362d27;border:1px solid rgba(220,193,154,.18);border-radius:8px;padding:24px 16px;text-align:center}
.slc .tip .im{height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 68%)}
.slc .tip .im img{max-height:115px;width:auto}
.slc .tip .en{font-size:21px;font-weight:600}
.slc .tip p{font-size:15.5px;color:#cdbfb2;margin-top:4px;line-height:1.6}

/* 시술 영상 */
.slc .film{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.slc .film .v{border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(70,50,30,.5);background:#000;border:1px solid var(--gold-l)}
.slc .film .v video{width:100%;display:block}
.slc .film .t .en{font-size:24px;font-style:italic}
.slc .film h3{font-family:'Noto Serif KR',serif;font-size:32px;color:var(--deep);font-weight:600;line-height:1.45;margin:8px 0 18px}
.slc .film p{font-size:18.5px}
.slc .film ol{margin-top:22px;counter-reset:s}
.slc .film ol li{list-style:none;counter-increment:s;position:relative;padding:10px 0 10px 44px;font-size:18px;border-bottom:1px solid var(--line)}
.slc .film ol li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:8px;font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--gold);font-weight:600}
.slc .film.rev{grid-template-columns:1fr 1.5fr;margin-top:70px}

/* 시술 횟수 / 통증 */
.slc .feel{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.slc .feel .box{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(70,50,30,.45)}
.slc .feel .box h4{background:var(--redgrad);color:#fff;text-align:center;font-size:22px;font-weight:500;padding:16px}
.slc .feel .box ul{padding:20px 34px 26px}
.slc .feel .box li{list-style:none;position:relative;padding:12px 0 12px 34px;font-size:19px;border-bottom:1px dashed var(--line)}
.slc .feel .box li:last-child{border:none}
.slc .feel .box li:before{content:"✓";position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:50%;background:var(--ivory);color:var(--gold);font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700}
.slc .badges{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.slc .badge{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 24px;display:flex;gap:18px;align-items:center}
.slc .badge svg{flex:0 0 52px;height:52px;stroke:var(--gold);fill:none;stroke-width:1.4}
.slc .badge b{display:block;font-size:21px;color:var(--deep);font-weight:500}
.slc .badge span{font-size:16.5px;color:var(--muted)}
.slc .five{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:80px}
.slc .five figure{border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 20px 40px -30px rgba(70,50,30,.45)}
.slc .five figcaption{padding:14px 20px;font-size:16px;color:var(--muted)}
.slc .five .en.it{font-size:24px;color:var(--gold-d);font-style:italic}
.slc .five h3{font-family:'Noto Serif KR',serif;font-size:30px;color:var(--deep);font-weight:600;margin:6px 0 18px}
.slc .five ol{counter-reset:f}
.slc .five ol li{list-style:none;counter-increment:f;position:relative;padding:12px 0 12px 50px;font-size:19px;border-bottom:1px solid var(--line)}
.slc .five ol li:before{content:counter(f,decimal-leading-zero);position:absolute;left:0;top:7px;font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:var(--gold)}
.slc .quote{margin-top:28px;padding:26px 30px;background:var(--ivory);border-left:3px solid var(--gold)}
.slc .quote q{font-family:'Noto Serif KR',serif;font-size:24px;color:var(--deep);quotes:"\201C" "\201D"}
.slc .quote p{margin-top:10px;font-size:17.5px}

/* 환자별 탭 */
.slc .tabs{display:flex;justify-content:center;gap:10px;margin-bottom:36px;flex-wrap:wrap}
.slc .tabs button{font-family:inherit;font-size:18px;border:1px solid var(--line);background:#fff;color:var(--text);padding:12px 26px;border-radius:40px;cursor:pointer;transition:.3s}
.slc .tabs button.on{background:var(--redgrad);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px rgba(198,61,87,.7)}
.slc .panel{display:none;grid-template-columns:.85fr 1.15fr;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(70,50,30,.35)}
.slc .panel.on{display:grid;animation:slcFade .5s}
.slc .panel .l{position:relative;min-height:520px;background-size:cover;background-position:center 30%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 40px 36px;color:#fff}
.slc .panel .l:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,22,16,0) 40%,rgba(30,22,16,.72) 100%)}
.slc .panel .l>*{position:relative}
.slc .panel .l .num{font-family:'Cormorant Garamond',serif;font-size:72px;line-height:.9;font-weight:500}
.slc .panel .l .en{font-size:22px;font-style:italic;color:var(--gold-l)}
.slc .panel .l h4{font-family:'Noto Serif KR',serif;font-size:27px;font-weight:600;line-height:1.45;margin-top:8px;color:#fff}
.slc .panel .r{padding:44px 50px;display:flex;flex-direction:column;justify-content:center}
.slc .panel .r li{list-style:none;position:relative;padding:11px 0 11px 30px;font-size:18.5px;border-bottom:1px solid #f1ebe3}
.slc .panel .r li:last-child{border:none}
.slc .panel .r li:before{content:"";position:absolute;left:4px;top:24px;width:9px;height:9px;border-radius:50%;border:2px solid var(--gold)}
@keyframes slcFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* FAQ */
.slc .faq{max-width:960px;margin:0 auto}
.slc .faq details{border-bottom:1px solid var(--line)}
.slc .faq details:first-child{border-top:2px solid var(--deep)}
.slc .faq summary{list-style:none;cursor:pointer;padding:26px 50px 26px 0;position:relative;font-size:21px;color:var(--deep);font-weight:500}
.slc .faq summary::-webkit-details-marker{display:none}
.slc .faq summary .en{font-size:30px;margin-right:14px;font-weight:600}
.slc .faq summary:after{content:"";position:absolute;right:10px;top:50%;width:13px;height:13px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-75%) rotate(45deg);transition:.3s}
.slc .faq details[open] summary:after{transform:translateY(-25%) rotate(-135deg)}
.slc .faq .a{padding:0 20px 28px 44px;font-size:19px}

/* 마무리 */
.slc .closing{position:relative;aspect-ratio:16/9;max-height:860px;width:100%;background:#2a211b url(../img/closing.jpg) center/cover no-repeat}
.slc .closing .txt{position:absolute;left:9%;top:50%;transform:translateY(-50%);width:44%;color:#fff}
.slc .closing .eyebrow{font-size:clamp(16px,1.5vw,22px);color:#e9dccd}
.slc .closing .en{font-size:clamp(46px,5.4vw,86px);line-height:1;font-weight:500;margin:14px 0}
.slc .closing h3{font-family:'Noto Serif KR',serif;font-size:clamp(24px,2.3vw,36px);font-weight:600;line-height:1.5;margin:10px 0 14px}
.slc .closing p{font-size:clamp(16px,1.4vw,21px);color:#e9dccd}
.slc .closing .cta{display:inline-block;margin-top:30px;padding:14px 34px;border:1px solid var(--gold-l);border-radius:40px;color:#f3e3c7;font-size:18px;letter-spacing:.02em}
.slc .note{font-size:15.5px;color:var(--muted);text-align:center;padding:34px 24px;line-height:1.7;background:#fff}

/* 스크롤 등장 */
.slc .fu{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}
.slc .fu.show{opacity:1;transform:none}

/* 태블릿 */
@media (max-width:1024px){
  .slc{font-size:18px}
  .slc .device-sec,.slc .aging,.slc .slcare,.slc .ba-grid,.slc .inout,.slc .diff,.slc .film,.slc .film.rev,.slc .five,.slc .feel{grid-template-columns:1fr}
  .slc .recs{grid-template-columns:1fr 1fr}
  .slc .steps{grid-template-columns:repeat(2,1fr)}
  .slc .tips{grid-template-columns:repeat(2,1fr)}
  .slc .badges{grid-template-columns:1fr}
}
/* 모바일 */
@media (max-width:768px){
  .slc{font-size:17px}
  .slc .sec{padding:84px 0}
  .slc .head{margin-bottom:40px}
  .slc .tit{font-size:28px}
  .slc .lead{font-size:17px}
  .slc .qno{font-size:15px}.slc .qno b{font-size:21px}
  .slc .hero{aspect-ratio:auto;height:auto;max-height:none;background:#3a2e26 url(../img/hero_main.jpg) 78% top/auto 330px no-repeat;padding-top:330px}
  .slc .hero .txt{position:static;transform:none;width:auto;padding:34px 24px 46px;text-shadow:none}
  .slc .hero .eyebrow{font-size:16px}
  .slc .hero .big{font-size:54px;margin:10px 0}
  .slc .hero h1{font-size:24px;margin:14px 0 8px}
  .slc .hero p{font-size:16.5px}
  .slc .device-sec .dv{min-height:0;padding:110px 0 30px}
  .slc .device-sec .dv img{height:360px}
  .slc .device-sec .dv .lab{font-size:36px}
  .slc .device-sec h2{font-size:27px}
  .slc .checks li{font-size:17px;padding:15px 2px}
  .slc .aging .t h3{font-size:25px}
  .slc .signs span{font-size:15px;padding:10px 12px}
  .slc .slcare .t{padding:30px 24px}
  .slc .slcare .t h3{font-size:23px}
  .slc .pt{flex-direction:row-reverse;transform:translate(calc(-100% + 14px),-50%)}
  .slc .pt span{font-size:13px;padding:3px 10px}
  .slc .ba-wrap h3{font-size:24px}
  .slc .vs{grid-template-columns:1fr}
  .slc .vs .figure img{height:auto}
  .slc .inout{padding:26px;gap:26px;margin-top:50px}
  .slc .inout h3{font-size:25px}
  .slc .cmp th,.slc .cmp td{padding:14px 8px;font-size:14.5px}
  .slc .cmp thead th{font-size:14.5px}
  .slc .dcard .q{font-size:19px;padding:18px 20px}
  .slc .dcard .bd{padding:22px}
  .slc .dcard .bd h4{white-space:normal;font-size:19px}
  .slc .dcard .bd img{max-width:260px}
  .slc .dcard .ans{padding:18px 22px;font-size:16px}
  .slc .recs{grid-template-columns:1fr}
  .slc .rec{padding:24px 20px;gap:16px}
  .slc .rec .ic{flex-basis:72px;height:72px}
  .slc .rec .ic img{max-width:44px;max-height:40px}
  .slc .rec b{font-size:19px}.slc .rec p{font-size:15.5px}
  .slc .steps{grid-template-columns:1fr}
  .slc .step{display:grid;grid-template-columns:42% 1fr}
  .slc .step .im{aspect-ratio:auto;min-height:150px}
  .slc .step .bd{padding:16px}
  .slc .step b{font-size:18px}.slc .step p{font-size:15.5px}
  .slc .tips{gap:10px}
  .slc .film h3{font-size:25px}
  .slc .feel .box li{font-size:17px}
  .slc .five h3{font-size:24px}
  .slc .five ol li{font-size:17px}
  .slc .quote q{font-size:20px}
  .slc .tabs button{font-size:15px;padding:9px 15px}
  .slc .panel.on{grid-template-columns:1fr}
  .slc .panel .l{padding:24px;min-height:360px}
  .slc .panel .l .num{font-size:50px}
  .slc .panel .l h4{font-size:22px}
  .slc .panel .r{padding:22px}
  .slc .panel .r li{font-size:16.5px}
  .slc .faq summary{font-size:18px;padding:22px 40px 22px 0}
  .slc .faq .a{padding:0 6px 24px 40px;font-size:17px}
  .slc .closing{aspect-ratio:auto;max-height:none;background:#2a211b url(../img/closing.jpg) 80% top/auto 320px no-repeat;padding-top:320px}
  .slc .closing .txt{position:static;transform:none;width:auto;padding:34px 24px 50px}
  .slc .closing .en{font-size:44px}
  .slc .closing h3{font-size:23px}
}

/* 히어로 '치과 리프팅' 뱃지 */
.slc .hero .pill{display:inline-block;align-self:flex-start;background:linear-gradient(135deg,#e0697d,#c63d57 55%,#a92e47);color:#fff;font-size:clamp(16px,1.5vw,21px);font-weight:700;padding:9px 22px;border-radius:40px;margin-bottom:18px;box-shadow:0 10px 24px -8px rgba(198,61,87,.8);text-shadow:none;animation:slcUp 1.1s 0s both}
.slc.is-m .hero .pill{font-size:16px;padding:7px 18px;margin-bottom:12px}
@media (max-width:768px){.slc .hero .pill{font-size:16px;padding:7px 18px;margin-bottom:12px}}

/* ---- 화면 전체 폭으로 펼치기 ---- */
.slc{width:100vw!important;max-width:none!important;position:relative;left:50%;margin-left:-50vw!important}
.slc.is-m{left:0!important}
.slc h1,.slc h2,.slc h3,.slc h4{font-weight:600}
.slc a{color:inherit}

/* ---- 휴대폰 보정 ----
   사이트 head.php가 viewport width=980 고정이라 휴대폰에서도 PC 화면이 축소되어 보임.
   smileline.js가 휴대폰을 감지하면 .is-m 클래스를 붙여 아래 모바일 레이아웃을 적용함. */
.slc.is-m{font-size:18px}
.slc.is-m .device-sec,.slc.is-m .aging,.slc.is-m .slcare,.slc.is-m .ba-grid,.slc.is-m .inout,.slc.is-m .diff,.slc.is-m .film,.slc.is-m .film.rev,.slc.is-m .five,.slc.is-m .feel{grid-template-columns:1fr}
.slc.is-m .recs{grid-template-columns:1fr 1fr}
.slc.is-m .steps{grid-template-columns:repeat(2,1fr)}
.slc.is-m .tips{grid-template-columns:repeat(2,1fr)}
.slc.is-m .badges{grid-template-columns:1fr}
.slc.is-m{font-size:17px}
.slc.is-m .sec{padding:84px 0}
.slc.is-m .head{margin-bottom:40px}
.slc.is-m .tit{font-size:28px}
.slc.is-m .lead{font-size:17px}
.slc.is-m .qno{font-size:15px}
.slc.is-m .qno b{font-size:21px}
.slc.is-m .hero{aspect-ratio:auto;height:auto;max-height:none;background:#3a2e26 url(../img/hero_main.jpg) 78% top/auto 330px no-repeat;padding-top:330px}
.slc.is-m .hero .txt{position:static;transform:none;width:auto;padding:34px 24px 46px;text-shadow:none}
.slc.is-m .hero .eyebrow{font-size:16px}
.slc.is-m .hero .big{font-size:54px;margin:10px 0}
.slc.is-m .hero h1{font-size:24px;margin:14px 0 8px}
.slc.is-m .hero p{font-size:16.5px}
.slc.is-m .device-sec .dv{min-height:0;padding:110px 0 30px}
.slc.is-m .device-sec .dv img{height:360px}
.slc.is-m .device-sec .dv .lab{font-size:36px}
.slc.is-m .device-sec h2{font-size:27px}
.slc.is-m .checks li{font-size:17px;padding:15px 2px}
.slc.is-m .aging .t h3{font-size:25px}
.slc.is-m .signs span{font-size:15px;padding:10px 12px}
.slc.is-m .slcare .t{padding:30px 24px}
.slc.is-m .slcare .t h3{font-size:23px}
.slc.is-m .pt{flex-direction:row-reverse;transform:translate(calc(-100% + 14px),-50%)}
.slc.is-m .pt span{font-size:13px;padding:3px 10px}
.slc.is-m .ba-wrap h3{font-size:24px}
.slc.is-m .vs{grid-template-columns:1fr}
.slc.is-m .vs .figure img{height:auto}
.slc.is-m .inout{padding:26px;gap:26px;margin-top:50px}
.slc.is-m .inout h3{font-size:25px}
.slc.is-m .cmp th,.slc.is-m .cmp td{padding:14px 8px;font-size:14.5px}
.slc.is-m .cmp thead th{font-size:14.5px}
.slc.is-m .dcard .q{font-size:19px;padding:18px 20px}
.slc.is-m .dcard .bd{padding:22px}
.slc.is-m .dcard .bd h4{white-space:normal;font-size:19px}
.slc.is-m .dcard .bd img{max-width:260px}
.slc.is-m .dcard .ans{padding:18px 22px;font-size:16px}
.slc.is-m .recs{grid-template-columns:1fr}
.slc.is-m .rec{padding:24px 20px;gap:16px}
.slc.is-m .rec .ic{flex-basis:72px;height:72px}
.slc.is-m .rec .ic img{max-width:44px;max-height:40px}
.slc.is-m .rec b{font-size:19px}
.slc.is-m .rec p{font-size:15.5px}
.slc.is-m .steps{grid-template-columns:1fr}
.slc.is-m .step{display:grid;grid-template-columns:42% 1fr}
.slc.is-m .step .im{aspect-ratio:auto;min-height:150px}
.slc.is-m .step .bd{padding:16px}
.slc.is-m .step b{font-size:18px}
.slc.is-m .step p{font-size:15.5px}
.slc.is-m .tips{gap:10px}
.slc.is-m .film h3{font-size:25px}
.slc.is-m .feel .box li{font-size:17px}
.slc.is-m .five h3{font-size:24px}
.slc.is-m .five ol li{font-size:17px}
.slc.is-m .quote q{font-size:20px}
.slc.is-m .tabs button{font-size:15px;padding:9px 15px}
.slc.is-m .panel.on{grid-template-columns:1fr}
.slc.is-m .panel .l{padding:24px;min-height:360px}
.slc.is-m .panel .l .num{font-size:50px}
.slc.is-m .panel .l h4{font-size:22px}
.slc.is-m .panel .r{padding:22px}
.slc.is-m .panel .r li{font-size:16.5px}
.slc.is-m .faq summary{font-size:18px;padding:22px 40px 22px 0}
.slc.is-m .faq .a{padding:0 6px 24px 40px;font-size:17px}
.slc.is-m .closing{aspect-ratio:auto;max-height:none;background:#2a211b url(../img/closing.jpg) 80% top/auto 320px no-repeat;padding-top:320px}
.slc.is-m .closing .txt{position:static;transform:none;width:auto;padding:34px 24px 50px}
.slc.is-m .closing .en{font-size:44px}
.slc.is-m .closing h3{font-size:23px}

/* ---- 모바일 압축 레이아웃 (2026-11-03) : 카드 2~4단, 여백·이미지 높이 축소 ---- */
.slc.is-m .sec{padding:52px 0}
.slc.is-m .head{margin-bottom:26px}
.slc.is-m .hero{background-size:auto 300px;padding-top:300px}
.slc.is-m .hero .txt{padding:26px 22px 34px}
.slc.is-m .device-sec{gap:24px}
.slc.is-m .device-sec .dv{padding:84px 0 18px}
.slc.is-m .device-sec .dv img{height:250px}
.slc.is-m .device-sec .dv .lab{font-size:30px;left:20px;top:18px}
.slc.is-m .checks{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.slc.is-m .checks li{font-size:15px;padding:12px 0}
.slc.is-m .aging{gap:22px}
.slc.is-m .figure p{padding:14px 16px 16px;font-size:15.5px}
.slc.is-m .figure p b{font-size:17px}
.slc.is-m .slcare{gap:16px}
.slc.is-m .slcare .t{padding:24px 20px}
.slc.is-m .ba-wrap{margin-top:40px}
.slc.is-m .ba-wrap h3{font-size:21px;margin-bottom:16px}
.slc.is-m .ba-grid{grid-template-columns:1fr 1fr;gap:10px}
.slc.is-m .ba{aspect-ratio:4/3}
.slc.is-m .ba .lab{font-size:13px;padding:1px 8px;bottom:8px}
.slc.is-m .ba .lab.b{left:8px}.slc.is-m .ba .lab.a{right:8px}
.slc.is-m .ba .bar:after{width:30px;height:30px;font-size:13px}
.slc.is-m .ba-grid .figure p{padding:10px 12px 12px;font-size:13.5px;line-height:1.55}
.slc.is-m .ba-grid .figure p b{font-size:15px}
.slc.is-m .vs{grid-template-columns:1fr;gap:14px}
.slc.is-m .vs .figure img{height:150px!important;object-fit:cover}
.slc.is-m .vs .figure p{font-size:15.5px;line-height:1.65;padding:14px 18px 16px}
.slc.is-m .vs .figure p b{font-size:17px}
.slc.is-m .vs .figure ul li{font-size:15px}
.slc.is-m .vs .tag{font-size:12px;padding:2px 9px}
.slc.is-m .inout{padding:22px 20px;gap:18px;margin-top:30px}
.slc.is-m .dcard .bd img{max-width:170px;margin-top:12px}
.slc.is-m .dcard .bd{padding:18px 20px}
.slc.is-m .recs{grid-template-columns:1fr 1fr;gap:10px}
.slc.is-m .rec{flex-direction:column;align-items:center;text-align:center;padding:18px 12px;gap:10px}
.slc.is-m .rec .ic{flex:0 0 56px;width:56px;height:56px}
.slc.is-m .rec .ic img{max-width:34px;max-height:32px}
.slc.is-m .rec b{font-size:16.5px;margin-bottom:4px}
.slc.is-m .rec p{font-size:13.5px;line-height:1.55}
.slc.is-m .step .im{min-height:128px}
.slc.is-m .step .bd{padding:12px 14px}
.slc.is-m .tips{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
.slc.is-m .tip{padding:12px 10px;display:grid;grid-template-columns:58px 1fr;column-gap:10px;align-items:center;text-align:left}
.slc.is-m .tip .im{height:62px;margin:0;grid-row:span 2}
.slc.is-m .tip .im img{max-height:56px}
.slc.is-m .tip .en{font-size:16px;line-height:1.2}
.slc.is-m .tip p{font-size:13.5px;line-height:1.5;margin-top:2px}
.slc.is-m .film{gap:18px}
.slc.is-m .film.rev{margin-top:40px}
.slc.is-m .film h3{font-size:22px;margin:4px 0 10px}
.slc.is-m .film p{font-size:16px}
.slc.is-m .film ol{margin-top:12px}
.slc.is-m .film ol li{font-size:15.5px;padding:8px 0 8px 38px}
.slc.is-m .feel{grid-template-columns:1fr 1fr;gap:10px}
.slc.is-m .feel .box h4{font-size:17px;padding:11px}
.slc.is-m .feel .box ul{padding:8px 12px 12px}
.slc.is-m .feel .box li{font-size:14px;padding:9px 0 9px 24px}
.slc.is-m .feel .box li:before{width:18px;height:18px;font-size:11px;top:10px}
.slc.is-m .badges{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.slc.is-m .badge{flex-direction:column;text-align:center;padding:16px 8px;gap:8px}
.slc.is-m .badge svg{flex:0 0 36px;width:36px;height:36px}
.slc.is-m .badge b{font-size:15.5px}
.slc.is-m .badge span{font-size:13.5px;line-height:1.5;display:block}
.slc.is-m .five{gap:20px;margin-top:40px}
.slc.is-m .five figure img{max-height:200px;width:100%;object-fit:cover}
.slc.is-m .five ol li{font-size:15.5px;padding:9px 0 9px 42px}
.slc.is-m .five ol li:before{font-size:24px;top:4px}
.slc.is-m .quote{margin-top:18px;padding:18px 20px}
.slc.is-m .quote q{font-size:18px}
.slc.is-m .quote p{font-size:15px}
.slc.is-m .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
.slc.is-m .tabs button{font-size:14px;padding:10px 2px;white-space:nowrap;letter-spacing:-.03em}
.slc.is-m .panel .l{min-height:250px;padding:20px}
.slc.is-m .panel .r{padding:16px 20px}
.slc.is-m .panel .r li{font-size:15.5px;padding:8px 0 8px 26px}
.slc.is-m .panel .r li:before{top:19px}
.slc.is-m .faq summary{padding:18px 34px 18px 0;font-size:17px}
.slc.is-m .closing{background-size:auto 280px;padding-top:280px}
.slc.is-m .closing .txt{padding:26px 22px 38px}
@media (max-width:768px){

.slc .sec{padding:52px 0}
.slc .head{margin-bottom:26px}
.slc .hero{background-size:auto 300px;padding-top:300px}
.slc .hero .txt{padding:26px 22px 34px}
.slc .device-sec{gap:24px}
.slc .device-sec .dv{padding:84px 0 18px}
.slc .device-sec .dv img{height:250px}
.slc .device-sec .dv .lab{font-size:30px;left:20px;top:18px}
.slc .checks{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.slc .checks li{font-size:15px;padding:12px 0}
.slc .aging{gap:22px}
.slc .figure p{padding:14px 16px 16px;font-size:15.5px}
.slc .figure p b{font-size:17px}
.slc .slcare{gap:16px}
.slc .slcare .t{padding:24px 20px}
.slc .ba-wrap{margin-top:40px}
.slc .ba-wrap h3{font-size:21px;margin-bottom:16px}
.slc .ba-grid{grid-template-columns:1fr 1fr;gap:10px}
.slc .ba{aspect-ratio:4/3}
.slc .ba .lab{font-size:13px;padding:1px 8px;bottom:8px}
.slc .ba .lab.b{left:8px}.slc .ba .lab.a{right:8px}
.slc .ba .bar:after{width:30px;height:30px;font-size:13px}
.slc .ba-grid .figure p{padding:10px 12px 12px;font-size:13.5px;line-height:1.55}
.slc .ba-grid .figure p b{font-size:15px}
.slc .vs{grid-template-columns:1fr;gap:14px}
.slc .vs .figure img{height:150px!important;object-fit:cover}
.slc .vs .figure p{font-size:15.5px;line-height:1.65;padding:14px 18px 16px}
.slc .vs .figure p b{font-size:17px}
.slc .vs .figure ul li{font-size:15px}
.slc .vs .tag{font-size:12px;padding:2px 9px}
.slc .inout{padding:22px 20px;gap:18px;margin-top:30px}
.slc .dcard .bd img{max-width:170px;margin-top:12px}
.slc .dcard .bd{padding:18px 20px}
.slc .recs{grid-template-columns:1fr 1fr;gap:10px}
.slc .rec{flex-direction:column;align-items:center;text-align:center;padding:18px 12px;gap:10px}
.slc .rec .ic{flex:0 0 56px;width:56px;height:56px}
.slc .rec .ic img{max-width:34px;max-height:32px}
.slc .rec b{font-size:16.5px;margin-bottom:4px}
.slc .rec p{font-size:13.5px;line-height:1.55}
.slc .step .im{min-height:128px}
.slc .step .bd{padding:12px 14px}
.slc .tips{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
.slc .tip{padding:12px 10px;display:grid;grid-template-columns:58px 1fr;column-gap:10px;align-items:center;text-align:left}
.slc .tip .im{height:62px;margin:0;grid-row:span 2}
.slc .tip .im img{max-height:56px}
.slc .tip .en{font-size:16px;line-height:1.2}
.slc .tip p{font-size:13.5px;line-height:1.5;margin-top:2px}
.slc .film{gap:18px}
.slc .film.rev{margin-top:40px}
.slc .film h3{font-size:22px;margin:4px 0 10px}
.slc .film p{font-size:16px}
.slc .film ol{margin-top:12px}
.slc .film ol li{font-size:15.5px;padding:8px 0 8px 38px}
.slc .feel{grid-template-columns:1fr 1fr;gap:10px}
.slc .feel .box h4{font-size:17px;padding:11px}
.slc .feel .box ul{padding:8px 12px 12px}
.slc .feel .box li{font-size:14px;padding:9px 0 9px 24px}
.slc .feel .box li:before{width:18px;height:18px;font-size:11px;top:10px}
.slc .badges{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.slc .badge{flex-direction:column;text-align:center;padding:16px 8px;gap:8px}
.slc .badge svg{flex:0 0 36px;width:36px;height:36px}
.slc .badge b{font-size:15.5px}
.slc .badge span{font-size:13.5px;line-height:1.5;display:block}
.slc .five{gap:20px;margin-top:40px}
.slc .five figure img{max-height:200px;width:100%;object-fit:cover}
.slc .five ol li{font-size:15.5px;padding:9px 0 9px 42px}
.slc .five ol li:before{font-size:24px;top:4px}
.slc .quote{margin-top:18px;padding:18px 20px}
.slc .quote q{font-size:18px}
.slc .quote p{font-size:15px}
.slc .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
.slc .tabs button{font-size:14px;padding:10px 2px;white-space:nowrap;letter-spacing:-.03em}
.slc .panel .l{min-height:250px;padding:20px}
.slc .panel .r{padding:16px 20px}
.slc .panel .r li{font-size:15.5px;padding:8px 0 8px 26px}
.slc .panel .r li:before{top:19px}
.slc .faq summary{padding:18px 34px 18px 0;font-size:17px}
.slc .closing{background-size:auto 280px;padding-top:280px}
.slc .closing .txt{padding:26px 22px 38px}
}
.slc.is-m .tip .en,.slc.is-m .tip p{text-align:left}
@media (max-width:768px){.slc .tip .en,.slc .tip p{text-align:left}}

.slc .swipe-hint{display:none;text-align:right;font-size:14px;color:var(--red);font-weight:600;margin:0 0 8px}
/* ---- 모바일 추가 압축 (2026-11-03 2차) : 증상 칩 겹침 수정, 01·02 2단, 비교 카드 옆으로 넘기기 ---- */
.slc.is-m .signs span{padding:10px 12px 10px 34px}
.slc.is-m .signs span:before{left:14px;width:9px;height:9px;margin-top:-4.5px}
.slc.is-m .signs span.all{padding-left:12px}
.slc.is-m .inout>img{max-height:170px;width:auto;margin:0 auto}
.slc.is-m .inout>div{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.slc.is-m .inout>div>.en,.slc.is-m .inout>div>h3,.slc.is-m .inout>div>.note2{grid-column:1/-1}
.slc.is-m .inout h3{font-size:22px;margin:4px 0 14px}
.slc.is-m .route{flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
.slc.is-m .route .no{font-size:30px}
.slc.is-m .route b{font-size:17px}
.slc.is-m .route p{font-size:15px;line-height:1.6}
.slc.is-m .inout .note2{font-size:15.5px;margin-top:16px}
.slc.is-m .vs,.slc.is-m .diff{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;margin-left:-24px;margin-right:-24px;padding:4px 24px 14px;scrollbar-width:none}
.slc.is-m .vs::-webkit-scrollbar,.slc.is-m .diff::-webkit-scrollbar{display:none}
.slc.is-m .vs>.figure,.slc.is-m .diff>.dcard{flex:0 0 84%;scroll-snap-align:center}
.slc.is-m .diff{margin-top:30px}
.slc.is-m .swipe-hint{display:block}
.slc.is-m .five figure img{max-height:170px}
@media (max-width:768px){

.slc .signs span{padding:10px 12px 10px 34px}
.slc .signs span:before{left:14px;width:9px;height:9px;margin-top:-4.5px}
.slc .signs span.all{padding-left:12px}
.slc .inout>img{max-height:170px;width:auto;margin:0 auto}
.slc .inout>div{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.slc .inout>div>.en,.slc .inout>div>h3,.slc .inout>div>.note2{grid-column:1/-1}
.slc .inout h3{font-size:22px;margin:4px 0 14px}
.slc .route{flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
.slc .route .no{font-size:30px}
.slc .route b{font-size:17px}
.slc .route p{font-size:15px;line-height:1.6}
.slc .inout .note2{font-size:15.5px;margin-top:16px}
.slc .vs,.slc .diff{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;margin-left:-24px;margin-right:-24px;padding:4px 24px 14px;scrollbar-width:none}
.slc .vs::-webkit-scrollbar,.slc .diff::-webkit-scrollbar{display:none}
.slc .vs>.figure,.slc .diff>.dcard{flex:0 0 84%;scroll-snap-align:center}
.slc .diff{margin-top:30px}
.slc .swipe-hint{display:block}
.slc .five figure img{max-height:170px}
}

/* ---- 실제 폰 점검 수정 (2026-11-03 3차) ---- */
/* 안드로이드 크롬·삼성인터넷의 글자 자동 확대(font boosting) 끄기: 표·팁 카드가 화면 밖으로 밀리던 원인 */
.slc,.slc *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
/* 이 페이지는 하단 온라인상담·전화 아이콘(#subinfo) 숨김 */
#subinfo{display:none!important}
/* 번호 목록: 번호와 글자 첫 줄 높이 맞춤 */
.slc .film ol li,.slc .five ol li{display:flex;align-items:baseline;gap:14px;padding-left:0}
.slc .film ol li:before,.slc .five ol li:before{position:static;flex:0 0 36px;line-height:1}
/* 팁 카드가 화면 밖으로 나가지 않게 */
.slc.is-m .tips{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.slc.is-m .tip .im img{max-width:100%}
@media (max-width:768px){.slc .tips{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.slc .tip .im img{max-width:100%}}

/* 비교표 '추천' 뱃지: 모바일에서 글자와 겹치지 않게 제목 위로 */
.slc.is-m .cmp thead th.me{padding-top:10px;vertical-align:top}
.slc.is-m .cmp thead th.me:after{display:none}
.slc.is-m .cmp thead th.me:before{content:"추천";display:table;margin:0 auto 6px;font-size:12px;font-weight:600;line-height:1.5;background:#fff;color:var(--red);padding:1px 9px;border-radius:20px}
@media (max-width:768px){
.slc .cmp thead th.me{padding-top:10px;vertical-align:top}
.slc .cmp thead th.me:after{display:none}
.slc .cmp thead th.me:before{content:"추천";display:table;margin:0 auto 6px;font-size:12px;font-weight:600;line-height:1.5;background:#fff;color:var(--red);padding:1px 9px;border-radius:20px}
}