/* =========================================================
   SITE01 INNER V5 — HARUGYEOL EDITORIAL / SPA DIRECTORY
   Region pages: editorial directory + sticky shop rail
   Shop pages: split profile + course information layout
   ========================================================= */

:root{
  --s01-forest:#153f34;
  --s01-forest-2:#0f3028;
  --s01-cream:#f4f0e6;
  --s01-paper:#fbfaf6;
  --s01-sand:#d9b48e;
  --s01-gold:#e0b84d;
  --s01-ink:#10231e;
  --s01-muted:#6c7772;
  --s01-line:#d9d3c7;
}

body.site01-region-v5,
body.site01-shop-v5{
  margin:0!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(217,180,142,.16),transparent 22rem),
    #f0f3f1!important;
  color:var(--s01-ink)!important;
  font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif!important;
}

/* ---------- shared brand language ---------- */
body.site01-region-v5 a,
body.site01-shop-v5 a{color:inherit}
body.site01-region-v5 * ,
body.site01-shop-v5 * {box-sizing:border-box}

body.site01-region-v5 .article-brand .mark{
  width:42px!important;height:42px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:var(--s01-forest)!important;color:#fff!important;
  box-shadow:0 5px 14px rgba(21,63,52,.22)!important;
  font-size:0!important;
}
body.site01-region-v5 .article-brand .mark::after{
  content:"MOMENT";font-size:10px;font-weight:900;letter-spacing:.06em;
}

/* =========================================================
   REGION / CITY / DISTRICT / NEIGHBORHOOD
   ========================================================= */
body.site01-region-v5 .article-shell{
  width:min(1240px,calc(100% - 36px))!important;
  max-width:none!important;
  margin:18px auto 56px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.site01-region-v5 .article-topbar{
  min-height:66px!important;
  position:sticky!important;top:10px!important;z-index:80!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  margin:0 0 20px!important;padding:10px 14px!important;
  border:1px solid rgba(21,63,52,.12)!important;
  border-radius:22px!important;
  background:rgba(251,250,246,.94)!important;
  box-shadow:0 12px 36px rgba(24,50,42,.08)!important;
  backdrop-filter:blur(16px)!important;
}
body.site01-region-v5 .article-topbar>a:first-child{
  justify-self:start!important;
  padding:9px 12px!important;border-radius:999px!important;
  background:#eef1ec!important;font-size:11px!important;font-weight:800!important;
}
body.site01-region-v5 .article-topbar>a:last-child{
  justify-self:end!important;
  padding:9px 12px!important;border:1px solid #d9d3c7!important;
  border-radius:999px!important;font-size:11px!important;font-weight:800!important;
}
body.site01-region-v5 .article-brand{
  display:flex!important;align-items:center!important;gap:9px!important;
  font-size:14px!important;font-weight:900!important;
}

body.site01-region-v5 .article-main{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  align-items:start!important;gap:24px!important;
  max-width:none!important;width:100%!important;
  padding:0!important;margin:0!important;
}
body.site01-region-v5 .article-main>.ml-top-shop-section{
  grid-column:1!important;grid-row:1 / span 12!important;
  position:sticky!important;top:96px!important;
  margin:0!important;padding:22px!important;
  max-height:calc(100vh - 112px)!important;overflow:auto!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 80% 0,rgba(224,184,77,.22),transparent 12rem),
    var(--s01-forest)!important;
  box-shadow:0 18px 45px rgba(15,48,40,.18)!important;
}
body.site01-region-v5 .article-main>.content-breadcrumb,
body.site01-region-v5 .article-main>article{
  grid-column:2!important;min-width:0!important;
}
body.site01-region-v5 .content-breadcrumb{
  display:flex!important;gap:7px!important;align-items:center!important;
  margin:0 0 10px!important;padding:0 4px!important;
  color:#7d8782!important;font-size:11px!important;
}
body.site01-region-v5 .content-breadcrumb b{color:var(--s01-forest)!important}

