/*     1570894 : 공통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:30px;}
  .dn-desc{font-size:16px;line-height:1.7;}
  .dn-eyebrow{font-size:12px;}
}

/*     1570904 : SECTION 01 메인 비주얼      */
.dn-hero-video{
  position:relative;
  height:80vh;
  min-height:760px;
  overflow:hidden;
  background:#071018;
  color:#fff;

  /* PC 영상 확대 정도 */
  --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;

  /*
    16:9 iframe을 부모 영역보다 크게 구성해
    넘치는 부분은 부모에서 잘라냅니다.
  */
  width:177.778vh;
  height:100vh;

  width:max(120vw, 177.778vh);
  height:max(67.5vw, 100vh);

  min-width:0;
  min-height:0;

  border:0;

  transform:
    translate(-50%, -50%)
    scale(var(--dn-video-zoom));

  transform-origin:center center;
  pointer-events:none;

  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;

    /*
      모바일 영상 확대 정도입니다.
      검은 부분이 보이면 1.25~1.35로 높이면 됩니다.
    */
    --dn-video-zoom:2.3;

    /*
      영상에서 보여줄 중심 위치입니다.
      인물이 오른쪽에 있으면 x값을 높일 수 있습니다.
    */
    --dn-video-x:50%;
    --dn-video-y:50%;
  }

  .dn-video-bg{
    display:block;
    position:absolute;
    inset:0;

    width:100%;
    height:100%;
    overflow:hidden;
  }

  .dn-video-bg iframe{
    position:absolute;
    top:var(--dn-video-y);
    left:var(--dn-video-x);

    /*
      기본 세로 화면 대응
    */
    width:177.778svh;
    height:100svh;

    /*
      화면 비율에 따라 더 큰 값을 사용해
      빈 공간이 생기지 않도록 합니다.
    */
    width:max(130vw, 177.778svh);
    height:max(73.125vw, 100svh);

    min-width:0;
    min-height:0;

    transform:
      translate(-50%, -50%)
      scale(var(--dn-video-zoom));

    transform-origin:center center;
  }

  .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;
  }
}

/* 구형 모바일 브라우저 대응 */
@supports not (height:100svh){
  @media(max-width:768px){
    .dn-hero-video{
      height:100vh;
    }

    .dn-video-bg iframe{
      width:177.778vh;
      height:100vh;

      width:max(130vw, 177.778vh);
      height:max(73.125vw, 100vh);
    }
  }
}

@media(max-width:640px){
  .dn-hero-video-copy h2{
    font-size:30px;
  }

  .dn-hero-video-btns{
    margin-top:32px;
  }
}

/*     1570914 : SECTION 02 누적 진료 숫자 / 신뢰 메시지      */
/* ==============================
   SECTION 02 누적 진료 숫자 / 신뢰 메시지
================================= */

.dn-count-sec{
  position:relative;
  padding:120px 0;
  background:#0d141a;
  color:#fff;
  overflow:hidden;
}

.dn-count-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(5,10,15,.72),rgba(5,10,15,.78)),
    url('/img_up/shop_pds/japain11/build/option/011784611481.jpg') center/cover no-repeat;
  filter:grayscale(20%);
  z-index:1;
}

.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{
  margin:0 0 20px;
  font-size:14px;
  line-height:1.4;
  letter-spacing:.2em;
  font-weight:800;
  color:#91d9ef;
}

.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-desc{
  margin:30px 0 0 !important;
  font-size:20px !important;
  line-height:1.75 !important;
  font-weight:400 !important;
  letter-spacing:-0.035em;
  color:rgba(255,255,255,.82) !important;
}

/* SECTION 02 신뢰 지표 */
.dn-count-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:72px;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dn-count-stat{
  position:relative;
  padding:34px 24px 32px;
  text-align:center;
}

.dn-count-stat:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;
  top:24px;
  bottom:24px;
  width:1px;
  background:rgba(255,255,255,.18);
}

.dn-count-stat strong{
  display:block;
  font-size:58px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.055em;
  color: #aee5f5;
}

.dn-count-stat p{
  margin:20px 0 0 !important;
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:#ffffff !important;
  letter-spacing:-0.035em;
}

.mo-only{
  display:none;
}

/* ==============================
   반응형
================================= */

@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;
  }
}

@media(max-width:768px){
  .dn-count-sec{
    padding:50px 0;
  }

  .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-bottom:0;
  }

  .dn-count-stat{
    padding:28px 14px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .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:rgba(255,255,255,.16);
  }

  .dn-count-stat strong{
    font-size:42px;
  }

  .mo-only{
    display:block;
  }
}

@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;
  }
}

/*     1571294 : 맞춤게시판 - 슬라이드 (반응형)      */
/* ==============================
   SECTION 03 네이버 리뷰 / 치료후기 게시판 연동
================================= */

.dn-review-board{
  padding:120px 0;
  background:#f5f5f5;
  overflow:hidden;
}

.dn-review-board .dn-center-head{
  text-align:center;
  max-width:980px;
  margin:0 auto 64px;
}

.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-size:56px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#101820;
}

.dn-review-board .dn-desc{
  margin-top:24px;
  font-size:20px;
  line-height:1.75;
  color:#5d6874;
}

.dn-review-board-wrap{
  position:relative;
}

/* ==============================
   빌더 게시판 슬라이드 기본 리셋
================================= */

.pm-myboard_slide_responsive__3716714__{
  width:100%;
  max-width:none;
  margin:0 auto;
}

.pm-myboard_slide_responsive__3716714__ *{
  box-sizing:border-box;
}

.pm-myboard_slide_responsive__3716714__ a{
  text-decoration:none;
}

