/* idc/css/anti-ransomware.css */
/* 샘플 이미지 레이아웃을 그대로 따라가되, 색감만 Petasys 톤(부드러운 블루/민트) */

/* 공통 래퍼 */
.ar-wrap{
  width: 70%;
  margin: 0 auto;
}

/* =========================
   1) 상단(일러스트 + 가격)
========================= */

.ar-top{
  padding: 55px 0 140px;
  border-bottom: 1px solid #eef2f7;
}
.ar-top .ar-wrap{
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 20px;
  align-items: center;
}

/* 좌측 일러스트 자리(이미지로 교체) */
.ar-illust{
  position: relative;
  width: 100%;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #eef2f7;
  box-shadow: 0 10px 24px rgba(17,24,39,.04);
  overflow: hidden;

  /* ✅ 높이를 고정하지 말고 이미지가 자연스럽게 결정 */
  height: auto;

  /* ✅ 중앙 정렬용 */
  display: flex;
  align-items: center;
  justify-content: center;

  /* 내부 여백 살짝 */
  padding: 18px;
}

/* 이미지 자체 */
.ar-illust img{
  width: 100%;
  height: auto;
  display: block;

  /* ✅ 너무 커지지 않게 제한(PC에서 안정) */
  max-width: 760px;

  /* ✅ 이미지가 작아도 보기 좋게 */
  object-fit: contain;
}

/* 상단 좌측 영역 자체도 중앙 정렬 보조 */
.ar-top-left{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ 모바일 대응 */
@media (max-width: 768px){
  .ar-illust{
    padding: 12px;
    border-radius: 14px;
  }
  .ar-illust img{
    max-width: 100%; /* 모바일에서는 꽉 채우기 */
  }
}

/* 우측 텍스트 영역 중앙 정렬 */
.ar-top-right{
  display: flex;
  flex-direction: column;
  align-items: center;     /* ⬅️ 가로 중앙 */
  text-align: center;      /* ⬅️ 텍스트 중앙 */
}


/* 우측 가격 */
#sh_content .ar-prod-title{
  font-size: 45px;
  font-weight: 700;
  color: #111;
  margin: 0 0 20px;
}
.ar-price-row{
  display:flex;
  align-items:center;
  gap: 15px;
  margin-bottom: 20px;
}
.ar-price-before{
  color: #9ca3af;
  text-decoration: line-through;
  font-size: 20px;
  font-weight: 700;
}
.ar-badge-event{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: #ef4444;
  color:#fff;
  font-weight:900;
  font-size: 11px;
}
.ar-price-now{
  color:#111;
  font-weight:900;
}
.ar-price-now strong{
  font-size: 60px;
  letter-spacing: -0.02em;
}
.ar-prod-sub{
  margin: 10px 0 14px;
  font-size: 18px;
  color:#374151;
  line-height: 1.5;
}
.ar-prod-sub strong{
  color:#ef4444;
  font-weight: 900;
}
.ar-btn-buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 20px 40px;
  border-radius: 999px;
  border: 1px solid #c7eef0;
  background: #ecfeff;
  color:#0f766e;
  font-weight: 800;
  text-decoration:none;
  transition: all .2s ease;
}
.ar-btn-buy:hover{
  background:#d9f9fb;
  border-color:#aeeff3;
}

/* 가운데 문의하기 */
.ar-center-btn{
  text-align:center;
  padding: 22px 0 30px;
}
.ar-btn-mid{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 34px;
  padding: 0 22px;
  border-radius: 6px;
  background: #4b5563;
  color:#fff;
  font-weight: 800;
  font-size: 13px;
  text-decoration:none;
}
.ar-btn-mid:hover{ background:#374151; }

/* =========================
   2) 기술 3개
========================= */
.ar-tech3{
  padding: 100px 0 60px;
}
.ar-tech3-title{
  text-align:center;
  font-size: 30px;
  font-weight: 800;
  color:#374151;
  line-height: 1.7;
  margin: 0 0 22px;
}
.ar-tech3-title strong{
  color:#0ea5a8;
  font-weight: 800;
}
.ar-tech3-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 50px;
  gap: 18px;
}
.ar-tech-card{
  border: 1px solid #eef2f7;
  background:#fff;
  border-radius: 10px;
  padding: 30px 16px;
  box-shadow: 0 10px 22px rgba(17,24,39,.04);
  text-align:center;
}
.ar-tech-ico{
  width: 196px;
  height: 265px;
  border-radius: 16px;
  margin: 0 auto 12px;
  background: #fff;
  border: 1px solid #ffffff;
}

