/*     560064 : 공통css      */
.blank__3741464__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3741464__.build_edit_mode:before {content:'공통css/변수';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

  /**공통**/
@charset "UTF-8";

:root{
  --dental-navy:#12324a;
  --dental-blue:#1f6f9f;
  --dental-sky:#eaf6fb;
  --dental-mint:#dff4ef;
  --dental-ivory:#fbfaf6;
  --dental-gray:#f4f6f8;
  --dental-dark:#111827;
  --dental-text:#3b4652;
  --dental-light:#ffffff;
  --dental-line:#dfe7ee;
  --dental-gold:#b99a63;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;color:var(--dental-text);}
body, h1, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea, button, a, span { font-family: 'Pretendard' !important; letter-spacing:-0.03em !important; word-break: keep-all;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}

.dn-section{position:relative;width:100%;overflow:hidden;}
.dn-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 40px;}
.dn-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--dental-blue);}
.dn-eyebrow:before{content:"";width:32px;height:1px;background:var(--dental-blue);}
.dn-title{margin:0px 0 0;font-size:56px;line-height:1.18;font-weight:800;color:var(--dental-dark);}
.dn-title strong{color:var(--dental-blue);}
.dn-desc{margin:24px 0 0;font-size:20px;line-height:1.75;color:#536170;}
.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;background:var(--dental-navy);color:#fff;font-size:16px;font-weight:700;transition:.3s;}
.dn-btn:hover{background:var(--dental-blue);transform:translateY(-2px);}
.dn-btn.light{background:#fff;color:var(--dental-navy);}
.dn-btn.line{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;}

.dn-fade{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease;}
.dn-fade.is-visible{opacity:1;transform:translateY(0);}
.dn-delay-1{transition-delay:.12s;}
.dn-delay-2{transition-delay:.24s;}
.dn-delay-3{transition-delay:.36s;}

@media(max-width:1024px){
  .dn-inner{padding:0 24px;}
  .dn-title{font-size:42px;}
  .dn-desc{font-size:18px;}
}

@media(max-width:640px){
  .dn-inner{padding:0 18px;}
  .dn-title{font-size:32px;}
  .dn-desc{font-size:16px;line-height:1.7;}
  .dn-eyebrow{font-size:12px;}
}

/*     560074 : SECTION 01 메인 비주얼      */
.dn-hero-video{
  position:relative;
  height:80vh;
  min-height:760px;
  overflow:hidden;
  background:#071018;
  color:#fff;

  /* 영상 확대 정도 */
  --dn-video-zoom:1.04;

  /* 영상 중심 위치 */
  --dn-video-x:50%;
  --dn-video-y:50%;
}

/* ==============================
   유튜브 영상
================================= */
.dn-video-bg{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#071018;
}

.dn-video-bg iframe{
  position:absolute;
  top:var(--dn-video-y);
  left:var(--dn-video-x);
  z-index:1;

  /*
    vw 기준 너비/높이와 vh 기준 min-width/min-height를 함께 걸어두면,
    화면이 가로로 넓을 땐 위쪽 width/height 쌍이,
    화면이 세로로 길 땐 아래쪽 min-width/min-height 쌍이 적용되어
    항상 화면(부모 영역)을 빈틈없이 덮게 됩니다.
  */
  width:100vw;
  height:56.25vw;
  min-width:177.78vh;
  min-height:100vh;

  border:0;
  pointer-events:none;

  transform:
    translate(-50%, -50%)
    scale(var(--dn-video-zoom));

  transform-origin:center center;

  opacity:0;
  transition:opacity .8s ease;
}

.dn-hero-video.is-video-ready .dn-video-bg iframe{
  opacity:1;
}

/* ==============================
   영상 오버레이
================================= */
.dn-video-cover{
  position:absolute;
  inset:0;
  z-index:2;

  background:
    linear-gradient(
      180deg,
      rgba(5,12,18,.36) 0%,
      rgba(5,12,18,.42) 45%,
      rgba(5,12,18,.7) 100%
    ),
    linear-gradient(
      90deg,
      rgba(5,12,18,.42) 0%,
      rgba(5,12,18,.12) 52%,
      rgba(5,12,18,.42) 100%
    );

  transition:background .8s ease;
}

.dn-hero-video.is-video-ready .dn-video-cover{
  background:
    linear-gradient(
      180deg,
      rgba(5,12,18,.3) 0%,
      rgba(5,12,18,.38) 45%,
      rgba(5,12,18,.68) 100%
    ),
    linear-gradient(
      90deg,
      rgba(5,12,18,.38) 0%,
      rgba(5,12,18,.1) 52%,
      rgba(5,12,18,.38) 100%
    );
}

/* ==============================
   콘텐츠
================================= */
.dn-hero-video-inner{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  text-align:center;
}

.dn-hero-video-copy{
  width:100%;
  max-width:1040px;
  margin:0 auto;
  padding-top:0px;
}

.dn-hero-video-small{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;

  color:#bfe9f6;
  font-size:15px;
  font-weight:800;
  letter-spacing:.22em;
}

.dn-hero-video-small:before,
.dn-hero-video-small:after{
  content:"";
  width:42px;
  height:1px;
  background:rgba(191,233,246,.7);
}

.dn-hero-video-copy h2{
  margin:0;
  color:#fff;
  font-size:76px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.06em;
}

.dn-hero-video-copy h2 strong{
  position:relative;
  display:inline-block;
  margin-top:8px;
  color:#fff;
}

.dn-changing-text{
  min-width:420px;
}

.js-changing-word{
  position:relative;
  display:inline-block;
  padding:0 10px;
}

.js-changing-word:after{
  content:"";
  position:absolute;
  right:0;
  bottom:4px;
  left:0;
  z-index:-1;

  height:18px;
  background:rgba(39,154,203,.34);
}

.js-changing-word.is-out{
  animation:wordOut .35s ease forwards;
}

.js-changing-word.is-in{
  animation:wordIn .45s ease forwards;
}

@keyframes wordOut{
  0%{
    opacity:1;
    transform:translateY(0);
  }

  100%{
    opacity:0;
    transform:translateY(-18px);
  }
}

@keyframes wordIn{
  0%{
    opacity:0;
    transform:translateY(18px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.dn-hero-video-copy p{
  margin:34px 0 0;

  color:rgba(255,255,255,.86);
  font-size:22px;
  font-weight:400;
  line-height:1.75;
}

.dn-hero-video-btns{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:46px;
}

.dn-hero-video-btns .dn-btn{
  min-width:178px;
  height:58px;

  border-radius:999px;
  font-size:17px;
  font-weight:800;
}

.dn-naver-btn{
  background:#03c75a;
  color:#fff;
}

.dn-naver-btn:hover{
  background:#02ad4f;
}

.dn-kakao-btn{
  background:#fee500;
  color:#251e1e;
}

.dn-kakao-btn:hover{
  background:#f5d900;
  color:#251e1e;
}

/* ==============================
   스크롤 안내
================================= */
.dn-scroll-guide{
  position:absolute;
  bottom:34px;
  left:50%;
  z-index:4;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;

  color:rgba(255,255,255,.68);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;

  transform:translateX(-50%);
}

.dn-scroll-guide span{
  width:1px;
  height:44px;

  background:linear-gradient(
    180deg,
    #fff,
    rgba(255,255,255,0)
  );

  animation:scrollLine 1.6s ease-in-out infinite;
}

@keyframes scrollLine{
  0%{
    opacity:.4;
    transform:scaleY(.2);
    transform-origin:top;
  }

  50%{
    opacity:1;
    transform:scaleY(1);
  }

  100%{
    opacity:.4;
    transform:scaleY(.2);
    transform-origin:bottom;
  }
}

/* 기존 모바일 이미지는 사용하지 않음 */
.dn-video-mobile-bg{
  display:none !important;
}

/* ==============================
   태블릿
================================= */
@media(max-width:1024px){
  .dn-hero-video{
    min-height:720px;
  }

  .dn-hero-video-copy h2{
    font-size:56px;
  }

  .dn-hero-video-copy p{
    font-size:19px;
  }

  .dn-changing-text{
    min-width:auto;
  }
}

/* ==============================
   모바일
================================= */
@media(max-width:768px){
  .dn-hero-video{
    height:60vh;
    height:60svh;
    min-height:450px;
    max-height:none;
    overflow:hidden;

    /*
      모바일에서 살짝 더 여유 있게 크롭되도록
      기본 확대값보다 조금 더 키워둡니다.
    */
    --dn-video-zoom:1.06;

    --dn-video-x:50%;
    --dn-video-y:50%;
  }

  .dn-video-cover{
    background:
      linear-gradient(
        180deg,
        rgba(5,12,18,.22) 0%,
        rgba(5,12,18,.42) 48%,
        rgba(5,12,18,.78) 100%
      ),
      linear-gradient(
        90deg,
        rgba(5,12,18,.22),
        rgba(5,12,18,.12)
      );
  }

  .dn-hero-video.is-video-ready .dn-video-cover{
    background:
      linear-gradient(
        180deg,
        rgba(5,12,18,.18) 0%,
        rgba(5,12,18,.38) 48%,
        rgba(5,12,18,.76) 100%
      ),
      linear-gradient(
        90deg,
        rgba(5,12,18,.2),
        rgba(5,12,18,.1)
      );
  }

  .dn-hero-video-inner{
    align-items:flex-end;
    justify-content:center;
    padding-bottom:50px;
    text-align:left;
  }

  .dn-hero-video-copy{
    width:100%;
    max-width:100%;
    padding-top:0;
  }

  .dn-hero-video-small{
    margin-bottom:18px;

    color:#c7edf8;
    font-size:12px;
    letter-spacing:.16em;
  }

  .dn-hero-video-small:before,
  .dn-hero-video-small:after{
    width:24px;
  }

  .dn-hero-video-small:after{
    display:none;
  }

  .dn-hero-video-copy h2{
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.055em;
    word-break:keep-all;
  }

  .dn-hero-video-copy h2 strong{
    margin-top:6px;
  }

  .dn-changing-text{
    min-width:auto;
  }

  .js-changing-word{
    padding:0 5px;
  }

  .js-changing-word:after{
    bottom:3px;
    height:10px;
    background:rgba(39,154,203,.42);
  }

  .dn-hero-video-copy p{
    margin-top:22px;

    font-size:16px;
    line-height:1.7;
    word-break:keep-all;
  }

  .dn-hero-video-copy p br{
    display:none;
  }

  .dn-hero-video-btns{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-top:30px;
  }

  .dn-hero-video-btns .dn-btn{
    width:100%;
    min-width:0;
    height:35px;
    font-size:16px;
  }

  .dn-scroll-guide{
    display:none;
  }
}

@media(max-width:640px){
  .dn-hero-video-copy h2{
    font-size:30px;
  }

  .dn-hero-video-btns{
    margin-top:32px;
  }
}

/*     560214 : 한줄 텍스트      */
.wt-body-nav{
  width:100%;
  padding:62px 30px 58px;
  background:#f7f7f7;
  box-sizing:border-box;
}

.wt-body-nav *{
  box-sizing:border-box;
}

.wt-body-nav-inner{
  width:100%;
  max-width:1288px;
  margin:0 auto;
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  align-items:center;
  gap:55px;
}

.wt-body-nav-title{
  min-width:0;
}

.wt-body-nav-title p{
  margin:0 0 5px;
  color:#343434;
  font-size:21px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:-0.04em;
}

.wt-body-nav-heading{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#303030;
  text-decoration:none;
}

.wt-body-nav-heading strong{
  font-size:31px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-0.055em;
  white-space:nowrap;
}

.wt-body-nav-heading span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:55px;
  height:25px;
  margin-top:3px;
  border-radius:30px;
background: linear-gradient(120deg, #19328a 0%, #3498fc 100%);
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
  transition:transform .3s ease,background .3s ease;
}

.wt-body-nav-list{
  display:grid;
  grid-template-columns:repeat(8,minmax(75px,1fr));
  align-items:start;
  gap:24px;
}

.wt-body-nav-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  color:#222;
  text-align:center;
  text-decoration:none;
}

.wt-body-nav-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  margin-bottom:10px;
  transition:transform .3s ease;
}

.wt-body-nav-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.wt-body-nav-item strong{
  display:block;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:-0.045em;
  white-space:nowrap;
}

.wt-body-nav-item:hover .wt-body-nav-icon{
  transform:translateY(-5px);
}

.wt-body-nav-item:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:0;
  height:2px;
  background:#0e6579;
  transform:translateX(-50%);
  transition:width .3s ease;
}

.wt-body-nav-item:hover:after{
  width:32px;
}


/* 태블릿 */
@media(max-width:1200px){
  .wt-body-nav{
    padding-left:24px;
    padding-right:24px;
  }

  .wt-body-nav-inner{
    grid-template-columns:250px minmax(0,1fr);
    gap:35px;
  }

  .wt-body-nav-list{
    gap:16px;
  }

  .wt-body-nav-heading strong{
    font-size:27px;
  }

  .wt-body-nav-title p{
    font-size:18px;
  }

  .wt-body-nav-icon{
    width:52px;
    height:52px;
  }

  .wt-body-nav-item strong{
    font-size:14px;
  }
}


/* 모바일 */
@media(max-width:900px){
  .wt-body-nav{
    padding:38px 0 32px;
    overflow:hidden;
  }

  .wt-body-nav-inner{
    display:block;
    max-width:none;
  }

  .wt-body-nav-title{
    padding:0 20px;
    margin-bottom:27px;
  }

  .wt-body-nav-title p{
    margin-bottom:3px;
    font-size:15px;
  }

  .wt-body-nav-heading{
    gap:8px;
  }

  .wt-body-nav-heading strong{
    font-size:25px;
  }

  .wt-body-nav-heading span{
    width:50px;
    height:23px;
    font-size:10px;
  }

  .wt-body-nav-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    row-gap:20px;
    column-gap:8px;
    width:100%;
    padding:0 20px 12px;
  }

  .wt-body-nav-item{
    min-width:0;
  }

  .wt-body-nav-icon{
    width:49px;
    height:49px;
    margin-bottom:8px;
  }

  .wt-body-nav-item strong{
    font-size:13px;
  }

  .wt-body-nav-item:after{
    display:none;
  }
}


/* 작은 모바일 */
@media(max-width:480px){
  .wt-body-nav{
    padding-top:32px;
  }

  .wt-body-nav-title{
    padding:0 17px;
    margin-bottom:23px;
  }

  .wt-body-nav-list{
    padding-left:17px;
    padding-right:17px;
  }

  .wt-body-nav-heading strong{
    font-size:23px;
  }

  .wt-body-nav-icon{
    width:45px;
    height:45px;
  }

  .wt-body-nav-item strong{
    font-size:12px;
  }
}

/*     560084 : SECTION 02       */
.os-promise-section{position:relative;padding:130px 0;background:#eef3f5;overflow:hidden}
.os-promise-section *{box-sizing:border-box}
.os-promise-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(238,243,245,.94),rgba(238,243,245,.98)),url('{$farm_set[promise_bg]}') center/cover no-repeat;z-index:1}
.os-promise-bg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(9,31,43,.08) 0%,rgba(9,31,43,0) 48%,rgba(9,31,43,.08) 100%)}
.os-promise-inner{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:0 40px}
.os-promise-head{text-align:center;margin:0 auto 68px;max-width:920px}
.os-promise-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:14px;font-weight:900;letter-spacing:.22em;color:#203285}
.os-promise-head h2{margin:0;font-size:56px;line-height:1.22;font-weight:800;letter-spacing:-.065em;color:#111b21}
.os-promise-head h2 strong{    color: #29367e;

    background: linear-gradient(120deg, #19328a 0%, #3498fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
.os-promise-head p{margin:24px 0 0;font-size:23px;line-height:1.4;font-weight:400;letter-spacing:-.035em;color:#56636b}
.os-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.os-promise-card{position:relative;display:block;height:397px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:  inset 0 -22px 28px rgba(60, 78, 102, 0.16),
    0 8px 20px rgba(60, 78, 102, 0.28); border-radius:30px;    transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.os-promise-card:before{content:""; position:absolute; inset:0; background:linear-gradient(120deg, #19328a 0%, #3498fc 100%);; z-index:3; opacity:0; transition:opacity .35s ease;}
.os-promise-card:hover:before{opacity:1;}
.os-promise-card:hover:after{left:18px;right:18px;top:18px;bottom:18px;border-color:rgba(255,255,255,.58)}
.os-promise-img{position:absolute;inset:0;z-index:1;overflow:hidden}
.os-promise-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,18,.05) 0%,rgba(5,13,18,.36) 48%,rgba(5,13,18,.82) 100%);z-index:2}
.os-promise-img img{width:100%;height:100%;transition:transform .7s ease,filter .45s ease; object-fit:cover; object-position:center top}
.os-promise-card:hover .os-promise-img img{transform:scale(1.09);filter:saturate(1.05) contrast(1)}
.os-promise-content{ position:absolute; inset:0; z-index:5; padding:35px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff;}
.os-promise-num,
.os-promise-content h3 { opacity:1; transition:none; font-size:25px; line-height:1.3em; margin-bottom:0; color:#fff}
.os-promise-card:hover .os-promise-num:after { opacity:0; }
.os-promise-card:hover .os-promise-content {justify-content:center; align-items:center; text-align:center;}
.os-promise-card:hover .os-promise-num,
.os-promise-card:hover .os-promise-num, 
.os-promise-card:hover .os-promise-content h3 { opacity:0; transform:translateY(-15px); }
.os-promise-content span { color:#aed7f6; font-weight:600 }
.os-promise-content p{  position:absolute; top:50%; left:50%; width:calc(100% - 60px); transform:translate(-50%,-50%); opacity:0; margin:0; text-align:center; transition:.35s ease; font-size:24px; text-wrap:balance; line-height:1.3em; }
.os-promise-card:hover .os-promise-content p{opacity:1;}
.os-promise-motion{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}
.os-promise-motion.is-show{opacity:1;transform:translateY(0)}
.os-promise-card:hover {
    transform: translateY(-4px) scale(1.025);
    z-index: 10;

    box-shadow: 0 12px 28px rgba(52, 72, 100, .22);
}

.os-promise-grid .os-promise-motion:nth-child(1){transition-delay:.05s}
.os-promise-grid .os-promise-motion:nth-child(2){transition-delay:.12s}
.os-promise-grid .os-promise-motion:nth-child(3){transition-delay:.19s}
.os-promise-grid .os-promise-motion:nth-child(4){transition-delay:.26s}
.os-promise-grid .os-promise-motion:nth-child(5){transition-delay:.33s}
.os-promise-grid .os-promise-motion:nth-child(6){transition-delay:.4s}

.pc { display:block }
.os-promise-section .mb { display:none }

@media(max-width:1024px){
.os-promise-section{padding:50px 0}
.os-promise-inner{padding:0 15px}
.os-promise-head {margin: 0 auto 30px;}
.os-promise-head h2{font-size:30px}
.os-promise-head p{font-size:18px; margin:10px 0 0;}
.os-promise-grid{gap:18px}
.os-promise-card{height:340px}
.os-promise-content{left:28px;right:28px;bottom:30px}
.os-promise-content h3{font-size:24px}
.os-promise-content p{font-size:15px}

}

@media (max-width:768px){
.os-promise-head h2 { font-size:30px; line-height:1.2em;}
.os-promise-head p { font-size:16px; }
.os-promise-swiper{ width:100%; overflow:hidden; }
.os-promise-swiper .swiper-slide{ width:100%; }
.os-promise-card{ height:auto; display:block; color:#111; border-radius:0; box-shadow:none }
.os-promise-img { border-radius:30px }

/*
  PC 호버 전용 파란 오버레이(:before)는 모바일에서 필요 없고,
  레이아웃 공간(height:240px)을 차지하며 빈 블록을 만들던 원인이라
  아예 표시하지 않도록 분리했습니다.
*/
.os-promise-card:before{ display:none; }
.os-promise-img{ position:relative; height:240px; }

.os-promise-img:after{ display:none; }
.os-promise-img img{ width:100%; height:100%; object-fit:cover; transform:none !important; }

.os-promise-num{ display:block; font-size:18px; color:#29367e; opacity:1 !important; }

.os-promise-content{ position:relative; inset:auto; display:block; padding:24px 0; background:transparent; color:#111; }
.os-promise-content h3{ opacity:1 !important; transform:none !important; font-size:22px; line-height:1.4; margin-bottom:12px; color:#111; }
.os-promise-content p{ position:static; width:auto; opacity:1; transform:none; margin:0; text-align:left; font-size:15px; line-height:1.7; color:#666; }

/*
  PC 호버에서만 쓰던 연한 하늘색은 밝은 배경 위 모바일에서
  잘 안 보여서, 더 진하고 또렷한 포인트 블루로 바꿨습니다.
*/
.os-promise-content span { color:#29367e; }

.os-promise-card:hover .os-promise-content{ justify-content:unset; align-items:unset; text-align:left;}

.swiper-pagination{ position:relative; margin-top:20px; }
.os-promise-section .pc { display:none }
.os-promise-section .mb { display:block }
}

.br-mo{
  display:none;
}

@media(max-width:768px){
  .br-mo{
    display:block;
  }
}

/*     560094 : 맞춤게시판 - 슬라이드 (반응형)      */
/* ==============================
SECTION 네이버 리뷰 / 치료후기 게시판 연동
================================= */

.dn-review-board{position:relative;padding:120px 0 90px;background:linear-gradient(180deg, #f8fcff 0%, rgb(168 210 233 / 55%) 100%);overflow:hidden}
.dn-review-board *{box-sizing:border-box}

.dn-review-board .dn-inner{width:100%;max-width:1440px;margin:0 auto;}

.dn-review-board .dn-center-head{position:relative;text-align:center;max-width:980px;margin:0 auto 76px}
.dn-review-board .dn-center-head .dn-eyebrow{justify-content:center}
.dn-review-board .dn-center-head .dn-eyebrow:before{display:none}

.dn-review-board .dn-title{margin:0;font-family:'BookkMyungjo-Lt',serif;line-height:1.35;letter-spacing:-0.06em;word-break:keep-all}
.dn-review-board .dn-desc{margin-top:22px;font-size:21px;line-height:1.75;letter-spacing:-0.045em;word-break:keep-all}

.dn-review-board-wrap{position:relative;padding:0 0 10px}

/* ==============================
빌더 게시판 슬라이드 기본 리셋
================================= */

.pm-myboard_slide_responsive__3734864__{position:relative;width:100%;max-width:none;margin:0 auto}
.pm-myboard_slide_responsive__3734864__ *{box-sizing:border-box}
.pm-myboard_slide_responsive__3734864__ a{text-decoration:none}

.pm-myboard_slide_responsive__3734864__ .item{position:relative;padding:0}
.pm-myboard_slide_responsive__3734864__ .owl-stage{display:flex;margin:0 auto}
.pm-myboard_slide_responsive__3734864__ .owl-item{display:flex;align-items:stretch}
.pm-myboard_slide_responsive__3734864__ .owl-item .item{width:100%;height:100%;display:flex}
.pm-myboard_slide_responsive__3734864__ .owl-stage-outer{width:100%;overflow:hidden;padding:0 0 20px}

.pm-myboard_slide_responsive__3734864__ .figure,
.pm-myboard_slide_responsive__3734864__ .caption{display:none}

/* ==============================
리뷰 카드
================================= */

.dn-review-card{position:relative;width:100%;min-height:355px;padding:30px 28px 26px;border-radius:24px;background:#fff;color:#3a302b;border:1px solid rgba(116,89,76,.12);box-shadow:0px 5px 17px rgba(80, 54, 42, .06);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}

.dn-review-card:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(80,54,42,.11);border-color:rgba(116,89,76,.18)}

/* 카드 상단 */
.dn-review-profile{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:0;padding:0;background:transparent;color:#3a302b;overflow:visible}

.dn-review-profile:after{display:none}

/* 핑크 프로필 아이콘 */
.dn-review-avatar{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#03c75a;border:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}

.dn-review-avatar span{position:relative;display:block;width:26px;height:26px;border-radius:50%;background:transparent}

.dn-review-avatar span:before{content:"";position:absolute;left:50%;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateX(-50%)}

.dn-review-avatar span:after{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:13px;border-radius:13px 13px 4px 4px;background:#fff;transform:translateX(-50%)}

/* 아이디 영역 */
.dn-review-user{position:relative;z-index:2;flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:14px}

.dn-review-user:before{content:"****";display:inline-block;font-size:15px;line-height:1;font-weight:800;color:#3b332f;letter-spacing:.1em}

.dn-review-user:after{content:"";display:block;width:1px;height:16px;background:#e5d9d3}

.dn-review-user strong{display:none}

.dn-review-user em{display:none}

/* 네이버 리뷰 배지 */
.dn-review-badge{position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:auto;padding:0;border-radius:0;background:transparent;color:#03c75a;font-size:14px;font-weight:850;letter-spacing:-0.04em;white-space:nowrap}

/* 별점 영역 */
.dn-review-meta{display:none}

.dn-review-stars{display:none}

/* 리뷰 본문 */
.dn-review-text{ position:relative;
z-index:2;
display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
line-clamp:2;
flex:1;
margin:34px 0 0;
padding:0;
background:transparent;
color:#665f5b;
font-size:17px;
line-height:1.75;
font-weight:400;
letter-spacing:-0.045em;
border:0;
white-space:normal;
word-break:keep-all;}

/* 하단 REAL REVIEW + 별점 */
.dn-review-card:before{content:"REAL REVIEW";position:absolute;left:28px;bottom:28px;z-index:2;color:#29367e;font-size:13px;font-weight:900;letter-spacing:-0.04em}

.dn-review-card:after{content:"★★★★★";position:absolute;right:28px;bottom:26px;z-index:2;color:#ffae34;font-size:17px;line-height:1;letter-spacing:1px}

.dn-review-more-text{display:none}
.dn-review-card-top{display:none}

.dn-review-board .dn-review-card .dn-review-text{
position:relative;
z-index:2;
display:-webkit-box !important;
width:100%;
max-height:5.25em;
margin:34px 0 0;
padding:0;
overflow:hidden !important;
color:#665f5b;
font-size:17px;
font-weight:400;
line-height:1.75 !important;
letter-spacing:-0.045em;
white-space:normal !important;
word-break:keep-all;
text-overflow:ellipsis !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:3 !important;
line-clamp:3 !important;
flex:none !important;
}

/* ==============================
Owl 네비게이션
================================= */

.pm-myboard_slide_responsive__3734864__ .owl-nav{position:absolute;right:0;top:-128px;display:flex;align-items:center;gap:18px;-webkit-tap-highlight-color:transparent}

.pm-myboard_slide_responsive__3734864__ .owl-nav [class*='owl-']{position:static;width:32px;height:32px;margin:0;border-radius:50%;border:0;background:transparent;color:#3f3834;opacity:1;font-size:0;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center;box-shadow:none}

.pm-myboard_slide_responsive__3734864__ .owl-nav [class*='owl-']:before{font-family:Arial,sans-serif;font-size:34px;font-weight:300;line-height:1;color:inherit;margin-top:-4px}

.pm-myboard_slide_responsive__3734864__ .owl-nav .owl-prev:before{content:'‹'}
.pm-myboard_slide_responsive__3734864__ .owl-nav .owl-next:before{content:'›'}

.pm-myboard_slide_responsive__3734864__ .owl-nav [class*='owl-']:hover{background:rgba(92,68,55,.08);color:#8a5d4b}
.pm-myboard_slide_responsive__3734864__ .owl-nav .disabled{opacity:.35;cursor:default !important}

/* ==============================
Dots
================================= */

.pm-myboard_slide_responsive__3734864__ .owl-dots{position:relative;left:auto;bottom:auto;width:100%;height:auto;padding:34px 0 0;font-size:0;box-sizing:border-box;text-align:center}

.pm-myboard_slide_responsive__3734864__ .owl-dots .owl-dot{display:inline-block}

.pm-myboard_slide_responsive__3734864__ .owl-dots .owl-dot span{display:block;width:9px;height:9px;margin:0 4px;background:#fff;border-radius:50%;transition:.25s ease}

.pm-myboard_slide_responsive__3734864__ .owl-dots .owl-dot.active span,
.pm-myboard_slide_responsive__3734864__ .owl-dots .owl-dot:hover span{width:28px;border-radius:999px;background:#29367e}

/* ==============================
Empty
================================= */

.pm-myboard_slide_responsive__3734864__.empty__3734864__{width:100%;max-width:none;min-height:180px;font-size:16px;color:#6d7680;line-height:180px;text-align:center;background:#fff;border:1px solid #eadfd9;border-radius:20px}

/* ==============================
더 많은 네이버 리뷰 버튼
================================= */

.dn-review-more{position:absolute;right:calc((100% - 1440px) / 2 + 32px);top:250px;z-index:5;margin-top:0;text-align:right}

.dn-review-more a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:198px;height:48px;padding:0 22px;border-radius:999px;background:#fff;color:#29367e;font-size:15px;font-weight:850;letter-spacing:-0.04em;box-shadow:0 16px 40px rgba(80,54,42,.08);transition:.28s ease;text-decoration:none;overflow:hidden;isolation:isolate}

.dn-review-more a:before{display:none}

.dn-review-more a:after{content:"+";position:relative;z-index:1;width:22px;height:22px;margin-left:12px;border:0;border-radius:50%;background:#eaf9ff;color:#4791af;font-size:15px;line-height:22px;text-align:center;transform:none;transition:.28s ease}

.dn-review-more a:hover{background:linear-gradient(120deg, #19328a 0%, #3498fc 100%);color:#fff;transform:translateY(-3px);box-shadow:0 20px 42px rgba(80,54,42,.16)}

.dn-review-more a:hover:after{background:#fff;color:#29367e;transform:rotate(90deg)}

/* ==============================
반응형
================================= */

@media(max-width:1480px){

.dn-review-more{right:32px}

}

@media(max-width:1024px){

.dn-review-board{padding:70px 0 60px}
.dn-review-board .dn-title{font-size:40px}
.dn-review-board .dn-desc{font-size:18px}
.dn-review-card{min-height:330px}
.dn-review-text{font-size:16px}
.pm-myboard_slide_responsive__3734864__ .owl-nav{top:-102px}
.dn-review-more{position:relative;right:auto;top:auto;margin-top:38px;text-align:center}

}

@media(max-width:768px){

.dn-review-board{padding:50px 0 50px}
.dn-review-board .dn-inner{padding:0 20px}
.dn-review-board .dn-center-head{text-align:center;margin:0 auto 20px}
.dn-review-board .dn-center-head .dn-eyebrow{justify-content:center}
.dn-review-board .dn-title{font-size:32px;line-height:1.35}
.dn-review-board .dn-desc{margin-top:18px;font-size:16px;line-height:1.7}
.dn-review-board .dn-desc br{display:none}

.pm-myboard_slide_responsive__3734864__ .owl-nav{position:relative;right:auto;top:auto;justify-content:flex-end;margin-bottom:18px}
.pm-myboard_slide_responsive__3734864__ .owl-nav [class*='owl-']{width:38px;height:38px}
.pm-myboard_slide_responsive__3734864__ .owl-nav [class*='owl-']:before{font-size:30px}

.dn-review-card{min-height:300px;border-radius:20px;padding:26px 24px 24px}
.dn-review-card:hover{transform:none}
.dn-review-avatar{width:40px;height:40px}
.dn-review-avatar span{width:26px;height:26px}
.dn-review-user:before{font-size:14px}
.dn-review-badge{font-size:13px}
.dn-review-text{margin-top:28px;
font-size:16px;
line-height:1.68;
-webkit-line-clamp:2;
line-clamp:2;}
.dn-review-card:before{left:24px;bottom:24px}
.dn-review-card:after{right:24px;bottom:22px}
.dn-review-more{margin-top:30px}
.dn-review-more a{width:100%;min-width:0;height:54px;font-size:16px}

.dn-review-board .dn-review-card .dn-review-text{
max-height:5.04em;
margin-top:28px;
font-size:16px;
line-height:1.68 !important;
-webkit-line-clamp:3 !important;
line-clamp:3 !important;
}

}

@media(max-width:480px){

.dn-review-board .dn-title{font-size:28px}
.dn-review-card{min-height:280px;padding:24px 20px 22px}
.dn-review-profile{gap:10px}
.dn-review-avatar{width:38px;height:38px}
.dn-review-avatar span{width:24px;height:24px}
.dn-review-avatar span:before{width:9px;height:9px}
.dn-review-avatar span:after{width:20px;height:12px}
.dn-review-user{gap:10px}
.dn-review-user:before{font-size:13px}
.dn-review-badge{font-size:12px}
.dn-review-text{font-size:15px}
.dn-review-card:before{left:20px;bottom:22px;font-size:12px}
.dn-review-card:after{right:20px;bottom:20px;font-size:15px}

}

/*     560104 : SECTION 03 대표 진료 분야 카드      */
/* ==============================
   SECTION 03 정형외과 대표 진료 분야
================================= */

.dn-special-accordion{padding:120px 0;background:#fff;overflow:hidden}
.dn-special-accordion *{box-sizing:border-box}
.dn-special-acc-head{max-width:1440px;margin:0 auto 64px;text-align:center}
.dn-special-acc-head .dn-title {
    margin: 0;
    font-size: 56px;
    line-height: 1.28;
    font-weight: 850;
    letter-spacing: -.06em;

    background: linear-gradient(120deg, #19328a 0%, #3498fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.dn-special-acc-head .dn-desc{margin:22px 0 0;font-size:23px;line-height:1.4;font-weight:400;letter-spacing:-.035em;color:#5d666d}

.dn-special-acc-list{display:flex;width:100%;height:420px;gap:18px;background:transparent}

.dn-special-acc-item{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;background:#111b24;cursor:pointer;transition:flex .55s cubic-bezier(.22,.61,.36,1);border:1px solid rgba(16,24,32,.22); border-radius:20px}
.dn-special-acc-item.active,
.dn-special-acc-item:hover{flex:2.25}

.dn-special-acc-bg{position:absolute;inset:0;z-index:1}
.dn-special-acc-bg:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(8,14,18,.16) 0%,rgba(8,14,18,.42) 45%,rgba(8,14,18,.88) 100%),linear-gradient(90deg,rgba(8,14,18,.72) 0%,rgba(8,14,18,.25) 58%,rgba(8,14,18,.1) 100%)}
.dn-special-acc-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .75s ease,filter .5s ease;filter:saturate(.9) contrast(.96)}
.dn-special-acc-item.active .dn-special-acc-bg img,
.dn-special-acc-item:hover .dn-special-acc-bg img{transform:scale(1.07);filter:saturate(1.04) contrast(1)}

.dn-special-acc-trigger{position:absolute;left:0;right:0;top:0;z-index:5;width:100%;padding:30px 28px;border:0;background:transparent;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}
.dn-special-acc-trigger .num{position:relative;flex:0 0 auto;font-size:14px;font-weight:900;letter-spacing:.12em;color:#b9e8ef}
.dn-special-acc-trigger .num:after{content:"";position:absolute;left:0;bottom:-10px;width:24px;height:2px;background:#b9e8ef}
.dn-special-acc-trigger .name{display:block;font-size:24px;line-height:1.25;font-weight:850;letter-spacing:-.045em;color:#fff;writing-mode:horizontal-tb;transform:none;transition:.35s ease}

.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger{height:100%;flex-direction:column;align-items:flex-start;justify-content:space-between}
.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger .name{font-size:22px;line-height:1.25}

.dn-special-acc-content{position:absolute;left:34px;right:34px;bottom:38px;z-index:4;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .35s ease,transform .35s ease;transition-delay:0s;pointer-events:none}
.dn-special-acc-item.active .dn-special-acc-content,
.dn-special-acc-item:hover .dn-special-acc-content{opacity:1;transform:translateY(0);transition-delay:.18s;pointer-events:auto}

.dn-special-acc-content h3{margin:0;font-size:38px;line-height:1.25;font-weight:850;letter-spacing:-.06em;color:#fff}

/* 상세 메뉴 2행 2열 리스트형 */
.dn-special-sub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:30px;}
.dn-special-sub-links a{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:52px;padding:0 12px;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:-.045em;text-decoration:none;transition:.25s ease;word-break:keep-all;overflow:hidden; border-radius:10px}
.dn-special-sub-links a:nth-child(3),
.dn-special-sub-links a:nth-child(4) { border-top:0; }
.dn-special-sub-links a span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-special-sub-links a:before{content:"";width:5px;height:5px;margin-right:9px;background:#b9e8ef;flex:0 0 auto;transition:.25s ease}
.dn-special-sub-links a:after{content:"→";margin-left:8px;font-size:14px;font-weight:800;color:rgba(255,255,255,.72);transition:.25s ease;flex:0 0 auto}
.dn-special-sub-links a:hover{padding-left:16px;color:#b9e8ef;background:rgba(255,255,255,.08)}
.dn-special-sub-links a:hover:before{background:#fff}
.dn-special-sub-links a:hover:after{transform:translateX(3px);color:#b9e8ef}

.dn-special-acc-item:not(.active):not(:hover)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.84))}

@media(max-width:1024px){

.dn-special-accordion{padding:70px 0}
.dn-special-acc-head .dn-title{font-size:30px}
.dn-special-acc-head .dn-desc{font-size:18px}
.dn-special-acc-list{height:520px;gap:14px}
.dn-special-acc-content h3{font-size:32px}

}

@media(max-width:768px){

.dn-special-accordion{padding:50px 0}
.dn-special-acc-head{margin-bottom:20px;text-align:left}
.dn-special-acc-head .dn-title{font-size:30px;line-height:1.32}
.dn-special-acc-head .dn-desc{margin-top:18px;font-size:16px;line-height:1.7}
.dn-special-acc-head .dn-desc br{display:none}

.dn-special-acc-list{display:block;height:auto;background:transparent}
.dn-special-acc-item{height:92px;margin-bottom:14px;border:1px solid rgba(16,24,32,.18);transition:height .45s cubic-bezier(.22,.61,.36,1)}
.dn-special-acc-item.active{height:460px}
.dn-special-acc-item:hover{flex:initial}

.dn-special-acc-trigger,
.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger{height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:28px 22px}

.dn-special-acc-trigger .num:after{display:none}
.dn-special-acc-trigger .name,
.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger .name{font-size:23px;writing-mode:horizontal-tb;transform:none}

.dn-special-acc-content{left:22px;right:22px;bottom:28px}
.dn-special-acc-content h3{font-size:30px}
.dn-special-acc-content h3 br{display:none}

.dn-special-sub-links{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.dn-special-sub-links a{min-height:48px;padding:0 10px;font-size:14px;line-height:1.35}
.dn-special-sub-links a:before{width:4px;height:4px;margin-right:7px}
.dn-special-sub-links a:after{margin-left:6px;font-size:13px}

.dn-special-acc-item:not(.active) .dn-special-acc-content{display:none}

}

@media(max-width:480px){

.dn-special-acc-item.active{height:440px}
.dn-special-acc-content h3{font-size:26px}
.dn-special-acc-trigger .name,
.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger .name{font-size:21px}
.dn-special-sub-links a{font-size:13px;letter-spacing:-.05em}
.dn-special-sub-links a span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

}

/*     560114 : SECTION 03 원장님 메시지 / 철학      */

/* ==============================
   SECTION 04 의료진 메시지 / 철학
   원장 1명용 / 슬라이드 없음
================================= */

.dn-doctor-team{
  position:relative;
  padding:130px 0;
  background:#f4f8fb;
  overflow:hidden;
  color:#2b2b2b;
}
.dn-doctor-team *{box-sizing:border-box}
.dn-doctor-team .dn-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 40px;
}

/* SECTION TITLE */
.dn-doctor-team-head{
  margin-bottom:54px;
  text-align:center;
}
.dn-doctor-team-head h2{
  margin:0;
  font-size:56px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#222;
}
.dn-doctor-team-head h2 strong{
  display:inline;
  font-weight:900;
  background:linear-gradient(120deg,#19328a 0%,#3498fc 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.dn-doctor-team-head h2 span{
  display:inline;
  color:#222;
  font-weight:850;
}

/* DOCTOR LAYOUT */
.dn-team-single{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:84px;
}

/* DOCTOR PHOTO FRAME */
.dn-team-photo{
  position:relative;
  height:560px;
  min-height:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

/* 프레임 내부의 은은한 배경 */
.dn-team-photo::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:0;
  width:76%;
  height:90%;
  transform:translateX(-50%);
  background:#dce8f4;
  box-shadow:0 18px 40px rgba(25,50,100,.12);
  pointer-events:none;
}

.dn-team-photo img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  transform:none;
  filter:none;
}

/* DOCTOR COPY */
.dn-team-copy{
  position:relative;
  padding:26px 0;
}

.dn-team-part{
  display:block;
  margin-bottom:14px;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1.3;
  font-weight:400;
  letter-spacing:-.02em;
  color:#504c47;
}

.dn-team-copy h3{
  margin:0;
  display:flex;
  align-items:flex-end;
  gap:10px;
  line-height:1.1;
}
.dn-team-copy h3 strong{
  font-size:40px;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#222;
}
.dn-team-copy h3 span{
  padding-bottom:4px;
  font-size:18px;
  font-weight:600;
  letter-spacing:-0.04em;
  color:#4b4b4b;
}

.dn-team-message{
  margin:34px 0 0;
  font-size:30px;
  line-height:1.55;
  font-weight:500;
  letter-spacing:-0.06em;
  color:#2c2c2c;
}
.dn-team-message em{
  font-style:normal;
  color:#29367e;
  font-weight:800;
}

.dn-team-desc{
  margin:22px 0 0;
  font-size:17px;
  line-height:1.85;
  font-weight:400;
  letter-spacing:-0.035em;
  color:#5f5d59;
}

.dn-team-current{
  margin:34px 0 0;
  padding-bottom:10px;
  font-size:17px;
  line-height:1.5;
  font-weight:850;
  letter-spacing:-0.035em;
  color:#333;
display:none;
}
.dn-team-current strong{
  color:#29367e;
}

/* 자세히 보기 버튼 */
.dn-team-detail{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-width:174px;
  min-height:48px;
  margin-top:20px;
  padding:12px 24px;
  border:1px solid #19328a;
  border-radius:100px;
  background:#19328a;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:-0.035em;
  text-decoration:none;
  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.dn-team-detail::after{
  content:"→";
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:19px;
  font-weight:400;
  line-height:1;
  transition:transform .25s ease;
}

.dn-team-detail:hover{
  background:#294bb2;
  border-color:#294bb2;
  color:#fff;
  transform:translateY(-2px);
}
.dn-team-detail:hover::after{
  transform:translateX(4px);
}
.dn-team-detail:focus-visible{
  outline:2px solid #3498fc;
  outline-offset:4px;
}

/* CAREER */
.dn-doctor-team .txt-wrap{
  display:none;
  gap:20px;
  border-top:1px solid #dedbd3;
  padding-top:10px;
}
.dn-team-career{
  padding:0;
  margin:0;
}
.dn-team-career li{
  position:relative;
  margin:0;
  padding-left:12px;
  list-style:none;
  font-size:15px;
  line-height:1.6;
  font-weight:500;
  letter-spacing:-0.035em;
  color:#6a6761;
}
.dn-team-career li:before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:4px;
  height:4px;
  background:#0e6579;
}

.dn-team-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
}
.dn-team-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(14,101,121,.26);
  background:rgba(14,101,121,.06);
  color:#0e6579;
  font-size:14px;
  font-weight:800;
  letter-spacing:-0.035em;
}

/* ANIMATION */
.dn-team-single .dn-team-photo,
.dn-team-single .dn-team-copy{
  opacity:0;
  transform:translateY(28px);
  animation:dnDoctorSingleUp .75s ease forwards;
}
.dn-team-single .dn-team-copy{
  animation-delay:.16s;
}

@keyframes dnDoctorSingleUp{
  0%{opacity:0;transform:translateY(28px)}
  100%{opacity:1;transform:translateY(0)}
}

/* RESPONSIVE */
@media(max-width:1200px){
  .dn-doctor-team-head h2{font-size:30px}
  .dn-team-single{gap:52px}
  .dn-team-photo{
    height:520px;
  }
  .dn-team-message{font-size:27px}
}

@media(max-width:900px){
  .dn-doctor-team{padding:50px 0}
  .dn-doctor-team .dn-inner{padding:0 24px}
  .dn-doctor-team-head{
    text-align:left;
    margin-bottom:24px;
  }
  .dn-doctor-team-head h2{
    font-size:30px;
    line-height:1.26;
  }
  .dn-team-single{display:block}
  .  .dn-team-photo{
    height:500px;
    max-width:600px;
    margin:0 auto;
  }

  .dn-team-photo::before{
    width:78%;
    height:88%;
  }
  .dn-team-copy{padding:42px 0 0}
  .dn-team-part{font-size:21px}
  .dn-team-copy h3 strong{font-size:36px}
  .dn-team-message{
    margin-top:28px;
    font-size:25px;
  }
  .dn-team-desc{font-size:16px}
}

@media(max-width:640px){
  .dn-doctor-team{padding:50px 0}
  .dn-doctor-team .dn-inner{padding:0 18px}
  .dn-doctor-team-head h2{font-size:30px}
   .dn-team-photo{
    height:350px;
    max-width:100%;
  }

  .dn-team-photo::before{
    width:82%;
    height:88%;
  }
  .dn-team-copy{padding-top:36px}
  .dn-team-part{font-size:18px}
  .dn-team-copy h3 strong{font-size:32px}
  .dn-team-copy h3 span{font-size:17px}
  .dn-team-message{font-size:22px}
  .dn-team-desc{
    font-size:15px;
    line-height:1.75;
  }
  .dn-team-current{font-size:15px}
  .dn-team-career li{font-size:14px}
  .dn-team-tags span{
    min-height:32px;
    font-size:13px;
  }
  .dn-doctor-team .txt-wrap{
    flex-wrap:wrap;
    gap:20px;
  }
  .dn-team-detail{
    min-width:160px;
    min-height:44px;
    padding:10px 20px;
    font-size:14px;
  }
}

@media(max-width:430px){
  .dn-doctor-team-head h2{font-size:28px}
  .dn-team-photo{
    height:370px;
  }
  .dn-team-message{font-size:20px}
  .dn-team-desc br{display:none}
}

@media(prefers-reduced-motion:reduce){
  .dn-team-single .dn-team-photo,
  .dn-team-single .dn-team-copy{
    animation:none;
    opacity:1;
    transform:none;
  }
  .dn-team-detail,
  .dn-team-detail::after{
    transition:none;
  }
}


/*     560124 : SECTION 02 누적 진료 숫자 / 신뢰 메시지      */
/* ==============================
   SECTION 02 누적 진료 숫자
================================= */

.dn-count-sec{
    position:relative;
    padding:120px 0;

    background:#213759;

    color:#fff;
    overflow:hidden;
}

.dn-count-sec *{
    box-sizing:border-box;
}


/* ==============================
   배경
================================= */

.dn-count-bg{
    position:absolute;
    inset:0;
    z-index:1;

    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(52,152,252,.18) 0%,
            rgba(52,152,252,.05) 30%,
            transparent 55%
        ),

        radial-gradient(
            circle at 82% 70%,
            rgba(96,169,238,.16) 0%,
            rgba(96,169,238,.04) 34%,
            transparent 58%
        ),

        linear-gradient(
            120deg,
            #182d50 0%,
            #243f68 48%,
            #315b86 100%
        );

    filter:none;
}


/* 중앙 장식도 훨씬 옅게 */
.dn-count-bg:before{
    content:"";

    position:absolute;
    left:50%;
    top:50%;

    width:680px;
    height:680px;

    border:1px solid rgba(255,255,255,.045);

    transform:
        translate(-50%,-50%)
        rotate(45deg);

    pointer-events:none;
}


/* 아래쪽 어두운 그라데이션도 약하게 */
.dn-count-bg:after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:45%;

    background:
        linear-gradient(
            180deg,
            rgba(17,35,61,0),
            rgba(17,35,61,.28)
        );

    pointer-events:none;
}


/* ==============================
   INNER
================================= */

.dn-count-sec .dn-inner{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1440px;

    margin:0 auto;
    padding:0 40px;
}

.dn-count-box{
    position:relative;
    z-index:2;

    text-align:center;
}


/* ==============================
   상단 라벨
================================= */

.dn-count-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin:0 0 22px;
    padding:0 0 12px;

    font-size:14px;
    line-height:1.4;
    letter-spacing:.2em;
    font-weight:800;

    color:#a9d6ff;

    border-bottom:
        1px solid rgba(169,214,255,.38);
}


/* ==============================
   메인 카피
================================= */

.dn-count-box h2{
    margin:0;

    font-size:46px;
    line-height:1.35;
    font-weight:500;

    letter-spacing:-0.055em;

    color:#fff;
}


.dn-count-box h2 strong{
    display:inline-block;

    font-size:68px;
    line-height:1;
    font-weight:900;

    letter-spacing:-0.06em;

    color:#fff;
}


/* 숫자 포인트 */
.dn-count-box h2 strong span{
    background:
        linear-gradient(
            120deg,
            #b7dcff 0%,
            #63b4ff 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    background-clip:text;
    color:transparent;
}


.dn-count-desc{
    margin:30px 0 0 !important;

    font-size:24px !important;
    line-height:1.5 !important;
    font-weight:400 !important;

    letter-spacing:-0.035em;

    color:rgba(255,255,255,.76) !important;
}


/* ==============================
   통계 전체 패널
================================= */

.dn-count-stats{
    display:grid;

    grid-template-columns:repeat(4,1fr);
    gap:0;

    margin-top:72px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.10) 0%,
            rgba(255,255,255,.045) 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 44px rgba(12,29,52,.18);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    overflow:hidden;
}


/* ==============================
   각 통계
================================= */

.dn-count-stat{
    position:relative;

    padding:36px 24px 34px;

    text-align:center;

    transition:
        background .25s ease,
        transform .25s ease;
}


/* hover */
.dn-count-stat:hover{
    background:
        linear-gradient(
            180deg,
            rgba(94,174,255,.13),
            rgba(94,174,255,.05)
        );
}


/* 구분선 */
.dn-count-stat:not(:last-child):after{
    content:"";

    position:absolute;
    right:0;
    top:26px;
    bottom:26px;

    width:1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.16),
            transparent
        );
}


/* 숫자 */
.dn-count-stat strong{
    display:block;

    font-size:58px;
    line-height:1;
    font-weight:900;

    letter-spacing:-0.055em;

    color:#a9d6ff;
}


/* 하단 설명 */
.dn-count-stat p{
    margin:20px 0 0 !important;

    font-size:18px !important;
    line-height:1.4 !important;
    font-weight:500 !important;

    color:rgba(255,255,255,.90) !important;

    letter-spacing:-0.035em;
}


.mo-only{
    display:none;
}


/* ==============================
   카운팅 숫자 자리 고정
================================= */

.js-count-replay{
    display:inline-block;

    text-align:right;

    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum";
}



/* ==============================
   TABLET
================================= */

@media(max-width:1024px){

    .dn-count-sec{
        padding:70px 0;
    }

    .dn-count-sec .dn-inner{
        padding:0 24px;
    }

    .dn-count-box h2{
        font-size:38px;
    }

    .dn-count-box h2 strong{
        font-size:58px;
    }

    .dn-count-desc{
        font-size:18px !important;
    }

    .dn-count-stats{
        margin-top:56px;
    }

    .dn-count-stat{
        padding:30px 16px 28px;
    }

    .dn-count-stat strong{
        font-size:46px;
    }

    .dn-count-stat p{
        font-size:16px !important;
    }

}



/* ==============================
   MOBILE
================================= */

@media(max-width:768px){

    .dn-count-sec{
        padding:50px 0;
    }

    .dn-count-bg:before{
        width:420px;
        height:420px;
    }

    .dn-count-label{
        font-size:12px;
        letter-spacing:.16em;
    }

    .dn-count-box h2{
        font-size:30px;
    }

    .dn-count-box h2 strong{
        font-size:48px;
    }

    .dn-count-desc{
        margin-top:24px !important;

        font-size:16px !important;
        line-height:1.7 !important;
    }

    .dn-count-desc br{
        display:none;
    }


    .dn-count-stats{
        grid-template-columns:repeat(2,1fr);

        margin-top:48px;

        border-radius:18px;
    }


    .dn-count-stat{
        padding:28px 14px;

        border-bottom:
            1px solid rgba(255,255,255,.10);
    }


    .dn-count-stat:not(:last-child):after{
        display:none;
    }


    .dn-count-stat:nth-child(odd):after{
        content:"";

        display:block;

        position:absolute;
        right:0;
        top:22px;
        bottom:22px;

        width:1px;

        background:
            linear-gradient(
                180deg,
                transparent,
                rgba(255,255,255,.14),
                transparent
            );
    }


    .dn-count-stat strong{
        font-size:42px;
    }


    .mo-only{
        display:block;
    }

}



/* ==============================
   SMALL MOBILE
================================= */

@media(max-width:480px){

    .dn-count-sec .dn-inner{
        padding:0 18px;
    }

    .dn-count-box h2{
        font-size:28px;
    }

    .dn-count-box h2 strong{
        font-size:44px;
    }

    .dn-count-desc{
        font-size:15px !important;
    }

    .dn-count-stats{
        margin-top:40px;
    }

    .dn-count-stat strong{
        font-size:36px;
    }

    .dn-count-stat p{
        margin-top:14px !important;
        font-size:14px !important;
    }

}

/*     560134 : SECTION 09 FAQ      */
/* ==============================
   SECTION 09 FAQ
================================= */

.dn-faq{
    padding:120px 0;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f9fd 48%,
            #f1f6fb 100%
        );
    overflow:hidden;
}
.dn-faq *{box-sizing:border-box}

.dn-faq-head-center{max-width:1300px;margin:0 auto;text-align:center}
.dn-faq-head-center .dn-eyebrow{justify-content:center}
.dn-faq-head-center .dn-eyebrow:before{display:none}

.dn-faq-head-center .dn-title{
    margin-top:0;
    font-size:56px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:-0.065em;
    color:#29367e;

    background: linear-gradient(120deg, #19328a 0%, #3498fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.dn-faq-head-center .dn-desc{margin:22px 0 40px;font-size:23px;line-height:1.4;color:#5d6874}

.dn-faq-divider{width:1px;height:54px;margin:44px auto 46px;background:linear-gradient(180deg,rgba(14,101,121,0),rgba(14,101,121,.6),rgba(14,101,121,0))}

/* FAQ LIST */
.dn-faq-list{
    position:relative;

    max-width:1080px;
    margin:0 auto;
    padding:18px;

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.88) 0%,
            rgba(250,253,255,.72) 50%,
            rgba(236,244,252,.58) 100%
        );

    border:1px solid rgba(137,164,196,.28);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(180,201,223,.12),
        0 12px 28px rgba(43,67,96,.10);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.dn-faq-item{
    position:relative;

    border-bottom:1px solid rgba(133,157,184,.16);

    transition:
        background .25s ease,
        box-shadow .25s ease;
}

.dn-faq-item:hover{
    background:
        linear-gradient(
            90deg,
            rgba(233,242,252,.28),
            rgba(255,255,255,.12)
        );
}

.dn-faq-item.active{
    background:
        linear-gradient(
            135deg,
            rgba(237,245,255,.58),
            rgba(255,255,255,.20)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75);
}

.dn-faq-item:last-child{
    border-bottom:0;
}

.dn-faq-item:last-child{border-bottom:0}

.dn-faq-q{width:100%;min-height:86px;padding:26px 22px;background:none;border:0;display:flex;align-items:center;gap:18px;text-align:left;font-size:23px;line-height:1.45;font-weight:850;letter-spacing:-0.045em;color:#111827;cursor:pointer}

.dn-faq-q > span{
    flex:0 0 auto;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.95),
            rgba(224,236,249,.72)
        );

    border:1px solid rgba(128,158,195,.22);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 4px 10px rgba(50,76,108,.08);

    color:#29367e;

    font-size:18px;
    font-weight:900;
}

/* + / X 아이콘 정중앙 수정 */
.dn-faq-q > em{
    position:relative;

    flex:0 0 auto;

    width:38px;
    height:38px;

    margin-left:auto;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.92),
            rgba(229,237,247,.68)
        );

    border:1px solid rgba(127,153,184,.20);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 4px 10px rgba(42,65,95,.07);

    color:transparent;

    display:flex;
    align-items:center;
    justify-content:center;

    font-style:normal;
    font-size:0;
    font-weight:400;

    transition:.28s ease;
}

.dn-faq-q > em:before,
.dn-faq-q > em:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#29367e;transform:translate(-50%,-50%);transition:.28s ease}

.dn-faq-q > em:after{transform:translate(-50%,-50%) rotate(90deg)}

.dn-faq-item.active .dn-faq-q > em{
    background:linear-gradient(120deg,#19328a 0%,#3498fc 100%);
    color:transparent;
    transform:none;

    border-color:transparent;
    box-shadow:none;
}
.dn-faq-item.active .dn-faq-q > em:before{background:#fff;transform:translate(-50%,-50%) rotate(45deg)}

.dn-faq-item.active .dn-faq-q > em:after{background:#fff;transform:translate(-50%,-50%) rotate(-45deg)}

.dn-faq-a{display:none;padding:0 82px 34px}

.dn-faq-item.active .dn-faq-a{
    position:relative;
}

.dn-faq-item.active .dn-faq-a:before{
    content:"";

    position:absolute;
    left:82px;
    right:22px;
    top:-5px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(41,54,126,.18),
            rgba(52,152,252,.08),
            transparent
        );
}
.dn-faq-a p{margin:0;font-size:18px;line-height:1.85;font-weight:500;letter-spacing:-0.035em;color:#5c6874}

/* 더 많은 FAQ 버튼 */
.dn-faq-more{margin-top:46px;text-align:center}

.dn-faq-more a{display:inline-flex;align-items:center;justify-content:center;min-width:240px;height:58px;padding:0 34px;border-radius:0;background:#29367e;color:#fff;font-size:17px;font-weight:850;letter-spacing:-0.035em;text-decoration:none;box-shadow:0 18px 38px rgba(14,101,121,.18);transition:.28s ease; border-radius:20px}

.dn-faq-more a:after{content:"";width:7px;height:7px;margin-left:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:.28s ease}

.dn-faq-more a:hover{background:#0a5262;transform:translateY(-3px);box-shadow:0 24px 48px rgba(14,101,121,.24)}
.dn-faq-more a:hover:after{transform:translateX(4px) rotate(45deg)}

/* ==============================
   반응형
================================= */

@media(max-width:1024px){

.dn-faq{padding:70px 0}
.dn-faq-head-center .dn-title{font-size:30px}
.dn-faq-head-center .dn-desc{font-size:18px}
.dn-faq-q{font-size:21px}
.dn-faq-a{padding:0 72px 32px}
.dn-faq-a p{font-size:17px}

}

@media(max-width:768px){

.dn-faq{padding:50px 0}
.dn-faq-head-center{text-align:left}
.dn-faq-head-center .dn-eyebrow{justify-content:flex-start}
.dn-faq-head-center .dn-title{font-size:30px;line-height:1.24}
.dn-faq-head-center .dn-desc{margin-top:18px;font-size:16px}

.dn-faq-divider{width:100%;height:1px;margin:34px 0;background:linear-gradient(90deg,rgba(14,101,121,.6),rgba(14,101,121,0))}

.dn-faq-list{border-radius:0;padding:10px}
.dn-faq-q{min-height:74px;padding:22px 12px;gap:12px;font-size:18px}
.dn-faq-q > span{width:36px;height:36px;font-size:16px}

.dn-faq-q > em{width:34px;height:34px}
.dn-faq-q > em:before,
.dn-faq-q > em:after{width:14px;height:2px}

.dn-faq-a{padding:0 12px 28px 60px}
.dn-faq-a p{font-size:16px;line-height:1.75}

.dn-faq-more{margin-top:34px}
.dn-faq-more a{width:100%;min-width:0;height:54px;font-size:16px}

}

@media(max-width:480px){

.dn-faq-q{font-size:17px}
.dn-faq-a{padding-left:0}
.dn-faq-a p{font-size:15px}

}

/*     560154 : SECTION 10 오시는 길 / 진료시간      */
/* ==============================
   SECTION 10 오시는 길 / 진료시간 FULL WIDTH
================================= */

.dn-location-full{
  width:100%;
  padding:0;
  background:#071018;
  overflow:hidden;
}

.dn-location-full-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  width:100%;
  height:720px;
  min-height:720px;
  align-items:stretch;
}

.dn-location-map{
  position:relative;
  width:100%;
  height:720px !important;
  min-height:720px !important;
  background:#dfe7ee;
  overflow:hidden;
}

.dn-location-map iframe,
#google_map__3718754__{
  width:100% !important;
  height:720px !important;
  min-height:720px !important;
  border:0 !important;
  display:block !important;
  vertical-align:top !important;
}

/* 우측 정보 영역 */
.dn-location-info{
  position:relative;
  height:720px;
  min-height:720px;
  background:#12324a;
  color:#fff;
  display:flex;
  align-items:center;
}

.dn-location-info:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 10%, rgba(174,229,245,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  pointer-events:none;
}

.dn-location-info-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:620px;
  padding:80px 60px;
}

.dn-location-info h2{
  margin:0;
  font-size:48px;
  line-height:1.22;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#fff;
}

.dn-location-address{
  margin:10px 0 0;
  font-size:18px;
  line-height:1.7;
  font-weight:500;
  letter-spacing:-0.035em;
  color:rgba(255,255,255,.82);
}

.dn-location-call{
  margin-top:20px;
  padding:15px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.13);
}

.dn-location-call span{
  display:block;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
  color:rgba(255,255,255,.68);
}

.dn-location-call strong{
  display:block;
  margin-top:8px;
  font-size:40px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.045em;
  color:#fff;
}

.dn-location-time{
  margin-top:32px;
}

.dn-location-time div:last-child { margin-top:20px }

.dn-location-time h3 {
color:#fff;
font-weight:700;
font-size:22px;
margin-bottom:10px
}

.dn-location-time dl{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 12px;
}

.dn-location-time dl:last-child{
  margin-bottom:0;
}

.dn-location-time dt{
  flex:0 0 auto;
  width:96px;
  height:36px;
  border-radius:999px;
  background:#fff;
  color:#12324a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:850;
  letter-spacing:-0.035em;
}

.dn-location-time dd{
  margin:0;
  font-size:17px;
  line-height:1.5;
  font-weight:500;
  color:rgba(255,255,255,.86);
  letter-spacing:-0.035em;
}

.dn-location-btns{
  display:flex;
  gap:12px;
  margin-top:38px;
}

.dn-location-btns a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:1;
  height:56px;
  border-radius:999px;
  font-size:16px;
  font-weight:850;
  letter-spacing:-0.035em;
  text-decoration:none;
  transition:.28s ease;
}

.dn-location-btns a:first-child{
  background:#03c75a;
  color:#fff;
  box-shadow:0 16px 34px rgba(3,199,90,.18);
}

.dn-location-btns a:first-child:hover{
  background:#02ad4f;
  transform:translateY(-3px);
}

.dn-location-btns a:last-child{
  background:#fee500;
  color:#251e1e;
  box-shadow:0 16px 34px rgba(254,229,0,.16);
}

.dn-location-btns a:last-child:hover{
  background:#f5d900;
  transform:translateY(-3px);
}
.sat-note{
    display:inline;
    color:rgba(255,255,255,0.8);
}
/* ==============================
   반응형
================================= */

@media(max-width:1024px){
  .dn-location-full-grid{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
  }

  .dn-location-map,
  .dn-location-map iframe,
  #google_map__3718754__{
    height:460px !important;
    min-height:460px !important;
  }

  .dn-location-info{
    height:auto;
    min-height:auto;
  }

  .dn-location-info-inner{
    max-width:none;
    padding:70px 40px;
  }
}

@media(max-width:640px){
 
  dl:has(.sat-note){
    display:grid !important;
    grid-template-columns:82px 1fr;
    column-gap:12px;
    row-gap:3px;
    align-items:start;
  }

  dl:has(.sat-note) dt{
    grid-column:1;
    grid-row:1;          /* span 2 삭제 */
    align-self:start;
    margin:0;
  }

  dl:has(.sat-note) dd{
    grid-column:2;
    grid-row:1;
    align-self:center;
    margin:0;
  }

  dl:has(.sat-note) .sat-note{
    grid-column:2;
    grid-row:2;

    display:block;
    margin:0;

    font-size:12px;
    line-height:0;
  }


  .dn-location-map,
  .dn-location-map iframe,
  #google_map__3718754__{
    height:360px !important;
    min-height:360px !important;
  }

  .dn-location-info-inner{
    padding:56px 20px 64px;
  }

  .dn-location-info h2{
    font-size:30px;
    line-height:1.25;
  }

  .dn-location-address{
    font-size:16px;
  }

  .dn-location-call{
    margin-top:30px;
    padding:24px 22px;
    border-radius:20px;
  }

  .dn-location-call strong{
    font-size:32px;
  }

  .dn-location-time dl{
    align-items:center;
    gap:12px;
  }

  .dn-location-time dt{
    width:82px;
    height:32px;
    font-size:13px;
  }

  .dn-location-time dd{
    font-size:15px;
  }

  .dn-location-btns{
    flex-direction:column;
    gap:10px;
    margin-top:32px;
  }

  .dn-location-btns a{
    width:100%;
    height:54px;
padding:14px 0
  }
}

/*     578155 : 한줄 텍스트      */
.mot-seoguide-wrap{width:100%;padding:0px 20px;background:#f7f9fa;box-sizing:border-box;}
.mot-seoguide-inner{width:100%;max-width:1200px;margin:0 auto;border-top:1px solid #dfe4e7;border-bottom:1px solid #dfe4e7;}
.mot-seoguide-toggle{position:relative;width:100%;padding:24px 55px 24px 0;border:0;background:transparent;color:#20272b;font-size:19px;font-weight:600;line-height:1.5;text-align:left;cursor:pointer;font-family:inherit;}
.mot-seoguide-toggle:before,.mot-seoguide-toggle:after{content:"";position:absolute;right:8px;top:50%;width:16px;height:1px;background:#59656b;transition:transform .25s ease;}
.mot-seoguide-toggle:after{transform:rotate(90deg);}
.mot-seoguide-toggle.is-open:after{transform:rotate(0);}
.mot-seoguide-content{display:none;padding:0 0 30px;color:#5a666c;font-size:17px;line-height:1.9;word-break:keep-all;}
.mot-seoguide-content.is-open{display:block;}
.mot-seoguide-content p{margin:0;}
@media(max-width:767px){.mot-seoguide-wrap{padding:0px 20px}.mot-seoguide-toggle{padding:20px 45px 20px 0;font-size:17px}.mot-seoguide-content{padding-bottom:25px;font-size:15px;line-height:1.8}}

/*     560164 : 공통js      */
.blank__383275__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__383275__.build_edit_mode:before {content:'공통js';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}