body.site01-region-v5 .ml-top-shop-head{
  display:block!important;margin:0 0 16px!important;
}
body.site01-region-v5 .ml-top-shop-kicker{
  margin:0 0 6px!important;color:#e0b84d!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:.18em!important;
}
body.site01-region-v5 .ml-top-shop-title{
  margin:0!important;color:#fff!important;font-size:22px!important;line-height:1.25!important;
}
body.site01-region-v5 .ml-top-shop-count{
  display:inline-flex!important;margin-top:8px!important;
  padding:5px 8px!important;border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;color:#c5d8d2!important;font-size:10px!important;
}
body.site01-region-v5 .ml-top-shop-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
}
body.site01-region-v5 .ml-top-shop-card{
  min-height:0!important;display:block!important;
  padding:14px!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:none!important;text-align:left!important;
  transition:.18s ease!important;
}
body.site01-region-v5 .ml-top-shop-card:hover{
  transform:translateY(-2px)!important;background:rgba(255,255,255,.12)!important;
}
body.site01-region-v5 .ml-top-shop-copy{
  color:#b8cdc6!important;font-size:10px!important;line-height:1.55!important;
}
body.site01-region-v5 .ml-top-shop-line{
  width:100%!important;height:1px!important;margin:11px 0 9px!important;
  background:rgba(224,184,77,.45)!important;
}
body.site01-region-v5 .ml-top-shop-name{
  color:#fff4c6!important;font-size:14px!important;font-weight:900!important;
}
body.site01-region-v5 .ml-card-shop-go{
  width:auto!important;height:26px!important;display:inline-flex!important;
  margin:10px 0 0!important;padding:0 10px!important;
  border:0!important;border-radius:999px!important;
  background:#e0b84d!important;color:#17382f!important;
  box-shadow:none!important;font-size:9px!important;
}
body.site01-region-v5 .hana-shop-rank{
  margin:0 0 8px!important;background:#e0b84d!important;color:#17382f!important;
}
body.site01-region-v5 .ml-shop-jump{display:none!important}

/* editorial canvas */
body.site01-region-v5 .article-main>article{
  overflow:hidden!important;
  border:1px solid rgba(21,63,52,.09)!important;
  border-radius:28px!important;background:var(--s01-paper)!important;
  box-shadow:0 18px 50px rgba(31,58,50,.07)!important;
}
body.site01-region-v5 .article-hero.entity-hero{
  position:relative!important;overflow:hidden!important;
  min-height:360px!important;margin:0!important;padding:54px 48% 48px 42px!important;
  border-radius:0!important;
  background:
    linear-gradient(110deg,var(--s01-forest) 0 56%,rgba(21,63,52,.76) 64%,rgba(21,63,52,.08) 100%)!important;
  color:#fff!important;
}
body.site01-region-v5 .article-hero.entity-hero::after{
  content:""!important;position:absolute!important;z-index:0!important;
  top:0!important;right:0!important;bottom:0!important;width:50%!important;
  background:url("/assets/images/site01/region-v5.png") center/cover no-repeat!important;
}
body.site01-region-v5 .article-hero.entity-hero::before{
  content:""!important;position:absolute!important;z-index:1!important;inset:0!important;
  background:linear-gradient(90deg,rgba(21,63,52,1) 0 47%,rgba(21,63,52,.65) 62%,transparent 82%)!important;
}
body.site01-region-v5 .article-hero.entity-hero>*{
  position:relative!important;z-index:2!important;
}
body.site01-region-v5 .article-hero small{
  color:#e0b84d!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.12em!important;
}
body.site01-region-v5 .article-hero h1{
  max-width:620px!important;margin:10px 0 12px!important;
  color:#fff!important;font-size:clamp(28px,4vw,46px)!important;
  line-height:1.12!important;letter-spacing:-1.4px!important;
}
body.site01-region-v5 .article-hero p{
  max-width:610px!important;margin:0!important;
  color:#d8e5e1!important;font-size:13px!important;line-height:1.75!important;
}
body.site01-region-v5 .jt-region-poster-wrap{display:none!important}

body.site01-region-v5 .entity-summary{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;padding:18px!important;
  background:#f2eee4!important;border-bottom:1px solid #ded7ca!important;
}
body.site01-region-v5 .entity-summary>div{
  min-width:0!important;padding:14px!important;
  border:1px solid #dcd5c9!important;border-radius:14px!important;background:#fbfaf6!important;
}
body.site01-region-v5 .entity-summary small{
  display:block!important;margin-bottom:5px!important;color:#89918d!important;font-size:9px!important;
}
body.site01-region-v5 .entity-summary b{
  display:block!important;color:#153f34!important;font-size:12px!important;line-height:1.45!important;
}