.pm-myboard_slide_responsive__3716714__ .item{
  position:relative;
}

.pm-myboard_slide_responsive__3716714__ .owl-stage{
display:block; margin:0 auto
}

.pm-myboard_slide_responsive__3716714__ .owl-item{
  display:flex;
  align-items:stretch;
}

.pm-myboard_slide_responsive__3716714__ .owl-item .item{
  width:100%;
  height:100%;
  display:flex;
}

.pm-myboard_slide_responsive__3716714__ .owl-stage-outer{
  width:100%;
}


/* 기존 figure/caption 스타일 무력화 */
.pm-myboard_slide_responsive__3716714__ .figure,
.pm-myboard_slide_responsive__3716714__ .caption{
  display:none;
}

/* ==============================
   네이버 리뷰형 카드 디자인
================================= */

.dn-review-card{
  width:100%;
  min-height:280px;
  padding:28px 28px 26px;
  border-radius:24px;
  background:#fff;
  color:#222;
  border:2px solid #03c75a;
  /*box-shadow:0 18px 42px rgba(18,50,74,.08);*/
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.dn-review-card:hover{
  transform:translateY(-4px);
  border-color:#d6e2e8;
  box-shadow:0 24px 54px rgba(18,50,74,.13);
}

/* 프로필 영역 */
.dn-review-profile{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.dn-review-avatar{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#dff7ef,#e8f3ff);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.dn-review-avatar span{
  position:relative;
  display:block;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#67c8a2;
}

.dn-review-avatar span:before{
  content:"";
  position:absolute;
  left:50%;
  top:4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ffe1d2;
  transform:translateX(-50%);
}

.dn-review-avatar span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-3px;
  width:22px;
  height:12px;
  border-radius:14px 14px 4px 4px;
  background:#3dbb91;
  transform:translateX(-50%);
}

.dn-review-user{
  flex:1 1 auto;
  min-width:0;
}

.dn-review-user strong{
  display:block;
  max-width:170px;
  font-size:17px;
  line-height:1.25;
  font-weight:850;
  color:#111827;
  letter-spacing:-0.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dn-review-user em{
  display:block;
  margin-top:3px;
  font-style:normal;
  font-size:13px;
  line-height:1.25;
  color:#8a96a3;
  letter-spacing:-0.025em;
}

/* 팔로우 버튼 느낌 */
.dn-review-follow{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:10px;
  background:#eef5ff;
  color:#2878f0;
  font-size:14px;
  font-weight:800;
  letter-spacing:-0.025em;
}

/* 네이버 리뷰 / 별점 */
.dn-review-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}

.dn-review-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#03c75a;
  color:#fff;
  font-size:13px;
  font-weight:850;
  letter-spacing:-0.025em;
}

.dn-review-stars{
  display:inline-block;
  font-size:14px;
  letter-spacing:.02em;
  color:#ffb400;
  white-space:nowrap;
}

/* 리뷰 본문 */
.dn-review-text{
  margin:0;
  font-size:18px;
  line-height:1.72;
  font-weight:500;
  letter-spacing:-0.04em;
  color:#303942;

  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 더보기 */
.dn-review-more-text{
  display:inline-block;
  margin-top:12px;
  font-size:15px;
  font-weight:700;
  color:#7a8794;
  letter-spacing:-0.025em;
}

/* 기존 초록 카드용 상단 클래스가 남아있을 경우 정리 */
.dn-review-card-top{
  display:none;
}

/* ==============================
   Owl 네비게이션 커스텀
================================= */

.pm-myboard_slide_responsive__3716714__ .owl-nav{
  position:absolute;
  right:0;
  top:-86px;
  display:flex;
  align-items:center;
  gap:10px;
  -webkit-tap-highlight-color:transparent;
}

.pm-myboard_slide_responsive__3716714__ .owl-nav [class*='owl-']{
  position:static;
  width:52px;
  height:52px;
  margin:0;
  border-radius:50%;
  border:1px solid #d8e3ea;
  background:#fff;
  color:#12324a;
  opacity:1;
  font-size:0;
  cursor:pointer;
  transition:.25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}

.pm-myboard_slide_responsive__3716714__ .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__3716714__ .owl-nav .owl-prev:before{
  content:'‹';
}

.pm-myboard_slide_responsive__3716714__ .owl-nav .owl-next:before{
  content:'›';
}

.pm-myboard_slide_responsive__3716714__ .owl-nav [class*='owl-']:hover{
  background:#12324a;
  border-color:#12324a;
  color:#fff;
}

.pm-myboard_slide_responsive__3716714__ .owl-nav .disabled{
  opacity:.35;
  cursor:default !important;
}

/* Dots */
.pm-myboard_slide_responsive__3716714__ .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__3716714__ .owl-dots .owl-dot{
  display:inline-block;
}

.pm-myboard_slide_responsive__3716714__ .owl-dots .owl-dot span{
  display:block;
  width:9px;
  height:9px;
  margin:0 4px;
  background:#d5dee6;
  border-radius:30px;
  transition:.25s ease;
}

.pm-myboard_slide_responsive__3716714__ .owl-dots .owl-dot.active span,
.pm-myboard_slide_responsive__3716714__ .owl-dots .owl-dot:hover span{
  width:28px;
  background:#08b64f;
}

/* empty */
.pm-myboard_slide_responsive__3716714__.empty__3716714__{
  width:100%;
  max-width:none;
  min-height:180px;
  font-size:16px;
  color:#6d7680;
  line-height:180px;
  text-align:center;
  background:#f5f8fa;
  border:1px solid #e1e8ee;
  border-radius:28px;
}

/* 더 많은 네이버 리뷰 보러가기 버튼 */
.dn-review-more{
  margin-top:46px;
  text-align:center;
}

.dn-review-more a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:260px;
  height:58px;
  padding:0 34px;
  border-radius:999px;
  background:#03c75a;
  color:#fff;
  font-size:17px;
  font-weight:850;
  letter-spacing:-0.035em;
  box-shadow:0 18px 38px rgba(3,199,90,.22);
  transition:.28s ease;
  text-decoration:none;
}