.ar-tech-ico img{
  max-width: 100%;
  max-height: auto;
  display: block;
}
.ar-tech-card h4{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color:#111;
}
.ar-tech-card p{
  margin: 0;
  font-size: 15px;
  color:#6b7280;
  line-height: 1.6;
}

/* =========================
   3) 다이어그램 (차트+년도)
========================= */
.ar-diagram{
  padding: 100px 0 20px;
}
.ar-diagram-title{
  text-align:center;
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 8px;
  color:#111;
}
.ar-diagram-sub{
  text-align:center;
  margin: 0 0 24px;
  color:#6b7280;
  font-size: 16px;
}
.ar-diagram-sub .linkish_black{
  color:#464646;
  font-weight: 800;
}
.ar-diagram-sub .linkish{
  color:#0ea5a8;
  font-weight: 800;
}
.ar-diagram-grid{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 20px;
  align-items:start;
  padding-top: 40px;
}
.ar-chart{
  border: 1px solid #eef2f7;
  border-radius: 10px;
  background:#fff;
  box-shadow: 0 10px 22px rgba(17,24,39,.04);
  padding: 14px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.ar-chart svg{
  width: 100%;
  max-width: 720px;
  height: auto;
}

.ar-year-box{
  display:grid;
  gap: 14px;
}
.year-item{
  border: 1px solid #eef2f7;
  border-radius: 10px;
  background:#fff;
  box-shadow: 0 10px 22px rgba(17,24,39,.04);
  padding: 14px;
}
.year-item .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 28px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 16px;
  color:#fff;
  margin-bottom: 10px;
}
.year-item ul{
  margin: 0;
  padding-left: 18px;
  color:#6b7280;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.year-item.y2022 .pill{ background:#0ea5a8; }
.year-item.y2023 .pill{ background:#ef4444; }

/* =========================
   (추가) 차트/라벨/퍼센트 부드러운 순차 등장
========================= */
.ar-chart .ar-pie .slice,
.ar-chart .ar-pie .lbl,
.ar-chart .ar-pie .pct,
.ar-year-box .year-item{
  opacity: 0;
  transform: translateY(8px) scale(.985);
  transform-origin: 130px 130px; /* 파이 중심 기준 */
  transition:
    opacity .7s cubic-bezier(.22,1,.36,1),
    transform .9s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}

/* 실행 트리거: .is-anim 이 붙으면 등장 */
.ar-chart.is-anim .slice,
.ar-chart.is-anim .lbl,
.ar-chart.is-anim .pct{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* 조각(path) 순차 딜레이 */
.ar-chart.is-anim .slice.s1{ transition-delay: .00s; }
.ar-chart.is-anim .slice.s2{ transition-delay: .12s; }
.ar-chart.is-anim .slice.s3{ transition-delay: .24s; }
.ar-chart.is-anim .slice.s4{ transition-delay: .36s; }
.ar-chart.is-anim .slice.s5{ transition-delay: .48s; }

/* 라벨(text) 순차 딜레이 (조각 다음) */
.ar-chart.is-anim .lbl.l1{ transition-delay: .62s; }
.ar-chart.is-anim .lbl.l2{ transition-delay: .72s; }
.ar-chart.is-anim .lbl.l3{ transition-delay: .82s; }
.ar-chart.is-anim .lbl.l4{ transition-delay: .92s; }
.ar-chart.is-anim .lbl.l5{ transition-delay: 1.02s; }

/* 퍼센트(text) 순차 딜레이 (라벨 다음) */
.ar-chart.is-anim .pct.p1{ transition-delay: 1.10s; }
.ar-chart.is-anim .pct.p2{ transition-delay: 1.18s; }
.ar-chart.is-anim .pct.p3{ transition-delay: 1.26s; }
.ar-chart.is-anim .pct.p4{ transition-delay: 1.34s; }
.ar-chart.is-anim .pct.p5{ transition-delay: 1.42s; }

/* (선택) 오른쪽 박스도 부드럽게 순차 등장 */
.ar-year-box.is-anim .year-item{
  opacity: 1;
  transform: translateY(0) scale(1);
}
.ar-year-box.is-anim .year-item.y2022{ transition-delay: .25s; }
.ar-year-box.is-anim .year-item.y2023{ transition-delay: .40s; }

/* 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .ar-chart .ar-pie .slice,
  .ar-chart .ar-pie .lbl,
  .ar-chart .ar-pie .pct,
  .ar-year-box .year-item{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


/* =========================
   4) 큰 문장
========================= */
.ar-bigline{
  padding: 140px 0 20px;
}
.ar-bigline h3{
  text-align:center;
  font-size: 24px;
  font-weight: 800;
  color:#111;
  line-height: 1.55;
  margin: 0;
}

/* =========================
   5) 카드 5개 (3 + 2)
========================= */
.ar-cards5{
  padding: 30px 0 70px;
}
.ar-cards5-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.ar-info-card{
  border: 1px solid #eef2f7;
  border-radius: 10px;
  background:#fff;
  box-shadow: 0 10px 22px rgba(17,24,39,.04);
  padding: 18px 18px;
  min-height: 118px;
  position: relative;
}
.ar-info-card:after{
  content:"";
  position:absolute;
  right: 0;
  top: 14px;
  width: 3px;
  height: calc(100% - 28px);
  border-radius: 3px;
  background: rgba(14,165,168,.35);
}
.ar-info-card h4{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  color:#111;
}
.ar-info-card p{
  margin: 0;
  color:#6b7280;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.65;
}

/* 5개 카드 그리드: 1줄 3개, 2줄 2개(반반) */
.ar-cards5-grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6칸 기준으로 쪼개면 제어가 쉬움 */
  gap: 24px;
}

/* 1~3번: 각 2칸씩 = 한 줄에 3개 */
.ar-cards5-grid article:nth-child(1){ grid-column: span 2; }
.ar-cards5-grid article:nth-child(2){ grid-column: span 2; }
.ar-cards5-grid article:nth-child(3){ grid-column: span 2; }

/* 4~5번: 각 3칸씩 = 두 번째 줄에 반반 */
.ar-cards5-grid article:nth-child(4){ grid-column: span 3; }
.ar-cards5-grid article:nth-child(5){ grid-column: span 3; }

@media (max-width: 768px){
  .ar-cards5-grid{
    grid-template-columns: 1fr;
  }
  .ar-cards5-grid article{
    grid-column: 1 / -1 !important;  /* 항상 한 줄 전체 폭 */
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
  }
}


/* =========================
   6) 하단 8개 아이콘 (4x2 원형)
========================= */
.ar-icons8{
  padding: 80px 0 80px;
  background: #fbfdff;
}
.ar-icons8-title{
  text-align:center;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 26px;
  color:#111;
}
.ar-icons8-title span{
  color:#0ea5a8;
}
.ar-icons8-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px 26px;
  justify-items:center;
}
/* 아이콘 한 개 박스 자체를 가운데로 */
.ar-icon-item{
  width: 200px;              /* circle(200px)과 동일하게 */
  margin: 0 auto;            /* 혹시 상위 영향 있어도 가운데 */
  display: flex;
  flex-direction: column;
  align-items: center;       /* ✅ 텍스트/원 모두 중앙 */
  text-align: center;        /* ✅ 줄바꿈 포함 중앙 */
}

/* 텍스트 중앙 고정 */
.ar-icon-item p{
  width: 100%;
  margin: 0;
  text-align: center;
}


/* 바깥 원 */
.ar-icon-item .circle{
  width: 200px;
  height: 200px;
  margin: 40px auto 10px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e6eef6;
  box-shadow: 0 10px 20px rgba(17,24,39,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
}

/* 점선 원 */
.ar-icon-item .circle:before{
  content:"";
  position:absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px dashed rgba(14,165,168,.25);
}

/* 아이콘 박스 */
.ar-icon-item .glyph{
  width: 190px;          /* 아이콘 실제 크기에 맞게 */
  height: 190px;
  background: none;     /* ← 핵심 */
  border: none;         /* ← 핵심 */
  border-radius: 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 실제 이미지 */
.ar-icon-item .glyph img{
  width: 84%;           /* 아이콘 꽉 차게 */
  height: 84%;
  object-fit: contain; /* 잘림 방지 */
  display: block;
}

/* 텍스트 */
.ar-icon-item p{
  margin: 0;
  color:#374151;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}


/* =========================
   반응형
========================= */
@media (max-width: 1024px){
  .ar-top .ar-wrap{ grid-template-columns: 1fr; }
  .ar-tech3-grid{ grid-template-columns: 1fr; }
  .ar-diagram-grid{ grid-template-columns: 1fr; }  
  .ar-icons8-grid{ grid-template-columns: repeat(2, 1fr); }
  .ar-icon-item{ width: 150px; }
}
@media (max-width: 600px){
  .ar-wrap{ width: 92%; }
  .ar-icons8-grid{ grid-template-columns: 1fr; }
}


/* =========================
   가격 카드 하단 안내 문구
========================= */
#sh_content .cdp-price-note{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed #e5e7eb;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
  text-align: center;
}

#sh_content .cdp-price-note strong{
  color: #111827;
  font-weight: 700;
}

#sh_content .cdp-price-note .cdp-mail{
  display: inline-block;
  margin-top: 4px;
  font-weight: 700;
  color: var(--cdp-brand);
  letter-spacing: -0.2px;
}
/* 문의하기 버튼 a태그일 때도 기존 버튼 크기 유지 */
#sh_content .cdp-price-btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================
   Anti-Ransomware 카드 문단 줄바꿈 정리
========================= */

#sh_content .ar-info-card p{
  /* 기본 리셋 */
  margin: 0;
  padding: 0;

  /* 한글 단어 쪼개짐 방지 */
  word-break: keep-all;
  overflow-wrap: break-word;

  /* 줄바꿈 안정화 */
  line-height: 1.65;

  /* 문단 가독성 */
  color: #6b7280;
  font-size: 15px;
  font-weight: 500;

  /* 정렬 기준 통일 */
  text-align: left;
}

