/* =========================================================
   SIA BEAUTY ACADEMY - RESPONSIVE OVERRIDE
   기존 CSS를 수정하지 않고 마지막에 로드하는 반응형 전용 파일

   BREAKPOINTS
   1) NOTEBOOK : 1025px ~ 1440px
   2) TABLET   : 768px  ~ 1024px
   3) MOBILE   : 0      ~ 767px
========================================================= */

/* 반응형 구간에서만 사용하는 안전장치
   1441px 이상 PC에는 이 파일이 레이아웃/스크롤에 관여하지 않는다. */
@media (max-width:1440px){
  html,body{max-width:100%;overflow-x:clip}
  img,video,iframe{max-width:100%}
  input,select,textarea,button{max-width:100%}
}

/* =========================================================
   1. NOTEBOOK 1025 ~ 1440
========================================================= */
@media (max-width:1440px) and (min-width:1025px){
  .wrap,.content{width:min(1180px,calc(100% - 56px))!important}

  /* Header */
  .site-header .header-inner,
  .header .header-inner{width:min(1260px,calc(100% - 56px))!important;grid-template-columns:158px minmax(0,1fr) 150px!important;gap:16px!important}
  .site-header .logo,.header .logo{width:150px!important}
  .site-header .gnb,.header .gnb{gap:25px!important;font-size:.8125rem!important}
  .site-header .head-cta,.header .head-cta{width:150px!important;padding-left:13px!important;padding-right:13px!important}

  /* Quick menu */
  .theme-prism .quick,.quick{right:12px!important;width:92px!important;top:220px!important}
  .theme-prism .quick>a,.quick a{height:57px!important;min-height:57px!important;font-size:.6875rem!important}
  .quick-benefit{right:calc(100% + 7px)!important;min-width:86px!important;height:27px!important;padding:0 9px!important;font-size:.6875rem!important}

  /* Main */
  body.home-page .hero-inner{width:min(1180px,calc(100% - 56px))!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:48px!important}
  body.home-page .hero-copy{padding-left:0!important;padding-right:0!important}
  body.home-page .hero h1{font-size:3.625rem!important}
  body.home-page .hero-story{width:100%!important;height:520px!important}
  body.home-page .hero-proof{width:min(1080px,calc(100% - 80px))!important}
  body.home-page .row{grid-template-columns:230px minmax(0,1fr)!important;gap:34px!important}
  body.home-page .review-marquee .review{width:330px!important}
  body.home-page .review-marquee .review img{height:215px!important}
  body.home-page .pick-track{gap:0!important}
  body.home-page .pill{transform:scale(.92)}
  body.home-page .field-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:36px!important}
  body.home-page .consult-layout{grid-template-columns:290px minmax(0,1fr)!important;gap:30px!important}
  body.home-page .consult form{grid-template-columns:1fr 1fr 1.05fr 1.05fr 96px!important}

  /* Subpage hero */
  body.theme-prism:not(.home-page) .hero-inner{grid-template-columns:minmax(0,1fr) 430px!important;gap:54px!important}
  body.theme-prism:not(.home-page) .hero-copy h1{font-size:clamp(3.125rem,4.6vw,4.25rem)!important}
  body.theme-prism:not(.home-page) .hero-stage{height:500px!important}
  body.theme-prism:not(.home-page) .hero-index{width:220px!important;padding:22px 20px!important}

  /* General sections */
  .feature-grid{gap:14px!important}
  .curriculum-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:50px!important}
  .system-grid{gap:14px!important}
  .consult-grid{grid-template-columns:330px minmax(0,1fr)!important;gap:44px!important}
  .parent-layout{gap:54px!important}
  .faq-layout{gap:56px!important}

  /* Story / review */
  .story-journal-group,.story-success-group{grid-template-columns:110px minmax(0,1fr)!important;gap:26px!important}
  .story-list,.story-success-grid{gap:14px!important}
  .review-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Course success */
  .page-success-rate{padding:90px 0 108px!important}
  .page-success-rate__image{height:240px!important}

  /* Academy */
  .director-layout{gap:52px!important}
  .value-grid{gap:16px!important}

  /* Footer */
  .theme-prism .business-footer__inner{width:min(1180px,calc(100% - 56px))!important;grid-template-columns:205px minmax(0,1fr) minmax(0,1fr)!important;column-gap:34px!important}
  .business-footer__logo{width:195px!important}
}

