/* ==========================================================================
   유서치 랜딩페이지 (기획 시안 design/landing_pc.html · landing_mobile.html 이식)
   - 두 시안은 섹션 구성이 달라 LandingPage 가 PC(.lp-pc)·모바일(.lp-m) 트리를 모두 그리고 767px 기준으로 하나만 보인다.
   - 로그인 후 앱(site.css 의 .btn .card .grid .badge ...)과 섞이지 않도록
     모든 규칙은 .lp-pc / .lp-m 범위 안에만 걸고, 클래스 이름은 전부 lp- 접두사를 붙였다.
     시안의 :root 변수는 .lp-pc / .lp-m 에, body 글꼴·색은 각 트리 루트에 둔다. html/body 는 건드리지 않는다.
   - 시안 원본 규칙(1·2부)은 기계적으로 옮기고, 시안에 없던 보정(모바일 기기 대응 등)은 3부에 따로 모았다.
   - 글꼴(Black Han Sans, Noto Sans KR)은 _Layout.cshtml 의 Google Fonts <link> 로 불러온다.
   ========================================================================== */

/* 두 트리 전환: 767px 이하는 모바일 시안 */
.lp-m{display:none}
@media (max-width:767px){
  .lp-pc{display:none}
  .lp-m{display:block}
}

/* 애니메이션 이름도 앱과 겹치지 않게 lp 접두사 */
@keyframes lpTprog{from{width:0}to{width:100%}}
@keyframes lpFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes lpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes lpTk{to{transform:translateX(-50%)}}

/* ==========================================================================
   1부. PC 시안 (≥768px) — landing_pc.html 원본 규칙
   ========================================================================== */
.lp-pc{--blue:#FF7A1A;
    --blue2:#FF9A4D;
    --blue3:#FFF3EA;
    --navy:#07111F;
    --navy2:#0D1A2B;
    --text:#0D1726;
    --muted:#687589;
    --line:#E7EDF3;
    --bg:#FCF9F7;
    --white:#fff;
    --shadow:0 22px 70px rgba(4,29,47,.12);}