/* 여러 줄 문단 사이 간격이 필요할 경우 */
#sh_content .ar-info-card p + p{
  margin-top: 6px;
}

/* =========================
   Anti-Ransomware 가격표(프로페셔널 타이포)
   - 라벨(PC용/서버용) 얇고 작게
   - 숫자 크기/두께 살짝 다운
   - 베이스라인 정렬 + 간격 정리
========================= */
#sh_content .ar-top-right{
  gap: 6px; /* 우측 전체 요소 간 살짝 촘촘하게 */
}

#sh_content .ar-price-row{
  margin-bottom: 12px; /* 기존 20px -> 줄간격 정돈 */
}

#sh_content .ar-price-now{
  display: inline-flex;
  align-items: baseline;    /* ✅ 라벨/숫자/원 베이스라인 정렬 */
  gap: 10px;                /* ✅ 라벨-숫자-단위 간격 */
  color: #111;
  line-height: 1.05;        /* ✅ 숫자 줄간격 깔끔하게 */
  letter-spacing: -0.02em;  /* ✅ 숫자/한글 전체 정돈 */
  font-weight: 600;         /* ✅ 전체 두께 낮춤(프로 느낌) */
}

/* 라벨: PC용 월 / 서버용 월 */
#sh_content .ar-price-now .ar-price-label{
  font-size: 22px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
  opacity: .9;
}