body.site01-region-v5 article>.sub-section,
body.site01-region-v5 article>.source-note,
body.site01-region-v5 article>.dong-directory-v55{
  margin:0!important;padding:28px 30px!important;border:0!important;border-top:1px solid #e5e0d7!important;
}
body.site01-region-v5 .section-eyebrow{
  margin:0 0 7px!important;color:#9c7a34!important;font-size:9px!important;
  font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;
}
body.site01-region-v5 .sub-section h2,
body.site01-region-v5 .dong-directory-head h2{
  margin:0 0 10px!important;color:#122f27!important;font-size:22px!important;letter-spacing:-.6px!important;
}
body.site01-region-v5 .sub-section>p{
  color:#66736e!important;font-size:12px!important;line-height:1.8!important;
}
body.site01-region-v5 .entity-context-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
body.site01-region-v5 .entity-context-grid article{
  padding:18px!important;border:1px solid #dcd6ca!important;border-radius:18px!important;background:#fff!important;
}
body.site01-region-v5 .entity-context-grid small{
  color:#9c7a34!important;font-size:9px!important;font-weight:900!important;
}
body.site01-region-v5 .entity-context-grid b{
  display:block!important;margin:6px 0 8px!important;font-size:14px!important;
}
body.site01-region-v5 .entity-context-grid p{
  margin:0!important;color:#6c7772!important;font-size:10px!important;line-height:1.65!important;
}

