
#clinic-0{background:url('/img/250222_1.webp') center top no-repeat; background-size:cover;}
.clinic_0_data{display:none;}
.clinic_0_data.on{display:block;}
#clinic-1{background:url('/img/250221_5.webp') center top no-repeat; background-size:cover;}
.clinic_1_data{display:none;}
.clinic_1_data.on{display:block;}
#clinic-2{background:url('/img/250222_99.webp') center top no-repeat; background-size:cover;}
#clinic-3{background:url('/img/250223_8.webp') center left no-repeat; background-size:cover;}

.table_scroll{overflow:hidden; overflow-x:auto;}
.table_st1{width:100%; min-width:600rem; border: 1px solid #D7D7D7; border-collapse: collapse;}
.table_st1 td{padding:20rem; font-size:21rem; border:1px solid #D7D7D7;vertical-align:middle; }
.table_st1 th{text-align:left; font-weight:700; padding:20rem; font-size:21rem; border:1px solid #D7D7D7;vertical-align:middle; }
.table_st1 .ts1{background:#f0f0f0; color:#797979}
.table_st1 .ts2{background:rgba(16,104,211,0.1); color:#1068D3;}
.table_st1 .ts3{background:#FDF4F2;}
.clinic_section .clinic_tab{width:100%; margin:50rem auto;}
.clinic_section .clinic_tab .clinic_tab_item{transition:all 0.5s ease; cursor:pointer; box-shadow: 2px 9px 8.8px rgba(0, 0, 0, 0.25); width:240rem; aspect-ratio:240/200; background:rgba(255,255,255,1); border-radius:20rem;}
.clinic_section .clinic_tab .clinic_tab_item.active{transition:all 0.5s ease; background:#d7ae23;}
.clinic_section .clinic_tab .clinic_tab_item.active .tit{transition:all 0.5s ease; color:#fff;}
.clinic_section .clinic_tab .clinic_tab_item.active img{transition:all 0.5s ease; filter:brightness(100);}
.clinic_section .clinic_tab .clinic_tab_item .img_wrap img{width:60rem;}
.clinic_swip{background:#fff; padding:50rem;border-radius:30rem;}
.clinic_swip .txt_wrap{height:100%; padding:30rem;}
.clinic_swip .img_wrap{border-radius:20rem; overflow:hidden;}
.clinic_swip .clinic_swip_li a.swiper-pagination-bullet{opacity:0.6;}
.clinic_swip .clinic_swip_li a.swiper-pagination-bullet-active{opacity:1;}
.clinic_swip .clinic_swip_li{display:flex; align-items:center; margin-bottom:50rem; justify-content:center;}
.clinic_swip .clinic_swip_li a{display:inline-table; padding:8rem 25rem; font-size:20rem; color:#888; width:auto; background:#EDEDED; border-radius:30rem;}
.clinic_swip .clinic_swip_li a.swiper-pagination-bullet-active{background:#FF5D34; color:#fff; font-weight:700;}
.clinic_swip .ico_boxes{background:#F3F9FF; aspect-ratio:300/350; height:100%;}
.clinic_swip .ico_boxes .df{height:100%;}
.clinic_swip .ico_boxes .img_wrap{max-width:80rem;}
.clinic_swip .swiper-slide .inner_item .df{background:rgba(241,241,241,0.8); border-radius:30rem; padding:30rem 70rem;}
.clinic_swip .swiper-slide .inner_item .df .img{width:60rem;}
.clinic_swip .swiper-slide .inner_item .df .txt{width:80%;}
.ullist_item .col-6{border:1px solid #E8E8E8; border-radius:20rem; padding:10rem 30rem;}
.clinic_container_bg{background:rgba(255,255,255,0.1); position:absolute; border-radius:50rem; padding:100rem 50rem; width:100%; height:70%; top:50%; transform:translateY(-50%);}
.clinic_container .none_clinic_tab{width:100%; margin:0 auto;}
.clinic_container .none_clinic_tab .none_clinic_tab_item{transition:all 0.5s ease; cursor:pointer; box-shadow: 2px 9px 8.8px rgba(0, 0, 0, 0.25); width:240rem; aspect-ratio:240/200; background:rgba(255,255,255,1); border-radius:20rem;}
.clinic_container .none_clinic_tab .none_clinic_tab_item .img_wrap img{width:60rem;}
.clinic_container .item-grid{grid-template-columns:450fr 600fr; padding:100rem 50rem;}
.clinic_container .item{aspect-ratio:450/900;}




#equipment .equipment__swiper {
    background-color: var(--sub-1)
}

#equipment .equipment__swiper .swiper-slide {
    display: grid;
    grid-template-columns: 640rem auto;
    align-items: center
}

@media(max-width: 576px) {
    #equipment .equipment__swiper .swiper-slide {
        display:block
    }
}

#equipment .equipment__swiper .swiper-slide::after {
    content: "";
    position: absolute;
    width: 509rem;
    height: 550rem;
    top: 44rem;
    right: -59rem;
    background: url(../img/images/main/equip/bg_sym.svg) no-repeat center center/contain
}

#equipment .equipment__swiper .swiper-slide .img_wrap {
    position: relative;
    z-index: 3
}

#equipment .equipment__swiper .swiper-slide .content_wrap {
    padding: 0 80rem;
    position: relative;
    z-index: 5
}

@media(max-width: 576px) {
    #equipment .equipment__swiper .swiper-slide .content_wrap {
        padding:40rem
    }
}

#equipment .equipment__swiper .swiper-button {
    top: 200rem;
    margin: 0;
    color: #fff
}

@media(max-width: 576px) {
    #equipment .equipment__swiper .swiper-button {
        top:130rem
    }
}

#equipment .equipment_thumb_swiper .swiper-slide {
    cursor: pointer;
    width: 300rem;
    height: 380rem
}

@media(max-width: 576px) {
    #equipment .equipment_thumb_swiper .swiper-slide {
        width:300rem;
        height: 380rem
    }
}

#equipment .equipment_thumb_swiper .swiper-slide.swiper-slide-thumb-active .img_wrap {
    background-color: rgba(168,156,100,.5)
}

#equipment .equipment_thumb_swiper .swiper-slide.swiper-slide-thumb-active .text_wrap {
    color: var(--sub-2);
    font-weight: 700
}