/* 숫자: 10,000 / 50,000 */
#sh_content .ar-price-now .ar-price-num{
  font-size: 54px;     /* ✅ 기존 60px -> 살짝 다운 */
  font-weight: 800;    /* ✅ 900 -> 800 (두께 조금 줄임) */
  letter-spacing: -0.03em;
}

/* 단위: 원 */
#sh_content .ar-price-now .ar-price-unit{
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  opacity: .9;
  transform: translateY(-2px); /* ✅ '원'이 살짝 위로 붙어서 더 이쁨 */
}

/* (선택) 모바일에서는 숫자 더 작게 */
@media (max-width: 768px){
  #sh_content .ar-price-now .ar-price-num{ font-size: 44px; }
  #sh_content .ar-price-now{ gap: 8px; }
}
/* ✅ 두 가격(PC용/서버용) 사이 은은한 구분선 */
#sh_content .ar-top-right .ar-price-row + .ar-price-row{
  position: relative;
  margin-top: 14px;     /* 위 가격과 간격 */
  padding-top: 14px;    /* 선과 텍스트 간격 */
}

#sh_content .ar-top-right .ar-price-row + .ar-price-row::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 0;

  height: 1px;
   background: linear-gradient(
    to right,
    rgba(17,24,39,0),
    rgba(17,24,39,0.35),
    rgba(17,24,39,0)
    );
}

/* =========================
   (추가) SentinelONE 패키지 카드
   - 이미지(ar-top) 아래 100px 간격
   - 코로케이션 카드 톤 참고 (깔끔/라운드/은은한 그림자)
========================= */
#sh_content .ar-top{
  border-bottom: none;
}

#sh_content .s1-packages{
  margin-top: 0px;   /* ✅ 요청: 이미지 아래 100px */
  padding-bottom: 30px;
}

#sh_content .s1-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

#sh_content .s1-card{
  border: 1px solid #e8eef6;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(17,24,39,.06);
  padding: 26px 26px 22px;
}

#sh_content .s1-card__head{
  display: flex;
  flex-wrap: wrap;         /* ✅ 줄바꿈 허용 */
  align-items: flex-start;
  justify-content: flex-start; /* space-between 제거 */
}

#sh_content .s1-title{
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.03em;
  color:#111827;
  display:flex;
  align-items:center;
  flex: 1 1 auto;
  gap: 10px;
}

