@charset "urf-8";
:root {

}
/************************* common class *************************/
.c_c89d81 { color: #c89d81; }
.c_3b312a { color: #3b312a; }
.c_443e3b { color: #443e3b; }
.c_696563 { color: #696563; }

.ptd_t { font-family: 'Pretendard Variable'; font-weight: 100; }
.ptd_el { font-family: 'Pretendard Variable'; font-weight: 200; }
.ptd_l { font-family: 'Pretendard Variable'; font-weight: 300; }
.ptd_r { font-family: 'Pretendard Variable'; font-weight: 400; }
.ptd { font-family: 'Pretendard Variable'; font-weight: 500; }
.ptd_sb { font-family: 'Pretendard Variable'; font-weight: 600; }
.ptd_b { font-family: 'Pretendard Variable'; font-weight: 700; }

.sor_r { font-family: 'SortsMillGoudy-Regular'; font-weight: normal; font-style: normal; }

.flexCenter { display: flex; justify-content: center; align-items: center; }
.flexCol_aiCenter { display: flex; flex-direction: column; align-items: center; }
.flexCol_center { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.bgImg { z-index: -1; position: absolute; }

/************************* visual common *************************/
.visual_wrap { display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 34.375rem; }
.visual_wrap .visual_cont { display: flex; flex-direction: column; align-items: center; padding-top: 14.5rem; }
.visual_wrap .visual_subTitle { text-align: center; }
.visual_wrap .visual_title { margin-top: 1.625rem; text-align: center; }

@media (max-width: 960px) {
  .visual_wrap { padding-inline: 2.5%; }
}
@media (max-width: 480px) {
  .visual_wrap { padding-inline: 5%; }
}

/********************************************************** 
* sub1_2
***********************************************************/
/* visual */
.visual_wrap.sub12 { background: url(../sub/img/w_sub/sub1-2_visual.jpg) center / cover no-repeat; }

/* seciton 1 */
.sub12_doctor_wrap .doctor_sect1 { overflow-y: clip; padding-block: 11.25rem; width: 100%; }
.sub12_doctor_wrap .doctor_sect2 { padding-block: 11.125rem 10.875rem; width: 100%; }

.sub12_doctor_wrap .doctor_sect { z-index: 1; display: flex; justify-content: center; position: relative; }
.sub12_doctor_wrap .doctor_sect .doctor_sect_bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; }
.sub12_doctor_wrap .doctor_sect .doctor_sect_inner { display: flex; justify-content: flex-start; align-items: center; gap: 7.125rem; width: 100%; max-width: 89.5rem; }
.sub12_doctor_wrap .doctor_swiper { width: 31.125rem; aspect-ratio: 80.1932 / 100; margin: 0;overflow:hidden }
.sub12_doctor_wrap .doctor_swiper .swiper-pagination-bullets { display: flex; justify-content: center; gap: 1.25rem; bottom: 2.188rem; left: 50%; transform: translateX(-50%); }
.sub12_doctor_wrap .doctor_swiper .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
.sub12_doctor_wrap .doctor_swiper .swiper-pagination-bullet { opacity: 1; width: 11px; aspect-ratio: 100 / 100; background: #d4d1d8; }
.sub12_doctor_wrap .doctor_swiper .swiper-pagination-bullet-active { background: #ae9dce; }

.sub12_doctor_wrap .doctor_history_wrap,
.sub12_doctor_wrap .doctor_history_inner { display: flex; flex-direction: column; align-items: flex-start; }

.sub12_doctor_wrap .doctor_slogan_wrap { display: flex; flex-direction: column; align-items: flex-start; }
.sub12_doctor_wrap .doctor_slogan_title { margin-bottom: 1.5rem; line-height: 1.3666; }
.sub12_doctor_wrap .doctor_slogan_descWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
.sub12_doctor_wrap .doctor_slogan_desc { line-height: 1.5882; }

.sub12_doctor_wrap .info_line { display: block; width: 39.25rem; height: 1px; margin-block: 1.875rem 2.125rem; background: rgba(0, 0, 0, 0.1); }

.sub12_doctor_wrap .doctor_history_wrap { display: flex; flex-direction: column; align-items: flex-start; }
.sub12_doctor_wrap .doctor_history_icon { display: flex; justify-content: center; align-items: center; width: 3.563rem; height: 1.75rem; background: #c8aa97; border-radius: 0.875rem; color: #fff; }
.sub12_doctor_wrap .doctor_info { margin-block: 1.125rem; }
.sub12_doctor_wrap .doctor_history_lists { display: flex; justify-content: flex-start; align-items: flex-start; gap: 8.125rem; }
.sub12_doctor_wrap .doctor_history_list { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.sub12_doctor_wrap .doctor_history { display: flex; align-items: flex-start; gap: 0.313rem; }
.sub12_doctor_wrap .doctor_history .list_icon { margin-top: 0.25rem; font-size: 0.375rem; }

/* loop text animation */
.sub12_loopText { display: flex; width: 100%; flex-wrap: nowrap; margin-bottom: 8.875rem; }
.sub12_loopText .loopText_img { width: 52.938rem; aspect-ratio: 100 / 12.987; animation: textLoop 50s linear infinite; }
.sub12_loopText .loopText_img:not(:first-child) { margin-left: 3.125rem; }
@keyframes textLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% - 3.125rem)); }
}

@media (max-width: 1280px) {
  .sub12_doctor_wrap .doctor_swiper .swiper-pagination-bullet { width: 0.688rem; height: auto; }
}

@media (max-width: 960px) {
  .sub12_doctor_wrap .doctor_sect .doctor_sect_inner { flex-direction: column; gap: 3rem; max-width: none; }
  .sub12_doctor_wrap .doctor_swiper { width: 100%; max-width: 498px; }
  .sub12_doctor_wrap .doctor_history_wrap { width: 100%; max-width: 498px; }
  .sub12_doctor_wrap .doctor_history_inner { width: 100%; }

  .sub12_doctor_wrap .info_line { width: 100%; }
}
@media (max-width: 768px) {
  .sub12_doctor_wrap .doctor_sect { padding-inline: 5%; }
  .sub12_doctor_wrap .doctor_sect1 ,
  .sub12_doctor_wrap .doctor_sect2 { padding-block: 7rem; }
  .sub12_doctor_wrap .doctor_history_lists { flex-wrap: wrap; gap: 1rem 8.125rem; }
}
@media (max-width: 480px) {
  .sub12_loopText .loopText_img { width: 38.938rem; }
}

/********************************************************** 
* sub1_3
***********************************************************/
/* visual */
.visual_wrap.sub13 { background: url(../sub/img/w_sub/sub1-3_visual.jpg) center / cover no-repeat; }

/* section 1 */
.sub13_sect1 { padding-block: 11.25rem 9.375rem; margin-bottom: 9.375rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.sub13_sect1 .sub13_sect1_title { width: 100%; max-width: 89.5rem; padding-bottom: 10px; margin-bottom: 3.125rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.sub13_sect1 .sub13_sect1_contWrap { display: flex; gap: 8.75rem; width: 100%; max-width: 89.5rem; padding-inline: 1.25rem; }
.sub13_sect1_contWrap .leftCont { width: 646px; }
.sub13_sect1_contWrap .leftCont .info_item_wrap { display: flex; align-items: flex-start; gap: 3.75rem; }
.sub13_sect1_contWrap .leftCont .item_title,
.sub13_sect2_contWrap .item_title { display: flex; align-items: center; flex-shrink: 0; gap: 0.625em; min-width: 6rem; font-size: 1.25rem; color: #3b312a; }
.sub13_sect1_contWrap .leftCont .item_title .spacing_wrap { flex-grow: 1; display: flex; justify-content: space-between; }
.sub13_sect1_contWrap .leftCont .item1 { padding-bottom: 3.375rem; margin-bottom: 3.375rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.sub13_sect1_contWrap .leftCont .item1 .item_title { margin-top: 0.25rem; }
.sub13_sect1_contWrap .leftCont .item_title .icon_star,
.sub13_sect2_contWrap .item_title .icon_star { position: relative; width: 7px; aspect-ratio: 100 / 100; background: #c89d81; border-radius: 50%; }

.sub13_sect1_contWrap .leftCont .info_item { flex-grow: 1; }
.sub13_sect1_contWrap .leftCont .info_tel { font-size: 2.188rem; color: #3b312a; }
.sub13_sect1_contWrap .leftCont .info_tel_notice { display: flex; align-items: flex-start; gap: 0.25rem; margin-block: 1.875rem 1.625rem; font-size: 1.063rem; color: #615c59; }
.sub13_sect1_contWrap .leftCont .info_tel_notice i { position: relative; top: -0.05rem; }
.sub13_sect1_contWrap .leftCont .info_btn_wrap { display: flex; gap: 0.625rem; }
.sub13_sect1_contWrap .leftCont .tel_btn { display: flex; justify-content: center; align-items: center; transition: background 0.5s ease; width: 9.375rem; height: 3.125rem; border: 1px solid #c8aa97; border-radius: 1.438rem; font-size: 0.938rem; color: #1b1b1b; }
.sub13_sect1_contWrap .leftCont .tel_btn:hover { background: #c8aa97; color: #fff; }
.sub13_sect1_contWrap .leftCont .kakao_btn { gap: 0.375rem; }
.sub13_sect1_contWrap .leftCont .kakao_btn .tel_icon { width: 1.375rem; }
.sub13_sect1_contWrap .leftCont .naver_btn { gap: 0.625rem; }
.sub13_sect1_contWrap .leftCont .naver_btn .tel_icon { width: 1.25rem; }

.sub13_sect1_contWrap .leftCont .clinic_hour_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1.75rem; margin-top: 0.05rem; }
.sub13_sect1_contWrap .leftCont .clinic_hour { display: flex; align-items: center; gap: 1.5rem; }
.sub13_sect1_contWrap .leftCont .clinic_day { display: flex; justify-content: space-between; min-width: 5.75rem; font-size: 1.125rem; color: #615c59; }
.sub13_sect1_contWrap .leftCont .clinic_time { font-size: 1.125rem; color: #615c59; }
.sub13_sect1_contWrap .leftCont .time_flex_wrap { display: flex; gap: 0.25rem; align-items: center; }
.sub13_sect1_contWrap .leftCont .time_notice { font-size: 1rem; color: #9a9a9a; }

.sub13_sect1_contWrap .leftCont .lunch_wrap { display: flex; flex-direction: column; align-items: flex-start; margin-top: 2.25rem; }
.sub13_sect1_contWrap .leftCont .clinic_notice { font-size: 1rem; color: #9a9a9a; }

/* section 2 */
.sub13_sect2_contWrap { width: 100%; max-width: 87rem; margin-bottom: 10rem; }
.sub13_sect2_contWrap .map_wrap { position: relative; width: 100%; margin-bottom: 2.75rem; }
.sub13_sect2_contWrap .map_btn_wrap { display: flex; justify-content: center; gap: 0.375rem; }
.sub13_sect2_contWrap .map_wrap .map_btn_wrap { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); }
.sub13_sect2_contWrap .location_desc_wrap .map_btn_wrap { margin-top: 1.875rem; }
.sub13_sect2_contWrap .map_btn { display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; width: 7.625rem; height: 2.5rem; background: #fff; border: 1px solid #c3c4c6; font-family: 'SUITv1-SemiBold'; font-size: 0.875rem; color: #000; }
.sub13_sect2_contWrap .map_btn:hover { background: #c8aa97; border-color: #c8aa97; color: #fff; }
.sub13_sect2_contWrap .google_map { gap: 0.5rem; border: 1px solid #c8aa97; }
.sub13_sect2_contWrap .naver_map { gap: 0.25rem; }
.sub13_sect2_contWrap .kakao_map { gap: 0.25rem; }
.sub13_sect2_contWrap .t_map { gap: 0.375rem; }

.sub13_sect2_contWrap .sub13_sect2_item_wrap { display: flex; justify-content: center; position: relative; width: 100%; height: 8.375rem; }
.sub13_sect2_contWrap .sub13_sect2_item_wrap::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 100%; background: rgba(0, 0, 0, 0.2); }
.sub13_sect2_contWrap .sub13_sect2_item { display: flex; justify-content: center; align-items: flex-start; width: 50%; padding-top: 1.375rem; }
.sub13_sect2_contWrap .item_cont_wrap { display: flex; justify-content: center; align-items: flex-start; gap: 2rem; }
.sub13_sect2_contWrap .location_desc { font-size: 1.125rem; color: #615c59; }

.sub13_sect2_contWrap .parking_desc_wrap { display: flex; flex-direction: column; margin-top: 0.05rem; }
.sub13_sect2_contWrap .parking_desc { font-size: 1.125rem; color: #615c59; }

@media (max-width: 1560px) {
  .sub13_sect1 .sub13_sect1_contWrap { gap: 7.2917vw; padding-inline: 0; }
}
@media (max-width: 1280px) {
  .sub13_sect1 .sub13_sect1_title,
  .sub13_sect1 .sub13_sect1_contWrap,
  .sub13_sect2 .sub13_sect2_contWrap { width: 95%; max-width: none; }

  .sub13_sect2_contWrap .map_wrap .map_btn_wrap { bottom: 1.6406vw; }
}
@media (max-width: 1200px) {
  .sub13_sect2_contWrap .item_cont_wrap { flex-direction: column; gap: 0.5rem; }
  .sub13_sect2_contWrap .parking_desc_wrap { margin-top: 0; }
}
@media (max-width: 1000px) {
  .sub13_sect1_contWrap .leftCont .info_item_wrap { gap: 2rem; }
}
@media (max-width: 960px) {
  .sub13_sect1 { padding-block: 7rem; margin-bottom: 7rem; }
  .sub13_sect1 .sub13_sect1_contWrap { flex-direction: column-reverse; max-width: 615px !important; }

  /* section 2 */
  .sub13_sect2 .sub13_sect2_contWrap .sub13_sect2_item_wrap { max-width: 615px; }
  .sub13_sect2_contWrap .location_desc_wrap .map_btn_wrap { justify-content: flex-start; flex-wrap: wrap; width: 100%; }
  .sub13_sect2_contWrap .sub13_sect2_item_wrap { flex-direction: column; justify-content: flex-start; gap: 3rem; height: auto; }
  .sub13_sect2_contWrap .sub13_sect2_item_wrap::before { display: none; }
  .sub13_sect2_contWrap .sub13_sect2_item { justify-content: flex-start; width: 100%; }
  .sub13_sect2_contWrap .item_cont_wrap { flex-direction: row; gap: 2rem; }

}
@media (max-width: 480px) {
  .sub13_sect1 .sub13_sect1_title,
  .sub13_sect1 .sub13_sect1_contWrap,
  .sub13_sect2 .sub13_sect2_contWrap .sub13_sect2_item_wrap { width: 90%; }
  .sub13_sect2 .sub13_sect2_contWrap { width: 100%; }

  .sub13_sect1_contWrap .leftCont .info_tel_notice { display: flex; align-items: flex-start; gap: 0.3rem; }
  .sub13_sect1_contWrap .leftCont .info_item_wrap { flex-direction: column; }
  .sub13_sect1_contWrap .leftCont .info_item { width: 100%; }

  .sub13_sect2_contWrap .item_cont_wrap { flex-direction: column; }
  .sub13_sect2_contWrap .parking_desc_wrap { margin-top: 0; }

  .sub13_sect2_contWrap .map_btn_wrap { gap: 2.0313vw; }
  .sub13_sect2_contWrap .map_btn { width: 28.6271vw; height: 9.3113vw; font-size: 2.7083vw; }

  .sub13_sect2_contWrap .naver_map { gap: 1.6927vw; }
  .sub13_sect2_contWrap .naver_map .map_icon { width: 5.4167vw; }

  .sub13_sect2_contWrap .kakao_map { gap: 1.3542vw; }
  .sub13_sect2_contWrap .kakao_map .map_icon { width: 5vw; }

  .sub13_sect2_contWrap .t_map { gap: 2.0313vw; }
  .sub13_sect2_contWrap .t_map .map_icon { width: 3.75vw; }
}