/* =========================================================
   2. TABLET 768 ~ 1024
========================================================= */
@media (max-width:1024px) and (min-width:768px){
  .wrap,.content{width:calc(100% - 48px)!important}
  section[id]{scroll-margin-top:132px!important}
  body.theme-prism.home-page .video-hero .hero-copy h1{font-weight:500;}

  /* Header - tablet부터 햄버거 */
  .site-header,.site-header.sub-header,.header.site-header{height:70px!important}
  .site-header .header-inner,.header .header-inner{height:70px!important;width:calc(100% - 40px)!important;grid-template-columns:160px minmax(0,1fr) 42px!important;gap:14px!important}
  .site-header .logo,.header .logo{width:150px!important;height:70px!important}
  .site-header .gnb,.header .gnb,.site-header .head-cta,.header .head-cta{display:none!important}
  .site-header .mobile-menu-btn,.header .mobile-menu-btn{display:flex!important;justify-self:end;border:0;background:transparent;flex-direction:column;gap:5px;align-items:flex-end;padding:8px 0;cursor:pointer}
  .site-header .mobile-menu-btn span,.header .mobile-menu-btn span{display:block;width:24px;height:2px;border-radius:99px;background:#17131c}
  .site-header .mobile-menu-btn span:nth-child(2),.header .mobile-menu-btn span:nth-child(2){width:17px}
  .site-header .mobile-nav.open,.header .mobile-nav.open{display:grid!important;position:absolute;top:70px;left:0;right:0;grid-template-columns:repeat(2,1fr);padding:12px 24px 20px;background:rgba(255,255,255,.985);border-top:1px solid #eee8f1;box-shadow:0 18px 42px rgba(42,31,58,.13);z-index:200}
  .site-header .mobile-nav a,.header .mobile-nav a{padding:14px 10px;border-bottom:1px solid #eee8f1;font-size:.8125rem;font-weight:800}
  .site-header .mobile-nav a.active,.header .mobile-nav a.active{color:var(--accent,#8058e7)}

  /* Fixed UI */
  .quick{display:none!important}
  .theme-prism .sia-floating-consult{left:18px!important;right:18px!important;bottom:14px!important;width:auto!important;transform:none!important}
  .theme-prism .sia-floating-consult__inner{display:none!important}
  .theme-prism .sia-floating-consult__mobile{display:grid!important;grid-template-columns:40% 60%!important;min-height:60px!important;padding:6px!important}
  .theme-prism .site-footer{padding-bottom:92px!important}

  /* Main hero */
  body.home-page .hero{height:auto!important;min-height:720px!important}
  body.home-page .hero-inner{height:auto!important;min-height:650px!important;width:calc(100% - 48px)!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:34px!important;padding:76px 0 118px!important;align-items:center!important}
  body.home-page .hero-copy{padding:0!important}
  body.home-page .hero h1{font-size:3.25rem!important;letter-spacing:-3px!important}
  body.home-page .hero p{font-size:1rem!important;line-height:1.65!important}
  body.home-page .hero-story{height:470px!important;padding:24px 18px 18px!important}
  body.home-page .hero-proof{width:calc(100% - 70px)!important;height:62px!important;bottom:26px!important}
  body.home-page .hero-proof span{font-size:.75rem!important}

  /* Home review */
  body.home-page .reviews{height:auto!important;padding:58px 0 54px!important}
  body.home-page .reviews .row{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:28px!important}
  body.home-page .review-heading h2{font-size:2rem!important}
  body.home-page .review-marquee .review{width:300px!important}
  body.home-page .review-marquee .review img{height:205px!important}

  /* Home stats */
  body.home-page .stats{height:auto!important;padding:18px 0!important}
  body.home-page .stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:0!important}
  body.home-page .stat-item{min-height:112px!important;border-bottom:1px solid rgba(66,50,89,.10)!important}
  body.home-page .stat-grid strong{font-size:2.5rem!important}

  /* Home K Beauty */
  body.home-page .kb-home-grid{grid-template-columns:1fr!important;gap:34px!important;padding-top:62px!important;padding-bottom:62px!important}
  body.home-page .kb-home-visual{min-height:280px!important}

  /* Program */
  body.home-page .pick{height:auto!important;padding:62px 0!important}
  body.home-page .pick .content{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:28px!important}
  body.home-page .pick-track{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;gap:10px!important;padding:6px 4px 18px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  body.home-page .pick-track::-webkit-scrollbar{display:none}
  body.home-page .pill{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;flex:0 0 180px!important;width:180px!important;height:150px!important;scroll-snap-align:start}

  /* Field */
  body.home-page .field{height:auto!important;padding:64px 0!important}
  body.home-page .field-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:30px!important}
  body.home-page .film{height:265px!important}

  /* Home consult */
  body.home-page .consult{height:auto!important;padding:58px 0 116px!important}
  body.home-page .consult-layout{grid-template-columns:1fr!important;gap:26px!important}
  body.home-page .consult form{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.home-page #consultForm button[type="submit"]{grid-column:1/-1!important;height:48px!important}
  body.home-page #consultForm .consult-privacy{grid-column:1/-1!important}

  /* Subpage anchor nav */
  .anchor-nav{top:70px!important;margin-top:12px!important}
  .anchor-nav .wrap{width:max-content!important;min-width:100%!important;justify-content:flex-start!important;padding:0 14px!important}
  .anchor-nav a{height:52px!important;padding:0 18px!important;font-size:.8125rem!important}

  /* Subpage hero */
  body.theme-prism:not(.home-page) .landing-hero{min-height:auto!important;margin:7px!important;border-radius:24px!important}
  body.theme-prism:not(.home-page) .hero-inner{min-height:auto!important;grid-template-columns:1fr 1fr!important;gap:34px!important;padding:54px 0 70px!important}
  body.theme-prism:not(.home-page) .hero-copy h1{font-size:3rem!important}
  body.theme-prism:not(.home-page) .hero-copy>p{font-size:.875rem!important}
  body.theme-prism:not(.home-page) .breadcrumb{margin-bottom:28px!important}
  body.theme-prism:not(.home-page) .hero-stage{height:430px!important}
  body.theme-prism:not(.home-page) .hero-photo{width:88%!important}
  body.theme-prism:not(.home-page) .hero-index{left:-12px!important;bottom:20px!important;width:190px!important;padding:19px 17px!important}
  body.theme-prism:not(.home-page) .hero-index b{font-size:1.3125rem!important}
  body.theme-prism:not(.home-page) .hero-stamp{transform:scale(.82);transform-origin:right bottom}

  /* Common sections */
  .section{padding-top:76px!important;padding-bottom:76px!important}
  .section-head h2{font-size:2.625rem!important}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .kbeauty-section{margin-left:8px!important;margin-right:8px!important;border-radius:26px!important}
  .kb-wrap{padding-top:68px!important;padding-bottom:68px!important}
  .kb-signal{grid-template-columns:repeat(3,1fr)!important}
  .kb-path{overflow-x:auto!important}
  .curriculum-layout{grid-template-columns:1fr!important;gap:34px!important}
  .sticky-copy{position:static!important}
  .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .system-intro{grid-column:1/-1!important}
  .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}
  .field-grid .big{grid-row:auto!important}
  .field-grid figure{height:300px!important}
  .proof-strip{grid-template-columns:repeat(2,1fr)!important}
  .parent-layout{grid-template-columns:1fr!important;gap:34px!important}
  .parent-checks{grid-template-columns:repeat(3,1fr)!important}
  .faq-layout{grid-template-columns:1fr!important;gap:30px!important}
  .consult-grid{grid-template-columns:1fr!important;gap:30px!important}
  .bottom-consult{margin-left:8px!important;margin-right:8px!important;border-radius:26px!important;padding-top:70px!important;padding-bottom:70px!important}

  /* Makeup detailed curriculum */
  .makeup-course-tabs{padding-left:22px!important;padding-right:22px!important}
  .makeup-tab-nav{grid-template-columns:repeat(3,1fr)!important}
  .makeup-course-row{grid-template-columns:54px 180px minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}

  /* Success cards */
  .page-success-rate{padding:76px 0 96px!important}
  .page-success-rate__head h2{font-size:2.75rem!important}
  .page-success-rate__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-success-rate__image{height:250px!important}

  /* College admission */
  .admission-archive{padding:70px 0!important}
  .admission-archive__head{grid-template-columns:1fr!important;gap:16px!important}
  .admission-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admission-activity-card{height:285px!important}

  /* Review / Story list */
  .review-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .story-journal-group,.story-success-group{grid-template-columns:1fr!important;gap:14px!important}
  .story-journal-group__head,.story-success-group__head{position:static!important}
  .story-list,.story-success-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}

  /* Detail pages */
  .review-detail-layout,.story-detail-body__inner{grid-template-columns:1fr!important;gap:28px!important}
  .review-detail-aside,.story-detail-body aside{position:static!important}
  .review-detail-hero h1,.story-detail-head h1{font-size:2.875rem!important}
  .post-rich-content iframe,.post-rich-content video{width:100%!important}

  /* Academy */
  .director-layout{grid-template-columns:.9fr 1.1fr!important;gap:34px!important}
  .director-frame{min-height:500px!important}
  .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Tuition */
  .fee-hero{padding:78px 0 68px!important}
  .fee-page-body{padding:56px 0 90px!important}
  .fee-section-head{grid-template-columns:1fr!important}
  .fee-meta{justify-content:flex-start!important}
  .fee-mobile-note{display:block!important}

  /* Footer */
  .theme-prism .business-footer__inner{width:calc(100% - 48px)!important;grid-template-columns:190px minmax(0,1fr)!important;gap:30px 38px!important;align-items:start!important;padding:38px 0 112px!important}
  .theme-prism .business-footer__logo{width:185px!important}
  .theme-prism .business-footer__info{display:grid!important;gap:18px!important}
}

/* =========================================================
   3. MOBILE 0 ~ 767
========================================================= */
@media (max-width:767px){
  :root{--mobile-side:18px}
  html{-webkit-text-size-adjust:100%}
  body{min-width:0!important;padding-bottom:0!important}
  .wrap,.content{width:calc(100% - (var(--mobile-side) * 2))!important;max-width:none!important}
  section[id]{scroll-margin-top:118px!important}

  /* Typography */
  .eyebrow,.kicker{font-size:.85rem!important;letter-spacing:.14em!important}
  .section-head h2{font-size:2.125rem!important;line-height:1.12!important;letter-spacing:-.05em!important}
  .section-head p{font-size:1rem!important;line-height:1.5!important}
  .btn{min-height:48px!important;padding:0 18px!important;font-size:.85rem!important}

  /* Header */
  .site-header,.site-header.sub-header,.header.site-header{height:64px!important;min-height:64px!important}
  .site-header .header-inner,.header .header-inner{height:64px!important;width:calc(100% - 28px)!important;grid-template-columns:142px minmax(0,1fr) 40px!important;gap:8px!important}
  .site-header .logo,.header .logo{width:134px!important;height:64px!important}
  .site-header .logo img,.header .logo img{max-height:34px!important}
  .site-header .gnb,.header .gnb,.site-header .head-cta,.header .head-cta{display:none!important}
  .site-header .mobile-menu-btn,.header .mobile-menu-btn{display:flex!important;justify-self:end;border:0;background:transparent;flex-direction:column;gap:5px;align-items:flex-end;padding:8px 0}
  .site-header .mobile-menu-btn span,.header .mobile-menu-btn span{display:block;width:24px;height:2px;border-radius:999px;background:#17131c}
  .site-header .mobile-menu-btn span:nth-child(2),.header .mobile-menu-btn span:nth-child(2){width:17px}
  .site-header .mobile-nav.open,.header .mobile-nav.open{display:grid!important;position:absolute;top:64px;left:0;right:0;grid-template-columns:1fr 1fr;padding:10px 16px 18px;background:rgba(255,255,255,.99);border-top:1px solid #eee8f1;box-shadow:0 18px 42px rgba(42,31,58,.14);z-index:200}
  .site-header .mobile-nav a,.header .mobile-nav a{padding:13px 8px;border-bottom:1px solid #eee8f1;font-size:.85rem;font-weight:850}
  .site-header .mobile-nav a.active,.header .mobile-nav a.active{color:var(--accent,#8058e7)}

  /* Fixed UI */
  .quick{display:none!important}
  .theme-prism .sia-floating-consult{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;transform:none!important;z-index:900!important}
  .theme-prism .sia-floating-consult__inner{display:none!important}
  .theme-prism .sia-floating-consult__mobile{display:grid!important;grid-template-columns:40% 60%!important;min-height:56px!important;padding:5px!important}
  .theme-prism .sia-floating-consult__mobile a{font-size:.85rem!important;border-radius:12px!important}
  .theme-prism .site-footer{padding-bottom:82px!important}
  .mobile-cta,.home-mobile-cta{display:none!important}

  /* Privacy modal */
  .sia-privacy-modal{padding:10px!important}
  .sia-privacy-modal__panel{width:100%!important;max-height:calc(50vh - 20px)!important;padding:26px 18px 20px!important;border-radius:18px!important}
  .sia-privacy-modal__close{right:12px!important;top:12px!important}
  .sia-privacy-modal h2{font-size:1.3125rem!important}
  .sia-privacy-policy section{padding:16px 0!important}

  /* HOME HERO */
  body.home-page .hero{height:auto!important;min-height:0!important;padding:0 0 20px!important}
  body.home-page .video-hero{margin:0!important}
  body.home-page .hero-inner{height:auto!important;min-height:0!important;width:calc(100% - 32px)!important;display:grid!important;grid-template-columns:1fr!important;gap:26px!important;padding:64px 0 102px!important}
  body.home-page .hero-copy{padding:0!important;max-width:none!important}
  body.home-page .home-kb-chip{font-size:.7rem!important}
  body.home-page .hero .kicker{display:block!important;margin-top:12px!important}
  body.home-page .hero h1{font-size:clamp(2.625rem,13vw,3.625rem)!important;line-height:1.04!important;letter-spacing:-3px!important;margin:15px 0 17px!important}
  body.home-page .hero p{font-size:.875rem!important;line-height:1.65!important}
  body.home-page .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:24px!important}
  body.home-page .actions .btn{width:100%!important;min-width:0!important}
  body.home-page .hero-story{width:100%!important;height:410px!important;padding:20px 16px 16px!important;border-radius:20px!important}
  body.home-page .story-item{grid-template-columns:82px 1fr!important;gap:10px!important}
  body.home-page .story-item img{width:82px!important;height:70px!important;object-fit:cover!important}
  body.home-page .story-text b{font-size:.75rem!important}
  body.home-page .hero-proof{left:16px!important;right:16px!important;bottom:18px!important;width:auto!important;height:auto!important;min-height:64px!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:8px 10px!important;border-radius:16px!important}
  body.home-page .hero-proof span{height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.625rem!important;text-align:center!important}
  body.home-page .hero-proof span + span::before{display:none!important}

  /* HOME REVIEW */
  body.home-page .reviews{height:auto!important;padding:54px 0 48px!important;overflow:hidden!important}
  body.home-page .reviews .row{display:block!important}
  body.home-page .review-heading{margin-bottom:22px!important}
  body.home-page .review-heading h2{font-size:1.5rem!important;line-height:1.12!important;letter-spacing:-1.8px!important}
  body.home-page .review-heading .scribble{display:none!important}
  body.home-page .review-marquee{width:100vw!important;margin-left:calc(var(--mobile-side) * -1)!important;padding:6px 0 18px!important;overflow:hidden!important}
  body.home-page .review-set{gap:10px!important;padding-right:10px!important}
  body.home-page .review-marquee .review{width:280px!important;padding:6px 6px 12px!important;border-radius:15px!important}
  body.home-page .review-marquee .review img{height:175px!important;border-radius:11px!important}
  body.home-page .review p,body.home-page .review b{font-size:.85rem!important}

  /* HOME STATS */
  body.home-page .stats{height:auto!important;padding:8px 0!important}
  body.home-page .stat-grid{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important}
  body.home-page .stat-item{min-height:108px!important;padding:17px 8px!important;border-right:1px solid rgba(66,50,89,.10)!important;border-bottom:1px solid rgba(66,50,89,.10)!important}
  body.home-page .stat-item:nth-child(2n){border-right:0!important}
  body.home-page .stat-grid strong{font-size:2.25rem!important}
  body.home-page .stat-label{font-size:.85rem!important}

  /* HOME K-BEAUTY */
  body.home-page .home-kbeauty{margin:5px!important;border-radius:20px!important}
  body.home-page .kb-home-grid{grid-template-columns:1fr!important;gap:30px!important;padding-top:48px!important;padding-bottom:48px!important}
  body.home-page .kb-home-visual{min-height:215px!important}
  body.home-page .kb-k{font-size:8.5rem!important}
  body.home-page .kb-orbit.one{width:205px!important;height:205px!important}
  body.home-page .kb-orbit.two{width:155px!important;height:155px!important}
  body.home-page .kb-home-copy h2{font-size:1.75rem!important;line-height:1.12!important}
  body.home-page .kb-home-copy>p{font-size:.85rem!important;line-height:1.5!important}
  body.home-page .kb-home-stats{grid-template-columns:1fr!important;gap:8px!important}
  body.home-page .kb-parent-card{padding:22px 18px!important}

  /* HOME PROGRAM */
  body.home-page .pick{height:auto!important;padding:50px 0!important}
  body.home-page .pick .content{display:block!important}
  body.home-page .pick-head{margin-bottom:24px!important}
  body.home-page .pick-head h2{font-size:2.25rem!important;line-height:.9!important}
  body.home-page .pick-head .hand{display:none!important}
  body.home-page .pick-track{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;padding:4px 2px 14px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.home-page .pick-track::-webkit-scrollbar{display:none}
  body.home-page .pill{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 156px!important;width:156px!important;height:132px!important;scroll-snap-align:start}
  body.home-page .pill b{font-size:1.125rem!important}
  body.home-page .pill span{font-size:.8125rem!important}

  /* HOME FIELD */
  body.home-page .field{height:auto!important;padding:50px 0 58px!important}
  body.home-page .field-layout{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  body.home-page .field-copy h2{font-size:1.75rem!important;line-height:1!important}
  body.home-page .field-copy .hand{display:none!important}
  body.home-page .film{width:100%!important;height:220px!important;padding:22px 0!important;border-radius:8px!important}
  body.home-page .film-set figure{min-width:170px!important}

  /* HOME CONSULT */
  body.home-page .consult{height:auto!important;padding:46px 0 104px!important}
  body.home-page .consult-layout{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  body.home-page .consult h2{font-size:1.75rem!important}
  body.home-page .consult form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  body.home-page .consult input,body.home-page .consult select,body.home-page .consult form>button{width:100%!important;height:46px!important}
  body.home-page #consultForm .consult-privacy{grid-column:1!important;display:flex!important;align-items:center!important;gap:7px!important;padding:3px 2px!important;font-size:.85rem!important}

  /* SUBPAGE ANCHOR */
  .anchor-nav{top:64px!important;margin-top:8px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .anchor-nav .wrap{width:max-content!important;min-width:100%!important;max-width:none!important;justify-content:flex-start!important;padding:0 8px!important}
  .anchor-nav a{height:48px!important;padding:0 15px!important;font-size:.85rem!important}

  /* SUBPAGE HERO */
  body.theme-prism:not(.home-page) .landing-hero{min-height:0!important;margin:5px!important;border-radius:20px!important}
  body.theme-prism:not(.home-page) .hero-inner{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:28px!important;padding:38px 0 52px!important}
  body.theme-prism:not(.home-page) .breadcrumb{margin-bottom:24px!important;font-size:.85rem!important}
  body.theme-prism:not(.home-page) .hero-global-chip{font-size:.7rem!important;padding:7px 9px!important}
  body.theme-prism:not(.home-page) .hero-copy h1{font-size:2.5rem!important;line-height:1.04!important;margin:14px 0 18px!important}
  body.theme-prism:not(.home-page) .hero-copy>p{font-size:1rem!important;line-height:1.5!important}
  body.theme-prism:not(.home-page) .keyword-row{gap:6px!important;margin-top:20px!important}
  body.theme-prism:not(.home-page) .keyword-row span{font-size:.7rem!important;padding:7px 9px!important}
  body.theme-prism:not(.home-page) .hero-micro-rail{font-size:.6rem!important;gap:7px!important;flex-wrap:wrap!important}
  body.theme-prism:not(.home-page) .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:24px!important}
  body.theme-prism:not(.home-page) .hero-actions .btn{width:100%!important;min-width:0!important}
  body.theme-prism:not(.home-page) .hero-stage{height:360px!important;margin-top:4px!important}
  body.theme-prism:not(.home-page) .hero-photo{width:90%!important;right:0!important;border-radius:8px 62px 8px 8px!important}
  body.theme-prism:not(.home-page) .hero-index{left:0!important;bottom:18px!important;width:170px!important;padding:17px 15px!important}
  body.theme-prism:not(.home-page) .hero-index small{font-size:.5625rem!important}
  body.theme-prism:not(.home-page) .hero-index b{font-size:1.125rem!important}
  body.theme-prism:not(.home-page) .hero-index li{font-size:.625rem!important}
  body.theme-prism:not(.home-page) .hero-stamp{right:2px!important;bottom:8px!important;transform:scale(.72);transform-origin:right bottom}
  body.theme-prism .prism-ring{width:210px!important;height:210px!important;right:-6%!important;top:20%!important}
  body.theme-prism .hero-stage::after{width:44%!important;right:16%!important;top:21%!important}

  /* COMMON SECTION */
  .section{padding-top:58px!important;padding-bottom:58px!important}
  .section-head{margin-bottom:28px!important}
  .feature-grid{grid-template-columns:1fr!important;gap:10px!important}
  .feature-card{min-height:0!important;padding:22px 18px!important}
  .kbeauty-section,.system-band,.bottom-consult{margin-left:5px!important;margin-right:5px!important;border-radius:20px!important}
  .kb-wrap{padding-top:54px!important;padding-bottom:54px!important}
  .kb-copy h2{font-size:1.75rem!important;line-height:1.12!important}
  .kb-copy p{font-size:1rem!important;line-height:1.5!important}
  .kb-signal{grid-template-columns:1fr!important;gap:8px!important}
  .kb-signal article{padding:16px!important}
  .kb-path{display:block!important;overflow:visible!important;padding:18px!important}
  .kb-path-head{margin-bottom:14px!important}
  .kb-path ol{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .kb-path li{padding:12px 10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important}
  .kb-source{font-size:.7rem!important;line-height:1.6!important}

  /* Curriculum */
  .curriculum-layout{grid-template-columns:1fr!important;gap:28px!important}
  .sticky-copy{position:static!important}
  .sticky-copy h2{font-size:2.25rem!important}
  .curriculum-list{gap:8px!important}
  .curr-row{min-height:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;padding:17px 14px!important}
  .curr-row>span{grid-row:1/3!important}
  .curr-row b{font-size:.85rem!important}
  .curr-row small{text-align:left!important;font-size:.5625rem!important}

  /* Makeup detailed curriculum */
  .makeup-course-detail{margin-top:30px!important;border-radius:18px!important}
  .makeup-course-tabs{padding:0!important}
  .makeup-tab-nav{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;padding:7px!important;position:sticky!important;top:112px!important;z-index:12!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}
  .makeup-tab-btn{min-width:0!important;padding:12px 5px!important;font-size:.6875rem!important}
  .makeup-panel-intro{grid-template-columns:1fr!important;gap:8px!important;padding:22px 16px!important}
  .makeup-panel-intro h3{font-size:1.5rem!important}
  .makeup-course-list{padding:0 12px 18px!important}
  .makeup-course-row{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:7px 10px!important;padding:15px 4px!important}
  .makeup-course-row .course-no{grid-row:1/4!important}
  .makeup-course-row .course-main,.makeup-course-row .course-detail,.makeup-course-row .direction{grid-column:2!important}
  .makeup-course-row .course-main{font-size:1rem!important}
  .makeup-course-row .course-detail,.makeup-course-row .direction{font-size:.85rem!important;line-height:1.55!important}

  /* System / field / proof */
  .system-grid{grid-template-columns:1fr!important;gap:10px!important;padding-top:50px!important;padding-bottom:50px!important}
  .system-intro{grid-column:auto!important}
  .system-intro h2{font-size:2rem!important}
  .system-card{min-height:0!important;padding:20px 18px!important}
  .field-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:8px!important}
  .field-grid .big{grid-row:auto!important}
  .field-grid figure{height:250px!important;border-radius:16px!important}
  .proof-strip{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}
  .proof-strip>div{padding:12px 8px!important}
  .proof-strip b{font-size:.6875rem!important}
  .proof-strip span{font-size:.5625rem!important}

  /* High pass results */
  .page-success-rate{padding:58px 0 72px!important}
  .page-success-rate__head{margin-bottom:28px!important}
  .page-success-rate__head h2{font-size:1.75rem!important}
  .page-success-rate__head p{font-size:1rem!important;line-height: 1.5;}
  .page-success-rate__grid{grid-template-columns:1fr!important;gap:11px!important}
  .page-success-rate__image{height:245px!important}
  .page-success-rate__copy{min-height:0!important;padding:16px!important}
  .page-success-rate__more{margin-top:26px!important}

  /* Parents / FAQ */
  .parent-layout{grid-template-columns:1fr!important;gap:28px!important}
  .parent-copy h2{font-size:2.125rem!important}
  .parent-checks{grid-template-columns:1fr!important;gap:9px!important}
  .parent-checks article{padding:20px 18px!important}
  .faq-layout{grid-template-columns:1fr!important;gap:24px!important}
  .faq-side h2{font-size:2.125rem!important}
  .faq-item button{padding:16px 14px!important;gap:9px!important}
  .faq-item button b{font-size:.95rem!important}
  .faq-item .answer{padding-left:14px!important;padding-right:14px!important}

  /* Bottom consult */
  .bottom-consult{padding-top:52px!important;padding-bottom:96px!important}
  .consult-grid{grid-template-columns:1fr!important;gap:24px!important}
  .consult-copy h2{font-size:2.125rem!important}
  .consult-copy p{font-size:.75rem!important}
  .consult-phone{font-size:1.75rem!important}
  .bottom-consult form,.lead-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:14px!important}
  .bottom-consult form input,.bottom-consult form select,.bottom-consult form button,.lead-form input,.lead-form select,.lead-form button{width:100%!important;min-width:0!important}

  /* College activity */
  .admission-archive{padding:54px 0 64px!important}
  .admission-archive__head{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:24px!important}
  .admission-archive__head h2{font-size:1.75rem!important}
  .admission-archive__grid{grid-template-columns:1fr!important;gap:10px!important}
  .admission-activity-card,.admission-activity-card:not(.admission-activity-card--hero){display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;height:240px!important;border-radius:16px!important}
  .admission-activity-card__body{padding:14px 12px!important}
  .admission-activity-card__body h3{font-size:1.15rem!important}
  .admission-activity-card__body>p{font-size:1rem!important;-webkit-line-clamp:2!important}
  .admission-activity-card__tags{display:none!important}

  /* Review list */
  .review-wall{grid-template-columns:1fr!important;gap:12px!important;margin-top:30px!important}
  .voice-card{border-radius:18px!important}
  .review-more-wrap{padding-top:24px!important}

  /* Story lists */
  .story-journal-groups,.story-success-groups{gap:46px!important}
  .story-journal-group,.story-success-group{grid-template-columns:1fr!important;gap:12px!important}
  .story-journal-group__head,.story-success-group__head{position:static!important;padding-bottom:8px!important}
  .story-journal-group__title,.story-success-group__head>div{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
  .story-field-subcategories{display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;margin-top:8px!important}
  .story-list,.story-success-grid{grid-template-columns:1fr!important;gap:11px!important}
  .story-card,.story-success-card{border-radius:17px!important}
  .story-success-section{padding-top:58px!important;padding-bottom:70px!important}
  .story-success-head{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:30px!important}
  .story-success-head h2{font-size:2.125rem!important;line-height:1.08!important}
  .story-journal-more-wrap,.story-success-more-wrap{justify-content:center!important;padding-top:20px!important}

  /* Detail pages */
  .review-detail-hero{padding:52px 0 44px!important}
  .review-detail-hero__inner,.story-detail-head__inner{grid-template-columns:1fr!important}
  .review-detail-hero h1,.story-detail-head h1{font-size:1.5rem!important;line-height:1.1!important}
  .review-detail-layout,.story-detail-body__inner{grid-template-columns:1fr!important;gap:24px!important}
  .review-detail-aside,.story-detail-body aside{position:static!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 14px!important;padding-bottom:16px!important;border-bottom:1px solid #eee8f1!important}
  .review-detail-content,.story-detail-body{padding-top:48px!important;padding-bottom:54px!important}
  .review-lead{font-size:1rem!important;line-height:1.5!important;padding-left:14px!important}
  .post-rich-content{font-size:.875rem!important;line-height:1.8!important;overflow-wrap:anywhere!important}
  .post-rich-content h2{font-size:1.625rem!important}
  .post-rich-content h3{font-size:1.3125rem!important}
  .post-rich-content img,.story-detail-hero img,.review-detail-visual img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:12px!important}
  .post-rich-content iframe,.post-rich-content video,.post-video-embed{width:100%!important;max-width:100%!important}
  .post-video-embed{aspect-ratio:16/9!important;height:auto!important;padding:0!important}
  .post-video-embed iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .post-extra-gallery{grid-template-columns:1fr!important;gap:8px!important}
  .review-detail-pager{padding-bottom:90px!important}
  .review-detail-pager__grid{grid-template-columns:1fr 74px 1fr!important;gap:7px!important}
  .review-detail-pager b{font-size:.75rem!important;max-width:95px!important}

  /* Academy */
  .academy-philosophy-logo{min-height:0!important;justify-content:center!important;padding:0!important}
  .academy-philosophy-logo img{height:auto!important;width:min(220px,70%)!important}
  .director-section{padding-top:58px!important;padding-bottom:68px!important}
  .director-layout{grid-template-columns:1fr!important;gap:30px!important}
  .director-visual{order:2}
  .director-copy{order:1}
  .director-frame{min-height:0!important}
  .director-copy h2{font-size:1.75rem!important}
  .director-career{grid-template-columns:1fr!important}
  .value-grid{grid-template-columns:1fr!important;gap:10px!important}

  /* Tuition */
  .fee-hero{padding:62px 0 54px!important}
  .fee-hero h1{font-size:2.375rem!important}
  .fee-hero p{font-size:.8125rem!important}
  .fee-page-body{padding:46px 0 78px!important}
  .fee-section{margin-bottom:50px!important}
  .fee-section-head{grid-template-columns:1fr!important;gap:14px!important}
  .fee-section-head h2{font-size:1.6875rem!important}
  .fee-meta{justify-content:flex-start!important}
  .fee-meta span{font-size:.6875rem!important;padding:7px 9px!important}
  .fee-table-wrap{border-radius:14px!important;-webkit-overflow-scrolling:touch}
  .fee-table{min-width:850px!important;font-size:.75rem!important}
  .fee-table th,.fee-table td{padding:13px 10px!important}
  .fee-mobile-note{display:block!important;font-size:.625rem!important}
  .fee-legal{padding:20px 17px!important;border-radius:16px!important}
  .fee-legal p{font-size:.75rem!important}

  /* Footer */
  .theme-prism .business-footer__inner{width:calc(100% - 32px)!important;grid-template-columns:1fr!important;gap:22px!important;padding:32px 0 94px!important}
  .theme-prism .business-footer__logo{width:180px!important;padding:11px 13px!important}
  .theme-prism .business-footer__info{display:grid!important;gap:16px!important;font-size:.625rem!important}
  .theme-prism .business-footer__block{font-size:.65rem!important;line-height:1.7!important}
  .theme-prism .business-footer__block p{display:block!important}
  .theme-prism .business-footer__block strong{display:block!important;margin-bottom:3px!important;font-size:.75rem!important}
  .theme-prism .business-footer__copyright{font-size:.55rem!important;padding-top:15px!important}
  .business-footer .wogus{font-size:.65rem!important}
}

/* 아주 작은 휴대폰 */
@media (max-width:420px){
  :root{--mobile-side:14px}
  .site-header .header-inner,.header .header-inner{width:calc(100% - 22px)!important;grid-template-columns:128px 1fr 38px!important}
  .site-header .logo,.header .logo{width:124px!important}
  body.home-page .hero-inner{width:calc(100% - 26px)!important}
  body.home-page .hero h1{font-size:2.5rem!important}
  body.home-page .actions,body.theme-prism:not(.home-page) .hero-actions{grid-template-columns:1fr!important}
  body.home-page .hero-proof{grid-template-columns:1fr 1fr!important;left:10px!important;right:10px!important}
  body.theme-prism:not(.home-page) .hero-stage{height:320px!important}
  body.theme-prism:not(.home-page) .hero-index{width:152px!important}
  .section-head h2,.parent-copy h2,.faq-side h2,.consult-copy h2,.story-success-head h2{font-size:1.75rem!important}
  .proof-strip{grid-template-columns:1fr!important}
  .makeup-tab-btn{font-size:.625rem!important;padding-left:3px!important;padding-right:3px!important}
  .admission-activity-card,.admission-activity-card:not(.admission-activity-card--hero){grid-template-columns:105px minmax(0,1fr)!important;height:225px!important}
  .review-detail-pager__grid{grid-template-columns:1fr!important}
  .review-detail-pager__grid>a,.review-detail-pager__grid>span{width:100%!important;text-align:center!important}
}

/* final mobile positioning correction */
@media (max-width:767px){
  body.home-page .hero-proof{transform:none!important}
  .kb-path li span{font-size:.85rem;}
  .kb-path li em{font-size:.8rem;}
  .sticky-copy p{font-size:1rem;line-height: 1.5;}
  .curr-row>span{font-size:.85rem;}
  .makeup-course-detail .detail-head h2{font-size:1.75rem !important;}
  .makeup-course-detail .detail-head p{font-size:1rem !important;line-height: 1.5 !important;}
  .makeup-tab-btn strong{font-size:1rem !important;}
  .makeup-tab-btn small{display: none !important;}
  .makeup-course-row .row-no{font-size:.7rem !important}
  .page-success-rate__image span{font-size:.85rem;}
  .faq-side p{line-height: 1.5;}
  .faq-item .answer p{font-size:.85rem;line-height: 1.5;}
  .feature-card p{line-height: 1.5 !important;}
  .theme-prism .admission-activity-card__view{display: none !important;}
  .admission-activity-card__meta b{display:none !important;}
  .admission-archive__foot span{display:none !important;}
  .review-detail-kicker{flex-direction: column;gap:5px;align-items: flex-start;}
  .review-detail-meta{flex-direction: column;}
  .review-detail-aside strong{font-size:1.25rem;}
  .review-detail-aside a{font-size:1rem;}
  .review-detail-list{font-size:.85rem;}
  .review-detail-pager small{font-size:.7rem;}
  body[data-page="story"] .story-journal-group__title{font-size:1rem;}
  body[data-page="story"] .story-success-group__head{font-size:1rem;}
  body[data-page="story"] .story-card h3{font-size:1.15rem;}
  .story-success-card__copy h3{font-size:1.15rem;}
  .story-detail-head p{font-size:.85rem;}
  .story-detail-body aside span{font-size:.85rem;}
  .director-career ul{font-size:.85rem;}
  .director-history{font-size:.85rem;}
  .director-caption{display: none !important;}
}


/* =========================================================
   RESPONSIVE V2 FINAL NORMALIZATION
   - index / subpage 공통 모바일 규칙 통일
   - sticky header / hamburger position
   - home story vertical 3 rows
   - hero proof 2 x 2
   - WHAT'S YOUR PICK 2-column + last full width
   - footer dead space removal
   2026-08-15
========================================================= */

/* 모바일에서 index(style.css) / subpage(subpages.css)의 공통 UI를
   이 파일 하나가 최종 제어하도록 한다. */
@media (max-width:1024px){
  html{overflow-x:clip!important}
  body,
  body.home-page,
  body.theme-prism,
  body.theme-prism:not(.home-page){
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /* PC와 동일하게 상단 헤더가 스크롤을 따라오도록 통일 */
  .site-header,
  .site-header.header,
  .site-header.sub-header,
  .header.site-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10020!important;
  }

  /* index / subpage 모두 같은 header layout */
  .site-header .header-inner,
  .header.site-header .header-inner,
  .site-header.sub-header .header-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-template-columns:none!important;
    margin:0 auto!important;
  }
  .site-header .logo,
  .header.site-header .logo,
  .site-header.sub-header .logo{
    flex:0 0 auto!important;
  }
  .site-header .mobile-menu-btn,
  .header.site-header .mobile-menu-btn,
  .site-header.sub-header .mobile-menu-btn{
    position:relative!important;
    inset:auto!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin-left:auto!important;
    padding:8px 2px!important;
    align-items:flex-end!important;
    justify-content:center!important;
    justify-self:auto!important;
  }

  /* 서브페이지 2차 메뉴는 sticky header 바로 아래 */
  .anchor-nav{
    position:sticky!important;
    z-index:10010!important;
  }

  /* index/subpage footer 구조를 하나로 통일 */
  .site-footer.business-footer,
  body.home-page .site-footer.business-footer,
  body.theme-prism:not(.home-page) .site-footer.business-footer{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
}

@media (max-width:767px){
  /* =======================================================
     COMMON MOBILE — INDEX + ALL SUBPAGES
  ======================================================= */
  :root{--mobile-side:14px!important}

  body,
  body.home-page,
  body.theme-prism,
  body.theme-prism:not(.home-page){
    padding-bottom:0!important; /* 기존 theme-prism의 64px 하단 공백 제거 */
  }

  .wrap,
  .content,
  body.home-page .content,
  body.theme-prism:not(.home-page) .wrap,
  body.theme-prism:not(.home-page) .content{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* header: hamburger가 왼쪽으로 당겨지지 않고 항상 우측 끝 */
  .site-header,
  .site-header.header,
  .site-header.sub-header,
  .header.site-header{
    height:64px!important;
    min-height:64px!important;
  }
  .site-header .header-inner,
  .header.site-header .header-inner,
  .site-header.sub-header .header-inner{
    width:100%!important;
    height:64px!important;
    max-width:none!important;
    padding:0 15px!important;
  }
  .site-header .logo,
  .header.site-header .logo,
  .site-header.sub-header .logo{
    width:138px!important;
    height:64px!important;
    max-width:calc(100% - 58px)!important;
  }
  .site-header .logo img,
  .header.site-header .logo img,
  .site-header.sub-header .logo img{
    width:100%!important;
    max-height:34px!important;
  }
  .site-header .mobile-menu-btn,
  .header.site-header .mobile-menu-btn,
  .site-header.sub-header .mobile-menu-btn{
    display:flex!important;
    flex-direction:column!important;
    right:auto!important;
    margin-left:auto!important;
  }
  .site-header .mobile-menu-btn span,
  .header.site-header .mobile-menu-btn span,
  .site-header.sub-header .mobile-menu-btn span{
    margin-left:auto!important;
  }
  .site-header .mobile-nav.open,
  .header.site-header .mobile-nav.open,
  .site-header.sub-header .mobile-nav.open{
    position:absolute!important;
    top:60px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 64px)!important;
    overflow-y:auto!important;
  }

  .anchor-nav{top:64px!important}

  /* =======================================================
     HOME 01 — VIDEO HERO
     PC처럼 스토리를 세로로 흐르게 + proof 2 x 2
  ======================================================= */
  body.theme-prism.home-page .video-hero,
  body.home-page .video-hero,
  body.home-page .hero{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
  }
  body.theme-prism.home-page .video-hero .hero-inner,
  body.home-page .hero-inner{
    width:calc(100% - 28px)!important;
    height:auto!important;
    min-height:0!important;
    padding:38px 0 18px!important;
    gap:20px!important;
    align-content:start!important;
  }

  /* SIA STORY: 가로 슬라이드 금지, PC와 같은 세로 롤링, 약 3개 노출 */
  body.theme-prism.home-page .video-hero .hero-story,
  body.home-page .hero-story{
    display:block!important;
    width:100%!important;
    height:386px!important;
    min-height:386px!important;
    margin:0!important;
    padding:18px 15px 14px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  body.theme-prism.home-page .video-hero .hero-story-head,
  body.home-page .hero-story-head{
    height:54px!important;
  }
  body.theme-prism.home-page .video-hero .story-viewport,
  body.home-page .story-viewport{
    width:100%!important;
    height:276px!important;
    margin-top:3px!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
  }
  body.theme-prism.home-page .video-hero .story-track,
  body.home-page .story-track{
    display:block!important;
    width:100%!important;
    transform:none;
    animation:siaStoryVertical 20s linear infinite!important;
    will-change:transform!important;
  }
  body.theme-prism.home-page .video-hero .story-set,
  body.home-page .story-set,
  body.theme-prism.home-page .video-hero .story-set[aria-hidden="true"],
  body.home-page .story-set[aria-hidden="true"]{
    display:block!important;
    width:100%!important;
  }
  body.theme-prism.home-page .video-hero .story-item,
  body.home-page .story-item{
    width:100%!important;
    height:120px!important;
    min-height:92px!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:11px!important;
    padding:8px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(83,61,112,.09)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.theme-prism.home-page .video-hero .story-item img,
  body.home-page .story-item img{
    width:72px!important;
    height:72px!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }
  body.theme-prism.home-page .video-hero .story-text small,
  body.theme-prism.home-page .video-hero .story-text em,
  body.home-page .story-text small,
  body.home-page .story-text em{font-size:.85rem!important}
  body.theme-prism.home-page .video-hero .story-text b,
  body.home-page .story-text b{
    font-size:1rem!important;
    line-height:1.4!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.theme-prism.home-page .video-hero .story-more,
  body.home-page .story-more{
    left:15px!important;
    right:15px!important;
    bottom:7px!important;
    height:35px!important;
    font-size:.85rem!important;
  }

  /* 1섹션 하단 4개 proof — 2 x 2, 누락 없이 전부 표시 */
  body.theme-prism.home-page .video-hero .hero-proof,
  body.home-page .hero-proof{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    width:calc(100% - 28px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 18px!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    border-radius:18px!important;
  }
  body.theme-prism.home-page .video-hero .hero-proof span,
  body.home-page .hero-proof span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:7px 5px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.055)!important;
    font-size:.7rem!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body.theme-prism.home-page .video-hero .hero-proof span + span::before,
  body.home-page .hero-proof span + span::before{display:none!important}

  /* =======================================================
     HOME — WHAT'S YOUR PICK
     2개씩 배치, 마지막 1개는 2칸 전체
  ======================================================= */
  body.home-page .pick{
    height:auto!important;
    min-height:0!important;
    padding:50px 0 54px!important;
  }
  body.home-page .pick .content{display:block!important}
  body.home-page .pick-track{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  body.home-page .pill,
  body.home-page .pill.p1,
  body.home-page .pill.p2,
  body.home-page .pill.p3,
  body.home-page .pill.p4,
  body.home-page .pill.p5{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    height:132px!important;
    min-height:132px!important;
    margin:0!important;
    transform:none!important;
    flex:none!important;
    border-radius:28px!important;
  }
  body.home-page .pill:nth-child(5),
  body.home-page .pill.p5{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body.home-page .pill small{left:12px!important;top:12px!important}

  /* =======================================================
     COMMON FOOTER — 불필요한 하단 공백 제거
  ======================================================= */
  .site-footer.business-footer,
  body.home-page .site-footer.business-footer,
  body.theme-prism:not(.home-page) .site-footer.business-footer{
    margin-bottom:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }
  .theme-prism .business-footer__inner,
  body.home-page .business-footer__inner,
  body.theme-prism:not(.home-page) .business-footer__inner{
    width:calc(100% - 28px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:32px 0 calc(30px + env(safe-area-inset-bottom))!important;
    gap:18px!important;
  }
  .theme-prism .business-footer__logo,
  body.home-page .business-footer__logo,
  body.theme-prism:not(.home-page) .business-footer__logo{
    width:170px!important;
  }
  .theme-prism .business-footer__info,
  body.home-page .business-footer__info,
  body.theme-prism:not(.home-page) .business-footer__info{
    gap:13px!important;
  }
  .theme-prism .business-footer__copyright,
  body.home-page .business-footer__copyright,
  body.theme-prism:not(.home-page) .business-footer__copyright{
    margin:0!important;
    padding:14px 0 0!important;
  }
}

/* 320 ~ 420px: 로고/햄버거/2열 카드 안정화 */
@media (max-width:420px){
  .site-header .header-inner,
  .header.site-header .header-inner,
  .site-header.sub-header .header-inner{padding-left:12px!important;padding-right:10px!important}
  .site-header .logo,
  .header.site-header .logo,
  .site-header.sub-header .logo{width:130px!important}
  .site-header .mobile-menu-btn,
  .header.site-header .mobile-menu-btn,
  .site-header.sub-header .mobile-menu-btn{width:40px!important;flex-basis:40px!important}

  body.home-page .pill,
  body.home-page .pill.p1,
  body.home-page .pill.p2,
  body.home-page .pill.p3,
  body.home-page .pill.p4,
  body.home-page .pill.p5{height:124px!important;min-height:124px!important}
  body.home-page .pill b{font-size:1rem!important}
  body.home-page .pill span{font-size:.85rem!important}
}

/* =========================================================
   RESPONSIVE V2.1 — HOME SIA STORY MOBILE AUTO ROLL HOTFIX
   세로 3개 배치는 유지하고 자동 롤링은 항상 계속 실행
========================================================= */
@keyframes siaStoryVerticalMobile {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}

@media (max-width: 767px) {
  body.theme-prism.home-page .video-hero .story-track,
  body.home-page .story-track {
    transform: translate3d(0, 0, 0);
    animation-name: siaStoryVerticalMobile !important;
    animation-duration: 20s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  /* PC의 hover 일시정지 규칙이 모바일/디바이스 에뮬레이션에서
     롤링을 멈추게 하지 않도록 모바일에서는 항상 재생 */
  body.theme-prism.home-page .video-hero .hero-story:hover .story-track,
  body.home-page .hero-story:hover .story-track {
    animation-play-state: running !important;
  }
}

/* =========================================================
   RESPONSIVE V2.2 — MOBILE STORY JS ROLL + MENU CHANNEL LINKS
   기존 PC CSS 수정 없이 mobile.css에서만 최종 보정
========================================================= */
@media (max-width:767px){
  /* JS가 실제 픽셀 단위로 세로 이동을 담당하므로 기존 CSS animation과 충돌 금지 */
  body.theme-prism.home-page .video-hero .story-track.sia-mobile-js-roll,
  body.home-page .story-track.sia-mobile-js-roll{
    display:block!important;
    width:100%!important;
    animation:none!important;
    will-change:transform!important;
  }

  body.theme-prism.home-page .video-hero .story-track.sia-mobile-js-roll .story-set,
  body.theme-prism.home-page .video-hero .story-track.sia-mobile-js-roll .story-set[aria-hidden="true"],
  body.home-page .story-track.sia-mobile-js-roll .story-set,
  body.home-page .story-track.sia-mobile-js-roll .story-set[aria-hidden="true"]{
    display:block!important;
    width:100%!important;
  }

  /* 햄버거 메뉴 하단 외부 채널 */
  .site-header .mobile-nav .mobile-nav-social,
  .header.site-header .mobile-nav .mobile-nav-social,
  .site-header.sub-header .mobile-nav .mobile-nav-social{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    padding:15px 0 2px!important;
    border-top:1px solid #e8e2ed!important;
  }

  .site-header .mobile-nav .mobile-nav-social__title,
  .header.site-header .mobile-nav .mobile-nav-social__title,
  .site-header.sub-header .mobile-nav .mobile-nav-social__title{
    grid-column:1/-1!important;
    display:block!important;
    margin:0 2px 3px!important;
    color:#9a8fa2!important;
    font-size:.75rem!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }

  .site-header .mobile-nav .mobile-nav-social a,
  .header.site-header .mobile-nav .mobile-nav-social a,
  .site-header.sub-header .mobile-nav .mobile-nav-social a{
    min-height:43px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border:1px solid #ece7f1!important;
    border-radius:12px!important;
    background:#faf9fc!important;
    color:#29232f!important;
    font-size:.85rem!important;
    font-weight:800!important;
  }

  .site-header .mobile-nav .mobile-nav-social a i,
  .header.site-header .mobile-nav .mobile-nav-social a i,
  .site-header.sub-header .mobile-nav .mobile-nav-social a i{
    color:#8863ef!important;
    font-size:.85rem!important;
    font-style:normal!important;
  }

  .site-header .mobile-nav .mobile-nav-social a.mobile-nav-social__wide,
  .header.site-header .mobile-nav .mobile-nav-social a.mobile-nav-social__wide,
  .site-header.sub-header .mobile-nav .mobile-nav-social a.mobile-nav-social__wide{
    grid-column:1/-1!important;
  }
}


/* =========================================================
   RESPONSIVE V2.3 HOTFIX
   1) 모바일 SIA STORY JS translate가 theme-prism의 !important에 막히지 않게 함
   2) 1441px 이상 데스크톱은 기존 PC CSS를 그대로 사용
========================================================= */
@media (max-width:767px){
  body.theme-prism.home-page .video-hero .story-track.sia-mobile-js-roll,
  body.home-page .story-track.sia-mobile-js-roll{
    /* 실제 이동값은 JS가 --sia-story-y에 기록 */
    transform:translate3d(0,var(--sia-story-y,0px),0)!important;
    animation:none!important;
  }
}

/* =========================================================
   RESPONSIVE V3 — LATEST FILE FINAL RESPONSIVE
   기준: Desktop (2).zip / 2026-08-15
   - 기존 PC CSS 미수정
   - NOTEBOOK / TABLET / MOBILE을 mobile.css에서 최종 보정
   - 신규 페이지 전용 섹션(현장학습 더보기, 높은 진학률, 아카데미 소식) 포함
   - 서브페이지 하단 상담폼을 index 수준으로 안정화
========================================================= */

/* ---------------------------------------------------------
   TABLET + SMALL NOTEBOOK COMMON (<= 1024)
--------------------------------------------------------- */
@media (max-width:1024px){
  /* 과정별 현장학습 더보기: PC 전용 page.css의 display:none 해제 */
  .course-field-more,
  .college-field-more{
    display:flex!important;
    justify-content:center!important;
    margin-top:2rem!important;
  }
  .course-field-more a,
  .college-field-more a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.75rem!important;
    min-width:13.75rem!important;
    min-height:3.25rem!important;
    padding:0 1.5rem!important;
    border:1px solid #ded8e8!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    color:#211c27!important;
    box-shadow:0 .875rem 2.125rem rgba(48,34,68,.07)!important;
    font-size:.9375rem!important;
    font-weight:900!important;
  }
  .course-field-more a span,
  .college-field-more a span{
    color:var(--accent)!important;
    font-size:1.125rem!important;
  }

  /* 입시과정 높은 진학률: PC 전용 display:none 해제 */
  body[data-page="college"] .college-success-section{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    padding:5rem 0 5.75rem!important;
    background:
      radial-gradient(circle at 7% 10%,rgba(255,119,183,.10),transparent 31%),
      radial-gradient(circle at 94% 90%,rgba(123,97,255,.12),transparent 34%),
      linear-gradient(180deg,#fff 0%,#faf9ff 100%)!important;
  }
  body[data-page="college"] .college-success-head{
    max-width:46rem!important;
    margin-bottom:2.25rem!important;
  }
  body[data-page="college"] .college-success-head h2{
    margin:.75rem 0 1rem!important;
    font-size:2.625rem!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
  }
  body[data-page="college"] .college-success-head p{
    margin:0!important;
    font-size:.9375rem!important;
    line-height:1.75!important;
  }
  body[data-page="college"] .college-success-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
  }
  body[data-page="college"] .college-success-card{
    overflow:hidden!important;
    border:1px solid #ebe6f0!important;
    border-radius:1.25rem!important;
    background:#fff!important;
    box-shadow:0 1rem 2.75rem rgba(48,34,68,.06)!important;
  }
  body[data-page="college"] .college-success-card:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  body[data-page="college"] .college-success-image{
    height:17rem!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#f8f5fa,#f0eef5)!important;
  }
  body[data-page="college"] .college-success-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  body[data-page="college"] .college-success-image span{
    display: none !important;
  }
  body[data-page="college"] .college-success-copy{
    min-height:0!important;
    padding:1.125rem!important;
  }
  body[data-page="college"] .college-success-copy small{font-size:.85rem!important}
  body[data-page="college"] .college-success-copy h3{
    margin:.5rem 0 1rem!important;
    font-size:1rem!important;
    line-height:1.45!important;
  }
  body[data-page="college"] .college-success-copy em{font-size:1rem!important}
  body[data-page="college"] .college-success-more{
    display:flex!important;
    justify-content:center!important;
    margin-top:2rem!important;
  }
  body[data-page="college"] .college-success-more a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.75rem!important;
    min-width:13.75rem!important;
    min-height:3.25rem!important;
    padding:0 1.5rem!important;
    border:1px solid #ded8e8!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#211c27!important;
    box-shadow:0 .875rem 2.125rem rgba(48,34,68,.07)!important;
    font-size:.9375rem!important;
    font-weight:900!important;
  }

  /* -------------------------------------------------------
     아카데미 소식 — tablet editorial layout
     PC page.css가 1025px+라서 1024px 이하를 여기서 완성
  ------------------------------------------------------- */
  body[data-page="academy"] .academy-news-section{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    padding:5rem 0 5.75rem!important;
    background:
      radial-gradient(circle at 6% 8%,rgba(255,102,167,.10),transparent 30%),
      radial-gradient(circle at 94% 94%,rgba(111,93,245,.12),transparent 34%),
      linear-gradient(180deg,#fbfaff 0%,#f6f4ff 100%)!important;
  }
  body[data-page="academy"] .academy-news-section::before{
    content:"SIA NEWS"!important;
    position:absolute!important;
    right:-.04em!important;
    top:.25em!important;
    color:rgba(92,67,178,.04)!important;
    font-size:7rem!important;
    line-height:.8!important;
    font-weight:950!important;
    letter-spacing:-.08em!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body[data-page="academy"] .academy-news-wrap{position:relative!important;z-index:1!important}
  body[data-page="academy"] .academy-news-head{
    display:block!important;
    margin-bottom:2rem!important;
  }
  body[data-page="academy"] .academy-news-head h2{
    margin:.625rem 0 .75rem!important;
    font-size:2.625rem!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
  }
  body[data-page="academy"] .academy-news-head h2 em{
    font-style:normal!important;
    background:linear-gradient(100deg,#ff4fa4 4%,#795cf2 54%,#42a8e8 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }
  body[data-page="academy"] .academy-news-head p{
    max-width:39rem!important;
    margin:0!important;
    color:#777080!important;
    font-size:.9375rem!important;
    line-height:1.75!important;
  }
  body[data-page="academy"] .academy-news-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
  }
  body[data-page="academy"] .academy-news-card{
    min-width:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:1.5rem!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 1.125rem 3.25rem rgba(55,40,82,.08)!important;
  }
  body[data-page="academy"] .academy-news-card:first-child{
    grid-column:1/-1!important;
  }
  body[data-page="academy"] .academy-news-card:first-child>a{
    display:grid!important;
    grid-template-columns:1.05fr .95fr!important;
    min-height:21rem!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image{
    min-height:21rem!important;
    aspect-ratio:auto!important;
  }
  body[data-page="academy"] .academy-news-card__image{
    position:relative!important;
    overflow:hidden!important;
    aspect-ratio:16/10!important;
    background:#eeeaf2!important;
  }
  body[data-page="academy"] .academy-news-card__image::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0!important;
    height:44%!important;
    background:linear-gradient(180deg,transparent,rgba(15,11,22,.34))!important;
    pointer-events:none!important;
  }
  body[data-page="academy"] .academy-news-card__image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body[data-page="academy"] .academy-news-card__image span{
    position:absolute!important;
    z-index:2!important;
    left:1rem!important;
    bottom:1rem!important;
    display:inline-flex!important;
    min-height:1.75rem!important;
    align-items:center!important;
    padding:0 .625rem!important;
    border-radius:999px!important;
    background:rgba(20,16,26,.82)!important;
    color:#fff!important;
    font-size:.625rem!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }
  body[data-page="academy"] .academy-news-card__copy{
    min-height:0!important;
    padding:1.25rem!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="academy"] .academy-news-card__copy small{
    color:#765cf2!important;
    font-size:.8125rem!important;
    font-weight:900!important;
  }
  body[data-page="academy"] .academy-news-card__copy h3{
    margin:.625rem 0 .75rem!important;
    color:#211c27!important;
    font-size:1.125rem!important;
    line-height:1.42!important;
    letter-spacing:-.035em!important;
  }
  body[data-page="academy"] .academy-news-card__copy p{
    margin:0!important;
    color:#807888!important;
    font-size:.875rem!important;
    line-height:1.65!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body[data-page="academy"] .academy-news-card__copy em{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.625rem!important;
    margin-top:auto!important;
    padding-top:1rem!important;
    color:#27212f!important;
    font-size:.875rem!important;
    font-style:normal!important;
    font-weight:900!important;
  }
  body[data-page="academy"] .academy-news-card__copy em b{color:#795cf2!important;font-size:1rem!important}
  body[data-page="academy"] .academy-news-more{
    display:flex!important;
    justify-content:center!important;
    margin-top:2rem!important;
  }
  body[data-page="academy"] .academy-news-more a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.875rem!important;
    min-width:14.5rem!important;
    min-height:3.375rem!important;
    padding:0 1.5rem!important;
    border-radius:.875rem!important;
    background:#1b1720!important;
    color:#fff!important;
    font-size:.9375rem!important;
    font-weight:900!important;
    box-shadow:0 1rem 2.25rem rgba(28,22,36,.14)!important;
  }

  /* -------------------------------------------------------
     SUBPAGE BOTTOM CONSULT — index와 동일 수준으로 안정화
  ------------------------------------------------------- */
  body.theme-prism:not(.home-page) .bottom-consult{
    position:relative!important;
    overflow:hidden!important;
    margin:0 .5rem .5rem!important;
    padding:4.75rem 0 7.25rem!important;
    border-radius:1.75rem!important;
    background:
      radial-gradient(circle at 8% 10%,rgba(255,255,255,.16),transparent 28%),
      radial-gradient(circle at 94% 88%,rgba(85,156,255,.24),transparent 34%),
      linear-gradient(125deg,#7b4de1 0%,#8c57df 42%,#9d5fd9 70%,#536dff 100%)!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult::before{
    content:"SIA"!important;
    left:auto!important;
    right:-.04em!important;
    bottom:-.22em!important;
    color:rgba(255,255,255,.055)!important;
    -webkit-text-stroke:0!important;
    font-size:9rem!important;
    line-height:.8!important;
    font-weight:950!important;
    letter-spacing:-.08em!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-grid{
    width:calc(100% - 3rem)!important;
    max-width:55rem!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.75rem!important;
    align-items:start!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy{
    max-width:35rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy .eyebrow{
    color:rgba(255,255,255,.78)!important;
    font-size:.85rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy h2{
    margin:.625rem 0 .75rem!important;
    color:#fff!important;
    font-size:2.5rem!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy h2 em{
    color:#fff!important;
    background:linear-gradient(90deg,#ffd8eb,#fff 55%,#dbe7ff)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy p{
    max-width:33rem!important;
    margin:0!important;
    color:rgba(255,255,255,.72)!important;
    font-size:.9375rem!important;
    line-height:1.7!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-phone{
    margin-top:1rem!important;
    color:#fff!important;
    font-size:1.875rem!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:1.125rem!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.625rem!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:1.25rem!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 1.5rem 4rem rgba(27,17,43,.22)!important;
    backdrop-filter:blur(1rem)!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .form-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.625rem!important;
    margin:0!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form input,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form select{
    width:100%!important;
    min-width:0!important;
    height:3.125rem!important;
    padding:0 .875rem!important;
    border:1px solid #e4dfea!important;
    border-radius:.75rem!important;
    background:#fff!important;
    color:#29222f!important;
    font-size:.875rem!important;
    outline:0!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form>button[type="submit"]{
    width:100%!important;
    min-height:3.25rem!important;
    height:auto!important;
    margin:.125rem 0 0!important;
    border:0!important;
    border-radius:.75rem!important;
    background:#1a1620!important;
    color:#fff!important;
    box-shadow:0 .75rem 1.75rem rgba(25,19,32,.16)!important;
    font-size:.9375rem!important;
    font-weight:900!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.4rem!important;
    margin:.2rem 0 0!important;
    color:#665d6e!important;
    font-size:.75rem!important;
    line-height:1.45!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree label{
    display:flex!important;
    align-items:center!important;
    gap:.4rem!important;
    min-width:0!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree input{
    flex:0 0 auto!important;
    width:1rem!important;
    height:1rem!important;
    min-width:1rem!important;
    padding:0!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-view{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 .125rem!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#5e5268!important;
    font-size:.75rem!important;
    text-decoration:underline!important;
  }
}

/* ---------------------------------------------------------
   MOBILE <= 767
--------------------------------------------------------- */
@media (max-width:767px){
  /* 아카데미 소식: '그냥 박스'가 아닌 모바일 매거진형 */
  body[data-page="academy"] .academy-news-section{
    margin:0!important;
    padding:4.25rem 0 5.5rem!important;
    border-radius:0!important;
  }
  body[data-page="academy"] .academy-news-section::before{
    right:-.18em!important;
    top:.3em!important;
    font-size:5.25rem!important;
  }
  body[data-page="academy"] .academy-news-head{margin-bottom:1.75rem!important}
  body[data-page="academy"] .academy-news-head h2{
    margin:.625rem 0 .75rem!important;
    font-size:2.125rem!important;
    line-height:1.08!important;
  }
  body[data-page="academy"] .academy-news-head p{
    max-width:20rem!important;
    font-size:1rem!important;
    line-height:1.5!important;
  }
  body[data-page="academy"] .academy-news-grid{
    display:block!important;
  }
  body[data-page="academy"] .academy-news-card{
    overflow:visible!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* 첫 게시물은 큰 비주얼 카드 */
  body[data-page="academy"] .academy-news-card:first-child{
    margin-bottom:1.5rem!important;
  }
  body[data-page="academy"] .academy-news-card:first-child>a{
    position:relative!important;
    display:block!important;
    min-height:25rem!important;
    overflow:hidden!important;
    border-radius:1.75rem!important;
    background:#17121e!important;
    box-shadow:0 1.25rem 3.25rem rgba(49,34,69,.16)!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image::after{
    height:74%!important;
    background:linear-gradient(180deg,transparent 5%,rgba(17,12,24,.16) 34%,rgba(17,12,24,.94) 100%)!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image span{
    left:1rem!important;
    top:1rem!important;
    bottom:auto!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy{
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    min-height:0!important;
    padding:7.25rem 1.25rem 1.25rem!important;
    background:linear-gradient(180deg,transparent,rgba(17,12,24,.94))!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy small{
    color:#e2d9ff!important;
    font-size:.75rem!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy h3{
    margin:.5rem 0 .625rem!important;
    color:#fff!important;
    font-size:1.375rem!important;
    line-height:1.35!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy p{
    color:rgba(255,255,255,.72)!important;
    font-size:.8125rem!important;
    line-height:1.6!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy em{
    margin-top:.875rem!important;
    padding-top:.75rem!important;
    border-top:1px solid rgba(255,255,255,.15)!important;
    color:#fff!important;
    font-size:.8125rem!important;
  }
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy em b{color:#d9ceff!important}

  /* 2, 3번째는 이미지 + 텍스트 편집형 행 — 박스 제거 */
  body[data-page="academy"] .academy-news-card:nth-child(n+2){
    padding:1.125rem 0!important;
    border-top:1px solid rgba(45,35,57,.11)!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2)>a{
    display:grid!important;
    grid-template-columns:7.25rem minmax(0,1fr)!important;
    gap:1rem!important;
    align-items:center!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1/1.12!important;
    border-radius:1.5rem .55rem 1.5rem .55rem!important;
    box-shadow:0 .875rem 2rem rgba(49,34,69,.10)!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(3) .academy-news-card__image{
    border-radius:.55rem 1.5rem .55rem 1.5rem!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image span{
    left:.5rem!important;
    bottom:.5rem!important;
    min-height:1.45rem!important;
    padding:0 .45rem!important;
    font-size:.5rem!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy{
    min-height:0!important;
    padding:0!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy small{
    font-size:.6875rem!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy h3{
    margin:.4rem 0 .65rem!important;
    font-size:1rem!important;
    line-height:1.42!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy p{
    display:none!important;
  }
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy em{
    justify-content:flex-start!important;
    gap:.5rem!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#5d5366!important;
    font-size:.75rem!important;
  }
  body[data-page="academy"] .academy-news-more{
    margin-top:1.4rem!important;
  }
  body[data-page="academy"] .academy-news-more a{
    width:100%!important;
    min-width:0!important;
    min-height:3.375rem!important;
    border-radius:1rem!important;
    background:linear-gradient(105deg,#1c1722,#30233f)!important;
    font-size:1rem!important;
  }

  /* 높은 진학률 모바일 */
  body[data-page="college"] .college-success-section{
    padding:4.25rem 0 5.5rem!important;
  }
  body[data-page="college"] .college-success-head{margin-bottom:1.75rem!important}
  body[data-page="college"] .college-success-head h2{
    font-size:2.125rem!important;
    line-height:1.08!important;
  }
  body[data-page="college"] .college-success-head p{
    font-size:1rem!important;
    line-height:1.5!important;
  }
  body[data-page="college"] .college-success-grid{
    grid-template-columns:1fr!important;
    gap:.875rem!important;
  }
  body[data-page="college"] .college-success-card:last-child:nth-child(odd){grid-column:auto!important}
  body[data-page="college"] .college-success-image{height:15.5rem!important}
  body[data-page="college"] .college-success-copy{padding:1rem!important}
  body[data-page="college"] .college-success-copy h3{font-size:1.15rem!important}
  body[data-page="college"] .college-success-more a{width:100%!important;min-width:0!important}

  /* 현장학습 더보기 모바일 */
  .course-field-more,
  .college-field-more{margin-top:1.5rem!important}
  .course-field-more a,
  .college-field-more a{
    width:100%!important;
    min-width:0!important;
    min-height:3.25rem!important;
    border-radius:1rem!important;
    font-size:1rem!important;
  }

  /* 서브페이지 하단 상담신청 — 320px에서도 깨지지 않게 */
  body.theme-prism:not(.home-page) .bottom-consult{
    margin:0 .35rem .35rem!important;
    padding:3.75rem 0 calc(6.5rem + env(safe-area-inset-bottom))!important;
    border-radius:1.5rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult::before{
    right:-.12em!important;
    bottom:-.08em!important;
    font-size:6.75rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-grid{
    width:calc(100% - 1.75rem)!important;
    gap:1.4rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy h2{
    margin:.5rem 0 .65rem!important;
    font-size:2.125rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy p{
    max-width:19rem!important;
    font-size:1rem!important;
    line-height: 1.5 !important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .consult-phone{
    margin-top:.85rem!important;
    font-size:1.5rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form{
    padding:.875rem!important;
    gap:.55rem!important;
    border-radius:1.125rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .form-row{
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form input,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form select{
    height:3rem!important;
    padding:0 .75rem!important;
    border-radius:.7rem!important;
    font-size:.85rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form>button[type="submit"]{
    min-height:3.125rem!important;
    border-radius:.7rem!important;
    font-size:1rem!important;
    order:3!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree{
    margin:.2rem .15rem 0!important;
    font-size:.6875rem!important;
    order:4!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-view{
    font-size:.6875rem!important;
  }

  /* floating consult가 실제 본문 마지막 입력폼을 덮지 않도록 여유 확보 */
  body.theme-prism:not(.home-page) .bottom-consult .lead-form{
    margin-bottom:.25rem!important;
  }
}

/* 아주 작은 휴대폰: typography만 한 단계 더 압축 */
@media (max-width:420px){
  body[data-page="academy"] .academy-news-card:first-child>a{min-height:23.5rem!important}
  body[data-page="academy"] .academy-news-card:nth-child(n+2)>a{
    grid-template-columns:6.5rem minmax(0,1fr)!important;
    gap:.8rem!important;
  }
  body[data-page="academy"] .academy-news-head h2,
  body[data-page="college"] .college-success-head h2,
  body.theme-prism:not(.home-page) .bottom-consult .consult-copy h2{
    font-size:1.75rem!important;
  }
}



/* =========================================================
   V3.1 CORRECTION — SYSTEM BAND TARGET / ACADEMY NEWS RESET
   - 사용자가 말한 '스타일 있게' 대상은 과정 공통 SIA TRAINING SYSTEM
   - 아카데미 소식은 최근글 3개를 동일한 일반 카드 구조로 복원
   - font-size는 rem만 사용
========================================================= */

/* ---------------------------------------------------------
   TABLET <= 1024 : 과정 공통 SIA TRAINING SYSTEM
   메이크업 / 헤어 / 네일 / 입시 / 국비지원 공통
--------------------------------------------------------- */
@media (max-width:1024px){
  .system-band{
    position:relative!important;
    overflow:hidden!important;
    margin-left:.5rem!important;
    margin-right:.5rem!important;
    padding:4.75rem 0 5rem!important;
    border-radius:1.75rem!important;
    background:
      radial-gradient(circle at 6% 12%,rgba(255,77,163,.22),transparent 30%),
      radial-gradient(circle at 94% 84%,rgba(69,168,234,.20),transparent 34%),
      linear-gradient(128deg,#211226 0%,#191329 44%,#172840 100%)!important;
    box-shadow:0 1.75rem 5rem rgba(20,13,30,.14)!important;
  }
  .system-band::before{
    content:""!important;
    position:absolute!important;
    width:18rem!important;
    height:18rem!important;
    right:-7rem!important;
    top:-8rem!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 2.5rem rgba(255,255,255,.018),0 0 0 5rem rgba(255,255,255,.012)!important;
    pointer-events:none!important;
  }
  .system-band::after{
    content:"SIA TRAINING"!important;
    right:-.05em!important;
    bottom:-.16em!important;
    color:transparent!important;
    -webkit-text-stroke:1px rgba(255,255,255,.055)!important;
    font-size:6rem!important;
    line-height:.8!important;
    letter-spacing:-.075em!important;
    opacity:1!important;
  }
  .system-grid{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .system-intro{
    grid-column:1/-1!important;
    position:relative!important;
    max-width:42rem!important;
    margin-bottom:1.25rem!important;
    padding:0 0 1.5rem!important;
  }
  .system-intro::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:min(16rem,48vw)!important;
    height:1px!important;
    background:linear-gradient(90deg,var(--accent,#ff4fa4),rgba(117,92,244,.9),transparent)!important;
  }
  .system-intro .eyebrow{
    color:#ff8fc3!important;
  }
  .system-intro h2{
    margin:.75rem 0 0!important;
    color:#fff!important;
    font-size:2.45rem!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
  }
  .system-card{
    position:relative!important;
    overflow:hidden!important;
    min-height:13.5rem!important;
    padding:1.75rem!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:1.5rem!important;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(.9rem)!important;
  }
  .system-card::before{
    position:absolute!important;
    right:1rem!important;
    top:.65rem!important;
    color:rgba(255,255,255,.055)!important;
    font-size:4.5rem!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.08em!important;
    pointer-events:none!important;
  }
  .system-card:nth-child(2)::before{content:"01"!important}
  .system-card:nth-child(3)::before{content:"02"!important}
  .system-card:nth-child(4)::before{content:"03"!important}
  .system-card:nth-child(2){
    grid-column:1/-1!important;
    min-height:15rem!important;
    padding:2rem!important;
    background:
      radial-gradient(circle at 88% 18%,rgba(255,255,255,.13),transparent 24%),
      linear-gradient(118deg,rgba(255,79,164,.22),rgba(120,82,241,.15) 48%,rgba(68,168,232,.12))!important;
  }
  .system-card:nth-child(2)::after{
    content:"1 : 1 PERSONAL FEEDBACK"!important;
    position:absolute!important;
    right:1.5rem!important;
    bottom:1.25rem!important;
    color:rgba(255,255,255,.11)!important;
    font-size:.72rem!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }
  .system-card b{
    position:relative!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:2rem!important;
    margin:0!important;
    padding:0 .75rem!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    color:#ff91c5!important;
    font-size:.82rem!important;
    line-height:1!important;
    letter-spacing:.03em!important;
  }
  .system-card span{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    max-width:23rem!important;
    margin-top:1rem!important;
    color:#fff!important;
    font-size:1.45rem!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
  }
  .system-card p{
    position:relative!important;
    z-index:2!important;
    max-width:29rem!important;
    margin:.7rem 0 0!important;
    color:rgba(255,255,255,.62)!important;
    font-size:.86rem!important;
    line-height:1.7!important;
  }

  /* 아카데미 소식: 매거진형 강조를 해제하고 최근글 3개를 같은 카드 체계로 */
  body[data-page="academy"] .academy-news-section{
    margin:0!important;
    padding:4.75rem 0 5.25rem!important;
    border-radius:0!important;
  }
  body[data-page="academy"] .academy-news-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
  }
  body[data-page="academy"] .academy-news-card,
  body[data-page="academy"] .academy-news-card:first-child,
  body[data-page="academy"] .academy-news-card:nth-child(n+2){
    grid-column:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(44,35,59,.08)!important;
    border-radius:1.25rem!important;
    background:#fff!important;
    box-shadow:0 1rem 2.75rem rgba(55,40,82,.07)!important;
  }
  body[data-page="academy"] .academy-news-card:last-child:nth-child(odd){grid-column:1/-1!important}
  body[data-page="academy"] .academy-news-card>a,
  body[data-page="academy"] .academy-news-card:first-child>a,
  body[data-page="academy"] .academy-news-card:nth-child(n+2)>a{
    position:static!important;
    display:block!important;
    min-height:0!important;
    height:100%!important;
    overflow:visible!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-page="academy"] .academy-news-card__image,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body[data-page="academy"] .academy-news-card__image::after,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image::after{
    height:42%!important;
    background:linear-gradient(180deg,transparent,rgba(15,11,22,.34))!important;
  }
  body[data-page="academy"] .academy-news-card__image span,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image span,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image span{
    left:1rem!important;
    right:auto!important;
    top:auto!important;
    bottom:1rem!important;
    min-height:1.65rem!important;
    padding:0 .55rem!important;
    font-size:.56rem!important;
  }
  body[data-page="academy"] .academy-news-card__copy,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy{
    position:static!important;
    min-height:0!important;
    padding:1.125rem!important;
    background:transparent!important;
  }
  body[data-page="academy"] .academy-news-card__copy small,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy small,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy small{
    color:#765cf2!important;
    font-size:.72rem!important;
  }
  body[data-page="academy"] .academy-news-card__copy h3,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy h3,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy h3{
    margin:.45rem 0 .65rem!important;
    color:#211c27!important;
    font-size:1rem!important;
    line-height:1.42!important;
  }
  body[data-page="academy"] .academy-news-card__copy p,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy p,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy p{
    display:-webkit-box!important;
    margin:0!important;
    color:#807888!important;
    font-size:.78rem!important;
    line-height:1.65!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body[data-page="academy"] .academy-news-card__copy em,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy em,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy em{
    display:flex!important;
    justify-content:space-between!important;
    margin-top:.9rem!important;
    padding-top:.8rem!important;
    border-top:1px solid #eee9f3!important;
    color:#27212f!important;
    font-size:.75rem!important;
  }
}

/* ---------------------------------------------------------
   MOBILE <= 767 : 과정 공통 SYSTEM을 편집형 흐름으로
--------------------------------------------------------- */
@media (max-width:767px){
  .system-band{
    margin-left:.3rem!important;
    margin-right:.3rem!important;
    padding:3.9rem 0 4.35rem!important;
    border-radius:1.35rem!important;
  }
  .system-band::before{
    width:13rem!important;
    height:13rem!important;
    right:-6rem!important;
    top:-5.5rem!important;
  }
  .system-band::after{
    right:-.12em!important;
    bottom:-.08em!important;
    font-size:4.25rem!important;
  }
  .system-grid{
    display:block!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .system-intro{
    margin:0 0 1.5rem!important;
    padding:0 0 1.25rem!important;
  }
  .system-intro h2{
    margin:.65rem 0 0!important;
    font-size:2rem!important;
    line-height:1.08!important;
  }
  .system-intro::after{width:10rem!important}

  /* 첫 번째는 큰 대표 카드 */
  .system-card:nth-child(2){
    position:relative!important;
    min-height:14.5rem!important;
    margin:0 0 1.15rem!important;
    padding:1.5rem!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:1.45rem!important;
    background:
      radial-gradient(circle at 92% 12%,rgba(255,255,255,.15),transparent 27%),
      linear-gradient(128deg,rgba(255,77,163,.28),rgba(116,84,239,.18) 52%,rgba(58,160,229,.13))!important;
    box-shadow:0 1.25rem 2.8rem rgba(11,8,18,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .system-card:nth-child(2)::before{
    right:.75rem!important;
    top:.55rem!important;
    font-size:4.25rem!important;
  }
  .system-card:nth-child(2)::after{
    right:1rem!important;
    bottom:1rem!important;
    font-size:.6rem!important;
  }

  /* 2,3번째는 별도 박스가 아닌 연결형 정보 행 */
  .system-card:nth-child(3),
  .system-card:nth-child(4){
    position:relative!important;
    min-height:0!important;
    margin:0!important;
    padding:1.35rem .25rem 1.35rem 4.25rem!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .system-card:nth-child(3)::before,
  .system-card:nth-child(4)::before{
    left:.1rem!important;
    right:auto!important;
    top:1.25rem!important;
    display:grid!important;
    place-items:center!important;
    width:3rem!important;
    height:3rem!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.055)!important;
    color:rgba(255,255,255,.72)!important;
    font-size:.82rem!important;
    letter-spacing:.02em!important;
  }
  .system-card b{
    min-height:1.7rem!important;
    padding:0 .6rem!important;
    font-size:.68rem!important;
  }
  .system-card span{
    margin-top:.8rem!important;
    font-size:1.2rem!important;
    line-height:1.28!important;
  }
  .system-card p{
    margin-top:.5rem!important;
    font-size:.78rem!important;
    line-height:1.68!important;
  }
  .system-card:nth-child(3) b,
  .system-card:nth-child(4) b{
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#bdaeff!important;
    font-size:.85rem!important;
    letter-spacing:.08em!important;
  }
  .system-card:nth-child(3) span,
  .system-card:nth-child(4) span{margin-top:.4rem!important}

  /* 아카데미 소식은 모든 최근글을 동일한 세로 카드로 */
  body[data-page="academy"] .academy-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.85rem!important;
  }
  body[data-page="academy"] .academy-news-card,
  body[data-page="academy"] .academy-news-card:first-child,
  body[data-page="academy"] .academy-news-card:nth-child(n+2),
  body[data-page="academy"] .academy-news-card:last-child:nth-child(odd){
    grid-column:auto!important;
    margin:0!important;
    padding:0!important;
    border-radius:1.15rem!important;
  }
  body[data-page="academy"] .academy-news-card>a,
  body[data-page="academy"] .academy-news-card:first-child>a,
  body[data-page="academy"] .academy-news-card:nth-child(n+2)>a{
    display:grid!important;
    grid-template-columns:7.1rem minmax(0,1fr)!important;
    gap:0!important;
    align-items:stretch!important;
    min-height:8.5rem!important;
  }
  body[data-page="academy"] .academy-news-card__image,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image{
    height:100%!important;
    min-height:8.5rem!important;
    aspect-ratio:auto!important;
  }
  body[data-page="academy"] .academy-news-card__image span,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__image span,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__image span{
    left:.45rem!important;
    bottom:.45rem!important;
    min-height:1.35rem!important;
    padding:0 .35rem!important;
    font-size:.46rem!important;
  }
  body[data-page="academy"] .academy-news-card__copy,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:.9rem!important;
  }
  body[data-page="academy"] .academy-news-card__copy small,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy small,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy small{font-size:.85rem!important}
  body[data-page="academy"] .academy-news-card__copy h3,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy h3,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy h3{
    margin:.35rem 0 .5rem!important;
    font-size:1rem!important;
    line-height:1.4!important;
  }
  body[data-page="academy"] .academy-news-card__copy p,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy p,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy p{display:none!important}
  body[data-page="academy"] .academy-news-card__copy em,
  body[data-page="academy"] .academy-news-card:first-child .academy-news-card__copy em,
  body[data-page="academy"] .academy-news-card:nth-child(n+2) .academy-news-card__copy em{
    justify-content:flex-start!important;
    gap:.4rem!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:.85rem!important;
  }
}

@media (max-width:420px){
  .system-intro h2{font-size:1.75rem!important}
  .system-card:nth-child(2){min-height:13.75rem!important;padding:1.3rem!important}
  .system-card span{font-size:1.5rem!important}
  .system-card p{font-size:1rem!important}
  body[data-page="academy"] .academy-news-card>a,
  body[data-page="academy"] .academy-news-card:first-child>a,
  body[data-page="academy"] .academy-news-card:nth-child(n+2)>a{
    grid-template-columns:6.35rem minmax(0,1fr)!important;
  }
}

/* =========================================================
   V3.2 MOBILE HOTFIX — FIELD PROOF + CONSULT ORDER
   - 현장학습 하단 proof-strip 박스 깨짐 보정
   - 개인정보 동의 → 무료 상담 신청 버튼 순서 고정
   - font-size는 rem 단위만 사용
========================================================= */

/* 태블릿/모바일 공통: 현장학습 결과 요약 4개를 독립 카드로 */
@media (max-width:1024px){
  .theme-prism .proof-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
    margin-top:1.75rem!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .theme-prism .proof-strip>div{
    position:relative!important;
    min-width:0!important;
    min-height:7.5rem!important;
    padding:1.25rem 1.15rem 1.1rem!important;
    text-align:left!important;
    border:1px solid rgba(69,53,84,.09)!important;
    border-radius:1.15rem!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(117,92,244,.08),transparent 44%),
      linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,248,253,.96))!important;
    box-shadow:0 .9rem 2.25rem rgba(54,38,72,.065)!important;
    overflow:hidden!important;
  }
  .theme-prism .proof-strip>div::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:.18rem!important;
    background:linear-gradient(90deg,var(--accent,#ff4fa4),#8b62f4,#55a9ed)!important;
    opacity:.9!important;
  }
  .theme-prism .proof-strip>div::after{
    position:absolute!important;
    right:.8rem!important;
    top:.65rem!important;
    color:rgba(108,82,213,.12)!important;
    font-size:2.35rem!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.08em!important;
    pointer-events:none!important;
  }
  .theme-prism .proof-strip>div:nth-child(1)::after{content:"01"!important}
  .theme-prism .proof-strip>div:nth-child(2)::after{content:"02"!important}
  .theme-prism .proof-strip>div:nth-child(3)::after{content:"03"!important}
  .theme-prism .proof-strip>div:nth-child(4)::after{content:"04"!important}
  .theme-prism .proof-strip b{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    max-width:75%!important;
    margin:0 0 .5rem!important;
    color:#241d2c!important;
    font-size:.92rem!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
    word-break:keep-all!important;
  }
  .theme-prism .proof-strip span{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    max-width:90%!important;
    margin:0!important;
    color:#83798b!important;
    font-size:.72rem!important;
    line-height:1.55!important;
    word-break:keep-all!important;
  }

  /* 하단 상담: 개인정보 동의가 반드시 제출 버튼보다 먼저 */
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .form-row:nth-of-type(1){order:1!important}
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .form-row:nth-of-type(2){order:2!important}
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:.35rem!important;
    width:100%!important;
    margin:.45rem 0 .15rem!important;
    padding:.15rem .1rem!important;
    color:#756d7d!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent>label{
    display:flex!important;
    align-items:center!important;
    gap:.4rem!important;
    min-width:0!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent input[type="checkbox"]{
    flex:0 0 1rem!important;
    width:1rem!important;
    min-width:1rem!important;
    height:1rem!important;
    margin:0!important;
    padding:0!important;
    accent-color:var(--accent,#755cf4)!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent-text{
    min-width:0!important;
    font-size:.72rem!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-view{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#5d5366!important;
    font-size:.72rem!important;
    line-height:1.35!important;
    font-weight:850!important;
    text-decoration:underline!important;
    transform:none!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form>button[type="submit"]{
    order:4!important;
    width:100%!important;
    margin:.35rem 0 0!important;
  }
}

/* 휴대폰: 320px에서도 2x2 카드와 동의행이 깨지지 않게 */
@media (max-width:767px){
  .theme-prism .proof-strip{
    gap:.6rem!important;
    margin-top:1.4rem!important;
  }
  .theme-prism .proof-strip>div{
    min-height:7rem!important;
    padding:1.1rem .9rem .95rem!important;
    border-radius:1rem!important;
  }
  .theme-prism .proof-strip>div::after{
    right:.65rem!important;
    top:.55rem!important;
    font-size:2rem!important;
  }
  .theme-prism .proof-strip b{
    max-width:80%!important;
    font-size:.82rem!important;
  }
  .theme-prism .proof-strip span{
    max-width:100%!important;
    font-size:.66rem!important;
    line-height:1.5!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .agree,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent{
    margin:.4rem 0 .1rem!important;
  }
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent-text,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-view{
    font-size:.68rem!important;
  }
}

@media (max-width:360px){
  .theme-prism .proof-strip>div{
    min-height:6.65rem!important;
    padding:1rem .78rem .85rem!important;
  }
  .theme-prism .proof-strip b{font-size:1rem!important}
  .theme-prism .proof-strip span{font-size:.85rem!important}
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-consent-text,
  body.theme-prism:not(.home-page) .bottom-consult .lead-form .privacy-view{
    font-size:.85rem!important;
  }
}


/* =========================================================
   V3.3 MOBILE FINAL STACK / HERO HIDE / DETAIL PAGER
   - 과정페이지 현장학습 이미지 5개: 휴대폰 1열 세로
   - 입시활동 최근글 2개: 휴대폰 1열 세로 카드
   - academy 상단 hero 이미지 영역: 휴대폰 숨김
   - makeup BEYOND SKILL hero 이미지 영역: 휴대폰 숨김
   - 상세 PREVIOUS / 목록 / NEXT: 휴대폰 가로 정렬
   - font-size px 사용 없음
========================================================= */
@media (max-width:767px){

  /* -------------------------------------------------------
     1) 메이크업/헤어/네일/입시/국비 현장학습
        5개 이미지를 무조건 한 장씩 세로로 표시
  ------------------------------------------------------- */
  body[data-page="makeup"] .field-grid,
  body[data-page="hair"] .field-grid,
  body[data-page="nail"] .field-grid,
  body[data-page="college"] .field-grid,
  body[data-page="government"] .field-grid{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:.8rem!important;
    width:100%!important;
    margin-top:2rem!important;
    overflow:visible!important;
  }

  body[data-page="makeup"] .field-grid>figure,
  body[data-page="hair"] .field-grid>figure,
  body[data-page="nail"] .field-grid>figure,
  body[data-page="college"] .field-grid>figure,
  body[data-page="government"] .field-grid>figure,
  body[data-page="makeup"] .field-grid>.big,
  body[data-page="hair"] .field-grid>.big,
  body[data-page="nail"] .field-grid>.big,
  body[data-page="college"] .field-grid>.big,
  body[data-page="government"] .field-grid>.big{
    display:block!important;
    flex:0 0 auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/11!important;
    margin:0!important;
    border-radius:1.1rem!important;
    overflow:hidden!important;
  }

  body[data-page="makeup"] .field-grid>figure:nth-child(2),
  body[data-page="makeup"] .field-grid>figure:nth-child(3),
  body[data-page="hair"] .field-grid>figure:nth-child(2),
  body[data-page="hair"] .field-grid>figure:nth-child(3),
  body[data-page="nail"] .field-grid>figure:nth-child(2),
  body[data-page="nail"] .field-grid>figure:nth-child(3),
  body[data-page="college"] .field-grid>figure:nth-child(2),
  body[data-page="college"] .field-grid>figure:nth-child(3),
  body[data-page="government"] .field-grid>figure:nth-child(2),
  body[data-page="government"] .field-grid>figure:nth-child(3){
    border-radius:1.1rem!important;
  }

  body[data-page="makeup"] .field-grid>figure img,
  body[data-page="hair"] .field-grid>figure img,
  body[data-page="nail"] .field-grid>figure img,
  body[data-page="college"] .field-grid>figure img,
  body[data-page="government"] .field-grid>figure img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    object-fit:cover!important;
  }


  /* -------------------------------------------------------
     2) 입시과정 - 입시활동 최근 게시물 2개
        카드 자체도 '이미지 위 / 내용 아래'의 완전한 세로형
  ------------------------------------------------------- */
  body[data-page="college"] .admission-archive__grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:1rem!important;
    width:100%!important;
  }

  body[data-page="college"] .admission-activity-card,
  body[data-page="college"] .admission-activity-card:not(.admission-activity-card--hero){
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    border-radius:1.15rem!important;
    overflow:hidden!important;
  }

  body[data-page="college"] .admission-activity-card__media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    overflow:hidden!important;
  }

  body[data-page="college"] .admission-activity-card__media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 20%!important;
  }

  body[data-page="college"] .admission-activity-card__body{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:1.1rem 1rem 1.15rem!important;
  }

  body[data-page="college"] .admission-activity-card__meta{
    margin-bottom:.7rem!important;
  }

  body[data-page="college"] .admission-activity-card__body h3{
    margin:0 0 .7rem!important;
    line-height:1.28!important;
    word-break:keep-all!important;
  }

  body[data-page="college"] .admission-activity-card__body>p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    margin:0 0 1rem!important;
    line-height:1.65!important;
  }

  body[data-page="college"] .admission-activity-card__link{
    margin-top:auto!important;
    padding-top:.85rem!important;
  }


  /* -------------------------------------------------------
     3) 모바일 상단 비주얼 축소
        academy: 상단 이미지 영역 제거
        makeup: BEYOND SKILL + 이미지 영역 제거
  ------------------------------------------------------- */
  body[data-page="academy"] .landing-hero .hero-stage,
  body[data-page="makeup"] .landing-hero .hero-stage{
    display:none!important;
  }

  body[data-page="academy"] .landing-hero .hero-inner,
  body[data-page="makeup"] .landing-hero .hero-inner{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding-bottom:2.75rem!important;
  }


  /* -------------------------------------------------------
     4) 상세페이지 PREVIOUS / 목록 / NEXT
        320px에서도 좌 / 중앙 / 우 가로 정렬
  ------------------------------------------------------- */
  .review-detail-pager__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 4.4rem minmax(0,1fr)!important;
    align-items:center!important;
    gap:.4rem!important;
    width:100%!important;
  }

  .review-detail-pager__grid>a,
  .review-detail-pager__grid>span{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
  }

  .review-detail-pager__grid>a:first-child{
    justify-items:start!important;
    text-align:left!important;
  }

  .review-detail-pager__grid>a.next{
    justify-items:end!important;
    text-align:right!important;
  }

  .review-detail-pager__grid .review-detail-list{
    display:grid!important;
    place-items:center!important;
    width:4.4rem!important;
    min-width:4.4rem!important;
    padding:0 .35rem!important;
    white-space:nowrap!important;
  }

  .review-detail-pager__grid small{
    white-space:nowrap!important;
  }

  .review-detail-pager__grid b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 360px 이하에서도 위 규칙을 다시 마지막에 고정 */
@media (max-width:360px){
  .review-detail-pager__grid{
    grid-template-columns:minmax(0,1fr) 4rem minmax(0,1fr)!important;
    gap:.3rem!important;
  }
  .review-detail-pager__grid .review-detail-list{
    width:4rem!important;
    min-width:4rem!important;
  }
}


/* =========================================================
   V3.3.1 ALL SUBPAGE HERO VISUAL HIDE
   모바일 과정/아카데미 페이지 Hero 오른쪽 이미지 영역 공통 제거
   PC/태블릿 규칙은 건드리지 않음
========================================================= */
@media (max-width:767px){

  body[data-page="makeup"] .landing-hero .hero-stage,
  body[data-page="hair"] .landing-hero .hero-stage,
  body[data-page="nail"] .landing-hero .hero-stage,
  body[data-page="college"] .landing-hero .hero-stage,
  body[data-page="government"] .landing-hero .hero-stage,
  body[data-page="academy"] .landing-hero .hero-stage{
    display:none!important;
  }

  body[data-page="makeup"] .landing-hero .hero-inner,
  body[data-page="hair"] .landing-hero .hero-inner,
  body[data-page="nail"] .landing-hero .hero-inner,
  body[data-page="college"] .landing-hero .hero-inner,
  body[data-page="government"] .landing-hero .hero-inner,
  body[data-page="academy"] .landing-hero .hero-inner{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  body[data-page="makeup"] .landing-hero .hero-copy,
  body[data-page="hair"] .landing-hero .hero-copy,
  body[data-page="nail"] .landing-hero .hero-copy,
  body[data-page="college"] .landing-hero .hero-copy,
  body[data-page="government"] .landing-hero .hero-copy,
  body[data-page="academy"] .landing-hero .hero-copy{
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   V3.3.2 REVIEW STORY HERO + ACADEMY 5 SCENES
   - 수강후기 / 시아스토리 모바일 Hero 오른쪽 이미지 제거
   - 시아뷰티아카데미 공간과 현장: 등록된 5개 모두 1열 노출
========================================================= */
@media (max-width:767px){

  /* 수강후기 / 시아스토리도 과정페이지와 동일하게
     Hero 오른쪽 이미지 비주얼을 모바일에서 제거 */
  body[data-page="review"] .landing-hero .hero-stage,
  body[data-page="story"] .landing-hero .hero-stage{
    display:none!important;
  }

  body[data-page="review"] .landing-hero .hero-inner,
  body[data-page="story"] .landing-hero .hero-inner{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  body[data-page="review"] .landing-hero .hero-copy,
  body[data-page="story"] .landing-hero .hero-copy{
    width:100%!important;
    max-width:none!important;
  }


  /* 시아뷰티아카데미 - ACADEMY SCENE
     DB/관리자에 등록된 field-grid 항목을 숨기지 않고 전부 세로 노출 */
  body[data-page="academy"] .field-grid{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:.8rem!important;
    width:100%!important;
    margin-top:2rem!important;
    overflow:visible!important;
  }

  body[data-page="academy"] .field-grid>figure,
  body[data-page="academy"] .field-grid>.big{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/11!important;
    margin:0!important;
    border-radius:1.1rem!important;
    overflow:hidden!important;
  }

  /* 혹시 기존 CSS에서 뒤쪽 항목에 display 제어가 있더라도
     4번째, 5번째를 명시적으로 다시 살림 */
  body[data-page="academy"] .field-grid>figure:nth-child(4),
  body[data-page="academy"] .field-grid>figure:nth-child(5){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body[data-page="academy"] .field-grid>figure img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    object-fit:cover!important;
  }
}

/* =========================================
   PC / MOBILE 줄바꿈
========================================= */

/* 769px 이상 */
br.pc {
  display: block !important;
}

br.mobile {
  display: none !important;
}

/* 768px 이하 */
@media (max-width: 768px) {
  br.pc {
    display: none !important;
  }

  br.mobile {
    display: block !important;
  }
}

/* =========================================================
   COURSE REVIEW RESPONSIVE FIX
   page.css의 PC-only 수강후기 섹션을 태블릿/모바일에서 활성화
========================================================= */

@media (max-width:1024px) and (min-width:768px){
  .course-review-section{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    padding:5rem 0 5.25rem!important;
    background:
      radial-gradient(circle at 7% 24%,rgba(255,93,169,.10),transparent 26%),
      radial-gradient(circle at 94% 10%,rgba(102,112,255,.11),transparent 26%),
      linear-gradient(115deg,#fbf8ff 0%,#fff 52%,#f6f8ff 100%)!important;
  }
  .course-review-layout{display:block!important}
  .course-review-heading{max-width:42rem!important;margin:0 0 2rem!important}
  .course-review-heading h2{margin:.75rem 0 1rem!important;font-size:2.75rem!important;font-weight:700!important;line-height:1.06!important;letter-spacing:-.055em!important}
  .course-review-heading h2 em{font-style:normal!important;background:linear-gradient(100deg,#ff5ca9,var(--accent),#3faee7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  .course-review-heading p{max-width:40rem!important;margin:0!important;font-size:1rem!important;line-height:1.7!important}
  .course-review-marquee{position:relative!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;overflow:hidden!important;padding:.5rem 0 1.6rem!important}
  .course-review-track{display:flex!important;width:max-content!important;will-change:transform!important;animation:courseReviewResponsiveMarquee 28s linear infinite!important}
  .course-review-set{display:flex!important;flex:none!important;gap:1rem!important;padding-right:1rem!important}
  .course-review-card{display:block!important;width:19rem!important;flex:none!important;overflow:hidden!important;border:1px solid rgba(89,65,125,.08)!important;border-radius:1.25rem!important;background:#fff!important;box-shadow:0 .875rem 2.125rem rgba(57,39,88,.07)!important;color:inherit!important;text-decoration:none!important}
  .course-review-image{height:12.25rem!important;overflow:hidden!important;background:#f1eef5!important}
  .course-review-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .course-review-copy{padding:1rem 1rem 1.15rem!important}
  .course-review-copy small{display:block!important;margin-bottom:.5rem!important;color:var(--accent)!important;font-size:.875rem!important;font-weight:900!important}
  .course-review-copy h3{min-height:3rem!important;margin:0 0 .9rem!important;font-size:1rem!important;line-height:1.45!important}
  .course-review-copy span{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:.75rem!important;border-top:1px solid #eee9f2!important;font-size:.875rem!important;font-weight:800!important}
  .course-review-more{display:flex!important;justify-content:center!important;margin-top:1.25rem!important}
  .course-review-more a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;min-width:13.75rem!important;height:3.25rem!important;padding:0 1.5rem!important;border:1px solid #ded8e8!important;border-radius:999px!important;background:#fff!important;font-size:.9375rem!important;font-weight:900!important;text-decoration:none!important}
}

@media (max-width:767px){
  .course-review-section{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    padding:4.25rem 0 4.75rem!important;
    background:
      radial-gradient(circle at 7% 24%,rgba(255,93,169,.10),transparent 28%),
      radial-gradient(circle at 94% 10%,rgba(102,112,255,.10),transparent 28%),
      linear-gradient(115deg,#fbf8ff 0%,#fff 52%,#f6f8ff 100%)!important;
  }
  .course-review-layout{display:block!important}
  .course-review-heading{max-width:none!important;margin:0 0 1.75rem!important}
  .course-review-heading h2{margin:.65rem 0 .9rem!important;font-size:1.75rem!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.055em!important}
  .course-review-heading h2 em{font-style:normal!important;background:linear-gradient(100deg,#ff5ca9,var(--accent),#3faee7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  .course-review-heading p{max-width:32rem!important;margin:0!important;font-size:1rem!important;line-height:1.5!important}
  .course-review-marquee{position:relative!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;overflow:hidden!important;padding:.35rem 0 1.25rem!important}
  .course-review-track{display:flex!important;width:max-content!important;will-change:transform!important;animation:courseReviewResponsiveMarquee 26s linear infinite!important}
  .course-review-set{display:flex!important;flex:none!important;gap:.75rem!important;padding-right:.75rem!important}
  .course-review-card{display:block!important;width:18.5rem!important;flex:none!important;overflow:hidden!important;border:1px solid rgba(89,65,125,.08)!important;border-radius:1.125rem!important;background:#fff!important;box-shadow:0 .75rem 1.75rem rgba(57,39,88,.07)!important;color:inherit!important;text-decoration:none!important}
  .course-review-image{height:10.75rem!important;overflow:hidden!important;background:#f1eef5!important}
  .course-review-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .course-review-copy{padding:.9rem .9rem 1rem!important}
  .course-review-copy small{display:block!important;margin-bottom:.4rem!important;color:var(--accent)!important;font-size:.85rem!important;font-weight:900!important}
  .course-review-copy h3{min-height:2.75rem!important;margin:0 0 .8rem!important;font-size:1rem!important;line-height:1.5!important}
  .course-review-copy span{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:.7rem!important;border-top:1px solid #eee9f2!important;font-size:.85rem!important;font-weight:800!important}
  .course-review-more{display:flex!important;justify-content:center!important;margin-top:1.15rem!important}
  .course-review-more a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.65rem!important;min-width:13rem!important;height:3.125rem!important;padding:0 1.25rem!important;border:1px solid #ded8e8!important;border-radius:999px!important;background:#fff!important;font-size:1rem!important;font-weight:900!important;text-decoration:none!important}
}

@keyframes courseReviewResponsiveMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media (max-width: 767px) {

  /* 메인 하단 상담폼 순서
     이름 → 연락처 → 과정 → 시간 → 개인정보 → 신청버튼
  */
  body.home-page #consultForm .consult-privacy {
    order: 5 !important;
  }

  body.home-page #consultForm > button {
    order: 6 !important;
  }

}
/* =========================================================
   V6.4 SNS REVIEW RESPONSIVE
========================================================= */
@media (max-width:1024px) and (min-width:768px){
  .sns-review-section{padding-top:76px!important;padding-bottom:88px!important}
  .sns-review-head{grid-template-columns:1fr!important;gap:16px!important}
  .sns-review-head h2{font-size:2.75rem!important}
  .sns-review-head>p{max-width:42rem!important;font-size:1rem!important}
  .sns-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:36px!important}
  .sns-review-card{min-height:260px!important;padding:22px!important}
  .sns-review-card>p{font-size:.9375rem!important}
}
@media (max-width:767px){
  .sns-review-section{padding-top:58px!important;padding-bottom:72px!important}
  .sns-review-section::before{display:none!important}
  .sns-review-head{grid-template-columns:1fr!important;gap:12px!important}
  .sns-review-head h2{font-size:1.75rem!important;line-height:1.08!important}
  .sns-review-head>p{margin-top:4px!important;font-size:.9375rem!important;line-height:1.72!important}
  .sns-review-grid{grid-template-columns:1fr!important;gap:11px!important;margin-top:28px!important}
  .sns-review-card{min-height:0!important;padding:19px!important;border-radius:18px!important}
  .sns-review-naver{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:1.0625rem!important}
  .sns-review-card__top b{font-size:1rem!important}
  .sns-review-card__top small{font-size:.85rem!important}
  .sns-review-card>p{display:block!important;margin:18px 0 18px!important;font-size:1rem!important;line-height:1.5!important}
  .sns-review-card>a{font-size:.85rem!important}
  .sns-review-more-wrap{padding-top:22px!important}
  .sns-review-empty{margin-top:28px!important;padding:24px 18px!important;font-size:1rem!important}
}