#sh_content .s1-ico{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(14,165,168,.10);
  color:#0f766e;
  flex: 0 0 auto;
}

#sh_content .s1-red{
  color:#ef4444;
}

#sh_content .s1-price{
  color:#111827;
  letter-spacing: -0.02em;
  white-space: nowrap;
  width: 100%;             /* ✅ 다음 줄로 내려가게 */
  text-align: right;       /* ✅ 우측 정렬 */
  margin-top: 10px;        /* ✅ 타이틀과 간격 */
  font-size: 42px;         /* ✅ 요청값 */
  font-weight: 800;        /* ✅ 요청값 */
}
/* 가격 보조 텍스트 (1년) 축소 */
#sh_content .s1-price-term{
  font-size: 50%;        /* ✅ 가격의 절반 */
  font-weight: 600;
  color: #6b7280;        /* 살짝 톤 다운 */
  margin-left: 4px;
  vertical-align: middle;
}


#sh_content .s1-hr{
  height: 1px;
  margin: 16px 0 16px;
  background: #e5e7eb;   /* 은은한 일반 회색 선 */
}


#sh_content .s1-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  color:#374151;
  font-size: 15px;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: break-word;
}

#sh_content .s1-list li{
  position: relative;
  padding-left: 14px;
}

#sh_content .s1-list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(14,165,168,.55);
}

#sh_content .s1-list li.em{
  font-weight: 900;
  color:#0f766e;
}
#sh_content .s1-list li.em::before{
  background:#0f766e;
}

#sh_content .s1-btn{
  margin-top: 18px;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid rgba(14,165,168,.30);
  background: rgba(236,254,255,.95);
  color:#0f766e;
  font-weight: 900;
  text-decoration:none;
  transition: all .2s ease;
}


/* 상단 카드 버튼 중앙 정렬 */
#sh_content .s1-card:not(.s1-card--wide) .s1-btn{
  display: flex;
  justify-content: center;
  margin: 22px auto 0;     /* 가운데 정렬 */
  min-width: 180px;        /* ✅ 아래 버튼과 동일 */
  height: 46px;            /* ✅ 아래 버튼과 동일 */
  font-size: 15px;
}

/* 아래 카드 버튼과 톤 통일 */
#sh_content .s1-card:not(.s1-card--wide) .s1-btn{
  border-color: rgba(14,165,168,.35);
  background: rgba(236,254,255,.95);
  font-weight: 900;
}


#sh_content .s1-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(14,165,168,.45);
  background: rgba(217,249,251,1);
}

/* 아래 긴 카드 */
#sh_content .s1-card--wide{
  margin-top: 22px;
  border-radius: 26px;
  padding: 26px 26px 24px;
}

#sh_content .s1-card__head--center{
  justify-content:center;
}

#sh_content .s1-title--big{
  font-size: 24px;
}

#sh_content .s1-list--center{
  max-width: 820px;
  margin: 0 auto;
}

#sh_content .s1-wide-cta{
  display:flex;
  justify-content:center;
  padding-top: 16px;
}

#sh_content .s1-btn--solid{
  min-width: 180px;
  border-color: rgba(14,165,168,.35);
}

/* ✅ 반응형 */
@media (max-width: 1024px){
  #sh_content .s1-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 768px){
  #sh_content .s1-packages{ margin-top: 100px; } /* 유지 */
  #sh_content .s1-card{ padding: 22px 18px 18px; border-radius: 18px; }
  #sh_content .s1-title{ font-size: 20px; }
  #sh_content .s1-price{ font-size: 40px; }
}

/* =========================
   ✅ MDR 카드 디자인 강화
========================= */

/* 타이틀 중앙 정렬 */
#sh_content .s1-title--center{
  text-align: center;
  justify-content: center;
}

/* MDR 전용 그리드 */
#sh_content .s1-mdr-grid{
  list-style: none;
  margin: 26px auto 0;
  padding: 0;
  max-width: 94%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 18px;
}

/* 박스형 아이템 */
#sh_content .s1-mdr-grid li{
  background: #f8fafc;
  border: 1px solid #e8eef6;
  border-radius: 14px;
  padding: 14px 16px;

  font-size: 15px;
  color: #374151;
  font-weight: 500;

  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* 좌측 포인트 닷 */
#sh_content .s1-mdr-grid li::before{
  content: "";
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: #0f766e;
  flex-shrink: 0;
}

/* 모바일 */
@media (max-width: 768px){
  #sh_content .s1-mdr-grid{
    grid-template-columns: 1fr;
  }
}