/*     2004795 : 한줄 텍스트      */
.med-hero {
   padding: 120px 0 90px;
   background: linear-gradient(135deg, #f8f6f2 0%, #edf4f2 100%);
}

.med-hero:before {
   content: "";
   position: absolute;
   left: -180px;
   top: -210px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(75, 143, 138, .16), rgba(75, 143, 138, 0) 70%);
}

.med-hero__grid {
   display: grid;
   grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
   gap: 72px;
   align-items: center;
}

.med-hero__copy {
   position: relative;
   z-index: 2;
   padding: 34px 0;
}

.med-hero__headline {
   margin: 0;
   color: var(--med-navy2);
   font-family: 'Noto Serif KR', 'Nanum Myeongjo', serif;
   font-size: 60px;
   font-weight: 700;
   line-height: 1.25;
   letter-spacing: -.075em;
}

.med-hero__headline em {
   display: block;
   margin-bottom: 16px;
   color: var(--med-teal);
   font-family: Pretendard, 'Noto Sans KR', sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 800;
   letter-spacing: .14em;
}

.med-hero__hook {
   margin: 26px 0 0;
   color: #31424d;
   font-size: 25px;
   font-weight: 700;
   line-height: 1.55;
}

.med-hero__lead {
   margin: 18px 0 0;
   max-width: 680px;
   color: #70787d;
   font-size: 19px;
   line-height: 1.8;
}

.med-hero__chips {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin: 30px 0 0;
   padding: 0;
   list-style: none;
}

.med-hero__chips li {
   padding: 9px 14px;
   border: 1px solid rgba(24, 58, 90, .12);
   border-radius: 999px;
   background: rgba(255, 255, 255, .72);
   color: #43515a;
   font-size: 14px;
   font-weight: 700;
   backdrop-filter: blur(10px);
}

.med-hero__visual {
   position: relative;
   height: 520px;
   border-radius: 36px;
   overflow: hidden;
   box-shadow: 0 28px 80px rgba(24, 58, 90, .16);
}

.med-hero__visual img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.med-hero__visual:after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, transparent 55%, rgba(9, 34, 54, .28));
   pointer-events: none;
}

.med-hero__stamp {
   position: absolute;
   right: 28px;
   bottom: 28px;
   z-index: 2;
   padding: 15px 18px;
   border: 1px solid rgba(255, 255, 255, .32);
   border-radius: 18px;
   background: rgba(255, 255, 255, .16);
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.5;
   backdrop-filter: blur(14px);
}

.med-alert {
   margin-top: 28px;
   padding: 16px 18px;
   border-left: 3px solid #a96d56;
   border-radius: 0 14px 14px 0;
   background: #fff7f2;
   color: #6c4b40;
   font-size: 14px;
   line-height: 1.7;
}

@media(max-width:1024px) {
   .med-hero {
      padding: 90px 0 70px;
   }

   .med-hero__grid {
      grid-template-columns: 1fr;
      gap: 40px;
   }

   .med-hero__headline {
      font-size: 50px;
   }

   .med-hero__visual {
      height: 420px;
   }
}

@media(max-width:640px) {
   .med-hero {
      padding: 70px 0 54px;
   }

   .med-hero__headline {
      font-size: 40px;
   }

   .med-hero__hook {
      font-size: 21px;
   }

   .med-hero__lead {
      font-size: 16px;
   }

   .med-hero__visual {
      height: 320px;
      border-radius: 24px;
   }

   .med-hero__stamp {
      right: 18px;
      bottom: 18px;
   }
}

/*     2004805 : 한줄 텍스트      */
.med-signals {
   padding: 92px 0;
   background: #fff;
}

.med-signals__head {
   display: grid;
   grid-template-columns: .78fr 1.22fr;
   gap: 58px;
   align-items: end;
   margin-bottom: 34px;
}

.med-signals__grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 14px;
}

.med-signal {
   position: relative;
   padding: 24px 22px 25px;
   border: 1px solid var(--med-line);
   border-radius: 20px;
   background: #fff;
   box-shadow: 0 10px 28px rgba(26, 54, 71, .05);
}