.dn-review-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-review-more a:hover{
  background:#02ad4f;
  transform:translateY(-3px);
  box-shadow:0 24px 48px rgba(3,199,90,.28);
}

.dn-review-more a:hover:after{
  transform:translateX(4px) rotate(45deg);
}
.mb {display:none;}

/* ==============================
   반응형
================================= */

@media(max-width:1024px){
  .dn-review-board{
    padding:70px 0;
  }

  .dn-review-board .dn-title{
    font-size:30px;
  }

  .dn-review-board .dn-desc{
    font-size:18px;
  }

  .dn-review-card{
    min-height:300px;
    padding:26px 24px;
  }

  .dn-review-text{
    font-size:17px;
  }

  .pm-myboard_slide_responsive__3716714__ .owl-nav{ top:-78px;}
.mb {display:none;}
}

@media(max-width:768px){
.mb {display:block;}
  .dn-review-board{padding:50px 0;  }

  .dn-review-board .dn-center-head{
    text-align:left;
    margin-bottom:42px;
  }

  .dn-review-board .dn-center-head .dn-eyebrow{
    justify-content:flex-start;
  }

  .dn-review-board .dn-title{
    font-size:30px;
    line-height:1.24;
  }

  .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__3716714__ .owl-nav{
    position:relative;
    right:auto;
    top:auto;
    justify-content:flex-end;
    margin-bottom:18px;
  }

  .pm-myboard_slide_responsive__3716714__ .owl-nav [class*='owl-']{
    width:44px;
    height:44px;
  }

  .pm-myboard_slide_responsive__3716714__ .owl-nav [class*='owl-']:before{
    font-size:30px;
  }

  .dn-review-card{
    min-height:270px;
    border-radius:22px;
  }

  .dn-review-card:hover{
    transform:none;
  }

  .dn-review-user strong{
    font-size:16px;
  }

  .dn-review-text{
    font-size:16px;
    line-height:1.68;
    -webkit-line-clamp:5;
  }

  .dn-review-more{
    margin-top:5px;
  }

  .dn-review-more a{
    width:100%;
    min-width:0;
    height:54px;
    font-size:16px;
  }
}

@media(max-width:480px){
  .dn-review-card{
    min-height:260px;
    padding:24px 22px;
  }

  .dn-review-avatar{
    width:42px;
    height:42px;
  }

  .dn-review-follow{
    height:32px;
    padding:0 12px;
    font-size:13px;
  }

  .dn-review-text{
    font-size:16px;
  }

  .dn-review-badge{
    font-size:12px;
  }

  .dn-review-stars{
    font-size:12px;
  }
}

/* ==============================
   네이버 리뷰 슬라이드 좌우 화살표
================================= */

.pm-myboard_slide_responsive__3741494__{position:relative;}

.pm-myboard_slide_responsive__3741494__ .owl-nav{position:absolute;right:0;top:-86px;display:flex;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent;}

.pm-myboard_slide_responsive__3741494__ .owl-nav [class*='owl-']{position:static;width:52px;height:52px;margin:0;border-radius:50%;border:1px solid #d8e3ea;background:#fff;color:#12324a;opacity:1;font-size:0;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(18,50,74,.08);}

.pm-myboard_slide_responsive__3741494__ .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__3741494__ .owl-nav .owl-prev:before{content:'‹';}

.pm-myboard_slide_responsive__3741494__ .owl-nav .owl-next:before{content:'›';}

.pm-myboard_slide_responsive__3741494__ .owl-nav [class*='owl-']:hover{background:#12324a;border-color:#12324a;color:#fff;}

.pm-myboard_slide_responsive__3741494__ .owl-nav .disabled{opacity:.35;cursor:default !important;}

@media(max-width:768px){

.pm-myboard_slide_responsive__3741494__ .owl-nav{position:relative;right:auto;top:auto;justify-content:flex-end;margin-bottom:18px;}

.pm-myboard_slide_responsive__3741494__ .owl-nav [class*='owl-']{width:44px;height:44px;}

.pm-myboard_slide_responsive__3741494__ .owl-nav [class*='owl-']:before{font-size:30px;}

}

/*     1571314 : SECTION 03 원장님 메시지 / 철학      */
/* ==============================
   SECTION 03 의료진 메시지 / 철학
================================= */

.dn-doctor-team{
  position:relative;
  padding:120px 0 0;
  background:#ffffff;
  overflow:hidden;
}

.dn-doctor-team:before{
  content:"";
  position:absolute;
  left:-10%;
  top:18%;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(31,111,159,.10), rgba(31,111,159,0) 68%);
  pointer-events:none;
}

.dn-doctor-team:after{
  content:"";
  position:absolute;
  right:-12%;
  bottom:6%;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(174,229,245,.22), rgba(174,229,245,0) 68%);
  pointer-events:none;
}

.dn-doctor-team .dn-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 40px;
}

/* 상단 제목 */
.dn-doctor-team-head{
  margin-bottom:70px;
  text-align:center;
}

.dn-doctor-team-head h2{
  margin:0;
  font-size:56px;
  line-height:1.16;
  font-weight:900;
  letter-spacing:-0.075em;
  color:#071018;
}

.dn-doctor-team-head h2 strong{
  color:#0a6ebd;
  font-weight:900;
line-height: 1.2em;
}