.lp-pc *{box-sizing:border-box}
.lp-pc{margin:0;font-family:Pretendard,"Noto Sans KR",Apple SD Gothic Neo,Arial,sans-serif;color:var(--text);background:#fff;letter-spacing:-.03em;word-break:keep-all}
.lp-pc a{text-decoration:none;color:inherit}
.lp-pc button,.lp-pc input{font:inherit}
.lp-pc .lp-announce{background:var(--navy);color:#fff;height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;gap:8px}
.lp-pc .lp-announce b{color:var(--blue2)}
.lp-pc .lp-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.lp-pc header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,237,243,.85)}
.lp-pc .lp-nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.lp-pc .lp-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em}
.lp-pc .lp-logoMark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--blue),#E6985C);box-shadow:0 8px 22px rgba(255,110,0,.35);position:relative}
.lp-pc .lp-logoMark:before,.lp-pc .lp-logoMark:after{content:"";position:absolute;background:#fff;border-radius:99px}
.lp-pc .lp-logoMark:before{width:14px;height:4px;left:8px;top:8px}
.lp-pc .lp-logoMark:after{width:4px;height:14px;left:8px;top:8px}
.lp-pc .lp-navlinks{display:flex;gap:30px;color:#435268;font-weight:700;font-size:14px}
.lp-pc .lp-navActions{display:flex;gap:10px;align-items:center}
.lp-pc .lp-btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease;white-space:nowrap}
.lp-pc .lp-btn:hover{transform:translateY(-1px)}
.lp-pc .lp-btn.lp-primary{background:var(--blue);color:#002130;box-shadow:0 10px 24px rgba(255,110,0,.23)}
.lp-pc .lp-btn.lp-ghost{background:#fff;color:#26384D;border:1px solid var(--line)}
.lp-pc .lp-hero{padding:82px 0 84px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#FEF9F5 100%)}
.lp-pc .lp-hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,0,.12),rgba(255,110,0,0) 70%);right:-180px;top:-230px}
.lp-pc .lp-heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.lp-pc .lp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--blue3);color:#9C4808;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:20px}
.lp-pc .lp-hero h1{font-size:58px;line-height:1.1;margin:0 0 22px;letter-spacing:-.055em}
.lp-pc .lp-hero p{font-size:19px;line-height:1.65;color:#536277;margin:0 0 30px;max-width:650px}
.lp-pc .lp-heroActions{display:flex;gap:12px;flex-wrap:wrap}
.lp-pc .lp-heroVisual{position:relative}
.lp-pc .lp-miniProof{padding:22px 0;border-bottom:1px solid var(--line);background:#fff}
.lp-pc .lp-proofGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lp-pc .lp-proofItem{display:flex;align-items:center;justify-content:center;gap:10px;color:#687589;font-weight:800;font-size:13px}
.lp-pc .lp-proofIcon{width:30px;height:30px;border-radius:9px;background:var(--blue3);display:grid;place-items:center;color:#CC5800;font-size:14px}
.lp-pc section{padding:100px 0}
.lp-pc .lp-sectionHead{max-width:760px;margin:0 auto 48px;text-align:center}
.lp-pc .lp-sectionHead h2{font-size:42px;line-height:1.22;margin:0 0 16px;letter-spacing:-.05em}
.lp-pc .lp-sectionHead p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.lp-pc .lp-pain{background:#FCF9F6}
.lp-pc .lp-painGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-pc .lp-painCard{padding:26px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s;box-shadow:0 8px 28px rgba(11,32,48,.05)}
.lp-pc .lp-painCard:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(11,32,48,.09)}
.lp-pc .lp-painCard h3{font-size:18px;line-height:1.4;margin:0 0 10px}
.lp-pc .lp-painCard p{font-size:14px;color:#738195;line-height:1.6;margin:0}
.lp-pc .lp-features{background:#fff}
.lp-pc .lp-featureText h3{font-size:37px;line-height:1.25;margin:0 0 18px;letter-spacing:-.05em}
.lp-pc .lp-featureText p{font-size:17px;line-height:1.7;color:#69788C;margin:0 0 22px}
.lp-pc .lp-bullets{display:grid;gap:8px;margin-bottom:24px}
.lp-pc .lp-bullet{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;font-size:15px;font-weight:700;color:#405269;padding:12px 16px;border-radius:12px;border:1.5px solid transparent}
.lp-pc .lp-check{width:22px;height:22px;border-radius:50%;background:#FFECDD;color:#CB5800;display:grid;place-items:center;font-size:12px;flex:0 0 22px}
.lp-pc .lp-featureMock{background:#07111F;border-radius:24px;padding:26px;box-shadow:0 25px 60px rgba(2,21,34,.2);position:relative;overflow:hidden}
.lp-pc .lp-featureMock.lp-light{background:#fff;border:1px solid #DFE8EE}
.lp-pc .lp-mockTop{display:flex;justify-content:space-between;align-items:center;color:#DCE9F1;font-size:14px;font-weight:800;margin-bottom:20px}
.lp-pc .lp-featureMock.lp-light .lp-mockTop{color:#637386}
.lp-pc .lp-mockChip{background:rgba(255,110,0,.13);color:#FF9A4C;padding:8px 12px;border-radius:9px;font-weight:900;font-size:13px}
.lp-pc .lp-workflow{background:#07111F;color:#fff}
.lp-pc .lp-workflow .lp-sectionHead p{color:#A5B4C3}
.lp-pc .lp-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch;margin-top:12px}
.lp-pc .lp-flowCard{background:#0D1A2B;border:1px solid #172A3F;border-radius:15px;padding:20px 14px;text-align:center}
.lp-pc .lp-flowCard .lp-n{font-size:10px;color:#FF9D52;font-weight:900;margin-bottom:26px}
.lp-pc .lp-flowCard b{display:block;font-size:14px;margin-bottom:7px}
.lp-pc .lp-flowCard span{font-size:11px;color:#93A7B8;line-height:1.5}
.lp-pc .lp-midCta{text-align:center;margin-top:38px}
.lp-pc .lp-faq{background:#fff}
.lp-pc .lp-faqList{max-width:900px;margin:0 auto}
.lp-pc .lp-faqItem{border-top:1px solid var(--line)}
.lp-pc .lp-faqItem:last-child{border-bottom:1px solid var(--line)}
.lp-pc .lp-faqQ{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;font-weight:900;cursor:pointer}
.lp-pc .lp-faqA{display:none;padding:0 4px 22px;color:#68778A;line-height:1.65;font-size:14px}
.lp-pc .lp-faqItem.lp-open .lp-faqA{display:block}
.lp-pc .lp-plus{width:26px;height:26px;border-radius:50%;background:#F1F6F9;display:grid;place-items:center;color:#607184}
.lp-pc .lp-faqItem.lp-open .lp-plus{transform:rotate(45deg)}
.lp-pc .lp-final{padding:110px 0;background:linear-gradient(135deg,#06101C,#0B2336);color:#fff;position:relative;overflow:hidden}
.lp-pc .lp-final:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,0,.26),transparent 65%);right:-180px;top:-230px}
.lp-pc .lp-finalInner{position:relative;z-index:2;text-align:center}
.lp-pc .lp-final h2{font-size:46px;line-height:1.2;margin:0 0 18px}
.lp-pc .lp-final p{color:#B6C4D0;font-size:17px;line-height:1.65;margin:0 0 28px}
.lp-pc .lp-finalActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.lp-pc footer{background:#050C14;color:#7F90A1;padding:34px 0;font-size:12px}
.lp-pc .lp-footerInner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.lp-pc .lp-footerLogo{color:#fff;font-weight:900;font-size:17px}
.lp-pc .lp-floatingCta{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120px);z-index:45;background:rgba(7,17,31,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:10px 12px 10px 18px;display:flex;align-items:center;gap:18px;color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.25);transition:.25s ease}
.lp-pc .lp-floatingCta span{font-size:13px;font-weight:800}
.lp-pc .lp-floatingCta small{color:#8FA2B3;font-weight:600}
.lp-pc .lp-floatingCta .lp-btn{padding:10px 15px;border-radius:10px}
.lp-pc .lp-painCard{min-height:auto;text-align:center;padding:34px 20px}
.lp-pc .lp-painIcon{font-size:42px;margin-bottom:16px}
.lp-pc .lp-flowCard .lp-n{margin-bottom:14px}
.lp-pc .lp-flowIcon{font-size:30px;margin-bottom:10px}
.lp-pc .lp-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:44px;flex-wrap:wrap}
.lp-pc .lp-tab{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 24px;font-weight:900;font-size:15px;color:#5A6A7E;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.2s}
.lp-pc .lp-tab .lp-tNum{color:#9FB0C0;font-size:12px}
.lp-pc .lp-tab:hover{border-color:#F9D8BF}
.lp-pc .lp-tab.lp-on{border-color:var(--blue);color:#00323F;background:#FFF8F2;box-shadow:0 10px 26px rgba(255,110,0,.15)}
.lp-pc .lp-tab.lp-on .lp-tNum{color:#D45C00}
.lp-pc .lp-tProg{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.lp-pc .lp-tab.lp-on .lp-tProg{animation:lpTprog 6s linear forwards}
.lp-pc .lp-panelItem{display:none;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;animation:lpFadeUp .45s ease}
.lp-pc .lp-panelItem.lp-on{display:grid}
.lp-pc .lp-panelItem .lp-featureText h3{font-size:33px}
.lp-pc .lp-searchSec{padding:88px 0;background:#fff}
.lp-pc .lp-searchSec h2{font-size:34px;letter-spacing:-.05em;margin:0 0 34px}
.lp-pc .lp-yt{background:#fff;border-radius:16px;padding:4px 0}
.lp-pc .lp-ytRow{display:grid;grid-template-columns:138px 1fr;gap:16px;padding:13px 6px;align-items:center;border-bottom:1px solid #F0F4F7}
.lp-pc .lp-ytRow:last-child{border-bottom:0}
.lp-pc .lp-ytThumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;font-size:16px;line-height:1.25;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.lp-pc .lp-ytThumb.lp-t1{background:linear-gradient(135deg,#1B7A5A,#0E3E3C)}
.lp-pc .lp-ytThumb.lp-t2{background:linear-gradient(135deg,#B4552D,#5C1F1F)}
.lp-pc .lp-ytThumb.lp-t3{background:linear-gradient(135deg,#31589E,#17264E)}
.lp-pc .lp-ytDur{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.85);color:#fff;font-size:11px;font-weight:800;padding:3px 6px;border-radius:5px;font-style:normal}
.lp-pc .lp-ytTitle{font-size:16px;font-weight:800;color:#0D1726;line-height:1.4;margin-bottom:5px;letter-spacing:-.03em}
.lp-pc .lp-ytMeta{font-size:13px;color:#8592A2;margin-bottom:9px}
.lp-pc .lp-ytBadges{display:flex;gap:6px}
.lp-pc .lp-ytBadge{font-size:12px;font-weight:900;padding:5px 10px;border-radius:8px}
.lp-pc .lp-stuGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.lp-pc .lp-stu{background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:16px 10px;text-align:center}
.lp-pc .lp-stu small{font-size:13px;color:#8592A2;font-weight:800;display:block;margin-bottom:7px}
.lp-pc .lp-stu b{font-size:25px;letter-spacing:-.03em}
.lp-pc .lp-stu b em{font-style:normal;font-size:14px;color:#D45C00;font-weight:900}
.lp-pc .lp-chartBox{position:relative;background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:14px 14px 8px}
.lp-pc .lp-chartLabel{position:absolute;right:16px;top:14px;font-size:14px;font-weight:800;color:#5A6A7E}
.lp-pc .lp-chartLabel b{color:#D45C00}
.lp-pc .lp-coachLight{margin-top:12px;background:#FFF3EA;border-radius:14px;padding:16px 18px;font-size:15px;font-weight:800;color:#7E3C0A}
.lp-pc .lp-coachLight b{color:#B85000}
.lp-pc .lp-heroDemo{position:relative;max-width:460px;margin:0 auto}
.lp-pc .lp-hdTimer{background:var(--navy);color:#FFA45E;font-size:14px;font-weight:900;padding:10px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(7,17,31,.28);animation:lpPulse 1.8s ease infinite}
.lp-pc .lp-hdThumb{position:relative;aspect-ratio:16/8;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0E3E3C,#1B7A5A 60%,#2FA372);display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;font-size:22px;line-height:1.3;letter-spacing:-.04em;text-shadow:0 2px 14px rgba(0,0,0,.45);margin-bottom:14px}
.lp-pc .lp-hdPlay{position:absolute;left:10px;bottom:9px;width:32px;height:32px;border-radius:11px;background:rgba(255,0,51,.94);display:grid;place-items:center;font-size:13px;text-shadow:none}
.lp-pc .lp-hdThumb span{font-size:17px}
.lp-pc .lp-hdDone{display:inline-flex;background:#DFFBEA;color:#159255;font-size:13px;font-weight:900;padding:8px 12px;border-radius:10px;white-space:nowrap}
.lp-pc .lp-bullet.lp-hot{background:#FFF3EA;border-color:#FBCCA8;color:#AB4A00;font-weight:900}
.lp-pc .lp-hotTxt{white-space:nowrap!important;overflow:hidden;text-overflow:clip}
.lp-pc .lp-bullet.lp-hot b{display:inline;white-space:nowrap}
.lp-pc .lp-bullet.lp-hot .lp-check{background:var(--blue);color:#00141C}
.lp-pc .lp-bullet.lp-hot b{color:#C95700;border-bottom:2px solid #FFB67F;padding-bottom:1px}
.lp-pc .lp-mini{width:36px;height:23px;border-radius:6px}
.lp-pc .lp-mini.lp-m1{background:linear-gradient(135deg,#1B7A5A,#0E3E3C)}
.lp-pc .lp-mini.lp-m2{background:linear-gradient(135deg,#B4552D,#5C1F1F)}
.lp-pc .lp-mini.lp-m3{background:linear-gradient(135deg,#31589E,#17264E)}
.lp-pc .lp-chatBox{background:#fff;border:1px solid #DFEAF1;border-radius:26px;box-shadow:var(--shadow);padding:18px 18px 22px;max-width:430px;margin:0 auto}
.lp-pc .lp-chatHead{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid #EFF3F6;margin-bottom:16px;text-align:left}
.lp-pc .lp-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#E6985C);display:grid;place-items:center;color:#fff;font-weight:900;font-size:17px}
.lp-pc .lp-chatHead b{display:block;font-size:15px}
.lp-pc .lp-chatHead small{color:#22B573;font-size:12px;font-weight:800}
.lp-pc .lp-bbl{max-width:86%;padding:13px 16px;border-radius:18px;font-size:15px;font-weight:700;margin-bottom:10px;line-height:1.5;text-align:left;animation:lpFadeUp .5s ease backwards}
.lp-pc .lp-bbl.lp-right{margin-left:auto;background:var(--blue);color:#00222E;border-bottom-right-radius:5px}
.lp-pc .lp-bbl.lp-left{background:#F2F5F8;color:#26384D;border-bottom-left-radius:5px;animation-delay:.35s}
.lp-pc .lp-refRow{display:flex;gap:6px;margin-bottom:9px}
.lp-pc .lp-timeChip{display:flex;justify-content:center;margin:13px 0;animation:lpFadeUp .5s .7s ease backwards}
.lp-pc .lp-bbl.lp-card{background:#fff;border:1.5px solid #FBCCA8;padding:12px;max-width:94%;animation-delay:1s}
.lp-pc .lp-cTitle{font-size:15px;font-weight:900;letter-spacing:-.03em;margin:11px 0 5px}
.lp-pc .lp-cTags{font-size:12.5px;color:#A95617;font-weight:800;margin-bottom:11px}
.lp-pc .lp-empathy{background:linear-gradient(180deg,#FEF9F5,#FBF4EF)}
.lp-pc .lp-empathy .lp-sectionHead p{color:#8592A2;font-size:18px;font-weight:800}
.lp-pc .lp-empathy .lp-sad{color:#EA6500}
.lp-pc .lp-empGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:0 auto;align-items:stretch}
.lp-pc .lp-empCard{background:#fff;border:1px solid #E2EBF1;border-radius:22px;padding:22px;text-align:left;box-shadow:0 18px 45px rgba(11,32,48,.08)}
.lp-pc .lp-empCard.lp-vidCard{transform:rotate(-1.2deg)}
.lp-pc .lp-empCard.lp-timeCard{transform:rotate(1deg)}
.lp-pc .lp-empThumb{position:relative;aspect-ratio:16/8;border-radius:14px;background:linear-gradient(135deg,#E5EBF1,#CBD5DE);display:grid;place-items:center;text-align:center;color:#6A7686;font-weight:900;font-size:19px;line-height:1.35;letter-spacing:-.03em;margin-bottom:14px}
.lp-pc .lp-empTitle{font-size:17px;font-weight:900;letter-spacing:-.03em;margin-bottom:8px;color:var(--text)}
.lp-pc .lp-empMeta{font-size:15px;color:#8592A2;font-weight:700}
.lp-pc .lp-empMeta b{color:#EA6500;font-size:18px}
.lp-pc .lp-empMeta .lp-down{margin-left:8px;font-size:13px;color:#C95700;font-weight:900}
.lp-pc .lp-timeCard{display:flex;flex-direction:column;justify-content:center;gap:14px}
.lp-pc .lp-empLabel{font-size:14px;font-weight:900;color:#8592A2}
.lp-pc .lp-tRow{display:grid;grid-template-columns:120px 1fr 52px;gap:12px;align-items:center;font-size:14px;font-weight:800;color:#405269}
.lp-pc .lp-tRow b{text-align:right;color:#26384D}
.lp-pc .lp-tBar{height:9px;border-radius:99px;background:#EEF2F6;overflow:hidden}
.lp-pc .lp-tBar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#E6985C);border-radius:99px}
.lp-pc .lp-tSum{border-top:1px solid #EEF2F6;padding-top:12px;font-size:15px;font-weight:900;color:#8592A2;text-align:right}
.lp-pc .lp-tSum b{color:#EA6500;font-size:20px;margin-left:6px}
.lp-pc .lp-empPunch{text-align:center;margin:48px 0 0;font-size:26px;font-weight:900;letter-spacing:-.04em;color:var(--text)}
.lp-pc .lp-empPunch b{color:#EA6500;border-bottom:3px solid #FFB67F;padding-bottom:2px}
.lp-pc .lp-empArrow{display:grid;place-items:center;margin-top:22px;color:#EA6500;font-size:22px;font-weight:900;animation:lpBob 1.6s ease infinite}
.lp-pc .lp-empHead h2{font-size:52px;line-height:1.18}
.lp-pc .lp-empHead .lp-sad{font-size:58px}
.lp-pc .lp-empWrap{position:relative;max-width:880px;margin:0 auto}
.lp-pc .lp-thought{position:absolute;z-index:3;background:#fff;border:1px solid #E2EBF1;border-radius:16px;padding:11px 16px;font-size:14px;font-weight:800;color:#7C8998;box-shadow:0 12px 30px rgba(11,32,48,.1);animation:lpBob 2.2s ease infinite}
.lp-pc .lp-thought:after{content:"";position:absolute;left:22px;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #E2EBF1;border-bottom:1px solid #E2EBF1;transform:rotate(45deg)}
.lp-pc .lp-thought.lp-t1{left:-52px;top:-24px;transform:rotate(-4deg)}
.lp-pc .lp-thought.lp-t2{right:-46px;top:-28px;transform:rotate(3deg);animation-delay:.4s}
.lp-pc .lp-thought.lp-t3{left:38%;bottom:-26px;transform:rotate(-2deg);animation-delay:.8s}
.lp-pc .lp-thought.lp-t3:after{left:50%;bottom:auto;top:-7px;transform:rotate(225deg)}
.lp-pc .lp-empPunch{font-size:29px;line-height:1.45}
.lp-pc .lp-empPunch b{font-size:33px}
.lp-pc .lp-secLead{font-size:15px;font-weight:900;color:#EA6500;margin-bottom:16px}
.lp-pc .lp-secLead.lp-red{color:#EA6500}
.lp-pc .lp-who{background:#FCF9F6}
.lp-pc .lp-personaGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:0 auto}
.lp-pc .lp-persona{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(11,32,48,.05);text-align:left}
.lp-pc .lp-pTop{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.lp-pc .lp-pAva{width:46px;height:46px;border-radius:14px;background:#FFF3EA;display:grid;place-items:center;font-size:22px}
.lp-pc .lp-pTop b{display:block;font-size:16px}
.lp-pc .lp-pTop small{color:#8592A2;font-size:13px;font-weight:700}
.lp-pc .lp-pQuote{background:#FCF9F6;border-radius:14px;padding:15px 17px;font-size:15px;font-weight:700;color:#40526B;line-height:1.6;position:relative}
.lp-pc .lp-pQuote:before{content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;background:#FCF9F6;transform:rotate(45deg)}
.lp-pc .lp-pQuote b{color:#C95700}
.lp-pc .lp-blueTxt{color:#EA6500}
.lp-pc .lp-ytBadge.lp-big{background:#FFEDE3;color:#D9480F}
.lp-pc .lp-ytBadge.lp-hit{background:#FEF0E6;color:#BE5200}
.lp-pc .lp-ytBadge.lp-x{background:#F1F4F7;color:#536478}
.lp-pc .lp-filterRow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.lp-pc .lp-fChip{font-size:12px;font-weight:800;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:#687589;background:#fff}
.lp-pc .lp-fChip.lp-on{background:#07111F;border-color:#07111F;color:#fff}
.lp-pc .lp-fChip em{font-style:normal;color:#FFA35C;margin-left:3px}
.lp-pc .lp-rep{background:#fff;border-radius:16px;padding:20px;display:grid;gap:14px}
.lp-pc .lp-repRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-pc .lp-repBox{background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:14px 16px;text-align:left}
.lp-pc .lp-repBox small{display:block;font-size:12px;color:#8592A2;font-weight:800;margin-bottom:6px}
.lp-pc .lp-repBox b{font-size:24px;letter-spacing:-.03em}
.lp-pc .lp-repBox b em{font-style:normal;font-size:13px;color:#D9480F;font-weight:900;margin-left:4px}
.lp-pc .lp-gauge{height:8px;border-radius:99px;background:linear-gradient(90deg,#DCE5EA 0 25%,#FBD9BF 25% 50%,#FFB67F 50% 75%,#FF9A62 75%);position:relative;margin-top:10px}
.lp-pc .lp-gauge i{position:absolute;top:-4px;left:88%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #D9480F}
.lp-pc .lp-repLabel{font-size:13px;font-weight:900;color:#405269;margin-bottom:8px;text-align:left}
.lp-pc .lp-pieces{display:flex;flex-wrap:wrap;gap:5px;font-size:15px;font-weight:800}
.lp-pc .lp-piece{padding:6px 9px;border-radius:9px;display:inline-flex;flex-direction:column;line-height:1.2}
.lp-pc .lp-piece small{font-size:10px;font-weight:900;opacity:.8}
.lp-pc .lp-piece.lp-u{background:#EEF2FF;color:#3B4FB8}
.lp-pc .lp-piece.lp-r{background:#FFEDE3;color:#C2410C}
.lp-pc .lp-piece.lp-p{background:#EFFAF0;color:#15803D}
.lp-pc .lp-piece.lp-t{background:#FFF3EA;color:#92450A}
.lp-pc .lp-demand{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;color:#26384D}
.lp-pc .lp-demand .lp-up{background:#FFEDE3;color:#D9480F;font-size:12px;padding:5px 9px;border-radius:8px}
@media (max-width:900px){
  .lp-pc .lp-navlinks{display:none}
  .lp-pc .lp-heroGrid,.lp-pc .lp-panelItem{grid-template-columns:1fr}
  .lp-pc .lp-panelItem{gap:30px}
  .lp-pc .lp-hero h1{font-size:44px}
  .lp-pc .lp-heroVisual{margin-top:18px}
  .lp-pc .lp-painGrid{grid-template-columns:1fr 1fr}
  .lp-pc .lp-flow{grid-template-columns:1fr 1fr 1fr}
  .lp-pc .lp-proofGrid{grid-template-columns:1fr 1fr}
  .lp-pc .lp-navActions .lp-ghost{display:none}
}
.lp-pc .lp-wSearch{display:block}
.lp-pc .lp-wsGrid{display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:center}
.lp-pc .lp-wsTitle{font-size:40px;line-height:1.3;letter-spacing:-.05em;margin:0 0 30px;font-weight:900;color:var(--text)}
.lp-pc .lp-wsBar{display:flex;align-items:center;height:64px;border:1.5px solid #D5DEE6;border-radius:99px;padding:0 10px 0 28px;background:#fff;box-shadow:0 8px 24px rgba(11,32,48,.06);transition:border-color .15s,box-shadow .15s;max-width:620px}
.lp-pc .lp-wsBar:focus-within{border-color:var(--blue);box-shadow:0 8px 28px rgba(255,110,0,.18)}
.lp-pc .lp-wsBar input{flex:1;border:0;outline:0;font-size:17px;font-weight:600;color:var(--text);background:transparent;min-width:0}
.lp-pc .lp-wsBar input::placeholder{color:#AAB6C1;font-weight:500}
.lp-pc .lp-wsGo{width:46px;height:46px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--text)}
.lp-pc .lp-wsGo:hover{background:#F1F6F9}
.lp-pc .lp-wsGo:focus-visible,.lp-pc .lp-wsPill:focus-visible,.lp-pc .lp-wsCat:focus-visible,.lp-pc .lp-wsPager button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-pc .lp-wsPills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-left:14px}
.lp-pc .lp-wsPill{appearance:none;font:inherit;border:0;background:#F1F4F7;color:#3C4C5C;font-size:14px;font-weight:700;padding:10px 16px;border-radius:99px;cursor:pointer;transition:background .15s}
.lp-pc .lp-wsPill:hover{background:#FDEEE3;color:#AB4A00}
.lp-pc .lp-wsBanner{position:relative;height:300px}
.lp-pc .lp-wsLayer{position:absolute;top:10px;bottom:0;border-radius:14px}
.lp-pc .lp-wsLayer.lp-l2{right:0;left:52px;background:#E8DEFF}
.lp-pc .lp-wsLayer.lp-l1{right:13px;left:39px;top:5px;background:#D4F5D0}
.lp-pc .lp-wsSlides{position:absolute;inset:0 26px 0 0;border-radius:14px;overflow:hidden}
.lp-pc .lp-wsSlide{position:absolute;inset:0;padding:28px 30px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .45s;pointer-events:none}
.lp-pc .lp-wsSlide.lp-on{opacity:1;pointer-events:auto}
.lp-pc .lp-wsSlide.lp-c1{background:#FFE3DA}
.lp-pc .lp-wsSlide.lp-c2{background:#FFECDD}
.lp-pc .lp-wsSlide.lp-c3{background:#E9E2FF}
.lp-pc .lp-wsSlide h3{font-size:21px;line-height:1.45;margin:0 0 8px;letter-spacing:-.04em;font-weight:900}
.lp-pc .lp-wsSlide p{margin:0;font-size:13px;color:#4A5A6B;font-weight:600}
.lp-pc .lp-wsArt{position:absolute;right:26px;top:24px;width:170px;height:130px}
.lp-pc .lp-wsPager{position:absolute;right:42px;bottom:24px;z-index:2;display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.28);color:#fff;border-radius:99px;padding:3px 4px 3px 12px;font-size:12px;font-weight:800}
.lp-pc .lp-wsPager b{font-weight:900}
.lp-pc .lp-wsPager span{opacity:.75;margin:0 2px}
.lp-pc .lp-wsPager button{border:0;background:transparent;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1}
.lp-pc .lp-wsPager button:hover{background:rgba(255,255,255,.2)}
.lp-pc .lp-aThumb{position:absolute;width:118px;aspect-ratio:16/9;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.18);display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;text-align:center;line-height:1.2}
.lp-pc .lp-aThumb.lp-t1{right:0;top:30px;background:linear-gradient(135deg,#1B7A5A,#0E3E3C);transform:rotate(6deg)}
.lp-pc .lp-aThumb.lp-t2{right:42px;top:6px;background:linear-gradient(135deg,#B4552D,#5C1F1F);transform:rotate(-7deg)}
.lp-pc .lp-aBadge{position:absolute;right:-6px;top:78px;background:#E8590C;color:#fff;font-size:13px;font-weight:900;padding:7px 11px;border-radius:12px;box-shadow:0 8px 18px rgba(232,89,12,.35);transform:rotate(-4deg)}
.lp-pc .lp-aLink{position:absolute;right:0;top:14px;background:#fff;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;color:#26384D;box-shadow:0 10px 24px rgba(0,60,90,.14);white-space:nowrap}
.lp-pc .lp-aLink i{font-style:normal;color:#D45C00}
.lp-pc .lp-aBars{position:absolute;right:10px;top:66px;display:flex;align-items:flex-end;gap:7px;height:58px}
.lp-pc .lp-aBars i{width:16px;border-radius:5px 5px 2px 2px;background:#FFB67F}
.lp-pc .lp-aBars i:last-child{background:var(--blue)}
.lp-pc .lp-aScore{position:absolute;right:20px;top:6px;width:112px;height:112px;border-radius:50%;background:conic-gradient(#7A5AF8 0 84%,rgba(122,90,248,.15) 84% 100%);display:grid;place-items:center}
.lp-pc .lp-aScore b{width:84px;height:84px;border-radius:50%;background:#E9E2FF;display:grid;place-items:center;font-size:30px;font-weight:900;color:#3B2A8C;letter-spacing:-.04em}
.lp-pc .lp-wsCats{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:58px}
.lp-pc .lp-wsCat{appearance:none;font:inherit;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#3C4C5C;position:relative;padding:22px 0 6px;border-radius:14px}
.lp-pc .lp-wsCat:hover{background:#FCF9F6}
.lp-pc .lp-wsCat .lp-e{font-size:36px;line-height:1;transition:transform .15s}
.lp-pc .lp-wsCat:hover .lp-e{transform:translateY(-3px)}
.lp-pc .lp-wsCat .lp-flag{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;border:1px solid #F03E3E;color:#F03E3E;background:#fff;white-space:nowrap}
.lp-pc .lp-wsCat .lp-flag.lp-blue{border-color:#D45C00;color:#B34E00}
.lp-pc .lp-wsCat .lp-grid4{width:36px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px}
.lp-pc .lp-wsCat .lp-grid4 i{border:2px solid #3C4C5C;border-radius:3px}
@media (min-width:768px){
  .lp-pc .lp-searchSec{padding:64px 0 52px;background:#fff}
}
@media (max-width:1180px) and (min-width:901px){
  .lp-pc .lp-wsCats{grid-template-columns:repeat(6,1fr);row-gap:10px}
  .lp-pc .lp-wsGrid{grid-template-columns:1fr 360px;gap:40px}
  .lp-pc .lp-wsTitle{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  .lp-pc .lp-wsSlide{transition:none}
}
.lp-pc{overflow-x:clip}
.lp-pc img,.lp-pc svg{max-width:100%}
.lp-pc .lp-hero h1{font-size:clamp(34px,5.2vw,58px)}
.lp-pc .lp-sectionHead h2{font-size:clamp(28px,3.8vw,42px)}
.lp-pc .lp-wsSlide p{padding-right:92px}
.lp-pc .lp-menuBtn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;place-items:center;padding:0}
.lp-pc .lp-menuBtn span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;position:relative;transition:background .2s}
.lp-pc .lp-menuBtn span:before,.lp-pc .lp-menuBtn span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s}
.lp-pc .lp-menuBtn span:before{top:-6px}
.lp-pc .lp-menuBtn span:after{top:6px}
.lp-pc .lp-menuOpen .lp-menuBtn span{background:transparent}
.lp-pc .lp-menuOpen .lp-menuBtn span:before{transform:translateY(6px) rotate(45deg)}
.lp-pc .lp-menuOpen .lp-menuBtn span:after{transform:translateY(-6px) rotate(-45deg)}
.lp-pc .lp-menuBtn:focus-visible,.lp-pc .lp-mMenu a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-pc .lp-mMenu{display:none}
.lp-pc .lp-floatingCta.lp-on{transform:translateX(-50%) translateY(0)}
@media (max-width:1180px){
  .lp-pc .lp-heroGrid{gap:40px}
}
@media (max-width:1023px) and (min-width:768px){
  .lp-pc .lp-wsGrid{grid-template-columns:1fr;gap:34px}
  .lp-pc .lp-wsBar{max-width:none}
  .lp-pc .lp-wsBanner{height:230px}
  .lp-pc .lp-wsTitle{font-size:34px}
  .lp-pc .lp-wsCats{grid-template-columns:repeat(6,1fr);row-gap:10px;margin-top:44px}
}
@media (max-width:900px){
  .lp-pc .lp-menuBtn{display:grid}
  .lp-pc .lp-navActions{gap:8px}
  .lp-pc .lp-mMenu{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(11,32,48,.08);max-height:0;overflow:hidden;transition:max-height .25s ease}
  .lp-pc .lp-menuOpen .lp-mMenu{max-height:420px}
  .lp-pc .lp-mMenu nav{display:flex;flex-direction:column;padding:8px 20px 18px}
  .lp-pc .lp-mMenu a{padding:15px 4px;font-size:16px;font-weight:800;color:var(--text);border-bottom:1px solid #EEF2F6}
  .lp-pc .lp-mMenu a:last-of-type{border-bottom:0}
  .lp-pc .lp-mMenu .lp-btn{margin-top:12px;width:100%;justify-content:center}
  .lp-pc header{position:sticky}
  .lp-pc .lp-thought{display:none}
  .lp-pc .lp-heroGrid{text-align:center}
  .lp-pc .lp-heroGrid .lp-eyebrow{margin-left:auto;margin-right:auto}
  .lp-pc .lp-heroActions{justify-content:center}
  .lp-pc .lp-hero p br{display:none}
  .lp-pc .lp-hero p{max-width:440px;margin-left:auto;margin-right:auto}
  .lp-pc .lp-flow{grid-template-columns:repeat(5,1fr)}
  .lp-pc .lp-flowCard{padding:18px 8px}
  .lp-pc .lp-flowCard span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lp-pc .lp-mMenu,.lp-pc .lp-menuBtn span:before,.lp-pc .lp-menuBtn span:after{transition:none}
}
.lp-pc .lp-hero h1.lp-h60{font-size:inherit;line-height:1;margin:0 0 6px}
.lp-pc .lp-h60Lead{display:block;font-size:clamp(20px,2.3vw,28px);font-weight:900;letter-spacing:-.04em;line-height:1.45;color:#26384D;margin-bottom:12px}
.lp-pc .lp-h60Big{display:inline-block;font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-synthesis:none;font-size:clamp(64px,8vw,108px);line-height:1;color:var(--text);background:linear-gradient(transparent 64%,#FFBD8B 64%,#FFBD8B 92%,transparent 92%);padding:0 6px;margin-left:-6px}
.lp-pc .lp-hero p.lp-h60Free{font-size:18px;font-weight:700;color:#536277;margin:20px 0 24px}
.lp-pc .lp-h60Cta{font-size:18px;padding:17px 36px;border-radius:16px;box-shadow:0 16px 36px rgba(230,100,0,.33)}
@media (max-width:900px){
  .lp-pc .lp-h60Big{margin-left:0}
}

/* ==========================================================================
   2부. 모바일 시안 (≤767px) — landing_mobile.html 원본 규칙
   ========================================================================== */
.lp-m{--blue:#FF7A1A;
    --blue2:#FF9A4D;
    --blue3:#FFF3EA;
    --navy:#07111F;
    --navy2:#0D1A2B;
    --text:#0D1726;
    --muted:#687589;
    --line:#E7EDF3;
    --bg:#FCF9F7;
    --white:#fff;
    --shadow:0 22px 70px rgba(4,29,47,.12);}
.lp-m *{box-sizing:border-box}
.lp-m{margin:0;font-family:Pretendard,"Noto Sans KR",Apple SD Gothic Neo,Arial,sans-serif;color:var(--text);background:#fff;letter-spacing:-.03em;word-break:keep-all}
.lp-m a{text-decoration:none;color:inherit}
.lp-m button,.lp-m input{font:inherit}
.lp-m .lp-announce{background:var(--navy);color:#fff;height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;gap:8px}
.lp-m .lp-announce b{color:var(--blue2)}
.lp-m .lp-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.lp-m header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,237,243,.85)}
.lp-m .lp-nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.lp-m .lp-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-.04em}
.lp-m .lp-logoMark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--blue),#E6985C);box-shadow:0 8px 22px rgba(255,110,0,.35);position:relative}
.lp-m .lp-logoMark:before,.lp-m .lp-logoMark:after{content:"";position:absolute;background:#fff;border-radius:99px}
.lp-m .lp-logoMark:before{width:14px;height:4px;left:8px;top:8px}
.lp-m .lp-logoMark:after{width:4px;height:14px;left:8px;top:8px}
.lp-m .lp-navlinks{display:flex;gap:30px;color:#435268;font-weight:700;font-size:14px}
.lp-m .lp-navActions{display:flex;gap:10px;align-items:center}
.lp-m .lp-btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease;white-space:nowrap}
.lp-m .lp-btn:hover{transform:translateY(-1px)}
.lp-m .lp-btn.lp-primary{background:var(--blue);color:#002130;box-shadow:0 10px 24px rgba(255,110,0,.23)}
.lp-m .lp-btn.lp-ghost{background:#fff;color:#26384D;border:1px solid var(--line)}
.lp-m section{padding:100px 0}
.lp-m .lp-sectionHead{max-width:760px;margin:0 auto 48px;text-align:center}
.lp-m .lp-sectionHead h2{font-size:42px;line-height:1.22;margin:0 0 16px;letter-spacing:-.05em}
.lp-m .lp-sectionHead p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.lp-m .lp-features{background:#fff}
.lp-m .lp-featureText h3{font-size:37px;line-height:1.25;margin:0 0 18px;letter-spacing:-.05em}
.lp-m .lp-featureText p{font-size:17px;line-height:1.7;color:#69788C;margin:0 0 22px}
.lp-m .lp-bullets{display:grid;gap:8px;margin-bottom:24px}
.lp-m .lp-bullet{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;font-size:15px;font-weight:700;color:#405269;padding:12px 16px;border-radius:12px;border:1.5px solid transparent}
.lp-m .lp-check{width:22px;height:22px;border-radius:50%;background:#FFECDD;color:#CB5800;display:grid;place-items:center;font-size:12px;flex:0 0 22px}
.lp-m .lp-featureMock{background:#07111F;border-radius:24px;padding:26px;box-shadow:0 25px 60px rgba(2,21,34,.2);position:relative;overflow:hidden}
.lp-m .lp-featureMock.lp-light{background:#fff;border:1px solid #DFE8EE}
.lp-m .lp-mockTop{display:flex;justify-content:space-between;align-items:center;color:#DCE9F1;font-size:14px;font-weight:800;margin-bottom:20px}
.lp-m .lp-featureMock.lp-light .lp-mockTop{color:#637386}
.lp-m .lp-mockChip{background:rgba(255,110,0,.13);color:#FF9A4C;padding:8px 12px;border-radius:9px;font-weight:900;font-size:13px}
.lp-m .lp-faq{background:#fff}
.lp-m .lp-faqList{max-width:900px;margin:0 auto}
.lp-m .lp-faqItem{border-top:1px solid var(--line)}
.lp-m .lp-faqItem:last-child{border-bottom:1px solid var(--line)}
.lp-m .lp-faqQ{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;font-weight:900;cursor:pointer}
.lp-m .lp-faqA{display:none;padding:0 4px 22px;color:#68778A;line-height:1.65;font-size:14px}
.lp-m .lp-faqItem.lp-open .lp-faqA{display:block}
.lp-m .lp-plus{width:26px;height:26px;border-radius:50%;background:#F1F6F9;display:grid;place-items:center;color:#607184}
.lp-m .lp-faqItem.lp-open .lp-plus{transform:rotate(45deg)}
.lp-m .lp-final{padding:110px 0;background:linear-gradient(135deg,#06101C,#0B2336);color:#fff;position:relative;overflow:hidden}
.lp-m .lp-final:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,0,.26),transparent 65%);right:-180px;top:-230px}
.lp-m .lp-finalInner{position:relative;z-index:2;text-align:center}
.lp-m .lp-final h2{font-size:46px;line-height:1.2;margin:0 0 18px}
.lp-m .lp-final p{color:#B6C4D0;font-size:17px;line-height:1.65;margin:0 0 28px}
.lp-m .lp-finalActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.lp-m footer{background:#050C14;color:#7F90A1;padding:34px 0;font-size:12px}
.lp-m .lp-footerInner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.lp-m .lp-footerLogo{color:#fff;font-weight:900;font-size:17px}
.lp-m .lp-floatingCta{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120px);z-index:45;background:rgba(7,17,31,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:10px 12px 10px 18px;display:flex;align-items:center;gap:18px;color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.25);transition:.25s ease}
.lp-m .lp-floatingCta.lp-show{transform:translateX(-50%) translateY(0)}
.lp-m .lp-floatingCta span{font-size:13px;font-weight:800}
.lp-m .lp-floatingCta small{color:#8FA2B3;font-weight:600}
.lp-m .lp-floatingCta .lp-btn{padding:10px 15px;border-radius:10px}
.lp-m .lp-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:44px;flex-wrap:wrap}
.lp-m .lp-tab{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 24px;font-weight:900;font-size:15px;color:#5A6A7E;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.2s}
.lp-m .lp-tab .lp-tNum{color:#9FB0C0;font-size:12px}
.lp-m .lp-tab:hover{border-color:#F9D8BF}
.lp-m .lp-tab.lp-on{border-color:var(--blue);color:#00323F;background:#FFF8F2;box-shadow:0 10px 26px rgba(255,110,0,.15)}
.lp-m .lp-tab.lp-on .lp-tNum{color:#D45C00}
.lp-m .lp-tProg{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.lp-m .lp-tab.lp-on .lp-tProg{animation:lpTprog 6s linear forwards}
.lp-m .lp-panelItem{display:none;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;animation:lpFadeUp .45s ease}
.lp-m .lp-panelItem.lp-on{display:grid}
.lp-m .lp-panelItem .lp-featureText h3{font-size:33px}
.lp-m .lp-searchSec{padding:88px 0;background:#fff}
.lp-m .lp-searchSec h2{font-size:34px;letter-spacing:-.05em;margin:0 0 34px}
.lp-m .lp-yt{background:#fff;border-radius:16px;padding:4px 0}
.lp-m .lp-ytRow{display:grid;grid-template-columns:138px 1fr;gap:16px;padding:13px 6px;align-items:center;border-bottom:1px solid #F0F4F7}
.lp-m .lp-ytRow:last-child{border-bottom:0}
.lp-m .lp-ytThumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;font-size:16px;line-height:1.25;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.lp-m .lp-ytThumb.lp-t1{background:linear-gradient(135deg,#1B7A5A,#0E3E3C)}
.lp-m .lp-ytThumb.lp-t2{background:linear-gradient(135deg,#B4552D,#5C1F1F)}
.lp-m .lp-ytThumb.lp-t3{background:linear-gradient(135deg,#31589E,#17264E)}
.lp-m .lp-ytDur{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.85);color:#fff;font-size:11px;font-weight:800;padding:3px 6px;border-radius:5px;font-style:normal}
.lp-m .lp-ytTitle{font-size:16px;font-weight:800;color:#0D1726;line-height:1.4;margin-bottom:5px;letter-spacing:-.03em}
.lp-m .lp-ytMeta{font-size:13px;color:#8592A2;margin-bottom:9px}
.lp-m .lp-ytBadges{display:flex;gap:6px}
.lp-m .lp-ytBadge{font-size:12px;font-weight:900;padding:5px 10px;border-radius:8px}
.lp-m .lp-stuGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.lp-m .lp-stu{background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:16px 10px;text-align:center}
.lp-m .lp-stu small{font-size:13px;color:#8592A2;font-weight:800;display:block;margin-bottom:7px}
.lp-m .lp-stu b{font-size:25px;letter-spacing:-.03em}
.lp-m .lp-stu b em{font-style:normal;font-size:14px;color:#D45C00;font-weight:900}
.lp-m .lp-chartBox{position:relative;background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:14px 14px 8px}
.lp-m .lp-chartLabel{position:absolute;right:16px;top:14px;font-size:14px;font-weight:800;color:#5A6A7E}
.lp-m .lp-chartLabel b{color:#D45C00}
.lp-m .lp-coachLight{margin-top:12px;background:#FFF3EA;border-radius:14px;padding:16px 18px;font-size:15px;font-weight:800;color:#7E3C0A}
.lp-m .lp-coachLight b{color:#B85000}
.lp-m .lp-bullet.lp-hot{background:#FFF3EA;border-color:#FBCCA8;color:#AB4A00;font-weight:900}
.lp-m .lp-hotTxt{white-space:nowrap!important;overflow:hidden;text-overflow:clip}
.lp-m .lp-bullet.lp-hot b{display:inline;white-space:nowrap}
.lp-m .lp-bullet.lp-hot .lp-check{background:var(--blue);color:#00141C}
.lp-m .lp-bullet.lp-hot b{color:#C95700;border-bottom:2px solid #FFB67F;padding-bottom:1px}
.lp-m .lp-who{background:#FCF9F6}
.lp-m .lp-personaGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:0 auto}
.lp-m .lp-persona{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(11,32,48,.05);text-align:left}
.lp-m .lp-pTop{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.lp-m .lp-pAva{width:46px;height:46px;border-radius:14px;background:#FFF3EA;display:grid;place-items:center;font-size:22px}
.lp-m .lp-pTop b{display:block;font-size:16px}
.lp-m .lp-pTop small{color:#8592A2;font-size:13px;font-weight:700}
.lp-m .lp-pQuote{background:#FCF9F6;border-radius:14px;padding:15px 17px;font-size:15px;font-weight:700;color:#40526B;line-height:1.6;position:relative}
.lp-m .lp-pQuote:before{content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;background:#FCF9F6;transform:rotate(45deg)}
.lp-m .lp-pQuote b{color:#C95700}
.lp-m .lp-ytBadge.lp-big{background:#FFEDE3;color:#D9480F}
.lp-m .lp-ytBadge.lp-hit{background:#FEF0E6;color:#BE5200}
.lp-m .lp-ytBadge.lp-x{background:#F1F4F7;color:#536478}
.lp-m .lp-filterRow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.lp-m .lp-fChip{font-size:12px;font-weight:800;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:#687589;background:#fff}
.lp-m .lp-fChip.lp-on{background:#07111F;border-color:#07111F;color:#fff}
.lp-m .lp-fChip em{font-style:normal;color:#FFA35C;margin-left:3px}
.lp-m .lp-rep{background:#fff;border-radius:16px;padding:20px;display:grid;gap:14px}
.lp-m .lp-repRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-m .lp-repBox{background:#F6F9FB;border:1px solid #E7EDF3;border-radius:14px;padding:14px 16px;text-align:left}
.lp-m .lp-repBox small{display:block;font-size:12px;color:#8592A2;font-weight:800;margin-bottom:6px}
.lp-m .lp-repBox b{font-size:24px;letter-spacing:-.03em}
.lp-m .lp-repBox b em{font-style:normal;font-size:13px;color:#D9480F;font-weight:900;margin-left:4px}
.lp-m .lp-gauge{height:8px;border-radius:99px;background:linear-gradient(90deg,#DCE5EA 0 25%,#FBD9BF 25% 50%,#FFB67F 50% 75%,#FF9A62 75%);position:relative;margin-top:10px}
.lp-m .lp-gauge i{position:absolute;top:-4px;left:88%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #D9480F}
.lp-m .lp-repLabel{font-size:13px;font-weight:900;color:#405269;margin-bottom:8px;text-align:left}
.lp-m .lp-pieces{display:flex;flex-wrap:wrap;gap:5px;font-size:15px;font-weight:800}
.lp-m .lp-piece{padding:6px 9px;border-radius:9px;display:inline-flex;flex-direction:column;line-height:1.2}
.lp-m .lp-piece small{font-size:10px;font-weight:900;opacity:.8}
.lp-m .lp-piece.lp-u{background:#EEF2FF;color:#3B4FB8}
.lp-m .lp-piece.lp-r{background:#FFEDE3;color:#C2410C}
.lp-m .lp-piece.lp-p{background:#EFFAF0;color:#15803D}
.lp-m .lp-piece.lp-t{background:#FFF3EA;color:#92450A}
.lp-m .lp-demand{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;color:#26384D}
.lp-m .lp-demand .lp-up{background:#FFEDE3;color:#D9480F;font-size:12px;padding:5px 9px;border-radius:8px}
@media (max-width:900px){
  .lp-m .lp-navlinks{display:none}
  .lp-m .lp-panelItem{grid-template-columns:1fr}
  .lp-m .lp-panelItem{gap:30px}
  .lp-m .lp-navActions .lp-ghost{display:none}
}
@media (max-width:560px){
  .lp-m .lp-container{width:min(100% - 28px,1180px)}
  .lp-m .lp-searchSec h2{font-size:24px}
  .lp-m .lp-sectionHead h2{font-size:32px}
  .lp-m .lp-featureText h3{font-size:30px}
  .lp-m .lp-bullet.lp-hot{font-size:13px;padding:11px 12px}
  .lp-m .lp-personaGrid{grid-template-columns:1fr}
  .lp-m .lp-ytRow{grid-template-columns:110px 1fr;gap:12px}
  .lp-m .lp-ytThumb{font-size:13px}
  .lp-m .lp-footerInner{flex-direction:column;align-items:flex-start}
  .lp-m .lp-floatingCta{width:calc(100% - 24px);justify-content:space-between;gap:8px}
  .lp-m .lp-floatingCta small{display:none}
}
.lp-m .lp-hx{padding:48px 0 72px;background:radial-gradient(1100px 520px at 50% -12%,#FFECDD 0%,rgba(255,255,255,0) 62%),#fff;text-align:center;overflow:hidden}
.lp-m .lp-sectionHead h2,.lp-m .lp-searchSec h2,.lp-m .lp-final h2{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-synthesis:none;letter-spacing:-.01em;line-height:1.18}
.lp-m .lp-sectionHead h2{font-size:clamp(32px,4.4vw,50px)}
.lp-m section{padding:110px 0}
.lp-m .lp-ticker{background:var(--navy);color:#DCE8F0;overflow:hidden;padding:15px 0;white-space:nowrap;position:relative}
.lp-m .lp-ticker:before,.lp-m .lp-ticker:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1}
.lp-m .lp-ticker:before{left:0;background:linear-gradient(90deg,var(--navy),transparent)}
.lp-m .lp-ticker:after{right:0;background:linear-gradient(270deg,var(--navy),transparent)}
.lp-m .lp-tkTrack{display:inline-flex;gap:44px;animation:lpTk 38s linear infinite;padding-left:44px}
.lp-m .lp-tk{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.lp-m .lp-tk small{color:#7F93A6;font-weight:600}
.lp-m .lp-tk b{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-synthesis:none;color:#FF9A62;font-size:17px}
.lp-m .lp-tkLabel{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 18px 0 24px;background:var(--navy);font-size:13px;font-weight:900;color:#FFA45E}
.lp-m .lp-searchSec{background:#FEF9F5;padding:96px 0}
.lp-m .lp-searchSec h2{font-size:clamp(28px,4vw,44px);margin:0 0 30px}
.lp-m .lp-hot{appearance:none;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:11px 18px 11px 14px;font-size:15px;font-weight:800;color:#26384D;transition:border-color .15s,transform .15s}
.lp-m .lp-hot:hover{border-color:#FF9A62;transform:translateY(-2px)}
.lp-m .lp-hot:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-m .lp-hot em{font-style:normal;font-size:12px;font-weight:900;color:#E8590C;background:#FFF0E5;padding:3px 8px;border-radius:99px}
.lp-m .lp-tabs{gap:0;background:#F1F5F8;border-radius:16px;padding:6px;display:inline-flex;margin:0 auto 46px;left:50%;position:relative;transform:translateX(-50%)}
.lp-m .lp-tab{border:0;background:transparent;border-radius:12px;padding:13px 22px}
.lp-m .lp-tab.lp-on{background:#fff;box-shadow:0 6px 18px rgba(11,32,48,.1);border:0}
.lp-m .lp-persona{border:0;background:#fff;padding:28px}
.lp-m .lp-pQuote{background:transparent;padding:0;font-size:18px;line-height:1.6;color:#26384D}
.lp-m .lp-pQuote:before{display:none}
.lp-m .lp-pTop{margin-bottom:14px;order:2}
.lp-m .lp-final h2{font-size:clamp(34px,5vw,58px)}
@media (max-width:760px){
  .lp-m .lp-tabs{display:flex;flex-wrap:wrap;left:auto;transform:none}
  .lp-m .lp-tab{flex:1;justify-content:center;padding:12px 8px;font-size:13px}
  .lp-m .lp-tab .lp-tNum{display:none}
  .lp-m .lp-tkLabel{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lp-m .lp-tkTrack{animation:none}
}
.lp-m{overflow-x:clip}
.lp-m img,.lp-m svg{max-width:100%}
.lp-m .lp-menuBtn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;place-items:center;padding:0}
.lp-m .lp-menuBtn span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;position:relative;transition:background .2s}
.lp-m .lp-menuBtn span:before,.lp-m .lp-menuBtn span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s}
.lp-m .lp-menuBtn span:before{top:-6px}
.lp-m .lp-menuBtn span:after{top:6px}
.lp-m .lp-menuOpen .lp-menuBtn span{background:transparent}
.lp-m .lp-menuOpen .lp-menuBtn span:before{transform:translateY(6px) rotate(45deg)}
.lp-m .lp-menuOpen .lp-menuBtn span:after{transform:translateY(-6px) rotate(-45deg)}
.lp-m .lp-menuBtn:focus-visible,.lp-m .lp-mMenu a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-m .lp-mMenu{display:none}
@media (max-width:900px){
  .lp-m .lp-menuBtn{display:grid}
  .lp-m .lp-navActions{gap:8px}
  .lp-m .lp-mMenu{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(11,32,48,.08);max-height:0;overflow:hidden;transition:max-height .25s ease}
  .lp-m .lp-menuOpen .lp-mMenu{max-height:420px}
  .lp-m .lp-mMenu nav{display:flex;flex-direction:column;padding:8px 20px 18px}
  .lp-m .lp-mMenu a{padding:15px 4px;font-size:16px;font-weight:800;color:var(--text);border-bottom:1px solid #EEF2F6}
  .lp-m .lp-mMenu a:last-of-type{border-bottom:0}
  .lp-m .lp-mMenu .lp-btn{margin-top:12px;width:100%;justify-content:center}
}
@media (max-width:767px){
  .lp-m .lp-navActions .lp-primary{padding:11px 14px;font-size:14px}
  .lp-m .lp-announce{font-size:12px}
  .lp-m .lp-floatingCta{bottom:12px}
}
@media (max-width:380px){
  .lp-m .lp-navActions .lp-primary{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lp-m .lp-mMenu,.lp-m .lp-menuBtn span:before,.lp-m .lp-menuBtn span:after{transition:none}
}
@media (max-width:767px){
  .lp-m .lp-tabs{flex-wrap:nowrap}
}
@media (max-width:767px){
  .lp-m .lp-searchSec,.lp-m .lp-features,.lp-m .lp-who,.lp-m .lp-faq{padding-top:60px;padding-bottom:60px}
  .lp-m .lp-sectionHead{margin-bottom:26px}
  .lp-m .lp-hot{flex:0 0 auto}
  .lp-m .lp-featureMock .lp-ytRow:nth-child(n+3){display:none}
  .lp-m .lp-filterRow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .lp-m .lp-filterRow::-webkit-scrollbar{display:none}
  .lp-m .lp-fChip{flex:0 0 auto}
  .lp-m .lp-bullets{gap:8px}
  .lp-m .lp-personaGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;max-width:none;scrollbar-width:none;padding-top:4px;padding-bottom:10px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);scroll-padding-left:calc(50vw - 50%)}
  .lp-m .lp-personaGrid::-webkit-scrollbar{display:none}
  .lp-m .lp-persona{flex:0 0 82%;scroll-snap-align:start}
}
@media (max-width:767px){
  .lp-m #lp-m-features{padding-top:56px;padding-bottom:56px;background:linear-gradient(180deg,#fff 0%,#FEF7F2 100%)}
  .lp-m #lp-m-features>.lp-container{width:calc(100% - 40px)}
  .lp-m #lp-m-features .lp-sectionHead{text-align:center;margin-bottom:22px}
  .lp-m #lp-m-features .lp-sectionHead h2{font-size:26px}
  .lp-m #lp-m-features .lp-sectionHead p{display:none}
  .lp-m #lp-m-features .lp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:0 0 30px;padding:4px;background:#EAF1F5;border-radius:14px;overflow:visible;left:auto;transform:none;flex-wrap:nowrap;scroll-snap-type:none}
  .lp-m #lp-m-features .lp-tab{padding:11px 4px;font-size:13px;justify-content:center;text-align:center;border:0;background:transparent;border-radius:10px;color:#6A7A8C;white-space:nowrap;line-height:1.25;box-shadow:none}
  .lp-m #lp-m-features .lp-tab.lp-on{background:#fff;color:var(--text);box-shadow:0 4px 14px rgba(11,32,48,.1)}
  .lp-m #lp-m-features .lp-tab .lp-tNum{display:none}
  .lp-m #lp-m-features .lp-panelItem{gap:22px}
  .lp-m #lp-m-features .lp-featureText{text-align:center}
  .lp-m #lp-m-features .lp-featureText h3{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-synthesis:none;font-size:clamp(28px,8.2vw,34px);line-height:1.2;letter-spacing:-.01em;margin:0}
  .lp-m #lp-m-features .lp-featureText p,.lp-m #lp-m-features .lp-featureText .lp-bullets,.lp-m #lp-m-features .lp-featureText .lp-btn{display:none}
  .lp-m #lp-m-features .lp-featureMock{margin:0;box-shadow:0 20px 44px rgba(160,69,0,.14)}
}
@media (max-width:767px){
  .lp-m #lp-m-features .lp-sectionHead h2{font-size:21px;color:#536277}
  .lp-m #lp-m-features .lp-featureText h3{font-size:clamp(24px,7vw,30px)}
  .lp-m #lp-m-features .lp-tab{font-size:12.5px;padding:11px 2px}
  .lp-m #lp-m-features .lp-featureMock{padding:16px;border-radius:20px}
  .lp-m #lp-m-features .lp-featureMock .lp-rep{padding:0;background:transparent}
  .lp-m #lp-m-features .lp-featureMock .lp-mockTop{margin-bottom:12px}
  .lp-m #lp-m-features .lp-repRow{gap:8px}
  .lp-m #lp-m-features .lp-repBox{padding:12px}
  .lp-m #lp-m-features .lp-repBox b{font-size:20px}
}
@media (max-width:767px){
  .lp-m .lp-who{padding-top:52px;padding-bottom:52px}
  .lp-m .lp-who>.lp-container{width:calc(100% - 40px)}
  .lp-m .lp-who .lp-sectionHead{margin-bottom:22px}
  .lp-m .lp-who .lp-sectionHead h2{font-size:26px}
  .lp-m .lp-personaGrid{display:flex;flex-direction:column;gap:10px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
  .lp-m .lp-persona{flex:none;display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:8px;align-items:start;padding:16px 18px;border-radius:18px;box-shadow:none;border:1px solid #E3EBF1;background:#fff}
  .lp-m .lp-persona .lp-pTop{display:contents}
  .lp-m .lp-persona .lp-pAva{grid-column:1;grid-row:1/3;width:40px;height:40px;border-radius:12px;font-size:19px}
  .lp-m .lp-persona .lp-pQuote{grid-column:2;grid-row:1;background:transparent;padding:0;font-size:15px;line-height:1.55;color:#26384D;font-weight:700;order:0}
  .lp-m .lp-persona .lp-pQuote:before{display:none}
  .lp-m .lp-persona .lp-pQuote b{color:#B85000}
  .lp-m .lp-persona .lp-pTop>div{grid-column:2;grid-row:2;display:flex;gap:6px;align-items:baseline;font-size:12px}
  .lp-m .lp-persona .lp-pTop>div b{font-size:12px;color:#536277}
  .lp-m .lp-persona .lp-pTop>div small{font-size:12px;color:#97A3B1}
  .lp-m .lp-persona .lp-pTop>div small:before{content:"· "}
}
.lp-m .lp-hxHead{margin:0 0 14px;color:var(--text);line-height:1}
.lp-m .lp-hxLead{display:block;font-size:clamp(20px,2.6vw,30px);font-weight:900;letter-spacing:-.04em;line-height:1.4;color:#26384D;margin-bottom:10px}
.lp-m .lp-hx60{display:inline-block;font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-synthesis:none;font-size:clamp(68px,10vw,120px);line-height:1;letter-spacing:-.01em;color:var(--text);background:linear-gradient(transparent 64%,#FFBD8B 64%,#FFBD8B 92%,transparent 92%);padding:0 6px}
.lp-m .lp-hxFree{font-size:18px;font-weight:700;color:#536277;margin:18px 0 22px}
.lp-m .lp-hxCta{font-size:19px;padding:18px 44px;border-radius:16px;box-shadow:0 16px 36px rgba(230,100,0,.35)}
@media (max-width:760px){
  .lp-m .lp-hx{padding-top:34px}
  .lp-m .lp-hxLead{font-size:clamp(17px,5vw,20px);margin-bottom:6px}
  .lp-m .lp-hxLead br{display:inline}
  .lp-m .lp-hx60{font-size:clamp(64px,21vw,88px)}
  .lp-m .lp-hxFree{font-size:15px;margin:12px 0 16px}
  .lp-m .lp-hxCta{display:flex;width:100%;max-width:360px;margin:0 auto;justify-content:center;padding:17px 20px;font-size:18px}
}
.lp-m .lp-hx{padding-bottom:48px}
@media (max-width:760px){
  .lp-m .lp-hx{padding-bottom:36px}
}
.lp-m .lp-wSearch{display:block}
.lp-m .lp-wsGrid{display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:center}
.lp-m .lp-wsTitle{font-size:40px;line-height:1.3;letter-spacing:-.05em;margin:0 0 30px;font-weight:900;color:var(--text)}
.lp-m .lp-wsBar{display:flex;align-items:center;height:64px;border:1.5px solid #D5DEE6;border-radius:99px;padding:0 10px 0 28px;background:#fff;box-shadow:0 8px 24px rgba(11,32,48,.06);transition:border-color .15s,box-shadow .15s;max-width:620px}
.lp-m .lp-wsBar:focus-within{border-color:var(--blue);box-shadow:0 8px 28px rgba(255,110,0,.18)}
.lp-m .lp-wsBar input{flex:1;border:0;outline:0;font-size:17px;font-weight:600;color:var(--text);background:transparent;min-width:0}
.lp-m .lp-wsBar input::placeholder{color:#AAB6C1;font-weight:500}
.lp-m .lp-wsGo{width:46px;height:46px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--text)}
.lp-m .lp-wsGo:hover{background:#F1F6F9}
.lp-m .lp-wsGo:focus-visible,.lp-m .lp-wsPill:focus-visible,.lp-m .lp-wsCat:focus-visible,.lp-m .lp-wsPager button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lp-m .lp-wsPills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-left:14px}
.lp-m .lp-wsPill{appearance:none;font:inherit;border:0;background:#F1F4F7;color:#3C4C5C;font-size:14px;font-weight:700;padding:10px 16px;border-radius:99px;cursor:pointer;transition:background .15s}
.lp-m .lp-wsPill:hover{background:#FDEEE3;color:#AB4A00}
.lp-m .lp-wsBanner{position:relative;height:300px}
.lp-m .lp-wsLayer{position:absolute;top:10px;bottom:0;border-radius:14px}
.lp-m .lp-wsLayer.lp-l2{right:0;left:52px;background:#E8DEFF}
.lp-m .lp-wsLayer.lp-l1{right:13px;left:39px;top:5px;background:#D4F5D0}
.lp-m .lp-wsSlides{position:absolute;inset:0 26px 0 0;border-radius:14px;overflow:hidden}
.lp-m .lp-wsSlide{position:absolute;inset:0;padding:28px 30px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .45s;pointer-events:none}
.lp-m .lp-wsSlide.lp-on{opacity:1;pointer-events:auto}
.lp-m .lp-wsSlide.lp-c1{background:#FFE3DA}
.lp-m .lp-wsSlide.lp-c2{background:#FFECDD}
.lp-m .lp-wsSlide.lp-c3{background:#E9E2FF}
.lp-m .lp-wsSlide h3{font-size:21px;line-height:1.45;margin:0 0 8px;letter-spacing:-.04em;font-weight:900}
.lp-m .lp-wsSlide p{margin:0;font-size:13px;color:#4A5A6B;font-weight:600}
.lp-m .lp-wsArt{position:absolute;right:26px;top:24px;width:170px;height:130px}
.lp-m .lp-wsPager{position:absolute;right:42px;bottom:24px;z-index:2;display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.28);color:#fff;border-radius:99px;padding:3px 4px 3px 12px;font-size:12px;font-weight:800}
.lp-m .lp-wsPager b{font-weight:900}
.lp-m .lp-wsPager span{opacity:.75;margin:0 2px}
.lp-m .lp-wsPager button{border:0;background:transparent;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1}
.lp-m .lp-wsPager button:hover{background:rgba(255,255,255,.2)}
.lp-m .lp-aThumb{position:absolute;width:118px;aspect-ratio:16/9;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.18);display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;text-align:center;line-height:1.2}
.lp-m .lp-aThumb.lp-t1{right:0;top:30px;background:linear-gradient(135deg,#1B7A5A,#0E3E3C);transform:rotate(6deg)}
.lp-m .lp-aThumb.lp-t2{right:42px;top:6px;background:linear-gradient(135deg,#B4552D,#5C1F1F);transform:rotate(-7deg)}
.lp-m .lp-aBadge{position:absolute;right:-6px;top:78px;background:#E8590C;color:#fff;font-size:13px;font-weight:900;padding:7px 11px;border-radius:12px;box-shadow:0 8px 18px rgba(232,89,12,.35);transform:rotate(-4deg)}
.lp-m .lp-aLink{position:absolute;right:0;top:14px;background:#fff;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;color:#26384D;box-shadow:0 10px 24px rgba(0,60,90,.14);white-space:nowrap}
.lp-m .lp-aLink i{font-style:normal;color:#D45C00}
.lp-m .lp-aBars{position:absolute;right:10px;top:66px;display:flex;align-items:flex-end;gap:7px;height:58px}
.lp-m .lp-aBars i{width:16px;border-radius:5px 5px 2px 2px;background:#FFB67F}
.lp-m .lp-aBars i:last-child{background:var(--blue)}
.lp-m .lp-aScore{position:absolute;right:20px;top:6px;width:112px;height:112px;border-radius:50%;background:conic-gradient(#7A5AF8 0 84%,rgba(122,90,248,.15) 84% 100%);display:grid;place-items:center}
.lp-m .lp-aScore b{width:84px;height:84px;border-radius:50%;background:#E9E2FF;display:grid;place-items:center;font-size:30px;font-weight:900;color:#3B2A8C;letter-spacing:-.04em}
.lp-m .lp-wsCats{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:58px}
.lp-m .lp-wsCat{appearance:none;font:inherit;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#3C4C5C;position:relative;padding:22px 0 6px;border-radius:14px}
.lp-m .lp-wsCat:hover{background:#FCF9F6}
.lp-m .lp-wsCat .lp-e{font-size:36px;line-height:1;transition:transform .15s}
.lp-m .lp-wsCat:hover .lp-e{transform:translateY(-3px)}
.lp-m .lp-wsCat .lp-flag{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;border:1px solid #F03E3E;color:#F03E3E;background:#fff;white-space:nowrap}
.lp-m .lp-wsCat .lp-flag.lp-blue{border-color:#D45C00;color:#B34E00}
.lp-m .lp-wsCat .lp-grid4{width:36px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px}
.lp-m .lp-wsCat .lp-grid4 i{border:2px solid #3C4C5C;border-radius:3px}
@media (prefers-reduced-motion:reduce){
  .lp-m .lp-wsSlide{transition:none}
}
.lp-m .lp-wsGrid>*{min-width:0}
.lp-m .lp-searchSec.lp-ws h2.lp-wsTitle{font-family:inherit;font-weight:900;letter-spacing:-.05em}
.lp-m .lp-searchSec.lp-ws{padding:56px 0 48px;background:var(--surface,#fff)}
@media (max-width:760px){
  .lp-m .lp-searchSec.lp-ws{padding:40px 0 36px}
  .lp-m .lp-wsGrid{grid-template-columns:1fr;gap:22px}
  .lp-m .lp-wsTitle{font-size:24px;line-height:1.35;margin:0 0 18px}
  .lp-m .lp-wsBar{height:54px;padding:0 6px 0 20px;max-width:none}
  .lp-m .lp-wsBar input{font-size:15px}
  .lp-m .lp-wsGo{width:42px;height:42px}
  .lp-m .lp-wsPills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:0 16px}
  .lp-m .lp-wsPills::-webkit-scrollbar{display:none}
  .lp-m .lp-wsPill{flex:none;font-size:13px;padding:9px 14px}
  .lp-m .lp-wsBanner{height:196px}
  .lp-m .lp-wsSlide{padding:20px 22px}
  .lp-m .lp-wsSlide h3{font-size:18px}
  .lp-m .lp-wsSlide p{font-size:12px;padding-right:80px}
  .lp-m .lp-wsArt{transform:scale(.78);transform-origin:top right;right:18px;top:14px}
  .lp-m .lp-wsPager{right:34px;bottom:18px}
  .lp-m .lp-wsCats{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:22%;gap:10px 4px;overflow-x:auto;scrollbar-width:none;margin:30px -16px 0;padding:0 16px;scroll-snap-type:x mandatory}
  .lp-m .lp-wsCats::-webkit-scrollbar{display:none}
  .lp-m .lp-wsCat{scroll-snap-align:start;padding:18px 0 4px;font-size:12px;gap:8px}
  .lp-m .lp-wsCat .lp-e{font-size:30px}
}
@media (max-width:760px){
  .lp-m .lp-wsBanner{display:none}
  .lp-m .lp-wsGrid{gap:0}
  .lp-m .lp-wsCats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:6px 8px;overflow:visible;margin:28px 0 0;padding:16px 8px 6px;scroll-snap-type:none;background:var(--surface2,#F7F9FB);border:1px solid #EEF2F5;border-radius:18px}
  .lp-m .lp-wsCat{padding:14px 0 6px;gap:6px;font-size:11.5px;border-radius:12px}
  .lp-m .lp-wsCat .lp-e{font-size:24px}
  .lp-m .lp-wsCat .lp-grid4{width:26px;height:26px;padding:5px;gap:3px}
  .lp-m .lp-wsCat .lp-flag{font-size:9px;padding:1px 5px;top:-2px}
}
.lp-m #lp-m-features .lp-sectionHead h2{font-family:inherit;font-weight:900;letter-spacing:-.05em;color:var(--text,#0E1A2B)}
@media (max-width:760px){
  .lp-m #lp-m-features{padding-top:8px}
  .lp-m #lp-m-features .lp-sectionHead{text-align:left;margin-bottom:18px}
  .lp-m #lp-m-features .lp-sectionHead h2{font-size:24px;line-height:1.35;color:var(--text,#0E1A2B)}
}
.lp-m .lp-stu .lp-dl{display:block;font-style:normal;font-size:12px;font-weight:800;color:#C2510A;margin-top:4px}
.lp-m .lp-stu b{white-space:nowrap}
.lp-m .lp-ytBadges{flex-wrap:nowrap}
.lp-m .lp-ytBadge{white-space:nowrap}
@media (max-width:760px){
  .lp-m .lp-stuGrid{gap:8px}
  .lp-m .lp-stu{padding:12px 6px}
  .lp-m .lp-stu small{font-size:11px;white-space:nowrap;margin-bottom:5px}
  .lp-m .lp-stu b{display:block;font-size:22px;line-height:1.15}
  .lp-m .lp-stu b em{font-size:12px;margin-left:1px}
  .lp-m .lp-stu .lp-dl{font-size:11px}
  .lp-m .lp-ytRow{grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start}
  .lp-m .lp-ytTitle{font-size:14px;margin-bottom:4px}
  .lp-m .lp-ytMeta{font-size:11.5px;line-height:1.5;margin-bottom:7px}
  .lp-m .lp-ytBadge{font-size:11px;padding:4px 8px}
}
@media (max-width:760px){
  .lp-m .lp-ytThumb span{font-size:12px;line-height:1.15;transform:translateY(-6px)}
}
@media (max-width:760px){
  .lp-m .lp-searchSec.lp-ws{padding-bottom:44px}
  .lp-m #lp-m-features{padding-top:48px;padding-bottom:48px;background:#F4F6F9;border-top:1px solid #E6EBF0}
  .lp-m #lp-m-features .lp-sectionHead{margin-bottom:20px}
  .lp-m #lp-m-features .lp-sectionHead h2{font-size:26px;line-height:1.3}
  .lp-m #lp-m-features .lp-tabs{background:#E6EBF0;margin-bottom:26px}
  .lp-m #lp-m-features .lp-featureText{text-align:left}
  .lp-m #lp-m-features .lp-featureText h3{font-family:inherit;font-weight:800;font-size:18px;line-height:1.45;letter-spacing:-.03em;color:#405269}
  .lp-m #lp-m-features .lp-panelItem{gap:14px}
  .lp-m #lp-m-features .lp-featureMock{background:#fff}
}
.lp-m .lp-flow4{padding:72px 0;background:#FCF8F5;text-align:center}
.lp-m .lp-f4Head{margin:0 0 28px;font-family:inherit;font-weight:900;font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:-.05em;color:#0E1A2B}
.lp-m .lp-f4Head span{color:#E8620C}
.lp-m .lp-f4Grid{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:900px}
.lp-m .lp-f4Grid li{position:relative;background:#fff;border:1px solid #EEE7E1;border-radius:18px;padding:26px 12px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 22px rgba(80,40,10,.05)}
.lp-m .lp-f4N{position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#FFF1E6;color:#C2510A;font-style:normal;font-size:12px;font-weight:900;display:grid;place-items:center}
.lp-m .lp-f4E{font-size:32px;line-height:1;margin-bottom:6px}
.lp-m .lp-f4Grid b{font-size:15px;font-weight:900;color:#0E1A2B;letter-spacing:-.03em}
.lp-m .lp-f4Grid small{font-size:12.5px;color:#6A7B8E;font-weight:600}
@media (max-width:760px){
  .lp-m .lp-flow4{padding:48px 0 44px}
  .lp-m .lp-f4Head{font-size:22px;margin-bottom:20px}
  .lp-m .lp-f4Grid{grid-template-columns:1fr 1fr;gap:10px}
  .lp-m .lp-f4Grid li{padding:22px 8px 16px;border-radius:16px}
  .lp-m .lp-f4N{left:10px;top:10px;width:20px;height:20px;font-size:11px}
  .lp-m .lp-f4E{font-size:28px;margin-bottom:4px}
  .lp-m .lp-f4Grid b{font-size:14px}
  .lp-m .lp-f4Grid small{font-size:11.5px}
}
@media (max-width:760px){
  .lp-m #lp-m-features .lp-featureText h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:760px){
  .lp-m .lp-finalActions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:360px;margin-left:auto;margin-right:auto}
  .lp-m .lp-finalActions .lp-btn{width:100%;justify-content:center;padding:14px 8px;font-size:14.5px;white-space:nowrap;margin:0}
}
@media (max-width:760px){
  .lp-m .lp-searchSec.lp-ws,.lp-m #lp-m-features,.lp-m .lp-flow4,.lp-m .lp-who,.lp-m .lp-faq{padding-top:48px!important;padding-bottom:48px!important}
  .lp-m .lp-searchSec.lp-ws,.lp-m .lp-flow4,.lp-m .lp-faq{background:#FFFFFF!important}
  .lp-m #lp-m-features,.lp-m .lp-who{background:#F4F6F9!important;border-top:1px solid #E6EBF0;border-bottom:1px solid #E6EBF0}
  .lp-m .lp-searchSec.lp-ws h2.lp-wsTitle,.lp-m #lp-m-features .lp-sectionHead h2,.lp-m .lp-f4Head,.lp-m .lp-who .lp-sectionHead h2,.lp-m .lp-faq .lp-sectionHead h2{font-family:inherit!important;font-weight:900!important;font-size:24px!important;line-height:1.35!important;letter-spacing:-.05em!important;
      color:#0E1A2B;text-align:left!important;margin:0 0 18px!important}
  .lp-m .lp-f4Head span{color:#E8620C}
  .lp-m .lp-who .lp-sectionHead,.lp-m .lp-faq .lp-sectionHead,.lp-m #lp-m-features .lp-sectionHead{text-align:left!important;margin-bottom:0!important}
  .lp-m .lp-who .lp-sectionHead p,.lp-m .lp-faq .lp-sectionHead p{text-align:left;font-size:14px;margin:-8px 0 16px}
  .lp-m .lp-flow4{text-align:left}
  .lp-m .lp-f4Grid li{text-align:center}
  .lp-m .lp-who .lp-persona{background:#fff}
  .lp-m .lp-final h2{font-size:26px!important}
}
@media (max-width:760px){
  .lp-m .lp-wsCats{background:#FFFFFF!important;border:1px solid #E6EBF0!important}
}
@media (max-width:760px){
  .lp-m .lp-finalActions{grid-template-columns:1fr!important}
}

/* ==========================================================================
   3부. 이식 보정 — 시안에 없던 것 (앱 공통 스타일 차단, 실제 동작용 요소, 모바일 기기 대응)
   ========================================================================== */

/* 앱 공통 body(12px, line-height 1.45) 대신 시안이 전제한 브라우저 기본값으로. 긴 단어(링크·영문)는 넘치기 전에 줄바꿈 */
.lp-pc,.lp-m{font-size:16px;line-height:normal;overflow-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.lp-pc *::before,.lp-pc *::after,.lp-m *::before,.lp-m *::after{box-sizing:border-box}
.lp-pc button:focus-visible,.lp-pc a:focus-visible,.lp-m button:focus-visible,.lp-m a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* 노치·홈 인디케이터(안전 영역): 가로로 든 폰은 PC 시안을 쓰므로 PC 본문 폭에서 좌우 안전 영역을 뺀다 */
.lp-pc .lp-container{width:min(1180px,calc(100% - 48px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
.lp-m{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.lp-pc header,.lp-m header{padding-top:env(safe-area-inset-top,0px)}

/* 하단 고정 CTA: 홈 인디케이터 위로 띄우고, 숨어 있을 때는 키보드 포커스도 받지 않게 */
.lp-pc .lp-floatingCta,.lp-m .lp-floatingCta{transform:translateX(-50%) translateY(calc(120px + env(safe-area-inset-bottom,0px)));visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.lp-pc .lp-floatingCta{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
.lp-m .lp-floatingCta{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.lp-pc .lp-floatingCta.lp-on,.lp-m .lp-floatingCta.lp-show{transform:translateX(-50%) translateY(0);visibility:visible;transition:transform .25s ease,visibility 0s}
.lp-pc .lp-floatingCta span b,.lp-m .lp-floatingCta span b{color:#FFA45E}

/* 좁은 화면 접이식 메뉴: 닫혀 있을 때 링크가 키보드로 잡히지 않게 */
.lp-pc .lp-mMenu,.lp-m .lp-mMenu{visibility:hidden;transition:max-height .25s ease,visibility 0s linear .25s}
.lp-pc .lp-menuOpen .lp-mMenu,.lp-m .lp-menuOpen .lp-mMenu{visibility:visible;transition:max-height .25s ease,visibility 0s}
.lp-pc .lp-logo,.lp-m .lp-logo{min-height:44px}

/* FAQ 질문: 시안의 div → 버튼(h3 안) */
.lp-pc .lp-faqH,.lp-m .lp-faqH{margin:0;font-size:inherit;font-weight:inherit}
.lp-pc .lp-faqQ,.lp-m .lp-faqQ{width:100%;border:0;background:none;color:inherit;font:inherit;font-weight:900;letter-spacing:inherit;text-align:left;gap:12px}
.lp-pc .lp-plus,.lp-m .lp-plus{flex:0 0 26px;transition:transform .2s}

/* PC 이용 방법: 시안의 div → 순서 목록 */
.lp-pc .lp-flow{list-style:none;padding:0;margin:12px 0 0}

/* PC 히어로 대화 데모: 실제 터진 영상 썸네일 */
.lp-pc .lp-hdThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* '영상 검색' 결과 화면 실제 썸네일 (FeatureSearchMock, 오늘 터진 영상) */
.lp-pc .lp-ytThumb img,.lp-m .lp-ytThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-pc .lp-ytThumb .lp-ytDur,.lp-m .lp-ytThumb .lp-ytDur{z-index:1}
.lp-pc .lp-hdThumb .lp-hdPlay,.lp-pc .lp-hdThumb .lp-ytDur{z-index:1}
.lp-pc .lp-cTitle{overflow-wrap:anywhere}

/* 시안 인라인 스타일을 옮긴 것 (기능 화면 예시) */
.lp-pc .lp-mockChip.lp-mockChipHot,.lp-m .lp-mockChip.lp-mockChipHot{background:#FFEDE3;color:#D9480F}
.lp-pc .lp-repBox b em.lp-rankOf,.lp-m .lp-repBox b em.lp-rankOf{color:#C95700}
.lp-pc .lp-repNote,.lp-m .lp-repNote{font-size:12px;color:#8592A2;font-weight:700;margin-top:10px}
.lp-pc .lp-repLabel.lp-repLabelTight,.lp-m .lp-repLabel.lp-repLabelTight{margin-bottom:6px}
.lp-pc .lp-chartSvg,.lp-m .lp-chartSvg{width:100%;height:130px;display:block}

/* 소식 배너 '다음' 버튼: 보이는 크기(24px)는 그대로, 누르는 영역만 40px */
.lp-pc .lp-wsPager button,.lp-m .lp-wsPager button{position:relative}
.lp-pc .lp-wsPager button::after,.lp-m .lp-wsPager button::after{content:"";position:absolute;inset:-8px}

/* PC 공감 섹션 생각 말풍선: 901~1000px 에서 화면 밖으로 나가지 않게 */
@media (max-width:1000px){
  .lp-pc .lp-thought.lp-t1{left:-8px}
  .lp-pc .lp-thought.lp-t2{right:-8px}
}

/* 모바일 입력창: 16px 미만이면 iOS Safari 가 포커스 때 화면을 확대한다 */
.lp-m input,.lp-m textarea,.lp-m select,.lp-m .lp-wsBar input{font-size:16px}

/* 모바일 누르는 영역 40px 이상 */
.lp-m .lp-btn,.lp-m .lp-wsPill,.lp-m .lp-tab{min-height:40px}

/* 모바일 주제 칩 가로 스크롤: 본문 여백(560px 이하 14px)만큼만 화면 끝까지 */
@media (max-width:560px){
  .lp-m .lp-wsPills{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}

/* 작은 폰 (Galaxy Fold 덮개 280px ~ 360px): 시안의 가장 작은 구간(380px)보다 더 좁은 화면 */
@media (max-width:360px){
  .lp-m .lp-announce{font-size:11.5px;padding:0 10px;text-align:center}
  .lp-m .lp-hx60{font-size:19vw}
  .lp-m #lp-m-features .lp-tab{white-space:normal;line-height:1.25;font-size:12px;padding:8px 2px}
  .lp-m #lp-m-features .lp-featureText h3{white-space:normal;overflow:visible;text-overflow:clip}
  .lp-m .lp-stu small{white-space:normal}
  .lp-m .lp-ytBadges{flex-wrap:wrap}
  .lp-m .lp-ytRow{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .lp-m .lp-demand{flex-wrap:wrap;gap:6px}
  .lp-m .lp-persona .lp-pTop>div{flex-wrap:wrap}
  .lp-m .lp-wsCat{overflow-wrap:anywhere}
  .lp-m .lp-floatingCta span{font-size:12px}
}
@media (max-width:330px){
  .lp-m .lp-repRow{grid-template-columns:1fr}
  .lp-m .lp-stuGrid{gap:6px}
  .lp-m .lp-stu{padding:10px 4px}
  .lp-m .lp-stu b{font-size:18px}
  .lp-m .lp-f4Grid{gap:8px}
}
@media (max-width:300px){
  .lp-m .lp-wsCats{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 움직임 줄이기 설정: 반복·등장 애니메이션과 전환을 끈다 (배너 자동 넘김·숫자 연출은 landing.js 에서 끔) */
@media (prefers-reduced-motion:reduce){
  .lp-pc *,.lp-pc *::before,.lp-pc *::after,.lp-m *,.lp-m *::before,.lp-m *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
}

/* ==========================================================================
   가입 창 (Common/LandingSignupModal) — 시안 #signupModal(.modalBack/.modal) 원본 규칙, PC·모바일 같은 모양.
   두 트리(.lp-pc/.lp-m) 밖에 하나만 그려서 변수·글꼴을 여기서 다시 정한다.
   ========================================================================== */
.lp-modalBack{--line:#E7EDF3;--navy:#07111F;position:fixed;inset:0;background:rgba(3,13,22,.62);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;
  font-family:Pretendard,"Noto Sans KR",Apple SD Gothic Neo,Arial,sans-serif;letter-spacing:-.03em;word-break:keep-all;color:#0D1726}
.lp-modalBack.lp-on{display:flex}
.lp-modalBack *{box-sizing:border-box}
.lp-modal{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:lpFadeUp .25s ease}
.lp-modalTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}
.lp-modalTop b{font-size:20px}
.lp-close{flex:none;border:0;background:#EFF4F7;width:32px;height:32px;border-radius:50%;cursor:pointer;font:inherit;font-size:18px;line-height:1;color:#0D1726}
.lp-modal p{margin:0;font-size:14px;color:#6D7B8D;line-height:1.55}
.lp-social{display:grid;gap:9px;margin-top:18px}
.lp-social a{height:46px;border-radius:11px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:15px;color:#0D1726;text-decoration:none;display:flex;align-items:center;justify-content:center}
.lp-social a:hover{background:#F7FAFC}
.lp-social a{gap:8px}
.lp-social a.lp-kakao{background:#FEE500;border-color:#FEE500;color:rgba(0,0,0,.85)}
.lp-social a.lp-kakao:hover{background:#F5DC00}
.lp-close:focus-visible,.lp-social a:focus-visible{outline:3px solid #FF7A1A;outline-offset:2px}
/* 앱 안 브라우저 안내 (Shared/InAppBrowserNotice) — 가입 창 안 */
.lp-modal .inapp{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#FFF3EA;border-radius:14px;padding:12px 14px;margin-top:14px;font-size:13.5px}
.lp-modal .inapp span{color:#687589}
.lp-modal .inapp .btn{border:0;border-radius:10px;padding:8px 12px;background:#FF7A1A;color:#fff;font-weight:800;font-size:13px;text-decoration:none}