.med-signal:before {
   content: "";
   position: absolute;
   left: 22px;
   top: 24px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: var(--med-teal);
   box-shadow: 0 0 0 7px rgba(75, 143, 138, .09);
}

.med-signal__num {
   display: block;
   margin-left: 27px;
   color: #9ba4a9;
   font-size: 12px;
   font-weight: 800;
   letter-spacing: .08em;
}

.med-signal__text {
   margin: 32px 0 0;
   color: #2d3940;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.5;
}

@media(max-width:1024px) {
   .med-signals {
      padding: 76px 0;
   }

   .med-signals__head {
      grid-template-columns: 1fr;
      gap: 18px;
      margin-bottom: 30px;
   }

   .med-signals__grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media(max-width:640px) {
   .med-signals {
      padding: 58px 0;
   }

   .med-signals__grid {
      gap: 10px;
   }

   .med-signal {
      padding: 20px 18px 21px;
      border-radius: 17px;
   }

   .med-signal:before {
      left: 18px;
      top: 20px;
   }

   .med-signal__text {
      margin-top: 25px;
      font-size: 16px;
   }
}

@media(max-width:440px) {
   .med-signals__grid {
      grid-template-columns: 1fr;
   }
}

/*     2004815 : 한줄 텍스트      */
.med-explain {
   padding: 120px 0;
   background: var(--med-ivory);
}

.med-explain__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 64px;
   align-items: stretch;
}

.med-explain__visual {
   position: relative;
   min-height: 500px;
   border-radius: 30px;
   overflow: hidden;
}

.med-explain__visual img {
   width: 100%;
   height: 100%;
   min-height: 500px;
   display: block;
   object-fit: cover;
   filter: saturate(.82);
}

.med-explain__copy {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 30px 0;
}

.med-explain__line {
   width: 54px;
   height: 2px;
   margin: 26px 0;
   background: var(--med-teal);
}

.med-explain__body {
   margin: 0;
   color: #59656c;
   font-size: 20px;
   line-height: 1.9;
}

.med-explain__quote {
   margin: 28px 0 0;
   padding: 22px 24px;
   border-radius: 18px;
   background: #fff;
   color: var(--med-navy);
   font-size: 18px;
   font-weight: 700;
   line-height: 1.7;
   box-shadow: 0 12px 30px rgba(30, 57, 74, .06);
}

@media(max-width:1024px) {
   .med-explain {
      padding: 86px 0;
   }

   .med-explain__grid {
      grid-template-columns: 1fr;
      gap: 36px;
   }

   .med-explain__visual {
      min-height: 380px;
   }

   .med-explain__visual img {
      min-height: 380px;
   }
}

@media(max-width:640px) {
   .med-explain {
      padding: 64px 0;
   }

   .med-explain__visual {
      min-height: 290px;
      border-radius: 22px;
   }

   .med-explain__visual img {
      min-height: 290px;
   }

   .med-explain__body {
      font-size: 16px;
   }

   .med-explain__quote {
      font-size: 16px;
   }
}

/*     2004825 : 한줄 텍스트      */
.med-check {
   padding: 118px 0;
   background: #fff;
}

.med-check__head {
   max-width: 820px;
   margin-bottom: 46px;
}

.med-check__steps {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 0;
   border: 1px solid var(--med-line);
   border-radius: 28px;
   overflow: hidden;
}

.med-check__step {
   position: relative;
   padding: 34px 28px 38px;
   background: #fff;
}

.med-check__step:not(:last-child) {
   border-right: 1px solid var(--med-line);
}

.med-check__step b {
   display: flex;
   width: 38px;
   height: 38px;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
   background: var(--med-soft);
   color: var(--med-teal);
   font-size: 14px;
}

.med-check__step strong {
   display: block;
   margin: 24px 0 0;
   color: var(--med-navy2);
   font-size: 20px;
   line-height: 1.5;
}

.med-check__step p {
   margin: 12px 0 0;
   color: var(--med-muted);
   font-size: 15px;
   line-height: 1.7;
}