.dn-doctor-team-head h2 span{
  color:#071018;
  font-weight:900;
}

/* 슬라이드 전체 */
.dn-doctor-team-slider{
  position:relative;
  min-height:640px;
}

.dn-team-stage{
  position:relative;
  width:100%;
  min-height:640px;
}

/* 슬라이드 */
.dn-team-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  align-items:center;
  gap:72px;
  opacity:0;
  visibility:hidden;
  transform:translateX(40px);
  transition:opacity .65s ease, visibility .65s ease, transform .65s cubic-bezier(.22,.61,.36,1);
}

.dn-team-slide.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}

/* 원장님 사진 */
.dn-team-photo{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.dn-team-photo-bg{
  position:absolute;
  left:50%;
  bottom:0;
  width:78%;
  height:82%;
  transform:translateX(-50%);
  border-radius:36px;
  background:linear-gradient(180deg, #f5f8fb 0%, #e9f0f6 100%);
  box-shadow:0 30px 70px rgba(18,50,74,.12);
}

.dn-team-photo-bg:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.85);
}

.dn-team-photo img{
  position:relative;
  z-index:2;
  width:auto;
  max-width:92%;
  height:590px;
  object-fit:contain;
  object-position:center bottom;
  display:block;
  filter:drop-shadow(0 24px 28px rgba(18,50,74,.16));
  transform:translateY(24px);
}

/* 오른쪽 텍스트 */
.dn-team-copy{
  position:relative;
  padding:20px 0 90px;
}

.dn-team-part{
  display:block;
  margin-bottom:14px;
  font-size:26px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-0.045em;
  color:#313b46;
}

.dn-team-copy h3{
  margin:0;
  display:flex;
  align-items:flex-end;
  gap:12px;
  line-height:1.1;
}

.dn-team-copy h3 strong{
  font-size:54px;
  font-weight:900;
  letter-spacing:-0.07em;
  color:#071018;
}

.dn-team-copy h3 span{
  padding-bottom:6px;
  font-size:27px;
  font-weight:500;
  letter-spacing:-0.045em;
  color:#222;
}

.dn-team-copy h3:after{
  content:"";
  display:block;
  width:68px;
  height:3px;
  margin-left:0;
  margin-bottom:5px;
  background:#0a6ebd;
}

.dn-team-message{
  margin:62px 0 0;
  font-size:38px;
  line-height:1.58;
  font-weight:500;
  letter-spacing:-0.06em;
  color:#202832;
}

.dn-team-message em{
  font-style:normal;
  color:#0a6ebd;
  font-weight:800;
}

/* 전문성 태그 */
.dn-team-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}

.dn-team-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  background:#eef7fc;
  border:1px solid #d8ebf5;
  color:#0a6ebd;
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.035em;
}

/* 화살표 */
.dn-team-arrow{
  position:absolute;
  top:50%;
  z-index:10;
  width:74px;
  height:74px;
  border-radius:50%;
  border:0;
  background:#ffffff;
  color:#0a6ebd;
  font-size:58px;
  line-height:1;
  font-weight:300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:9px;
  cursor:pointer;
  box-shadow:0 18px 46px rgba(18,50,74,.12);
  transition:.28s ease;
}

.dn-team-arrow:hover{
  background:#0a6ebd;
  color:#fff;
  transform:translateY(-50%) scale(1.06);
}

.dn-team-prev{
  left:-18px;
  transform:translateY(-50%);
}

.dn-team-next{
  right:-18px;
  transform:translateY(-50%);
}

/* 슬라이드 등장 디테일 */
.dn-team-slide .dn-team-photo,
.dn-team-slide .dn-team-copy{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .65s ease, transform .65s cubic-bezier(.22,.61,.36,1);
}

.dn-team-slide.active .dn-team-photo{
  opacity:1;
  transform:translateY(0);
  transition-delay:.08s;
}

.dn-team-slide.active .dn-team-copy{
  opacity:1;
  transform:translateY(0);
  transition-delay:.18s;
}

/* ==============================
   SECTION 03 하단 일반 슬라이드 버튼
================================= */

.dn-team-indicator{
  position:absolute;
  left:51%;
  bottom:54px;
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  transform:none;
}

.dn-team-indicator button{
  position:relative;
  display:block;
  width:42px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#d6e6ef;
  cursor:pointer;
  transition:.28s ease;
  font-size:0;
}

.dn-team-indicator button.active{
  width:72px;
  background:#0a6ebd;
  box-shadow:0 8px 18px rgba(10,110,189,.22);
}

.dn-team-indicator button:hover{
  background:#0a6ebd;
}

/* 혹시 이전 큰 바 / 썸네일 CSS가 남아 있을 경우 무력화 */
.dn-team-notice,
.dn-team-mini{
  display:none !important;
}

/* ==============================
   반응형
================================= */

@media(max-width:1200px){
  .dn-doctor-team-head h2{
    font-size:54px;
  }

  .dn-team-slide{
    gap:42px;
  }

  .dn-team-copy h3 strong{
    font-size:46px;
  }

  .dn-team-message{
    font-size:31px;
  }

  .dn-team-photo img{
    height:520px;
  }

  .dn-team-indicator{
    left:53%;
    bottom:44px;
  }
}