body.site01-region-v5 .entity-steps{
  list-style:none!important;display:grid!important;gap:8px!important;margin:0!important;padding:0!important;
}
body.site01-region-v5 .entity-steps li{
  display:grid!important;grid-template-columns:50px 1fr!important;gap:12px!important;
  align-items:start!important;padding:15px!important;border:1px solid #ddd7cb!important;
  border-radius:15px!important;background:#fff!important;
}
body.site01-region-v5 .entity-steps li>span{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#153f34!important;color:#fff!important;font-size:10px!important;font-weight:900!important;
}
body.site01-region-v5 .entity-steps b{font-size:12px!important}
body.site01-region-v5 .entity-steps p{margin:5px 0 0!important;color:#6c7772!important;font-size:10px!important;line-height:1.6!important}

body.site01-region-v5 .service-type-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;
}
body.site01-region-v5 .service-type-card{
  overflow:hidden!important;border:1px solid #dbd5ca!important;border-radius:20px!important;background:#fff!important;
}
body.site01-region-v5 .service-type-card img{
  width:100%!important;height:190px!important;display:block!important;object-fit:cover!important;
}
body.site01-region-v5 .service-type-card>div{padding:16px!important}
body.site01-region-v5 .service-type-card small{color:#9c7a34!important;font-size:9px!important;font-weight:900!important}
body.site01-region-v5 .service-type-card h3{margin:6px 0 8px!important;font-size:14px!important}
body.site01-region-v5 .service-type-card p{margin:0!important;color:#6c7772!important;font-size:10px!important;line-height:1.65!important}

body.site01-region-v5 .local-faq details{
  margin:8px 0 0!important;padding:14px 16px!important;border:1px solid #ded8cd!important;
  border-radius:14px!important;background:#fff!important;
}
body.site01-region-v5 .local-faq summary{font-size:11px!important;font-weight:900!important;cursor:pointer!important}
body.site01-region-v5 .local-faq details p{font-size:10px!important;line-height:1.7!important;color:#68736f!important}

body.site01-region-v5 .source-note{
  background:#153f34!important;color:#fff!important;
}
body.site01-region-v5 .source-note b{color:#f4d887!important}
body.site01-region-v5 .source-note p{color:#c9d8d3!important}

/* =========================================================
   SHOP DETAIL
   ========================================================= */
body.site01-shop-v5 .ml-test-detail{
  width:min(1180px,calc(100% - 36px))!important;max-width:none!important;
  margin:26px auto 110px!important;padding:0!important;
  display:grid!important;grid-template-columns:350px minmax(0,1fr)!important;
  grid-auto-flow:row!important;align-items:start!important;gap:14px 24px!important;
}
body.site01-shop-v5 .ml-test-back{
  grid-column:1 / -1!important;
  display:inline-flex!important;width:max-content!important;align-items:center!important;
  min-height:38px!important;padding:0 13px!important;border:1px solid #d5d0c5!important;
  border-radius:999px!important;background:#fbfaf6!important;color:#31453f!important;
  font-size:10px!important;font-weight:900!important;text-decoration:none!important;
}

body.site01-shop-v5 .ml-test-hero{
  grid-column:1!important;grid-row:2!important;
  position:relative!important;overflow:hidden!important;min-height:520px!important;
  margin:0!important;padding:284px 24px 24px!important;
  border:0!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 80% 95%,rgba(224,184,77,.20),transparent 10rem),
    var(--s01-forest)!important;
  color:#fff!important;box-shadow:0 18px 45px rgba(17,49,41,.17)!important;
}
body.site01-shop-v5 .ml-test-hero::before{
  content:""!important;position:absolute!important;z-index:0!important;
  left:0!important;right:0!important;top:0!important;height:255px!important;
  background:
    linear-gradient(to top,rgba(21,63,52,.74),transparent 58%),
    url("/assets/images/site01/shop-v5.png") center 38%/cover no-repeat!important;
}
body.site01-shop-v5 .ml-test-hero>*{position:relative!important;z-index:1!important}
body.site01-shop-v5 .ml-test-loc{
  color:#e0b84d!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;
}
body.site01-shop-v5 .ml-test-title{
  margin:7px 0 8px!important;color:#fff!important;font-size:30px!important;line-height:1.12!important;
}
body.site01-shop-v5 .ml-test-intro{
  margin:0!important;color:#d5e2de!important;font-size:11px!important;line-height:1.7!important;
}
body.site01-shop-v5 .ml-test-feature{
  display:inline-flex!important;margin:14px 0!important;padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;color:#fff6cf!important;font-size:9px!important;
}
body.site01-shop-v5 .ml-test-hero-bottom{
  margin-top:10px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.13)!important;
}
body.site01-shop-v5 .ml-test-hero-bottom strong{display:block!important;font-size:12px!important}
body.site01-shop-v5 .ml-test-hero-bottom span{display:block!important;margin-top:4px!important;color:#bcd0c9!important;font-size:9px!important;line-height:1.5!important}

body.site01-shop-v5 .ml-test-contact{
  grid-column:1!important;grid-row:3!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
  margin:0!important;padding:0!important;
}
body.site01-shop-v5 .ml-test-contact a{
  min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:15px!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;
}
body.site01-shop-v5 .ml-test-phone{background:#153f34!important;color:#fff!important}
body.site01-shop-v5 .ml-test-sms{background:#e0b84d!important;color:#17382f!important}

body.site01-shop-v5 .ml-test-tabs{
  grid-column:1!important;grid-row:4!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
  margin:0!important;padding:8px!important;border:1px solid #d9d3c7!important;border-radius:15px!important;background:#fbfaf6!important;
}
body.site01-shop-v5 .ml-test-tabs a{
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:10px!important;color:#53605c!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important;
}
body.site01-shop-v5 .ml-test-tabs a:hover{background:#edf0eb!important;color:#153f34!important}

body.site01-shop-v5 .ml-test-section,
body.site01-shop-v5 .ml-faq-section{
  grid-column:2!important;
  width:100%!important;margin:0!important;padding:24px!important;
  border:1px solid rgba(21,63,52,.10)!important;border-radius:22px!important;
  background:#fbfaf6!important;box-shadow:0 10px 30px rgba(27,54,46,.05)!important;
}
body.site01-shop-v5 #course{grid-row:2!important}
body.site01-shop-v5 #info{grid-row:3!important}
body.site01-shop-v5 #notice{grid-row:4!important}
body.site01-shop-v5 .ml-test-section h2,
body.site01-shop-v5 .ml-faq-title{
  margin:0 0 16px!important;color:#153f34!important;font-size:21px!important;letter-spacing:-.5px!important;
}

body.site01-shop-v5 .ml-course-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) 80px 110px!important;
  align-items:center!important;gap:8px!important;
  min-height:58px!important;margin:0!important;padding:12px 0!important;
  border:0!important;border-bottom:1px solid #e3ded5!important;background:transparent!important;
}
body.site01-shop-v5 .ml-course-row:last-child{border-bottom:0!important}
body.site01-shop-v5 .ml-course-name{font-size:12px!important;font-weight:900!important;color:#243d35!important}
body.site01-shop-v5 .ml-course-time{font-size:10px!important;color:#78827e!important;text-align:center!important}
body.site01-shop-v5 .ml-course-price{font-size:13px!important;font-weight:900!important;color:#153f34!important;text-align:right!important}

body.site01-shop-v5 .ml-info-row{
  display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;gap:12px!important;
  min-height:52px!important;align-items:center!important;padding:10px 0!important;
  border:0!important;border-bottom:1px solid #e3ded5!important;background:transparent!important;
}
body.site01-shop-v5 .ml-info-row:last-child{border-bottom:0!important}
body.site01-shop-v5 .ml-info-row b{font-size:10px!important;color:#6f7975!important}
body.site01-shop-v5 .ml-info-row span{font-size:11px!important;font-weight:800!important;color:#233c34!important}

body.site01-shop-v5 .ml-copy{
  margin:0!important;color:#65716c!important;font-size:11px!important;line-height:1.85!important;word-break:keep-all!important;
}
body.site01-shop-v5 .ml-sms-note{
  margin-top:14px!important;padding:14px!important;border:1px solid #e4d4a3!important;
  border-radius:14px!important;background:#fff8de!important;color:#6d5b29!important;font-size:10px!important;line-height:1.7!important;
}
body.site01-shop-v5 .ml-notice-box{
  padding:18px!important;border:1px solid #e3d9c7!important;border-radius:16px!important;background:#f5efe4!important;
}
body.site01-shop-v5 .ml-notice-box h3{color:#594c3b!important}
body.site01-shop-v5 .ml-notice-box p{color:#6f675d!important;font-size:10px!important;line-height:1.75!important}

body.site01-shop-v5 .ml-faq-item{
  margin:0 0 10px!important;padding:12px!important;border:1px solid #ddd8cf!important;border-radius:15px!important;background:#fff!important;
}
body.site01-shop-v5 .ml-faq-badge{
  background:#153f34!important;color:#fff!important;
}
body.site01-shop-v5 .ml-faq-a .ml-faq-badge{background:#d9b48e!important;color:#17382f!important}
body.site01-shop-v5 .ml-faq-text{
  background:#f6f3ec!important;color:#46534e!important;font-size:10px!important;line-height:1.65!important;
}

body.site01-shop-v5 .ml-sticky-call{
  background:rgba(251,250,246,.94)!important;border-top:1px solid #d7d1c6!important;
  box-shadow:0 -12px 30px rgba(19,48,40,.09)!important;backdrop-filter:blur(16px)!important;
}
body.site01-shop-v5 .ml-sticky-call-inner{max-width:620px!important}
body.site01-shop-v5 .ml-sticky-call .call-btn{background:#153f34!important;color:#fff!important}
body.site01-shop-v5 .ml-sticky-call .sms-btn{background:#e0b84d!important;color:#17382f!important}

/* ---------- responsive ---------- */
@media(max-width:900px){
  body.site01-region-v5 .article-shell{
    width:min(100% - 20px,760px)!important;margin-top:10px!important;
  }
  body.site01-region-v5 .article-topbar{top:6px!important;border-radius:16px!important}
  body.site01-region-v5 .article-main{
    display:block!important;
  }
  body.site01-region-v5 .article-main>.ml-top-shop-section{
    position:relative!important;top:auto!important;max-height:none!important;
    margin:0 0 14px!important;border-radius:22px!important;
  }
  body.site01-region-v5 .ml-top-shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.site01-region-v5 .article-main>article{border-radius:22px!important}
  body.site01-region-v5 .article-hero.entity-hero{
    min-height:500px!important;padding:300px 24px 28px!important;
    background:#153f34!important;
  }
  body.site01-region-v5 .article-hero.entity-hero::after{
    top:0!important;left:0!important;right:0!important;width:100%!important;height:285px!important;bottom:auto!important;
  }
  body.site01-region-v5 .article-hero.entity-hero::before{
    background:linear-gradient(to bottom,transparent 0 38%,#153f34 57% 100%)!important;
  }
  body.site01-region-v5 .entity-summary{grid-template-columns:1fr 1fr!important}
  body.site01-region-v5 .entity-context-grid{grid-template-columns:1fr!important}
  body.site01-region-v5 .service-type-grid{grid-template-columns:1fr!important}

  body.site01-shop-v5 .ml-test-detail{
    width:min(100% - 20px,720px)!important;
    display:block!important;margin-top:14px!important;
  }
  body.site01-shop-v5 .ml-test-back{margin-bottom:10px!important}
  body.site01-shop-v5 .ml-test-hero{min-height:0!important;margin-bottom:10px!important;padding-top:275px!important}
  body.site01-shop-v5 .ml-test-contact,
  body.site01-shop-v5 .ml-test-tabs{margin-bottom:10px!important}
  body.site01-shop-v5 .ml-test-section,
  body.site01-shop-v5 .ml-faq-section{margin-bottom:10px!important;padding:18px!important}
}
@media(max-width:560px){
  body.site01-region-v5 .article-topbar{
    grid-template-columns:auto 1fr auto!important;padding:8px!important;
  }
  body.site01-region-v5 .article-brand b{display:none!important}
  body.site01-region-v5 .article-topbar>a:first-child,
  body.site01-region-v5 .article-topbar>a:last-child{padding:8px!important;font-size:9px!important}
  body.site01-region-v5 .ml-top-shop-grid{grid-template-columns:1fr!important}
  body.site01-region-v5 .entity-summary{grid-template-columns:1fr!important}
  body.site01-region-v5 article>.sub-section,
  body.site01-region-v5 article>.source-note,
  body.site01-region-v5 article>.dong-directory-v55{padding:22px 18px!important}

  body.site01-shop-v5 .ml-course-row{
    grid-template-columns:minmax(0,1fr) 54px 88px!important;
  }
  body.site01-shop-v5 .ml-test-title{font-size:26px!important}
}

/* ===== SITE01 SHOP V6 FLOW FIX START ===== */
body.site01-shop-v5 .ml-test-detail{
  display:grid!important;
  grid-template-columns:380px minmax(0,1fr)!important;
  grid-template-areas:
    "back back"
    "rail content"!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  gap:14px 24px!important;
}

body.site01-shop-v5 .ml-test-back{
  grid-area:back!important;
}

body.site01-shop-v5 .site01-shop-rail-v6{
  grid-area:rail!important;
  min-width:0!important;
  position:sticky!important;
  top:18px!important;
  align-self:start!important;
}

body.site01-shop-v5 .site01-shop-content-v6{
  grid-area:content!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:290px 24px 24px!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero::before{
  height:265px!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-title{
  max-width:none!important;
  margin:7px 0 8px!important;
  font-size:28px!important;
  line-height:1.16!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero-top,
body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero-bottom{
  display:block!important;
  width:100%!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-intro,
body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero-bottom span{
  max-width:none!important;
  word-break:keep-all!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-contact{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 10px!important;
}

body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  margin:0!important;
}

body.site01-shop-v5 .site01-shop-content-v6 .ml-test-section,
body.site01-shop-v5 .site01-shop-content-v6 .ml-faq-section{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  margin:0!important;
}

body.site01-shop-v5 .site01-shop-content-v6 #course,
body.site01-shop-v5 .site01-shop-content-v6 #info,
body.site01-shop-v5 .site01-shop-content-v6 #notice{
  grid-row:auto!important;
}

@media(max-width:900px){
  body.site01-shop-v5 .ml-test-detail{
    display:block!important;
  }
  body.site01-shop-v5 .site01-shop-rail-v6{
    position:static!important;
    top:auto!important;
    margin-bottom:10px!important;
  }
  body.site01-shop-v5 .site01-shop-content-v6{
    display:flex!important;
    gap:10px!important;
  }
  body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-hero{
    padding-top:275px!important;
  }
}

@media(max-width:560px){
  body.site01-shop-v5 .site01-shop-rail-v6 .ml-test-title{
    font-size:25px!important;
  }
}
/* ===== SITE01 SHOP V6 FLOW FIX END ===== */