@media(max-width:1024px) {
   .med-check {
      padding: 84px 0;
   }

   .med-check__steps {
      grid-template-columns: repeat(2, 1fr);
   }

   .med-check__step:nth-child(2) {
      border-right: 0;
   }

   .med-check__step:nth-child(-n+2) {
      border-bottom: 1px solid var(--med-line);
   }
}

@media(max-width:640px) {
   .med-check {
      padding: 64px 0;
   }

   .med-check__steps {
      grid-template-columns: 1fr;
   }

   .med-check__step {
      border-right: 0 !important;
      border-bottom: 1px solid var(--med-line) !important;
   }

   .med-check__step:last-child {
      border-bottom: 0 !important;
   }
}

/*     2006655 : 한줄 텍스트      */
.med-care {
   padding: 120px 0;
   background: linear-gradient(135deg, #173754, #1e4b60);
   color: #fff;
}

.med-care:before {
   content: "";
   position: absolute;
   right: -150px;
   top: -190px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(118, 190, 181, .22), rgba(118, 190, 181, 0) 70%);
}

.med-care .med-kicker {
   color: #9fd1ca;
}

.med-care .med-title {
   color: #fff;
}

.med-care .med-desc {
   color: rgba(255, 255, 255, .7);
}

.med-care__head {
   max-width: 870px;
}

.med-care__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin-top: 46px;
}

.med-care__card {
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, .13);
   border-radius: 24px;
   background: rgba(255, 255, 255, .07);
   backdrop-filter: blur(8px);
}

.med-care__image {
   height: 220px;
   overflow: hidden;
   background: rgba(255, 255, 255, .06);
}

.med-care__image img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   transition: transform .6s ease;
}

.med-care__card:hover .med-care__image img {
   transform: scale(1.035);
}

.med-care__content {
   padding: 28px 28px 32px;
}

.med-care__card em {
   display: block;
   color: #91c7bf;
   font-size: 13px;
   font-style: normal;
   font-weight: 800;
   letter-spacing: .08em;
}

.med-care__card strong {
   display: block;
   margin: 16px 0 0;
   color: #fff;
   font-size: 22px;
   line-height: 1.5;
}

.med-care__card p {
   margin: 12px 0 0;
   color: rgba(255, 255, 255, .68);
   font-size: 16px;
   line-height: 1.75;
}

.med-care__note {
   margin: 34px 0 0;
   padding-top: 24px;
   border-top: 1px solid rgba(255, 255, 255, .14);
   color: rgba(255, 255, 255, .62);
   font-size: 14px;
   line-height: 1.7;
}

@media(max-width:1024px) {
   .med-care {
      padding: 86px 0;
   }

   .med-care__grid {
      grid-template-columns: 1fr;
   }

   .med-care__card {
      display: grid;
      grid-template-columns: 280px 1fr;
   }

   .med-care__image {
      height: 100%;
      min-height: 230px;
   }
}

@media(max-width:640px) {
   .med-care {
      padding: 64px 0;
   }

   .med-care__card {
      display: block;
   }

   .med-care__image {
      height: 210px;
      min-height: 0;
   }

   .med-care__content {
      padding: 24px 22px 27px;
   }

   .med-care__card strong {
      font-size: 19px;
   }
}

/*     2004845 : 한줄 텍스트      */
.med-faq {
   padding: 118px 0;
   background: #f9f8f5;
}

.med-faq__grid {
   display: grid;
   grid-template-columns: .72fr 1.28fr;
   gap: 70px;
   align-items: start;
}

.med-faq__list {
   border-top: 1px solid var(--med-line);
}

.med-faq__item {
   border-bottom: 1px solid var(--med-line);
}

.med-faq__q {
   position: relative;
   width: 100%;
   padding: 26px 48px 26px 4px;
   border: 0;
   background: transparent;
   color: var(--med-navy2);
   font: inherit;
   font-size: 19px;
   font-weight: 750;
   line-height: 1.6;
   text-align: left;
   cursor: pointer;
}

.med-faq__q:after {
   content: "+";
   position: absolute;
   right: 4px;
   top: 50%;
   transform: translateY(-50%);
   color: var(--med-teal);
   font-size: 28px;
   font-weight: 300;
   transition: transform .25s ease;
}