@media(max-width:900px){
  .dn-doctor-team{
    padding:70px 0 0px;
  }

  .dn-doctor-team .dn-inner{
    padding:0 24px;
  }

  .dn-doctor-team-head{
    margin-bottom:0px;
    text-align:left;
  }

  .dn-doctor-team-head h2{
    font-size:42px;
    line-height:1.22;
  }

  .dn-doctor-team-slider,
  .dn-team-stage{
    min-height:860px;
  }

  .dn-team-slide{
    display:block;
  }

  .dn-team-photo{
    min-height:440px;
  }

  .dn-team-photo-bg{
    width:78%;
    height:82%;
    border-radius:30px;
  }

  .dn-team-photo img{
    height:430px;
  }

  .dn-team-copy{
    padding:46px 0 80px;
  }

  .dn-team-part{
    font-size:21px;
  }

  .dn-team-copy h3 strong{
    font-size:40px;
  }

  .dn-team-copy h3 span{
    font-size:23px;
  }

  .dn-team-message{
    margin-top:48px;
    font-size:27px;
    line-height:1.55;
  }

  .dn-team-tags{
    margin-top:26px;
  }

  .dn-team-arrow{
    top:270px;
    width:58px;
    height:58px;
    font-size:44px;
    padding-bottom:7px;
  }

  .dn-team-prev{
    left:0;
  }

  .dn-team-next{
    right:0;
  }

  .dn-team-indicator{
    left:0;
    bottom:20px;
    width:100%;
    justify-content:center;
  }
}

@media(max-width:640px){
  .dn-doctor-team{
    padding:50px 0 0px;
  }

  .dn-doctor-team .dn-inner{
    padding:0 18px;
  }

  .dn-doctor-team-head h2{
    font-size:30px;
  }

  .dn-doctor-team-slider,
  .dn-team-stage{
    min-height:810px;
  }

  .dn-team-photo{
    min-height:380px;
  }

  .dn-team-photo-bg{
    width:84%;
    height:78%;
    border-radius:26px;
  }

  .dn-team-photo img{
    height:375px;
    max-width:96%;
  }

  .dn-team-copy{
    padding-top:40px;
    padding-bottom:70px;
  }

  .dn-team-part{
    font-size:18px;
  }

  .dn-team-copy h3 strong{
    font-size:34px;
  }

  .dn-team-copy h3 span{
    font-size:20px;
  }

  .dn-team-message{
    margin-top:42px;
    font-size:23px;
  }

  .dn-team-tags span{
    min-height:34px;
    padding:0 12px;
    font-size:13px;
  }

  .dn-team-arrow{
    top:235px;
    width:48px;
    height:48px;
    font-size:36px;
    box-shadow:0 12px 28px rgba(18,50,74,.12);
  }

  .dn-team-indicator{
    bottom:18px;
    gap:8px;
  }

  .dn-team-indicator button{
    width:34px;
    height:5px;
  }

  .dn-team-indicator button.active{
    width:58px;
  }
}

@media(max-width:430px){
  .dn-doctor-team-head h2{
    font-size:30px;
  }

  .dn-doctor-team-slider,
  .dn-team-stage{
    min-height:790px;
  }

  .dn-team-photo img{
    height:340px;
  }

  .dn-team-photo{
    min-height:350px;
  }

  .dn-team-message{
    font-size:21px;
  }

  .dn-team-tags{
    gap:7px;
  }

  .dn-team-tags span{
    font-size:12px;
  }
}

/*     1571324 : SECTION 06 진료 장면 강조 / 보건복지부 인증      */
/* ==============================
   SECTION 06 진료 장면 강조 / 인증
================================= */

.dn-treat-proof{
  padding:140px 0 120px;
  background:#ffffff;
  overflow:hidden;
}

.dn-proof-grid{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  grid-template-rows:310px 220px 280px;
  gap:0;
  background:#fff;
  overflow:hidden;
}

/* 공통 사진 영역 */
.dn-proof-photo{
  position:relative;
  overflow:hidden;
  background:#eef3f6;
}

.dn-proof-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .75s cubic-bezier(.22,.61,.36,1), filter .45s ease;
}

.dn-proof-photo:hover img{
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.02);
}

/* 좌측 상단 큰 사진 */
.dn-proof-photo-main{
  grid-column:1 / 2;
  grid-row:1 / 2;
}

/* 우측 상단 문구 */
.dn-proof-copy{
  grid-column:2 / 3;
  grid-row:1 / 2;
  padding:56px 64px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#ffffff;
}

.dn-proof-copy span{
  display:block;
  margin-bottom:18px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  color:#1f6f9f;
}

.dn-proof-copy h2{
  margin:0;
  font-size:40px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:-0.055em;
  color:#111827;
}

.dn-proof-copy h2 strong{
  font-weight:850;
  color:#111827;
}

/* 인증 영역 */
.dn-proof-cert{
  grid-column:1 / 2;
  grid-row:2 / 3;
  padding:46px 64px;
  display:flex;
  align-items:center;
  gap:30px;
  background:#fff;
}

.dn-proof-cert-logo{
  flex:0 0 auto;
  width:210px;
}

.dn-proof-cert-logo img{
  width:100%;
  height:auto;
  display:block;
}

.dn-proof-cert-text strong{
  display:block;
  font-size:20px;
  line-height:1.4;
  font-weight:850;
  color:#111827;
  letter-spacing:-0.045em;
}

.dn-proof-cert-text p{
  margin:10px 0 0;
  font-size:16px;
  line-height:1.7;
  color:#5f6b76;
  letter-spacing:-0.035em;
}

/* 우측 세로 사진 */
.dn-proof-photo-side{
  grid-column:2 / 3;
  grid-row:2 / 4;
}

/* 좌측 하단 사진 */
.dn-proof-photo-bottom{
  grid-column:1 / 2;
  grid-row:3 / 4;
}

/* 이미지 톤 통일 */
.dn-proof-photo-main img,
.dn-proof-photo-bottom img{
  object-position:center center;
}

.dn-proof-photo-side img{
  object-position:center center;
}

/* ==============================
   다이렉트 모션
================================= */

