.main_cont_wrap .each_sect { padding: 150px 0; position:relative; }
.main_cont_wrap .each_sect.nopd { padding: 0; }
.main_cont_wrap .each_sect.pale { background-color: #E9ECF3; }

.main_cont_wrap .inner_wrap { max-width:1240px; padding:0 20px; }
.main_cont_wrap .inner_wrap.wide { max-width: 1480px; }

.main_center_wrap { height: 100%; }

.main_vis_wrap { background: url("/img/renewal/main/main_vis_back.jpg") center / cover no-repeat; bottom:0; height:100dvh; min-height: 1080px; width:100%; }
.main_vis_wrap .vis_txt { left:0; padding-top:195px; position:absolute; text-align: center; top:0; width: 100%; z-index:5; }
.main_vis_wrap .vis_txt strong { color: #232176; font-size: 40px; font-weight: 700; }
.main_vis_wrap .vis_txt h2 { color: #232176; font-size: 70px; font-weight: 700; margin: 0 auto; padding-right: 30px; position: relative; width: fit-content; }
.main_vis_wrap .vis_txt h2::after { content: "+"; color: #FFA4B4; font-size: 70px; font-weight: 700; position: absolute; top:-45px; right: 0; }
.main_vis_wrap .vis_txt p { color: #4E4E4E; font-size:30px; margin-top: 15px; }

.vis_model { bottom:100px; height: 470px; left: 50%; position: absolute; transform: translateX(-50%); width: 1400px; }

.main_vis_noti { align-items: center; background:#3130A8; bottom:0; display: flex; justify-content: center; left:0; height:100px; overflow:hidden; position:absolute; right:0; z-index:10; }
.main_vis_noti h3 { color: #FFF; font-size: 30px; font-weight: 600; }
.main_vis_noti h3 span { color: #FFA4B4; }


.main_cmn_ttl { display:flex; flex-direction:column; gap:18px 0; }
.main_center_wrap .main_cmn_ttl { text-align:center; }
.main_cmn_ttl > strong { font-size:40px; font-weight:700; position:relative; transition:all .5s; }
.main_cmn_ttl strong.navy { color:#2E2D94; }
.main_cmn_ttl strong.white { color:#fff; }
.main_cmn_ttl.white strong,
.main_cmn_ttl.white p { color:#fff; }

@media screen and (max-width:960px) {
    .main_cont_wrap { padding-bottom: 50px; }
    .main_cont_wrap .each_sect { padding: 100px 0; }

    .main_vis_wrap { background:url("/img/renewal/main/m/main_vis_ba  ck.jpg") left top / 100% auto no-repeat; height: calc(100dvh + 106px); min-height: 667px; }

    .vis_model { bottom: 106px; height: auto; width: 100%; }
    .vis_model img { width: 100%; height: 100%; max-height: 55dvh; object-fit: contain; }

    .main_vis_wrap .vis_txt { padding-top: 110px; }
    .main_vis_wrap .vis_txt strong { font-size: 22px; }
    .main_vis_wrap .vis_txt h2 { font-size: 38px; padding-right: 20px; }
    .main_vis_wrap .vis_txt h2::after { font-size: 40px; top:-20px; }
    .main_vis_wrap .vis_txt p { font-size: 15px; margin-top: 12px; }

    .main_vis_noti { height: 106px; }
    .main_vis_noti h3 { font-size: 18px; line-height: 1.2; text-align: center; }

    .main_cmn_ttl > strong { font-size: 26px; }
}


#sect2 { background: url("/img/renewal/main/main_data_back.png") center / cover no-repeat; height: 570px; padding: 0; }
#sect2 .inner_wrap { align-items: center; display: flex; justify-content: center; }

.main_saveteeth_data { box-sizing: content-box; font-size: 0; flex-grow: 1; height: 270px; padding-top: 58px; position: relative; vertical-align: top; width: 100%; }
.main_saveteeth_data .date { color: #D1D1D1; font-size: 18px; position: absolute; top: 0; right: 0; }
.main_saveteeth_data .each_data { align-items: center; display: inline-flex; height: 100%; justify-content: center; position: relative; }
.main_saveteeth_data .each_data::after { background-color: rgba(255,255,255,0.3); content:""; height: 100%; position: absolute; top:50%; transform: translateY(-50%); right: 0; width: 1px; }
.main_saveteeth_data .each_data:nth-child(2) { width: 21.75%; }
.main_saveteeth_data .each_data:nth-child(3),
.main_saveteeth_data .each_data:nth-child(4) { width: 26.66%; }
.main_saveteeth_data .each_data:nth-child(5) { width: 24.91%; }
.main_saveteeth_data .each_data:nth-child(5)::after { content: none; }

.main_saveteeth_data .each_data figure { padding-top: 60px; position: relative; }
.main_saveteeth_data .each_data figure img { left: 50%; position: absolute; top:0; transform: translateX(-50%); }
.main_saveteeth_data .each_data figcaption { text-align: center; }
.main_saveteeth_data .each_data figcaption strong { color: #FFF; font-size: 50px; font-weight: 700; }
.main_saveteeth_data .each_data figcaption p { color: #D1D1D1; font-size: 18px; }

.main_saveteeth_data .each_data:nth-child(5) figure { padding-top: 70px; }

@media screen and (max-width:960px) {
    #sect2 { background-image: url("/img/renewal/main/m/") height: auto; padding:80px 0 50px; }
    .main_saveteeth_data { height: auto; padding-top: 17px; }
    .main_saveteeth_data .date { font-size: 13px; }
    .main_saveteeth_data .each_data { padding: 22px 0 43px; width: 50% !important; }

    .main_saveteeth_data .each_data figure { padding-top: 50px; }
    .main_saveteeth_data .each_data:nth-child(2) figure img { height: 49px; width: 37px; }
    .main_saveteeth_data .each_data:nth-child(3) figure img { height: 35px; width: 30px; }
    .main_saveteeth_data .each_data:nth-child(4) figure img { height: 37px; width: 33px; }
    .main_saveteeth_data .each_data:nth-child(5) figure { padding-top: 47px; }
    .main_saveteeth_data .each_data:nth-child(5) figure img { height: 46px; width: 20px; }

    .main_saveteeth_data .each_data figcaption strong { font-size:30px; }
    .main_saveteeth_data .each_data figcaption p { font-size: 13px; margin-top: 10px; }

    .main_saveteeth_data .each_data::after { height: calc(100% - 30px); }
    .main_saveteeth_data .each_data:nth-child(2)::before { background-color: rgba(255,255,255,0.3); bottom: 0; content:""; height: 1px; left: 0; position: absolute; width: calc(100% - 12px); }
    .main_saveteeth_data .each_data:nth-child(3)::before { background-color: rgba(255,255,255,0.3); bottom: 0; content:""; height: 1px; position: absolute; right: 0; width: calc(100% - 12px); }
    .main_saveteeth_data .each_data:nth-child(3)::after { content: none; }
}

.main_branch_info { display: flex; gap:0 60px; margin-top: 60px; }

.branch_scroll { max-height: 600px; overflow-y: auto; padding-right: 18px; width: fit-content; }
.branch_scroll::-webkit-scrollbar { background-color: #FFF; width: 8px; }
.branch_scroll::-webkit-scrollbar-thumb { background-color: #232176; }
.branch_scroll li { border: 1px solid #383838; background-color: #FFF; min-height: 152px; padding: 20px; width: 390px; }
.branch_scroll li + li { margin-top: 10px; }
.branch_scroll li .branch_tit { margin-bottom: 19px; padding-bottom: 21px; position: relative; }
.branch_scroll li .branch_tit::after { background-color: #2D2D2D; bottom:0; content: ""; height: 2px; left: 0; position: absolute; width: 40px; }
.branch_scroll li .branch_tit strong { color: #232176; font-size: 28px; font-weight: 700; }
.branch_scroll li .branch_list { font-size: 0; }
.branch_scroll li .branch_list a { border: 1px solid #383838; border-radius: 50px; display: inline-block; line-height: 36px; padding: 0 18px; transition: .3s; vertical-align: middle; }
.branch_scroll li .branch_list a + a { margin-left: 6px; }
.branch_scroll li .branch_list a:hover { background-color: #232176; color: #fff; }
.branch_scroll li .branch_list p { font-size: 18px; }

.branch_map { display: flex; flex: 1; justify-content: center; }

@media screen and (max-width:1200px) {
    .main_branch_info { gap: 0 20px; }
    .branch_scroll li { min-height: 132px; width: 320px; }
}

@media screen and (max-width:960px) {
    .main_branch_info { flex-direction: column-reverse; gap: 20px 0; }

    .branch_scroll { max-height: 462px; width: 100%; }
    .branch_scroll li { min-height: auto; padding: 16px 20px; width: 100%; }
    .branch_scroll li .branch_tit { margin-bottom: 8px; padding-bottom: 10px; }
    .branch_scroll li .branch_tit strong { font-size: 21px; }
    .branch_scroll li .branch_list a { font-size: 15px; line-height: 33px; padding: 0 14px; }
    .branch_scroll li .branch_list p { font-size: 15px; }
}


.cross_section_wrap .each_cross { align-items: center; display: flex; gap:0 100px; position: relative; justify-content: flex-end; }
.cross_section_wrap .each_cross + .each_cross { margin-top: 80px; }
.cross_section_wrap .each_cross .txt_box { flex: 1; padding-left: calc((100vw - 1200px) / 2); }
.cross_section_wrap .each_cross .txt_box h3 { color: #232176; font-size: 40px; font-weight: 700; margin-bottom: 30px; padding-bottom: 32px; position: relative; }
.cross_section_wrap .each_cross .txt_box h3::after { background-color: #2D2D2D; bottom:0; content: ""; height: 2px; left: 0; position: absolute; width: 40px; }
.cross_section_wrap .each_cross .txt_box p { color: #2D2D2D; font-size: 18px; line-height: 1.28; }
.cross_section_wrap .each_cross .img_box { flex-shrink: 0; height: 100%; padding-top: 28.64%; position: relative; width: 50%; }
.cross_section_wrap .each_cross .img_box img { height: 100%; left: 0; position: absolute; top:0; width: 100%; }

.cross_section_wrap .each_cross:nth-child(2n) { flex-direction: row-reverse; }
.cross_section_wrap .each_cross:nth-child(2n) .txt_box { padding-left: 0; padding-right: calc((100vw - 1200px) / 2); }

@media screen and (max-width:960px) {
    .cross_section_wrap .each_cross { flex-direction: column; }
    .cross_section_wrap .each_cross .txt_box { padding-left: 0; text-align: center; }
    .cross_section_wrap .each_cross .txt_box h3 { font-size: 24px; margin-bottom: 20px; padding-bottom: 22px;  }
    .cross_section_wrap .each_cross .txt_box h3::after { left: 50%; transform: translateX(-50%); }
    .cross_section_wrap .each_cross .txt_box p { font-size: 15px; }
    .cross_section_wrap .each_cross .img_box { margin-top: 40px; padding-top: 66.66%; width: 100%; }

    .cross_section_wrap .each_cross:nth-child(2n) { flex-direction: column; }
    .cross_section_wrap .each_cross:nth-child(2n) .txt_box { padding-right: 0; }
}

.main_philoso_wrap h2 { color: #232176; font-size: 40px; font-weight: 700; }
.main_philoso_wrap ul { display: flex; gap: 0 20px; margin-top: 60px; }
.main_philoso_wrap ul li { flex: 1; }
.main_philoso_wrap ul li .txt_wrap { margin-top:20px;  }
.main_philoso_wrap ul li .txt_wrap strong { color: #232176; font-size: 28px; font-weight: 600;  }
.main_philoso_wrap ul li .txt_wrap p { font-size:18px; line-height: 1.28; margin-top: 8px; }

@media screen and (max-width:960px) {
    .main_philoso_wrap h2 { font-size: 26px; padding-top: 35px; position: relative; text-align: center; }
    .main_philoso_wrap h2::after { background: url("/img/renewal/main/m/main_saveteeth_lettering.svg") center / 100% auto no-repeat; content: ""; height: 15px; left: 50%; position: absolute; top:0; transform: translateX(-50%); width: 61px; }

    .main_philoso_wrap ul { display: block; margin-top: 50px; }
    .main_philoso_wrap ul li + li { margin-top: 50px; }
    .main_philoso_wrap ul li .txt_wrap { text-align: center; }
    .main_philoso_wrap ul li .txt_wrap strong { font-size: 21px; }
    .main_philoso_wrap ul li .txt_wrap p { font-size: 15px; margin-top: 6px; }
    .main_philoso_wrap ul li .img_wrap { text-align: center; }
}

.main_doctor_swiper { overflow: hidden; }
.main_doctor_swiper .swiper-slide { height: auto; }

.main_doctor_swiper .swiper-slide:nth-child(1n) { width: calc(55% - 27.5px); }
.main_doctor_swiper .swiper-slide:nth-child(2n) { width: calc(45% - 22.5px); }

.main_doctor_swiper img { height: 100%; position: absolute; top:0; right: 0; }
.main_doctor_swiper strong { font-size: 20px; font-weight: 700; }
.main_doctor_swiper h3 { color: #232176; font-size: 50px; font-weight: 700; margin-top: 5px; }
.main_doctor_swiper h3 span { color: inherit; font-size: 26px; font-weight: 400; }
.main_doctor_swiper .list_info { margin-top: 20px; }
.main_doctor_swiper ul + ul { margin-top: 20px; }
.main_doctor_swiper li { font-family: "PyeojinGothic"; font-size: 15px; padding-left: 14px; position: relative; }
.main_doctor_swiper li::before { background-color: #ABABAB; border-radius: 999px; content:""; height: 4px; left: 0; position: absolute; top:5.5px; width: 4px; }

.main_doctor_swiper .swiper-pagination { display: none; }

@media screen and (max-width:960px) {
    #sect6 { overflow: hidden; padding: 60px 0 100px; }
    .main_doctor_swiper { overflow: visible; }

    .main_doctor_swiper .swiper-slide:nth-child(1n) { width: 100%; }
    .main_doctor_swiper .swiper-slide:nth-child(2n) { width: 100%; }

    .main_doctor_swiper .tit_info { border-bottom: 1px solid #A0A0A0; height: 0; padding-top:66.5%; position: relative; width: calc(100% + 20px); }
    .main_doctor_swiper strong { font-size: 16px; left: 0; position: absolute; top:50px; }
    .main_doctor_swiper h3 { font-size: 28px; left: 0; position: absolute; top: 70px; }
    .main_doctor_swiper h3 span { font-size: 18px; }
    .main_doctor_swiper img { bottom: 0; object-fit: cover; top:auto; }

    .main_doctor_swiper ul + ul { margin-top: 0; }
    .main_doctor_swiper li { font-size: 13px; line-height: 1.25; padding-left: 13px; }

    .main_doctor_swiper .swiper-pagination { display: block; margin-top: 50px; position: unset; }

    .main_doctor_swiper .swiper-pagination-bullet { background-color: #A0A0A0; }
    .main_doctor_swiper .swiper-pagination-bullet-active { background-color: #232176; }
}

.main_treatment h2 { color: #232176; font-size: 40px; font-weight: 700; }
.main_treatment .trt_list { display: flex; gap: 0 80px; justify-content: space-between; margin-top: -20px; }
.main_treatment .trt_list > * { flex: 1; }
.main_treatment .trt_list figure + figure { margin-top: 110px; }
.main_treatment .trt_list figcaption { margin-top: 20px; }
.main_treatment .trt_list figcaption strong { color: #232176; font-size: 28px; font-weight: 600; }
.main_treatment .trt_list figcaption p { font-size: 18px; line-height: 1.28; margin-top: 10px; }
.main_treatment .trt_list .left_trt { margin-top: 100px; }


@media screen and (max-width:960px) {
    .main_treatment h2 { font-size: 26px; padding-top: 35px; position: relative; text-align: center; }
    .main_treatment h2::after { background: url("/img/renewal/main/m/main_saveteeth_lettering.svg") center / 100% auto no-repeat; content: ""; height: 15px; left: 50%; position: absolute; top:0; transform: translateX(-50%); width: 61px; }

    .main_treatment .trt_list { display: block; margin-top: 50px; }
    .main_treatment .trt_list figure { text-align: center; }
    .main_treatment .trt_list figure + figure { margin-top: 50px; }
    .main_treatment .trt_list figcaption strong { font-size: 21px; }
    .main_treatment .trt_list figcaption p { font-size: 15px; margin-top: 6px; }
    .main_treatment .trt_list .left_trt { margin-top: 50px; }
    .main_treatment .trt_list .right_trt { margin-top: 50px; }
}


.main_our_locations { display: flex; gap: 0 100px; margin-top: 80px; }
.main_our_locations ul { width: 300px; flex-shrink: 0; }
.main_our_locations ul li { box-sizing: content-box; height: 34px; position: relative; padding: 30px 0; transition: .5s; }

.main_our_locations ul li:first-child { padding: 0 0 30px; }
.main_our_locations ul li::before { background-color: #000; content: ""; height: 2px; left: 20%; opacity: 0; position: absolute; top:0; transition: left .5s, opacity .3s; right: 0; }
.main_our_locations ul li::after { background-color: #DBDCE0; bottom: 0; content: ""; height: 1px; left: 0; opacity: 0; position: absolute; transition: .1s; transition-delay: .1s; right: 0; }
.main_our_locations ul li img { height: 30px; width: 30px; }
.main_our_locations ul li p { align-items: center; display: flex; font-size: 24px; font-weight: 600; gap: 0 10px; }
.main_our_locations .go_link { align-items:center; background-color: transparent; border: 1px solid #DBDCE0; border-radius:50px; color: #2E2D94; display:flex; font-size:16px; font-weight:500; height:48px; justify-content:space-between; margin-left: 40px; margin-top:30px; opacity:0; padding:0 24px; position:relative; transition: .2s; transition-delay: 0s; visibility: hidden; width:178px; }
.main_our_locations .go_link::after { background: url("/img/renewal/common/arrow_r_n.svg") center / 100% auto no-repeat; content:""; height:8px; transition:.5s; width:16px; }

.main_our_locations .go_link:hover { background-color: #2E2D94; border: 1px solid transparent; color: #FFF; display: flex; }
.main_our_locations .go_link:hover::after { background: url("/img/renewal/common/arrow_r_w.svg") center / 100% auto no-repeat; }

.main_our_locations .go_link.for_mob { display: none; }

.main_our_locations ul li.active { height: 112px; padding: 30px 0; }
.main_our_locations ul li.active a { opacity: 1;  transition: 0.5s; transition-delay: 0.15s; visibility: visible; }
.main_our_locations ul li.active::before { left: 0; opacity: 1; }
.main_our_locations ul li.active::after { opacity: 1; }


.main_our_locations .loc_map { flex: 1; overflow: hidden; position: relative; }
.main_our_locations .loc_map .each_loc_map { left: 0; opacity: 0; position: absolute; top:0; transform: translateY(-9999px); transition: opacity .3s ease-in-out; visibility: hidden; width: 100%; z-index: -1; }
.main_our_locations .loc_map .each_loc_map.active { opacity: 1; position: static; transform: translateY(0); visibility: visible; }
.main_our_locations .loc_map .map_inner { height: 47vh; max-height: 511px; width: 100%; }
.main_our_locations .loc_map .map_inner.show { opacity: 1; transform: translateY(0); }

.main_our_locations .loc_info { display: flex; justify-content: space-between; margin-top: 20px; }
.main_our_locations .loc_info .address { background: url("/img/renewal/common/ic_location.svg") left center / 24px auto no-repeat; color: #222; font-size:18px; padding-left: 32px; transition: 0.5s; }
.main_our_locations .loc_info .time { background: url("/img/renewal/common/ic_time.svg") left top / 24px auto no-repeat; margin-top: 20px;  padding-left: 32px; transition: 0.5s; }
.main_our_locations .loc_info .time.show { opacity: 1; transform: translateY(0); }
.main_our_locations .loc_info .time dl { display: inline-block; vertical-align: top; }
.main_our_locations .loc_info .time dl + dl { margin-left: 30px; }
.main_our_locations .loc_info .time dt { font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.main_our_locations .loc_info .time dt b { font-weight: 600; margin-left: 12px; }
.main_our_locations .loc_info .time dd { color: #888888; font-size:18px; }
.main_our_locations .loc_info .time dd + dd { margin-top: 5px; }

.main_our_locations .loc_info .check_map { display: flex; gap: 0 8px; }
.main_our_locations .loc_info .check_map a { align-items:center; background-color: transparent; border: 1px solid #DBDCE0; border-radius:50px; color: #2E2D94; display:flex; flex: 1; font-size:16px; font-weight:500; height:48px; gap: 0 10px; opacity: 0; padding:0 24px; position:relative; transform: translateY(50%); transition: .5s; width:252px; }
.main_our_locations .loc_info .check_map a.show { opacity: 1; transform: translateY(0); }
.main_our_locations .loc_info .check_map a::before { background-position: center; background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 20px; width: 20px; }
.main_our_locations .loc_info .check_map a::after { background: url("/img/renewal/common/arrow_r_n.svg") center / 100% auto no-repeat; content:""; height:8px; margin-left: auto; transition:.5s; width:16px; }

.main_our_locations .loc_info .check_map a:hover { background-color: #2E2D94; border: 1px solid transparent; color: #FFF; display: flex; }
.main_our_locations .loc_info .check_map a:hover::after { background: url("/img/renewal/common/arrow_r_w.svg") center / 100% auto no-repeat; }


.main_our_locations .loc_info .check_map a.naver::before { background-image: url("/img/renewal/main/ic_naver.svg"); }
.main_our_locations .loc_info .check_map a.kakao::before { background-image: url("/img/renewal/main/ic_kakao.svg"); }

@media screen and (max-width:1440px) {
    .main_our_locations .loc_info .check_map { flex-direction: column; gap: 20px 0; }
    .main_our_locations .loc_info .check_map a { flex: 0 0 auto; }


}

@media screen and (max-width:1180px) {
    .main_our_locations .loc_info .check_map { display: none }
    .main_our_locations .go_link.for_mob { display: flex; margin-top: 0; opacity: 1; visibility: visible; }
}

@media screen and (max-width:1024px) {
    .main_our_locations { flex-direction: column; margin-top: 15px; }

    .main_our_locations ul { display: flex; margin-bottom: 15px; width: 100%; }
    .main_our_locations ul li { flex:1; height: auto; padding: 10px 0; }
    .main_our_locations ul li p { font-size:16px; gap: 0; justify-content: center; }
    .main_our_locations ul li:first-child { padding: 10px 0; }
    .main_our_locations ul li::before { content: none; }
    .main_our_locations ul li::after { opacity: 1; transition: background-color .3s; }

    .main_our_locations ul li img { display: none; }

    .main_our_locations .loc_map .map_inner { height: 180px; }

    .main_our_locations .loc_info { display: block; margin-top: 17px; position: relative; }
    .main_our_locations .loc_info .address { background-position: top 1px left; background-size: 15px auto; font-size: 15px; padding-left: 23px; }
    .main_our_locations .loc_info .time { background-size: 15px auto; margin-top: 7px; padding-left: 23px; }
    .main_our_locations .loc_info .time dl { display: block; }
    .main_our_locations .loc_info .time dl + dl { margin-left: 0; margin-top: 7px; }
    .main_our_locations .loc_info .time dt { font-size: 15px; margin-bottom: 3px; }
    .main_our_locations .loc_info .time dd { font-size: 15px; }

    .main_our_locations .loc_info .check_map { display: none; }

    .main_our_locations ul li.active { height: auto; padding: 10px 0; }
    .main_our_locations ul li.active::after { background-color: #222; height: 2px;  }

    .main_our_locations .go_link { bottom: 0; display: flex; font-size: 14px; height: 37px; opacity: 1; position: absolute; padding: 0 14px; right: 0; visibility: visible; width: 133px; }

    .main_our_locations .go_link.for_web { display: none; }

}