/* CKEditor 이미지 가운데 정렬 보정 (프론트 전용) */
.post-content figure.image { /* CKEditor가 생성하는 figure 래퍼 */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.post-content figure.image.image-style-align-center, /* CKEditor5 align center */
.post-content figure.align-center { 
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.post-content figure.image > img,
.post-content figure.image.image-style-align-center > img,
.post-content p[style*="text-align:center"] > img,
.post-content p.text-center > img,
.post-content p > img,
.post-content img { /* 단일 이미지도 가운데 정렬 */
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    max-width: 100%;
}
/* CKEditor에서 남는 float 제거 (센터 정렬 시) */
.post-content .image-style-align-center img { float: none !important; }

/* 공통: notice_detail와 event_detail 모두에 적용 (두 페이지 모두 notice-content 래퍼 사용) */
.post-content figure.image.image_resized { /* CKEditor 5 이미지 리사이즈 플러그인 대응 */
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-content div[style*="text-align:center"] img { /* 인라인 스타일 케이스 */
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ===============================
   Accordion
================================ */
.accordion-content {
  display: none;
}

.accordion-item.active+.accordion-content {
  display: block;
}


/* ===============================
   Grid Containers (Base)
   - container1 / container2 동일 베이스
   - container3 별도
================================ */
.container1,
.container2 {
  grid-template-areas:
    'a b'
    'c b';
}

.container3 {
  grid-template-areas:
    'a b'
    'c b';
}


/* ===============================
   Items: container1
================================ */
.title1 {
  grid-area: a;
  align-self: end;
}

.subtext1 {
  grid-area: c;
  align-self: start;
}

.thumb1 {
  grid-area: b;
}


/* ===============================
   Items: container2 (Base)
   - 데스크톱(801px+)에서 레이아웃 재정의됨
================================ */
.title2 {
  grid-area: a;
  align-self: end;
}

.subtext2 {
  grid-area: c;
  align-self: start;
}

.thumb2 {
  grid-area: b;
}


/* ===============================
   Items: container3
================================ */
.title3 {
  grid-area: b;
  align-self: end;
}

.subtext3 {
  grid-area: d;
  align-self: start;
}

.thumb3 {
  grid-area: c;
  justify-content: start;
}

.frontline {
  grid-area: a;
}

.backline {
  grid-area: f;
  align-self: end;
}


/* ===============================
   Mobile (≤800px)
================================ */
@media (max-width: 1023px) {

  .container1,
  .container2 {
    grid-template-columns: 1fr;
    grid-template-areas:
      'a'
      'b'
      'c';
  }

  .container3 {
    grid-template-columns: 1fr;
    grid-template-areas:
      'a'
      'b'
      'c'
      'd'
      'f';
  }
}


/* ===============================
   Desktop (≥801px)
   - container2: 레이아웃/영역 재지정
   - container3: 세로 스택 + 좌측 고정 썸네일
================================ */
@media (min-width: 1024px) {

  /* container2: 
     a | b
     a | c
  */
  .container2 {
    grid-template-areas:
      'a b'
      'a c';
  }

  .title2 {
    grid-area: b;
    align-self: end;
  }

  .subtext2 {
    grid-area: c;
    align-self: start;
  }

  .thumb2 {
    grid-area: a;
    justify-content: start;
  }

  /* container3:
     c | a
     c | b
     c | d
     c | f
  */
  .container3 {
    grid-template-areas:
      'c a'
      'c b'
      'c d'
      'c f';
  }
}



/* 숨김 & 기본 */
.tab-scope input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
}

/* 컨텐츠 표시 */
#virtue:checked~#virtue_content,
#booster:checked~#booster_content,
#water:checked~#water_content,
#ldm:checked~#ldm_content,
#cryo:checked~#cryo_content,
#filler:checked~#filler_content,
#botox:checked~#botox_content,
#shurink:checked~#shurink_content,
#ulthera:checked~#ulthera_content,
#density:checked~#density_content,
#alltite:checked~#alltite_content,
#volnewmer:checked~#volnewmer_content,
#contour:checked~#contour_content,
#line:checked~#line_content,
#nbi:checked~#nbi_content,
#eswt:checked~#eswt_content,
#manualtherapy:checked~#manualtherapy_content,
#joint:checked~#joint_content,
#plantarfasciitis:checked~#plantarfasciitis_content,
#triggerfinger:checked~#triggerfinger_content,
#event_ing:checked~#event_ing_content,
#event_end:checked~#event_end_content,
#all:checked~#all_content,
#skin:checked~#skin_content,
#petit:checked~#petit_content,
#obesity_end:checked~#obesity_content,
#pure:checked~#pure_content,
#placenta:checked~#placenta_content,
#garlic:checked~#garlic_content,
#licorice:checked~#licorice_content,
#cinderella:checked~#cinderella_content,
#vitamind:checked~#vitamind_content,
#carnitine:checked~#carnitine_content,
#arginine:checked~#arginine_content,
#vitamin:checked~#vitamin_content,
#fatigue:checked~#fatigue_content,
#omega:checked~#omega_content,
#nutrition:checked~#nutrition_content,
#allergy:checked~#allergy_content,
#enteritis:checked~#enteritis_content,
#cold:checked~#cold_content,
#skinclinic:checked~#skinclinic_content,
#skinvely:checked~#skinvely_content,
#refit:checked~#refit_content,
#lipoderm:checked~#lipoderm_content,
#aqua:checked~#aqua_content,
#storz:checked~#storz_content,
#coresculpt:checked~#coresculpt_content,
#xwave:checked~#xwave_content,
#riftera:checked~#riftera_content {
  display: block;
}

/* 데스크탑 기본 탭 스타일 */
.tab_item {
  color: #AAAAAA;
  font-weight: 600;
  font-size: 20px;
}

/* ✅ 활성 라벨(데스크탑): 라디오가 체크되면 .tabs 안 해당 for 라벨을 스타일링 */
#virtue:checked~.tabs label[for="virtue"],
#booster:checked~.tabs label[for="booster"],
#water:checked~.tabs label[for="water"],
#ldm:checked~.tabs label[for="ldm"],
#cryo:checked~.tabs label[for="cryo"],
#filler:checked~.tabs label[for="filler"],
#botox:checked~.tabs label[for="botox"],
#shurink:checked~.tabs label[for="shurink"],
#ulthera:checked~.tabs label[for="ulthera"],
#density:checked~.tabs label[for="density"],
#alltite:checked~.tabs label[for="alltite"],
#volnewmer:checked~.tabs label[for="volnewmer"],
#contour:checked~.tabs label[for="contour"],
#line:checked~.tabs label[for="line"],
#nbi:checked~.tabs label[for="nbi"],
#eswt:checked~.tabs label[for="eswt"],
#manualtherapy:checked~.tabs label[for="manualtherapy"],
#joint:checked~.tabs label[for="joint"],
#plantarfasciitis:checked~.tabs label[for="plantarfasciitis"],
#triggerfinger:checked~.tabs label[for="triggerfinger"],
#event_ing:checked~.tabs label[for="event_ing"],
#event_end:checked~.tabs label[for="event_end"],
#all:checked~.tabs label[for="all"],
#skin:checked~.tabs label[for="skin"],
#petit:checked~.tabs label[for="petit"],
#obesity:checked~.tabs label[for="obesity"],
#pure:checked~.tabs label[for="pure"],
#placenta:checked~.tabs label[for="placenta"],
#garlic:checked~.tabs label[for="garlic"],
#licorice:checked~.tabs label[for="licorice"],
#cinderella:checked~.tabs label[for="cinderella"],
#vitamind:checked~.tabs label[for="vitamind"],
#carnitine:checked~.tabs label[for="carnitine"],
#arginine:checked~.tabs label[for="arginine"],
#vitamin:checked~.tabs label[for="vitamin"],
#fatigue:checked~.tabs label[for="fatigue"],
#omega:checked~.tabs label[for="omega"],
#nutrition:checked~.tabs label[for="nutrition"],
#allergy:checked~.tabs label[for="allergy"],
#enteritis:checked~.tabs label[for="enteritis"],
#cold:checked~.tabs label[for="cold"],
#skinclinic:checked~.tabs label[for="skinclinic"],
#skinvely:checked~.tabs label[for="skinvely"],
#refit:checked~.tabs label[for="refit"],
#lipoderm:checked~.tabs label[for="lipoderm"],
#aqua:checked~.tabs label[for="aqua"],
#storz:checked~.tabs label[for="storz"],
#coresculpt:checked~.tabs label[for="coresculpt"],
#xwave:checked~.tabs label[for="xwave"],
#riftera:checked~.tabs label[for="riftera"] {
  color: #38261C;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 2px;
  border-bottom: 2px solid #38261C;
}

/* ▼ 모바일 전용 버튼형 */
@media (max-width: 1023px) {
  .tabs {
    justify-content: flex-start;
  }

  .tab_item {
    background-color: #ffffff;
    border: 1px solid #AAAAAA;
    font-size: 14px;
    padding: 7px 18px;
    font-weight: 400;
    color: #AAAAAA;
    border-radius: 9999px;
    
  }
  .tab_item:hover {
    background-color: #F5F5F5;
    
  }

  /* ✅ 활성 라벨(모바일): 버튼형 */
  #virtue:checked~.tabs label[for="virtue"],
  #booster:checked~.tabs label[for="booster"],
  #water:checked~.tabs label[for="water"],
  #ldm:checked~.tabs label[for="ldm"],
  #cryo:checked~.tabs label[for="cryo"],
  #filler:checked~.tabs label[for="filler"],
  #botox:checked~.tabs label[for="botox"],
  #shurink:checked~.tabs label[for="shurink"],
  #ulthera:checked~.tabs label[for="ulthera"],
  #density:checked~.tabs label[for="density"],
  #alltite:checked~.tabs label[for="alltite"],
  #volnewmer:checked~.tabs label[for="volnewmer"],
  #contour:checked~.tabs label[for="contour"],
  #line:checked~.tabs label[for="line"],
  #nbi:checked~.tabs label[for="nbi"],
  #eswt:checked~.tabs label[for="eswt"],
  #manualtherapy:checked~.tabs label[for="manualtherapy"],
  #joint:checked~.tabs label[for="joint"],
  #plantarfasciitis:checked~.tabs label[for="plantarfasciitis"],
  #triggerfinger:checked~.tabs label[for="triggerfinger"],
  #event_ing:checked~.tabs label[for="event_ing"],
  #event_end:checked~.tabs label[for="event_end"],
  #all:checked~.tabs label[for="all"],
  #skin:checked~.tabs label[for="skin"],
  #petit:checked~.tabs label[for="petit"],
  #obesity:checked~.tabs label[for="obesity"],
  #pure:checked~.tabs label[for="pure"],
  #placenta:checked~.tabs label[for="placenta"],
  #garlic:checked~.tabs label[for="garlic"],
  #licorice:checked~.tabs label[for="licorice"],
  #cinderella:checked~.tabs label[for="cinderella"],
  #vitamind:checked~.tabs label[for="vitamind"],
  #carnitine:checked~.tabs label[for="carnitine"],
  #arginine:checked~.tabs label[for="arginine"],
  #vitamin:checked~.tabs label[for="vitamin"],
  #fatigue:checked~.tabs label[for="fatigue"],
  #omega:checked~.tabs label[for="omega"],
  #nutrition:checked~.tabs label[for="nutrition"],
  #allergy:checked~.tabs label[for="allergy"],
  #enteritis:checked~.tabs label[for="enteritis"],
  #cold:checked~.tabs label[for="cold"],
  #skinclinic:checked~.tabs label[for="skinclinic"],
  #skinvely:checked~.tabs label[for="skinvely"],
  #refit:checked~.tabs label[for="refit"],
  #lipoderm:checked~.tabs label[for="lipoderm"],
  #aqua:checked~.tabs label[for="aqua"],
  #storz:checked~.tabs label[for="storz"],
  #coresculpt:checked~.tabs label[for="coresculpt"],
  #xwave:checked~.tabs label[for="xwave"],
  #riftera:checked~.tabs label[for="riftera"] {

    background-color: #38261C;
    border-color: #38261C;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 18px;
    border-bottom: none;
  }
}

/* 탭 컨테이너 정렬 */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* 모바일: 왼쪽 정렬 */
  align-items: flex-start;

}

@media (min-width: 1024px) {
  .tabs {
    justify-content: center;
  }
}

/* ✔ 전역 방식(권장): 향후 ID 바뀌어도 유지됨 */
.root_daum_roughmap,
.root_daum_roughmap>div,
.root_daum_roughmap iframe {
  width: 100% !important;
}

#daumRoughmapContainer1756356346185 .wrap_map,
#daumRoughmapContainer1756356346185 .wrap_map .map_root,
#daumRoughmapContainer1756356346185 .wrap_map .map_border {
  height: 100% !important;
}