.proof-motion{
  opacity:0;
  transition:
    opacity .85s ease,
    transform .85s cubic-bezier(.19,1,.22,1),
    clip-path .9s cubic-bezier(.19,1,.22,1);
  will-change:transform, opacity, clip-path;
}

.proof-from-left{
  transform:translateX(-70px);
  clip-path:inset(0 100% 0 0);
}

.proof-from-right{
  transform:translateX(70px);
  clip-path:inset(0 0 0 100%);
}

.proof-from-top{
  transform:translateY(-55px);
  clip-path:inset(100% 0 0 0);
}

.proof-from-bottom{
  transform:translateY(70px);
  clip-path:inset(100% 0 0 0);
}

.js-proof-motion.is-active .proof-motion{
  opacity:1;
  transform:translate(0,0);
  clip-path:inset(0 0 0 0);
}

.js-proof-motion.is-active .proof-delay-1{
  transition-delay:.12s;
}

.js-proof-motion.is-active .proof-delay-2{
  transition-delay:.24s;
}

.js-proof-motion.is-active .proof-delay-3{
  transition-delay:.36s;
}

/* 이미지 내부도 살짝 확대된 상태에서 정리 */
.proof-motion img{
  transform:scale(1.08);
}

.js-proof-motion.is-active .proof-motion img{
  transform:scale(1);
}

.js-proof-motion.is-active .dn-proof-photo:hover img{
  transform:scale(1.06);
}

/* 문구는 조금 더 직접적으로 튀어나오게 */
.dn-proof-copy h2{
  transform:translateY(18px);
  opacity:0;
  transition:opacity .65s ease .25s, transform .65s cubic-bezier(.19,1,.22,1) .25s;
}

.js-proof-motion.is-active .dn-proof-copy h2{
  transform:translateY(0);
  opacity:1;
}

/* ==============================
   반응형
================================= */

@media(max-width:1024px){
  .dn-treat-proof{
    padding:70px 0;
  }

  .dn-proof-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:280px 210px 320px;
  }

  .dn-proof-copy{
    padding:42px 36px;
  }

  .dn-proof-copy h2{
    font-size:26px;
  }

  .dn-proof-cert{
    padding:36px;
    gap:22px;
  }

  .dn-proof-cert-logo{
    width:170px;
  }
}

@media(max-width:768px){
  .dn-treat-proof{
    padding: 0 0 50px;
  }

  .dn-proof-grid{
    display:block;
  }

  .dn-proof-photo-main{
    height:300px;
  }

  .dn-proof-copy{
    padding:38px 24px;
  }

  .dn-proof-copy h2{
    font-size:25px;
    line-height:1.5;
  }

  .dn-proof-cert{
    padding:34px 24px;
    display:block;
  }

  .dn-proof-cert-logo{
    width:170px;
    margin-bottom:20px;
  }

  .dn-proof-cert-text strong{
    font-size:19px;
  }

  .dn-proof-cert-text p{
    font-size:15px;
  }

  .dn-proof-photo-side{
    height:420px;
  }

  .dn-proof-photo-bottom{
    height:280px;
  }

  .proof-from-left,
  .proof-from-right,
  .proof-from-top,
  .proof-from-bottom{
    transform:translateY(45px);
    clip-path:inset(20% 0 0 0);
  }

  .js-proof-motion.is-active .proof-motion{
    transform:translateY(0);
    clip-path:inset(0 0 0 0);
  }
}

@media(max-width:480px){
  .dn-proof-photo-main{
    height:260px;
  }

  .dn-proof-copy{
    padding:34px 20px;
  }

  .dn-proof-copy h2{
    font-size:23px;
  }

  .dn-proof-cert{
    padding:30px 20px;
  }

  .dn-proof-photo-side{
    height:380px;
  }

  .dn-proof-photo-bottom{
    height:240px;
  }
}

/*     1571334 : SECTION 05 대표 진료 분야 카드      */
/* ==============================
   SECTION 05 대표 진료 분야 아코디언
================================= */

.dn-special-accordion{
  padding:120px 0;
  background:#f4f7f9;
  overflow:hidden;
}

.dn-special-acc-head{
  max-width:900px;
  margin-bottom:64px;
}

.dn-special-acc-head .dn-title{
  margin-top:0px;
}

.dn-special-acc-list{
  display:flex;
  width:100%;
  height:400px;
  gap:18px;
}

.dn-special-acc-item{
  position:relative;
  flex:1;
  min-width:0;
  height:100%;
  border-radius:34px;
  overflow:hidden;
  background:#071018;
  cursor:pointer;
  transition:flex .55s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 24px 58px rgba(18,50,74,.12);
}

.dn-special-acc-item.active,
.dn-special-acc-item:hover{
  flex:2.35;
}

.dn-special-acc-bg{
  position:absolute;
  inset:0;
  z-index:1;
}

.dn-special-acc-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.35) 44%, rgba(0,0,0,.86) 100%),
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.24) 58%, rgba(0,0,0,.14) 100%);
  z-index:2;
}

.dn-special-acc-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .7s ease, filter .5s ease;
  filter:saturate(.95);
}

.dn-special-acc-item.active .dn-special-acc-bg img,
.dn-special-acc-item:hover .dn-special-acc-bg img{
  transform:scale(1.08);
  filter:saturate(1.04);
}

.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{
  flex:0 0 auto;
  font-size:15px;
  font-weight:900;
  letter-spacing:.12em;
  color:#aee5f5;
}

.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.active .dn-special-acc-trigger .name,
.dn-special-acc-item:hover .dn-special-acc-trigger .name{
  writing-mode:horizontal-tb;
  transform:none;
}