.med-faq__item.is-open .med-faq__q:after {
   transform: translateY(-50%) rotate(45deg);
}

.med-faq__a {
   max-height: 0;
   overflow: hidden;
   transition: max-height .35s ease;
}

.med-faq__a p {
   margin: 0;
   padding: 0 44px 26px 4px;
   color: var(--med-muted);
   font-size: 16px;
   line-height: 1.8;
}

.med-faq__legal {
   margin-top: 24px;
   padding: 18px 20px;
   border-radius: 16px;
   background: #fff;
   color: #788087;
   font-size: 13px;
   line-height: 1.7;
}

@media(max-width:1024px) {
   .med-faq {
      padding: 84px 0;
   }

   .med-faq__grid {
      grid-template-columns: 1fr;
      gap: 36px;
   }
}

@media(max-width:640px) {
   .med-faq {
      padding: 64px 0;
   }

   .med-faq__q {
      font-size: 17px;
   }

   .med-faq__a p {
      font-size: 15px;
   }
}

/*     2006665 : 한줄 텍스트      */
/* ==============================
   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:var(--med-teal);
}

.dn-safety-left .dn-eyebrow:before{
  background:var(--med-teal);
}

.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:var(--med-teal);
line-height:1.2
}

.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%;
  border:1px solid #64beb7;
  color:var(--med-teal);
  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:86px 0;
  }

  .dn-safety-left h2{
    font-size:32px;
  }

  .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;
  }
}

/*     2004865 : 한줄 텍스트      */
.med-cta {
   padding: 92px 0;
   background: #f0f5f4;
}

.med-cta__box {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 50px;
   align-items: center;
   padding: 48px 54px;
   border: 1px solid rgba(24, 58, 90, .10);
   border-radius: 30px;
   background: #fff;
   box-shadow: 0 18px 54px rgba(24, 58, 90, .07);
}

.med-cta__eng {
   display: block;
   margin-bottom: 10px;
   color: var(--med-teal);
   font-size: 13px;
   font-weight: 800;
   letter-spacing: .12em;
}

.med-cta__title {
   margin: 0;
   color: var(--med-navy2);
   font-family: 'Noto Serif KR', 'Nanum Myeongjo', serif;
   font-size: 32px;
   font-weight: 700;
   line-height: 1.45;
   letter-spacing: -.06em;
}

.med-cta__desc {
   margin: 14px 0 0;
   color: var(--med-muted);
   font-size: 16px;
   line-height: 1.75;
}

.med-cta__buttons {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   gap: 10px;
}

.med-cta__btn {
   display: inline-flex;
   min-width: 126px;
   height: 50px;
   padding: 0 22px;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(24, 58, 90, .13);
   border-radius: 999px;
   background: #fff;
   color: var(--med-navy2);
   font-size: 15px;
   font-weight: 750;
   text-decoration: none;
   transition: transform .25s ease, background .25s ease, color .25s ease;
}

.med-cta__btn:hover {
   transform: translateY(-2px);
}

.med-cta__btn--primary {
   border-color: var(--med-navy);
   background: var(--med-navy);
   color: #fff;
}

.med-cta__btn--soft {
   border-color: rgba(75, 143, 138, .24);
   background: #edf7f5;
   color: #2f6965;
}

@media(max-width:1024px) {
   .med-cta {
      padding: 72px 0;
   }

   .med-cta__box {
      grid-template-columns: 1fr;
      padding: 40px;
   }

   .med-cta__buttons {
      justify-content: flex-start;
   }

   .med-cta__title {
      font-size: 28px;
   }
}

@media(max-width:640px) {
   .med-cta {
      padding: 56px 0;
   }

   .med-cta__box {
      gap: 28px;
      padding: 30px 24px;
      border-radius: 24px;
   }

   .med-cta__title {
      font-size: 24px;
   }

   .med-cta__buttons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
   }

   .med-cta__btn {
      min-width: 0;
      padding: 0 12px;
      font-size: 14px;
   }
}