#equipment .equipment_thumb_swiper .swiper-slide.swiper-slide-thumb-active .text_wrap::before {
    border: 2rem solid currentColor
}

#equipment .equipment_thumb_swiper .swiper-slide .img_wrap {
    background-color: #f4f4f4;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .35s ease
}

#equipment .equipment_thumb_swiper .swiper-slide .text_wrap {
    position: absolute;
    z-index: 5;
    height: 60rem;
    bottom: 0rem;
    font-size: 20rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(16,104,211,0.8) ;
    white-space: nowrap;
    padding: 0 10rem;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 50%;
    transform: translateX(-50%)
}

#equipment .equipment_thumb_swiper .swiper-slide .text_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

  
  
#treatment {
  background:#F3F9FF;
    overflow: hidden;
    --swiper-navigation-size: 90rem
}

#treatment .preview_swiper_wrap {
    position: relative
}

#treatment .preview__swiper2 {
    overflow: visible
}

#treatment .preview__swiper2 .swiper-slide .img_wrap {
    aspect-ratio: 600/360;
    width: 1200rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0rem
}

#treatment .preview_swiper-btn {
    z-index: 50;
    position: absolute;
    top: 50%;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    background-repeat: no-repeat;
    background-size: 34rem;
    background-position: 50% 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer
}

#treatment .preview_swiper-btn:hover {
    background-color: #f7f7f7
}

@media(max-width: 576px) {
    #treatment .preview_swiper-btn {
        background-color:rgba(0,0,0,0)
    }

    #treatment .preview_swiper-btn:hover {
        background-color: unset
    }
}

#treatment .preview_swiper-prev {
    background-image: url(/img/icon/swiper-sm-prev-fff.svg);
    left: 0
}

#treatment .preview_swiper-next {
    background-image: url(/img/icon/swiper-sm-next-fff.svg);
    right: 0
}


#treatment .nums{color:#E9F1FA; position:absolute; right:50rem; top:0rem;}
#treatment .swiper-slide{background:#fff; border-radius:30rem; padding:30rem; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
#treatment .swiper-slide .img{height:360rem;}
#treatment .swiper-slide .txt{padding:50rem;}