/* 접힌 카드 제목 정리 */
.dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger{
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.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 .label{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(174,229,245,.16);
  border:1px solid rgba(174,229,245,.34);
  color:#c8eff9;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.dn-special-acc-content h3{
  margin:18px 0 0;
  font-size:38px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-.06em;
  color:#fff;
}

.dn-special-acc-content p{
  max-width:620px;
  margin:18px 0 0;
  font-size:17px;
  line-height:1.7;
  font-weight:500;
  color:rgba(255,255,255,.82);
}

/* 세부 진료 버튼 */
.dn-special-sub-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}

.dn-special-sub-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.035em;
  transition:.25s ease;
}

.dn-special-sub-links a:hover{
  background:#fff;
  color:#12324a;
  border-color:#fff;
}

/* 기존 버튼 영역을 혹시 같이 넣었을 경우 숨김 */
.dn-special-acc-btns{
  display:none;
}

/* 비활성 카드 하단 음영 */
.dn-special-acc-item:not(.active):not(:hover)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  z-index:3;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.82));
}

/* ==============================
   반응형
================================= */

@media(max-width:1024px){
  .dn-special-accordion{
    padding:70px 0;
  }

  .dn-special-acc-list{
    height:520px;
    gap:14px;
  }

  .dn-special-acc-content h3{
    font-size:30px;
  }

  .dn-special-acc-content p{
    font-size:16px;
  }
}

@media(max-width:768px){
  .dn-special-accordion{
    padding:50px 0;
  }

  .dn-special-acc-head{
    margin-bottom:42px;
  }

  .dn-special-acc-list{
    display:block;
    height:auto;
  }

  .dn-special-acc-item{
    height:96px;
    margin-bottom:14px;
    border-radius:26px;
    transition:height .45s cubic-bezier(.22,.61,.36,1);
  }

  .dn-special-acc-item.active{
    height:520px;
  }

  .dn-special-acc-item:hover{
    flex:initial;
  }

  .dn-special-acc-trigger,
  .dn-special-acc-item:not(.active):not(:hover) .dn-special-acc-trigger{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:28px 22px;
  }

  .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-acc-content p{
    font-size:15px;
  }

  .dn-special-sub-links{
    flex-direction:column;
    gap:8px;
    margin-top:24px;
  }

  .dn-special-sub-links a{
    width:100%;
    height:48px;
    font-size:15px;
  }

  .dn-special-acc-item:not(.active) .dn-special-acc-content{
    display:none;
  }
}

@media(max-width:480px){
  .dn-special-acc-item.active{
    height:500px;
  }

  .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;
  }
}

/*     1571354 : SECTION 09 FAQ      */
/* ==============================
   SECTION 09 FAQ
================================= */

.dn-faq{
  padding:120px 0;
  background:#fff;
  overflow:hidden;
}

.dn-faq-head-center{
  max-width:1200px;
  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:0px;
  font-size:56px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#101820;
}

.dn-faq-head-center .dn-desc{
  margin:22px 0 40px;
  font-size:19px;
  line-height:1.7;
  color:#5d6874;
}

.dn-faq-divider{
  width:1px;
  height:54px;
  margin:44px auto 46px;
  background:linear-gradient(180deg, rgba(31,111,159,0), rgba(31,111,159,.6), rgba(31,111,159,0));
}

/* FAQ LIST */
.dn-faq-list{
  max-width:1080px;
  margin:0 auto;
  background:#fff;
  border-radius:34px;
  padding:18px;
  box-shadow:0 24px 64px rgba(18,50,74,.1);
  border:1px solid #e0e9ef;
}

.dn-faq-item{
  border-bottom:1px solid #e4edf2;
}

.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;
  border-radius:50%;
  background:#eaf6fb;
  color:#1f6f9f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:900;
}

.dn-faq-q > em{
  flex:0 0 auto;
  width:38px;
  height:38px;
  margin-left:auto;
  border-radius:50%;
  background:#f2f6f8;
  color:#12324a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-size:28px;
  font-weight:400;
  transition:.28s ease;
}

.dn-faq-item.active .dn-faq-q > em{
  background:#12324a;
  color:#fff;
  transform:rotate(45deg);
}

.dn-faq-a{
  display:none;
  padding:0 82px 34px;
}

.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:999px;
  background:#12324a;
  color:#fff;
  font-size:17px;
  font-weight:850;
  letter-spacing:-0.035em;
  text-decoration:none;
  box-shadow:0 18px 38px rgba(18,50,74,.18);
  transition:.28s ease;
}

.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:#1f6f9f;
  transform:translateY(-3px);
  box-shadow:0 24px 48px rgba(31,111,159,.24);
}

.dn-faq-more a:hover:after{
  transform:translateX(4px) rotate(45deg);
}

/* ==============================
   반응형
================================= */

@media(max-width:1024px){
  .dn-faq{
    padding:110px 0;
  }

  .dn-faq-head-center .dn-title{
    font-size:44px;
  }

  .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(31,111,159,.6), rgba(31,111,159,0));
  }

  .dn-faq-list{
    border-radius:26px;
    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;
    font-size:24px;
  }

  .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;
  }
}

/*     1581224 : SECTION 07 안전 시스템 / 장비 카드      */
/* ==============================
   SECTION 10  진료 장점 / 신뢰 포인트
================================= */

.dn-safety-slide{
  position:relative;
  padding:120px 0;
  background:#05080b;
  color:#fff;
  overflow:hidden;
}

.dn-safety-bg{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 18% 24%, rgba(31,111,159,.22), transparent 34%),
    radial-gradient(circle at 88% 56%, rgba(174,229,245,.12), transparent 36%),
    linear-gradient(180deg, #05080b 0%, #071018 100%);
}

.dn-safety-slide-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:380px 1fr;
  gap:70px;
  align-items:center;
}

