@charset "utf-8";
/* ============================================================
   main.css — PUBLIC ENTRYPOINT (메인 페이지 index)
   hero · core guide · faq · notice · board ×2 · youtube · cases · intro · location · cta
   (internal modules: fonts.css · tokens.css · common.css · motion.css · vendor/swiper)
   ============================================================ */
.br-pc{display:inline}
@media (max-width:1023.98px){ .br-pc{display:none} }

/* ---------- 공통 섹션 머리 ---------- */
.m-label{position:relative;z-index:1;font-family:var(--ff-inter);font-weight:700;font-size:14px;line-height:1.4;letter-spacing:.15em;color:var(--kjs-accent-orange)}
.m-title{position:relative;z-index:1;margin-top:clamp(16px,1.46vw,28px);font-size:clamp(30px,3.02vw,58px);font-weight:400;line-height:1.25;letter-spacing:-.04em;color:#27272c}
.m-title--one{line-height:1.4;margin-top:clamp(12px,1.04vw,20px)}
.m-head{position:relative}
.m-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.m-ghost{position:absolute;z-index:0;font-family:var(--ff-inter);font-weight:700;line-height:1.4;letter-spacing:-.04em;color:#f5f5f5;white-space:nowrap;pointer-events:none;user-select:none}
.m-chip{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 25px;border-radius:25px;background:var(--kjs-accent-orange);color:#fff;font-size:15px;font-weight:700;line-height:1.35;white-space:nowrap;transition:background-color .3s,box-shadow .3s,translate .3s var(--ease-out)}
.m-chip:hover{background:var(--kjs-brand-deep-teal);box-shadow:0 10px 22px rgba(0,49,71,.25);translate:0 -2px}

/* ---------- 01 hero ---------- */
.m-hero{position:relative;overflow:hidden;background:#003147;color:#fff;height:100vh;height:100svh;min-height:640px;max-height:1080px;display:flex;align-items:center;justify-content:center;text-align:center}
.m-hero__bg{position:absolute;inset:-60px 0}
.m-hero__bg img{width:100%;height:100%;object-fit:cover}
.m-hero::after{content:"";position:absolute;inset:0;background:rgba(0,49,71,.8);opacity:.72}
.m-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1120px;padding-top:calc(var(--header-h) * .5)}
.m-hero__eyebrow{font-family:var(--ff-en);font-size:14px;line-height:1.45;letter-spacing:.16em}
.m-hero__title{font-size:clamp(32px,3.54vw,68px);font-weight:700;line-height:1.3;letter-spacing:-.03em}
.m-hero__desc{font-size:clamp(15px,1.04vw,20px);line-height:1.65;opacity:.88}
.m-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.m-hero__tags li{padding:8px 14px;border-radius:99px;background:rgba(0,0,0,.22);font-size:13px;font-weight:500;line-height:1.45;transition:background-color .3s}
.m-hero__tags li:hover{background:rgba(246,137,49,.55)}
.m-hero__scroll{position:absolute;z-index:1;left:50%;bottom:0;margin-left:-40px;width:80px;display:flex;flex-direction:column;align-items:center;gap:22px;font-family:var(--ff-en);font-weight:500;font-size:11px;line-height:1.45;letter-spacing:.18em;color:#fff;transition:color .3s}
.m-hero__scroll i{position:relative;display:block;width:1px;height:72px;background:rgba(255,255,255,.55);overflow:hidden}
.m-hero__scroll i::after{content:"";position:absolute;left:0;top:0;width:1px;height:28px;background:#fff;animation:mScroll 2.2s var(--ease-out) infinite}
.m-hero__scroll:hover{color:var(--kjs-accent-orange)}
@keyframes mScroll{0%{translate:0 -100%}70%,100%{translate:0 260%}}
@media (max-width:767.98px){
  .m-hero{min-height:600px}
  .m-hero__inner{gap:16px}
  .m-hero__title{font-size:clamp(27px,7.4vw,34px)}
  .m-hero__scroll i{height:48px}
}

/* ---------- 03 core guide ---------- */
.m-core{position:relative;padding-block:clamp(80px,8.33vw,160px) clamp(70px,4.43vw,85px);overflow:hidden}
.m-core .inner{position:relative}
.m-core__ghost{left:-30px;top:-90px;font-size:clamp(60px,7.4vw,142px)}
.m-core__list{position:relative;z-index:1;margin-top:clamp(40px,3.28vw,63px);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.m-core__card{min-height:445px;border-radius:20px;overflow:hidden;transition:translate .4s var(--ease-out),box-shadow .4s}
.m-core__card:hover{translate:0 -8px;box-shadow:0 22px 40px rgba(0,0,0,.12)}
.m-core__link{display:flex;flex-direction:column;justify-content:space-between;gap:40px;height:100%;padding:30px}
.m-core__text{display:flex;flex-direction:column;gap:30px}
.m-core__card--gray .m-core__text{gap:40px}
.m-core__no{font-family:var(--ff-inter);font-weight:700;font-size:13px;line-height:1.4;color:var(--kjs-accent-orange)}
.m-core__tit{font-size:clamp(20px,1.25vw,24px);font-weight:700;line-height:1.4}
.m-core__copy{font-size:15px;line-height:1.65}
.m-core__btm{display:flex;align-items:flex-end;justify-content:space-between}
.m-core__tag{display:inline-flex;align-items:center;justify-content:center;width:120px;height:38px;border-radius:19px;background:#fff;font-size:13px;font-weight:700;line-height:1.4;transition:background-color .3s,color .3s}
.m-core__arrow{font-family:var(--ff-inter);font-size:22px;line-height:1.4;transition:translate .3s var(--ease-out)}
.m-core__card:hover .m-core__arrow{translate:4px -4px}
.m-core__card--gray{background:#f5f5f5;color:#27272c}
.m-core__card--gray .m-core__copy{color:#5e5e5e}
.m-core__card--gray .m-core__arrow{color:var(--kjs-accent-orange)}
.m-core__card--gray:hover .m-core__tag{background:var(--kjs-brand-deep-teal);color:#fff}
.m-core__card--teal{background:#003147;color:#fff}
.m-core__card--teal .m-core__tag{color:#003147}
.m-core__card--teal .m-core__arrow{color:var(--kjs-accent-orange)}
.m-core__card--teal:hover .m-core__tag{background:var(--kjs-accent-orange);color:#fff}
.m-core__card--orange{background:var(--kjs-accent-orange);color:#fff}
.m-core__card--orange .m-core__no{color:#fff}
.m-core__card--orange .m-core__copy{opacity:.82}
.m-core__card--orange .m-core__tag{color:var(--kjs-accent-orange)}
.m-core__card--orange:hover .m-core__tag{background:var(--kjs-brand-deep-teal);color:#fff}
@media (max-width:1279.98px){ .m-core__list{grid-template-columns:repeat(2,1fr)} .m-core__card{min-height:400px} }
@media (max-width:767.98px){ .m-core__list{grid-template-columns:1fr} .m-core__card{min-height:0} .m-core__link{padding:26px 24px} .m-core__ghost{top:-60px;left:-10px} }

/* ---------- 08 FAQ ---------- */
.m-faq{position:relative;overflow:hidden;padding-block:clamp(70px,7.03vw,135px) clamp(70px,5.47vw,105px)}
.m-faq__emblem{position:absolute;left:4.58%;top:327px;width:clamp(300px,35.4vw,680px);pointer-events:none}
.m-faq__emblem img{width:100%;height:auto}
.m-faq__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px);gap:40px}
.m-faq__ghost{right:-3px;top:-95px;font-size:clamp(80px,9.17vw,176px);line-height:1;letter-spacing:-.05em}
.m-faq__head{position:relative;z-index:1;align-self:start}
.m-faq__sub{margin-top:20px;font-size:clamp(16px,1.04vw,20px);line-height:1.25;letter-spacing:-.04em;color:#000}
.m-faq__head .m-chip{margin-top:clamp(32px,3.5vw,68px)}
.m-faq__list{position:relative;z-index:1;border-top:1px solid #ccc}
.m-faq__item{border-bottom:1px solid #ccc}
.m-faq__q button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:38px 0;text-align:left;font-size:clamp(17px,1.04vw,20px);font-weight:500;line-height:1.4;color:#27272c;transition:color .25s}
.m-faq__q button:hover{color:var(--kjs-accent-orange)}
.m-faq__q i{position:relative;flex:none;width:25px;height:25px}
.m-faq__q i::before,.m-faq__q i::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.5px;margin:-.75px 0 0 -9px;background:currentColor;transition:rotate .35s var(--ease-out),opacity .35s}
.m-faq__q i::after{rotate:90deg}
.m-faq__q button[aria-expanded="true"]{color:#27272c}
.m-faq__q button[aria-expanded="true"]:hover{color:var(--kjs-accent-orange)}
.m-faq__q button[aria-expanded="true"] i{color:var(--kjs-accent-orange)}
.m-faq__q button[aria-expanded="true"] i::after{rotate:0deg;opacity:0}
.m-faq__a{overflow:hidden;transition:height .4s var(--ease-out)}
.m-faq__q button[aria-expanded="true"]{padding-bottom:12px}
.m-faq__a-in{padding:0 53px 35px 0;font-size:clamp(15px,.89vw,17px);line-height:1.7;color:#5e5e5e}
@media (max-width:1023.98px){
  .m-faq__inner{grid-template-columns:1fr;gap:48px}
  .m-faq__emblem{left:auto;right:-80px;top:40px;opacity:.7}
}
@media (max-width:767.98px){ .m-faq__q button{padding:24px 0} .m-faq__a-in{padding:0 0 24px} }

/* ---------- 11 부정클릭 주의 ---------- */
.m-notice{padding-bottom:clamp(80px,8.33vw,160px)}
.m-notice__box{display:flex;align-items:center;gap:40px;min-height:368px;padding:56px clamp(24px,3.33vw,64px);border-radius:20px;background:var(--kjs-brand-deep-teal);color:#fff}
.m-notice__intro{flex:0 0 280px;display:flex;flex-direction:column;gap:18px}
.m-notice__accent{display:block;width:48px;height:4px;background:var(--kjs-accent-orange)}
.m-notice__label{font-family:var(--ff-inter);font-weight:700;font-size:14px;line-height:20px;letter-spacing:.15em}
.m-notice__title{font-size:clamp(28px,2.19vw,42px);font-weight:700;line-height:1.24;letter-spacing:-.03em}
.m-notice__divider{flex:none;width:1px;height:200px;background:rgba(255,255,255,.22)}
.m-notice__body{flex:1 1 auto;min-width:0;display:flex;gap:40px;align-items:flex-start}
.m-notice__msg{flex:0 1 580px;display:flex;flex-direction:column;gap:24px;font-size:clamp(16px,.94vw,18px);line-height:1.72}
.m-notice__msg b,.m-notice__ok{font-weight:500}
.m-notice__contact{flex:0 0 auto;display:flex;flex-direction:column;gap:18px;white-space:nowrap}
.m-notice__ch{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.2px;color:var(--kjs-accent-orange)}
.m-notice__contact ul{display:flex;flex-direction:column;gap:8px}
.m-notice__contact li{display:flex;align-items:center;gap:16px}
.m-notice__contact span{font-size:16px;font-weight:500;line-height:20px;color:rgba(255,255,255,.6)}
.m-notice__contact a{font-family:var(--ff-inter);font-weight:700;font-size:clamp(22px,1.46vw,28px);line-height:32px;transition:color .25s}
.m-notice__contact a:hover{color:var(--kjs-accent-orange)}
@media (max-width:1279.98px){
  .m-notice__body{flex-direction:column;gap:28px}
}
@media (max-width:1023.98px){
  .m-notice__box{flex-direction:column;align-items:flex-start;gap:28px;padding:40px 28px}
  .m-notice__intro{flex:none}
  .m-notice__divider{width:100%;height:1px}
  .m-notice__msg{flex:none}
}
@media (max-width:767.98px){ .m-notice__box{padding:36px 22px} .m-notice__contact li{gap:12px} }

/* ---------- 05 게시판 (최신 칼럼 · 최신 채무상담) ---------- */
.m-board{position:relative;overflow:hidden;padding-block:clamp(70px,6.77vw,130px) clamp(70px,6.3vw,121px)}
.m-board .inner{position:relative}
.m-board__ghost{right:-58px;top:-45px;font-size:clamp(56px,6.88vw,132px)}
.m-board__table{position:relative;z-index:1;width:100%;margin-top:clamp(40px,3.13vw,60px);table-layout:fixed;border-collapse:separate;border-spacing:0}
.m-board__table thead th{height:72px;background:#000;color:#fff;font-size:18px;font-weight:500;line-height:1.4;text-align:left;padding:0}
.m-board__table thead th:first-child{border-radius:10px 0 0 10px;width:147px;padding-left:54px}
.m-board__table thead th:nth-child(3){width:160px;padding-left:0}
.m-board__table thead th:last-child{width:130px;border-radius:0 10px 10px 0;padding-left:20px}
.m-board__table thead tr{box-shadow:4px 6px 20px rgba(0,0,0,.2)}
.m-board__table td{height:105px;border-bottom:1px solid #d7d7d7;padding:0;color:#5e5e5e;vertical-align:middle}
.m-board__no{padding-left:57px!important;font-family:var(--ff-inter);font-weight:500;font-size:13px;line-height:1.4}
.m-board__tit{font-size:16px;font-weight:500;line-height:1.4}
.m-board__tit a{display:block;padding:20px 40px 20px 0;color:#27272c;overflow-wrap:anywhere;transition:color .25s,translate .3s var(--ease-out)}
.m-board__tit a:hover{color:var(--kjs-accent-orange);translate:6px 0;text-decoration:underline;text-underline-offset:4px}
.m-board__table tbody tr{transition:background-color .25s}
.m-board__table tbody tr:hover{background:#fafafa}
.m-board__name,.m-board__date{font-family:var(--ff-inter);font-size:15px;line-height:1.4}
.m-board__name{width:160px;text-align:left}
.m-board__date{text-align:center}
@media (max-width:1023.98px){
  .m-board__table thead th:first-child{width:90px;padding-left:28px}
  .m-board__no{padding-left:30px!important}
  .m-board__table thead th:nth-child(3){width:100px}
  .m-board__name{width:100px}
}
@media (max-width:767.98px){
  .m-board__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .m-board__table,.m-board__table tbody,.m-board__table tr,.m-board__table td{display:block;width:100%}
  .m-board__table{border-top:2px solid #000}
  .m-board__table tbody tr{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;padding:18px 4px;border-bottom:1px solid #d7d7d7}
  .m-board__table td{height:auto;border:0}
  .m-board__no{padding-left:0!important;grid-row:2}
  .m-board__tit{grid-column:1 / -1;grid-row:1}
  .m-board__tit a{padding:0;white-space:normal}
  .m-board__name{grid-row:2;grid-column:2;width:auto;font-size:14px}
  .m-board__date{grid-row:2;grid-column:3;font-size:14px}
  .m-board__ghost{right:-20px;top:-20px}
}

/* ---------- 04 YouTube ---------- */
.m-yt{position:relative;overflow:hidden;background:#f9f9f9;padding-block:clamp(80px,8.85vw,170px) clamp(80px,8.65vw,166px)}
.m-yt__slider{margin-top:clamp(40px,2.97vw,57px);padding-left:max(var(--gutter),(100% - var(--container)) / 2)}
.m-yt__swiper{overflow:visible}
.m-yt__slider{overflow:hidden}
.m-yt__slide{width:clamp(280px,31.25vw,600px);height:auto}
.m-yt__card{position:relative;display:block;aspect-ratio:600/360;border-radius:20px;overflow:hidden;background:#003147}
.m-yt__card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease-out)}
.m-yt__card::after{content:"";position:absolute;inset:0;background:#003147;opacity:.3;transition:opacity .4s}
.m-yt__play{position:absolute;z-index:1;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;transition:scale .4s var(--ease-out),filter .4s}
.m-yt__play img{width:80px;height:80px}
.m-yt__card:hover > img,.m-yt__card:focus-visible > img{scale:1.06}
.m-yt__card:hover::after,.m-yt__card:focus-visible::after{opacity:.1}
.m-yt__card:hover .m-yt__play,.m-yt__card:focus-visible .m-yt__play{scale:1.18;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.m-yt__card:focus-visible{outline-offset:-3px}
.m-yt__ctrl{margin-top:clamp(40px,3.91vw,75px);display:flex;align-items:center;gap:clamp(20px,2.6vw,50px)}
.m-yt__count{flex:none;font-family:var(--ff-inter);font-weight:700;font-size:12px;line-height:1.4;color:#5e5e5e}
.m-yt__bar{position:relative;flex:1 1 auto;height:2px;background:#ccc}
.m-yt__bar-active{position:absolute;left:0;top:0;height:2px;width:calc(100% / 6);background:var(--kjs-accent-orange);transition:left .5s var(--ease-out),width .5s var(--ease-out)}
.m-yt__nav{flex:none;display:flex;gap:14px}
.m-yt__btn{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:27px;font-family:var(--ff-inter);font-size:20px;line-height:1.4;transition:background-color .3s,color .3s,border-color .3s,translate .3s var(--ease-out)}
.m-yt__btn--prev{background:#fff;border:1px solid #ccc;color:#27272c}
.m-yt__btn--next{background:var(--kjs-accent-orange);color:#fff}
.m-yt__btn:hover{background:var(--kjs-brand-deep-teal);border-color:var(--kjs-brand-deep-teal);color:#fff}
.m-yt__btn--prev:hover span{display:inline-block;translate:-3px 0;transition:translate .3s}
.m-yt__btn--next:hover span{display:inline-block;translate:3px 0;transition:translate .3s}
.m-yt__btn.swiper-button-disabled{opacity:.4;cursor:default}
@media (max-width:767.98px){ .m-yt__slide{width:min(82vw,420px)} .m-yt__btn{width:46px;height:46px} .m-yt__nav{gap:10px} .m-yt__play,.m-yt__play img{width:60px;height:60px} .m-yt__play{margin:-30px 0 0 -30px} }

/* ---------- 06 실제 진행사례 ---------- */
.m-cases{background:#f9f9f9;padding-block:clamp(80px,10.42vw,200px) clamp(80px,10.68vw,205px)}
.m-cases__head{text-align:center}
.m-cases__desc{margin-top:clamp(20px,1.98vw,38px);font-size:clamp(15px,.94vw,18px);line-height:1.7;color:#5e5e5e;opacity:.82}
.m-cases__list{margin-top:clamp(40px,3.65vw,70px);display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.m-cases__card{display:flex;flex-direction:column;min-height:300px;padding:40px 28px 28px;border-radius:20px;transition:translate .4s var(--ease-out),box-shadow .4s}
.m-cases__card:hover{translate:0 -8px;box-shadow:0 22px 40px rgba(0,0,0,.14)}
.m-cases__lbl{font-family:var(--ff-inter);font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.14em}
.m-cases__tit{margin-top:39px;font-size:clamp(20px,1.35vw,26px);font-weight:700;line-height:1.5}
.m-cases__btm{margin-top:auto;padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between}
.m-cases__date{font-size:15px;line-height:1.65;opacity:.76}
.m-cases__arrow{font-family:var(--ff-inter);font-size:23px;line-height:1.4;transition:translate .3s var(--ease-out)}
.m-cases__card:hover .m-cases__arrow{translate:4px -4px}
.m-cases__card--white{background:#fff;color:#27272c}
.m-cases__card--white .m-cases__lbl,.m-cases__card--white .m-cases__arrow{color:var(--kjs-accent-orange)}
.m-cases__card--white .m-cases__date{color:#5e5e5e}
.m-cases__card--orange{background:var(--kjs-accent-orange);color:#fff}
.m-cases__card--orange .m-cases__date{opacity:.72}
.m-cases__card--teal{background:#003147;color:#fff}
.m-cases__sign{margin-top:45px;font-size:14px;font-weight:500;line-height:1.4;color:#000;opacity:.8}
@media (max-width:1279.98px){ .m-cases__list{grid-template-columns:repeat(2,1fr)} }
@media (max-width:767.98px){ .m-cases__list{grid-template-columns:1fr;gap:16px} .m-cases__card{min-height:240px;padding:30px 24px 24px} .m-cases__tit{margin-top:24px} }

/* ---------- 07 변호사 소개 ---------- */
.m-intro{position:relative;overflow:hidden;padding-block:clamp(80px,10.83vw,208px) clamp(80px,8.85vw,170px)}
.m-intro .inner{position:relative}
.m-intro__ghost{left:-30px;top:-90px;font-size:clamp(60px,7.4vw,142px)}
.m-intro__grid{position:relative;z-index:1;margin-top:clamp(28px,2.5vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,694px);gap:40px;align-items:end}
.m-intro__title{letter-spacing:-.05em}
.m-intro__body{max-width:620px;display:flex;flex-direction:column;gap:26px;font-size:clamp(15px,.94vw,18px);line-height:1.5;color:#616166}
.m-intro__certs{margin-top:60px;display:flex;gap:12px}
.m-intro__certs li{flex:0 1 262px;min-width:0;width:262px;max-width:calc(50% - 6px);border:1px solid #ddd;background:#fff;transition:translate .4s var(--ease-out),box-shadow .4s}
.m-intro__certs li:hover{translate:0 -6px;box-shadow:0 16px 30px rgba(0,0,0,.12)}
.m-intro__certs img{width:100%;aspect-ratio:262/360;object-fit:cover}
.m-intro__imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end;padding-bottom:0}
.m-intro__img{display:block;aspect-ratio:218/520;border:1px solid rgba(255,255,255,.45);border-radius:14px;overflow:hidden}
.m-intro__img img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease-out)}
.m-intro__img--2 img{object-position:35% center}
.m-intro__img--1{margin-bottom:0}
.m-intro__img--2{margin-bottom:68px}
.m-intro__img--3{margin-bottom:135px}
.m-intro__imgs:hover .m-intro__img img{scale:1.05}
@media (max-width:1279.98px){ .m-intro__grid{grid-template-columns:minmax(0,1fr) minmax(0,520px)} }
@media (max-width:1023.98px){
  .m-intro__grid{grid-template-columns:minmax(0,1fr);gap:56px}
  .m-intro__imgs{max-width:640px;width:100%;margin-inline:auto}
}
@media (max-width:767.98px){ .m-intro__imgs{gap:10px} .m-intro__img--2{margin-bottom:34px} .m-intro__img--3{margin-bottom:68px} .m-intro__certs{margin-top:40px} .m-intro__ghost{top:-60px;left:-10px} }

/* ---------- 08 오시는 길 (정적 지도 + 정보 바) ---------- */
.m-loc{position:relative;overflow:hidden;background:#f9f7f2;height:clamp(560px,44.8vw,860px)}
.m-loc__map{position:absolute;inset:0;display:block}
.m-loc__map-img{position:absolute;left:0;right:0;top:-9.2%;height:109.2%;display:block}
.m-loc__map-img img{width:100%;height:100%;object-fit:cover}
.m-loc__map::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.1);transition:background-color .4s}
.m-loc__map:hover::after{background:rgba(0,0,0,0)}
.m-loc__inner{position:absolute;left:0;right:0;bottom:70px;pointer-events:none}
.m-loc__info{pointer-events:auto;display:flex;align-items:center;gap:40px;padding:20px 40px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.m-loc__cell{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;padding-block:14.5px}
.m-loc__cell + .m-loc__cell{position:relative}
.m-loc__cell + .m-loc__cell::before{content:"";position:absolute;left:-20px;top:50%;width:1px;height:80px;margin-top:-40px;background:#d6d4cc}
.m-loc__cell dt{font-family:var(--ff-inter);font-weight:700;font-size:14px;line-height:1.4;letter-spacing:.05em;color:var(--kjs-accent-orange)}
.m-loc__cell dd{margin:0;font-size:clamp(16px,.94vw,18px);font-weight:600;line-height:1.4;color:#27272c}
.m-loc__cell dd a{transition:color .25s}
.m-loc__cell dd a:hover{color:var(--kjs-accent-orange)}
@media (max-width:1279.98px){ .m-loc__info{gap:30px;padding:20px 28px} .m-loc__cell + .m-loc__cell::before{left:-15px} }
@media (max-width:1023.98px){
  .m-loc{height:auto;display:flex;flex-direction:column;background:#fff}
  .m-loc__map{position:relative;height:clamp(320px,60vw,520px)}
  .m-loc__inner{position:relative;bottom:auto;margin-top:-48px;padding-bottom:48px}
  .m-loc__info{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;padding:16px 24px}
  .m-loc__cell + .m-loc__cell::before{display:none}
  .m-loc__cell{border-bottom:1px solid #eee}
  .m-loc__cell:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:767.98px){
  .m-loc__info{grid-template-columns:1fr}
  .m-loc__cell:nth-last-child(2){border-bottom:1px solid #eee}
}

/* ---------- 09 상담 CTA ---------- */
.m-cta{position:relative;overflow:hidden;background:#003147;color:#fff;min-height:clamp(440px,32.3vw,620px);display:flex;align-items:center}
.m-cta__bg{position:absolute;left:0;right:0;top:-44.84%;height:154.84%}
.m-cta__bg img{width:100%;height:100%;object-fit:cover}
.m-cta::after{content:"";position:absolute;inset:0;background:#003147;opacity:.7}
.m-cta__inner{position:relative;z-index:1;padding-block:clamp(70px,7.29vw,140px)}
.m-cta__title{margin-top:clamp(28px,2.86vw,55px);font-size:clamp(28px,2.5vw,48px);font-weight:700;line-height:1.35;letter-spacing:-.03em}
.m-cta__tel{display:inline-block;margin-top:clamp(36px,3.13vw,60px);font-family:var(--ff-inter);font-weight:700;font-size:clamp(24px,1.46vw,28px);line-height:1.4;transition:color .25s,translate .3s var(--ease-out)}
.m-cta__tel:hover{color:var(--kjs-accent-orange);translate:4px 0}
.m-cta__hours{margin-top:16px;font-size:14px;line-height:1.4;opacity:.75}