#clinic-3 .bgbox{height:100%; background:rgba(255,255,255,0.8);}
#clinic-3 .inbox .items{padding:50rem; background:#fff; border-radius:20rem; border:1px solid #d7d7d7;}
.txt_tween{transform-origin: right; transform: rotate(90deg); opacity:0.4; position: absolute; top:85%; right:5%; white-space: nowrap;font-size: 160rem;font-weight: 500;color: #ddd;z-index: 0}

.clinic_container .item{aspect-ratio:450/900;}

.clinic_section#clinic-0 .clinic_tab .clinic_tab_item.active{transition:all 0.5s ease; background:#344EAD;}
.clinic_swip.clinic_0_data .clinic_swip_li a.swiper-pagination-bullet-active{ background:#344EAD;}
.swi_btn_wr{width:210rem; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:absolute; left:50%; transform:translateX(-50%); bottom:150rem;}
.swi_btn_wr .swiper-button-prev{width:81rem; height:31rem; background:url('/img/swi_left.svg') center center no-repeat;}
.swi_btn_wr .swiper-button-next{width:81rem; height:31rem; background:url('/img/swi_right.svg') center center no-repeat;}
.swi_btn_wr .swiper-button-prev:after{display:none;}
.swi_btn_wr .swiper-button-next:after{display:none;}
#major .swiper-pagination-progressbar{width:95%; margin:0 auto; max-width:1300rem; bottom:100rem; top:unset; left:50%; transform:translateX(-50%); }
#major .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FF5D34;}

#major .swiper-slide{position:relative; width:350rem; overflow:hidden;border-radius:30rem; }
#major .swiper-slide .txt_layer{display:flex; gap:10; flex-direction:column; left:0; border-radius:30rem;  top:-55rem; position:absolute; z-index:4; width:100%; height:100%; display:flex; align-items:center; justify-content:center; gap:10rem;}
#major .swiper-slide .txt_layer .img_wrap{width:110rem; opacity:0;}
#major .swiper-slide .blue_layer{left:0; border-radius:30rem; top:-100%; transition:all 0.5s ease; position:absolute; z-index:3; width:100%; height:100%; background:rgba(16,104,211,0.8);}
#major .swiper-slide .img{overflow:hidden; border-radius:30rem;}
#major .swiper-slide:hover .blue_layer{ top:0%;border-radius:30rem; transition:all 0.5s ease;}
#major .swiper-slide:hover .txt_layer{top:0; transition:all 0.5s ease;}
#major .swiper-slide:hover .txt_layer .img_wrap{opacity:1; transition:all 0.5s ease;}

.info_bann{background:url('/img/250223_31.webp') center center no-repeat; background-attachment:fixed; background-size:cover; border-radius:200rem;}
.txt_tween1{opacity:0.4; position: absolute; top:15%; left:25%; white-space: nowrap;font-size: 160rem;font-weight: 500;color: #ddd;z-index: 0}
.txt_tween2{opacity:0.4; position: absolute; bottom:15%; right:25%; white-space: nowrap;font-size: 160rem;font-weight: 500;color: #ddd;z-index: 0}
#info .dda1{left:0;   z-index:-1; top:50%; transform:translateY(-50%);  max-width:150rem;}
#info .dda2{right:0;  z-index:-1; top:50%; transform:translateY(-50%); max-width:150rem;}

#doctor{background:#FDF4F2;}
#doctor .info_group{padding:0 50rem;}
#doctor .info_group .info_box{background:#fff; border-radius:0 100rem 0 0; padding:30rem 90rem; height:450rem; overflow:hidden; overflow-y:scroll;}
#doctor .doc_name{padding:30rem 50rem; z-index:3; position:absolute; left:0; bottom:20rem; width:500rem; background: linear-gradient(270deg, #FF5D34 54%, rgba(255, 93, 52, 0.1) 100%); border-radius: 0 100rem 0 0;}
	
.main_visual__swiper{border-radius:0 0 0 250rem;}
.main_visual__swiper .swiper-button-wrap{width:95%; bottom:unset; top:50%; transform:translate(-50%,-50%); left:50%;}
.main_visual__swiper .swiper-button-prev{color:#ccc; left:20rem; top:50%; transform:translateY(-50%); }
.main_visual__swiper .swiper-button-next{color:#ccc; right:20rem; top:50%; transform:translateY(-50%); }
.main_visual__swiper .swiper-pagination{bottom:50rem; position:absolute; left:50%; transform:translateX(-50%); }
.main_visual__swiper .swiper-pagination .swiper-pagination-bullet{width:80rem; height:5rem;}
.main_visual__swiper .swiper-pagination .swiper-pagination-bullet::before{border:none; width:80rem; height:5rem; background:#aaa; border-radius:0;}
.main_visual__swiper .swiper-pagination .swiper-pagination-bullet::after{ border:none; width:80rem; height:5rem; background:#000; border-radius:0;}


.fdc{flex-direction:column;}
.graf-3{background:var(--gra-3); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#contactus .map_btn_go{position:absolute; left:0; top:0; z-index:9; width:300rem;}
#contactus .map_btn_go .map_btn_sz{width:50%; height:130rem;}
#contactus .map_btn_go .map_nv{background:#3AAF3D;}
#contactus .map_btn_go .map_ka{background:#007DFD;}
#contactus .info_line{border-bottom:1px solid var(--gray-4);}
#contactus .additional_note_wrap{display:none;}
#contactus .text_info_2{width:90%; position:absolute; left:50%; transform:translateX(-50%); bottom:-50rem; z-index:280; background:#FF5D34;}

#preview{background: linear-gradient(180deg, #FFFFFF 0%, #FDF4F2 58.39%);}
#preview .preview_controls{display:none;}


@media(max-width: 1190px) {
	#doctor .dvbox{grid-column: auto / span 6;}
	#doctor .info_group .info_box{padding:30rem 50rem;}
	.clinic_section .clinic_tab{flex-wrap:wrap; display:grid; grid-template-columns:repeat(3, 1fr);}
	.clinic_section .clinic_tab .clinic_tab_item{padding:20rem; width:auto;aspect-ratio:6/4;}
}
@media(max-width: 767px) {
	#doctor .dvbox1{grid-column: auto / span 5;}
	#doctor .dvbox2{grid-column: auto / span 7;}
	#doctor .info_group .info_box{padding:30rem 50rem;}
}
@media(max-width: 576px) {
	.main_visual__swiper{border-radius:0;}
	#major .swiper-slide{width:240rem;}
	#major .swiper-slide .txtinfo{font-size:32rem;}
	#major .swiper-slide .txt_layer .img_wrap{width:80rem;}
	#doctor .dvbox{grid-column: auto / span 12;}
	#doctor .info_group{padding:0;}
	#doctor .info_group .info_box{border-radius:0;}
	#doctor .doc_name{bottom:0;}
	.info_bann{border-radius:30rem; padding-left:20rem; padding-right:20rem;}
	.txt_tween1{font-size:110rem;}
	.txt_tween2{font-size:110rem;}
	#info .dda1{max-width:90rem; display:none;}
	#info .dda2{max-width:90rem; display:none;}
	.clinic_section .clinic_tab .clinic_tab_item{aspect-ratio:1/1;  }
}


.img_txt_numlist {
    display: flex;
    flex-direction: column;
    gap: 20rem
}

.img_txt_numlist .item .inner_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20rem 30rem
}

.img_txt_numlist .item .inner_flex .img_wrap,.img_txt_numlist .item .inner_flex .txt_wrap {
    flex: 1 1;
    min-width: 250rem
}

.img_txt_numlist .item .inner_flex .img_wrap {
    max-width: 250rem
}

.img_txt_numlist .item .inner_flex .txt_wrap {
    max-width: 420rem;
    position: relative;
    padding-left: 52rem
}

.img_txt_numlist .item .inner_flex .txt_wrap.num-none {
    padding-left: 0
}

.img_txt_numlist .item .inner_flex .txt_wrap.num-none .num {
    display: none
}

.img_txt_numlist .item .inner_flex .txt_wrap .num {
    position: absolute;
    top: 10rem;
    left: 0;
    width: 32rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pri-4);
    color: #fff;
    font-size: 18rem;
    border-radius: 10rem
}


.md_table_wrap table {
    width: 100%;
    border-bottom: 1px solid var(--pri-6);
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.md_table_wrap table thead {
    background-color: var(--pri-6);
    color: #fff;
    font-size: 18rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle
}

.md_table_wrap table th,.md_table_wrap table td {
    padding: 10rem;
    vertical-align: middle;
    border: 1px solid #aaa
}

.md_table_wrap table tbody {
    line-height: 1.5
}

.md_table_wrap table tbody th {
    color: var(--pri-1);
    text-align: center;
    vertical-align: middle;
    font-size: 18rem;
    font-weight: 600
}

.md_table_wrap table tbody td {
    font-size: 16rem;
    color: #444
}