/* 왼쪽 고정 카피 */
.dn-safety-left{
  position:relative;
  z-index:3;
}

.dn-safety-left .dn-eyebrow{
  color:#aee5f5;
}

.dn-safety-left .dn-eyebrow:before{
  background:#aee5f5;
}

.dn-safety-left h2{
  margin:22px 0 0;
  font-size:45px;
  line-height:1.18;
  font-weight:850;
  letter-spacing:-0.065em;
  color:#fff;
}

.dn-safety-left h2 strong{
  color:#aee5f5;
}

.dn-safety-left p{
  margin:28px 0 0;
  font-size:18px;
  line-height:1.75;
  font-weight:500;
  color:rgba(255,255,255,.72);
  letter-spacing:-0.035em;
}

/* 컨트롤 */
.dn-safety-controls{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:42px;
}

.dn-safety-prev,
.dn-safety-next{
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:38px;
  line-height:1;
  font-weight:300;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:5px;
  transition:.25s ease;
}

.dn-safety-prev:hover,
.dn-safety-next:hover{
  background:#fff;
  color:#071018;
  border-color:#fff;
}

.dn-safety-prev.is-disabled,
.dn-safety-next.is-disabled{
  opacity:.35;
  pointer-events:none;
}

/* 오른쪽 슬라이드 영역 */
.dn-safety-right{
  position:relative;
  min-width:0;
}

/* 오른쪽은 1440px 영역 밖으로 자연스럽게 확장 */
.dn-safety-viewport{
  width:calc(100% + ((100vw - 1440px) / 2) + 40px);
  overflow:hidden;
  padding:10px 0 20px;
}

.dn-safety-track{
  display:flex;
  gap:24px;
  transition:transform .58s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}

/* 카드 */
.dn-safety-card{
  flex:0 0 390px;
  position:relative;
  border-radius:30px;
  overflow:hidden;
  background:#101821;
  box-shadow:0 26px 70px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.08);
}

/* 카드 이미지 */
.dn-safety-card-img{
  position:relative;
  height:260px;
  overflow:hidden;
  background:#101820;
}

/* 이미지 위 검은 그라데이션 제거 */
.dn-safety-card-img:after{
  display:none;
}

.dn-safety-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  filter:none;
  transition:transform .65s ease;
}

.dn-safety-card:hover .dn-safety-card-img img{
  transform:scale(1.055);
}

/* 카드 텍스트 */
.dn-safety-card-txt{
  min-height:210px;
  padding:30px 28px 34px;
  background:#101821;
}

.dn-safety-card-txt span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(174,229,245,.13);
  border:1px solid rgba(174,229,245,.28);
  color:#aee5f5;
  font-size:14px;
  font-weight:900;
}

.dn-safety-card-txt h3{
  margin:22px 0 0;
  font-size:26px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-0.055em;
  color:#fff;
}

.dn-safety-card-txt p{
  margin:14px 0 0;
  font-size:16px;
  line-height:1.65;
  font-weight:500;
  color:rgba(255,255,255,.68);
  letter-spacing:-0.035em;
}

/* 오른쪽 끝 페이드 그라데이션 제거 */
.dn-safety-right:after{
  display:none;
}

/* SECTION 07 드래그 슬라이드 추가 */
.dn-safety-viewport{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}

.dn-safety-viewport.is-dragging{
  cursor:grabbing;
}

.dn-safety-viewport.is-dragging .dn-safety-track{
  transition:none;
}

.dn-safety-viewport.is-dragging a,
.dn-safety-viewport.is-dragging img{
  pointer-events:none;
}

/* ==============================
   반응형
================================= */

@media(max-width:1440px){
  .dn-safety-viewport{
    width:calc(100% + 40px);
  }
}

@media(max-width:1200px){
  .dn-safety-slide-inner{
    grid-template-columns:330px 1fr;
    gap:46px;
  }

  .dn-safety-left h2{
    font-size:44px;
  }

  .dn-safety-card{
    flex-basis:360px;
  }
}

@media(max-width:900px){
  .dn-safety-slide{
    padding:100px 0;
  }

  .dn-safety-slide-inner{
    display:block;
  }

  .dn-safety-left{
    margin-bottom:44px;
  }

  .dn-safety-left h2{
    font-size:38px;
  }

  .dn-safety-left p{
    font-size:16px;
  }

  .dn-safety-controls{
    margin-top:30px;
  }

  .dn-safety-viewport{
    width:calc(100% + 24px);
  }

  .dn-safety-card{
    flex-basis:330px;
  }

  .dn-safety-card-img{
    height:230px;
  }

  .dn-safety-card-txt{
    min-height:190px;
    padding:26px 24px 30px;
  }

  .dn-safety-card-txt h3{
    font-size:24px;
  }
}

@media(max-width:640px){
  .dn-safety-slide{
    padding:50px 0;
  }

  .dn-safety-left h2{
    font-size:30px;
  }

  .dn-safety-left p br{
    display:none;
  }

  .dn-safety-prev,
  .dn-safety-next{
    width:46px;
    height:46px;
    font-size:32px;
  }

  .dn-safety-viewport{
    width:calc(100% + 18px);
  }

  .dn-safety-track{
    gap:16px;
  }

  .dn-safety-card{
    flex-basis:82vw;
    border-radius:24px;
  }

  .dn-safety-card-img{
    height:210px;
  }

  .dn-safety-card-txt{
    min-height:180px;
  }
}

/*     1571464 : 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 72px;
}

.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:22px 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:38px;
  padding:28px 30px;
  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 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);
}

/* ==============================
   반응형
================================= */

@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){
  .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
  }
}

/*     1571304 : 공통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}

