@charset "UTF-8";



:root {
    --mainBrd:4rem;
    --mainBoxPd:5rem;
    --mainContTit: 3.6rem;
}

.main .container { padding-top: var(--mainHdH); padding-bottom: var(--mainContPd); transition: 0.3s ease-in-out;}
.main .container.band_banner_none { padding-top: var(--hdH);}

.main_sect { padding-top: var(--mainContPd); }

.main .in {width: var(--mainInW);}

.main_tit_wrap .desc {font-size: var(--txt2); font-weight: 700; color: #495EAE;}
.main_tit_wrap .tit {font-size: 4.5rem; font-weight: 700; line-height: 1.5;}
/* .main_tit_wrap .desc + .tit {margin-top: 0.25rem;} */



.visual_sect {position: relative; width: 100%; }
.visual_sect .slide_wrap {position: relative; width: 100%;}
.visual_sect .slide_wrap .swiper-container {position: relative; width: 100%; height: 100%; }
.visual_sect .slide_wrap .item { position: relative; height: calc(100vh - var(--mainHdH)); width: 100%; transition: height 0.3s ease-in-out;}
.visual_sect .slide_wrap .item a {display: block;}
.visual_sect .slide_wrap .item .no_link {pointer-events: none;}
.main .container.band_banner_none .visual_sect .slide_wrap .item {height: calc(100vh - var(--hdH));}

.visual_sect .slide_wrap .item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.visual_sect .slide_wrap .item .bg iframe { width: 100%; height: 100%; object-fit: contain; }
.visual_sect .slide_wrap .item .bg video,
.visual_sect .slide_wrap .item .bg img { width: 100%; height: 100%; object-fit: cover; }
.visual_sect .slide_wrap .item .txt_box { position: absolute; bottom: 25rem; left: 50%; transform: translateX(-50%) ;width: var(--mainInW); max-width: 100%; color: #fff; padding: 0 var(--inPd);}
.visual_sect .slide_wrap .item .txt_box .tit { font-size: 5.5rem; font-weight: 700; line-height: 1.3; letter-spacing: -1px; }
.visual_sect .slide_wrap .item .txt_box .txt { margin-top: 1.5rem; font-size: var(--txt1); font-weight: 500; line-height: 1.7;}


.visual_sect .slide_move { position: absolute; width: var(--mainInW); max-width: 100%; bottom: 18rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; padding-left: var(--inPd); z-index: 20; color: #fff; max-width: 100%}
.visual_sect .slide_move .swiper-pagination { display: flex; align-items: center; font-size: var(--smTxt1); font-weight: 600; text-align: left; position: static; width: auto;}
.visual_sect .slide_move .swiper-pagination .num_box {font-size: var(--txt2); width: 4em;font-weight:500; display: flex;  align-items: center; margin-right: 2rem}
.visual_sect .slide_move .swiper-pagination .num_box span {line-height: 1}
.visual_sect .slide_move .swiper-pagination .num_box .slash { font-weight: 300; font-size: 1.8rem; margin: 0 0.7rem; opacity: 0.6}
.visual_sect .slide_move .swiper-pagination .num_box .swiper-pagination-total {opacity: 0.6}
.visual_sect .slide_move .swiper-pagination .btn {width: 1.6rem; height: 1.6rem; margin-left: 2rem ;display: inline-block; position: relative;}
.visual_sect .slide_move .swiper-pagination .btn.play svg.stop{ display: none}
.visual_sect .slide_move .swiper-pagination .btn.play svg.play{ display: block}
.visual_sect .slide_move .swiper-pagination .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; fill: #fff}
.visual_sect .slide_move .swiper-pagination .btn svg.play {display: none}

.visual_sect .link_box { position: absolute; width: var(--mainInW); max-width: 100%; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; padding: 0 var(--inPd); z-index: 20; }
.visual_sect .link_box .resr_menu_wrap { display: inline-flex; align-items: flex-end; justify-content: space-between; width: 100%; border-radius: 13px; overflow: hidden; background-color: rgba(255,255,255,0.4); backdrop-filter: blur(10px) ;}
.visual_sect .link_box .resr_menu_wrap .menu { transition: opacity 0.8s, transform 0.8s; display: flex; align-items: center; justify-content: center; flex: 1; padding: 2rem 0;  transition:  0.3s ease-in-out;}
.visual_sect .link_box .resr_menu_wrap .ico { height: 4.5rem; text-align: center; }
.visual_sect .link_box .resr_menu_wrap .ico svg {width: auto; height: 100%;}
.visual_sect .link_box .resr_menu_wrap .ico img { height: 100%; object-fit: contain; }
.visual_sect .link_box .resr_menu_wrap .tit { margin-left: 15px; font-size: var(--txt2); font-weight: 600; text-align: center; }
.visual_sect .link_box .resr_menu_wrap .menu:hover {background-color: rgba(255,255,255,0.3); }


.visual_sect .slide_move .arr { display: flex; align-items: center; justify-content: flex-start; font-size: var(--smTxt1); fill: #fff; z-index: 10; cursor: pointer; margin-left: 2rem;}
.visual_sect .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 1rem; fill: #fff;}
.visual_sect .slide_move .arr .swiper_btn .ico {display: flex; align-items: center;}
.visual_sect .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 15px; }

.visual_sect .slide_move .arr .swiper_btn svg { width: 0.7em; height: auto;}
.visual_sect .slide_move .swiper-pagination-current {min-width: 0.7em}

.visual_sect .swiper-progress-bar{display: block; position: relative; z-index: 1; width:24rem; height: 2px; }
.visual_sect .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px;  width: auto; clear: both;  left: 0; right: 0; transition: background .3s}
.visual_sect .swiper-progress-bar .slide_progress-bar.bg {background: #fff; opacity: 0.2}
.visual_sect .swiper-progress-bar .slide_progress-bar.loading { left: 0; right: auto; background: #fff; height: 100%; width: 0; transition: 0s 0.1s width linear;}
.visual_sect .swiper-progress-bar .slide_progress-bar.loading.no_ani {width: 0% !important; transition: none !important;}
.visual_sect .swiper-progress-bar.animate .slide_progress-bar.loading {width: 100%; transition-delay: unset; transition: width var(--transition-duration, 0s) linear;}
.visual_sect.swiper-progress-bar .slide_progress-bar.loading { transition: width var(--transition-duration, 0s) linear;}


.main .com_clinic_sect {padding-top: 10rem;}




.main_point_sect {position: relative; margin-top: 0rem; padding: var(--mainContPd) 0;}
.main_point_sect .in {display: flex; flex-direction: column; justify-content: center; height: 100%; align-items: flex-start;}

.main_point_sect .main_point_tit { font-weight: 700; display:flex; flex-direction: column; align-items: flex-start; z-index: 11;}
.main_point_sect .main_point_tit .tit { position: relative; font-size: 13rem; line-height: 1.2;  color: #E4E7F0; line-height: 1;}
.main_point_sect .main_point_tit .tit .bg { position: absolute; top: 0; left: 0; width: 0; height: 100%; color: var(--colorBlue1); white-space: nowrap; overflow: hidden; }
.main_point_sect .main_point_tit .txt { display: inline-flex; flex-direction: column; align-items: flex-start; margin-top: 1rem; font-size: var(--txt1); }
.main_point_sect .main_point_tit .txt p { position: relative; display: inline-block; width: auto; color: #C9CCD2; white-space: nowrap;}
.main_point_sect .main_point_tit .txt p .bg { position: absolute; top: 0; left: 0; width: 0; height: 100%; color: var(--colorBlue1); white-space: nowrap; overflow: hidden; }

.main_point_wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #F3F4F8; overflow: hidden}

.main_point_wrap .map_box { position: absolute; top: 0; left: 15%; width: 75%; z-index: 10; transform: translate(30%,10%); }
.main_point_wrap .map_box > img { width: 100%; opacity: 0; transition: opacity 0.6s ease-in-out 0.5s;}


.main_point_wrap .point_box { position: absolute; opacity: 0; transition: opacity 0.6s ease-in-out 0.5s; cursor: pointer;}

.main_point_wrap.active .map_box > img {opacity: 1;}
.main_point_wrap.active .point_box {opacity: 1; }

.main_point_wrap .point_box.pin01 { left: 33%; top: 18%; }
.main_point_wrap .point_box.pin02 { left: 25%; bottom: 35%; }
.main_point_wrap .point_box.pin03 { left: 35%; top: 15%; }

.main_point_wrap .point_box.haeundae{left: 88%; bottom: 36.5%;}
.main_point_wrap .point_box.suwon{left: 33%; top: 24%;}
.main_point_wrap .point_box.ansan{left: 24%; top: 23%;}
.main_point_wrap .point_box.daegu{left: 64%; top: 40%;}
.main_point_wrap .point_box.ulsan{right: 7%; bottom: 42%;}
.main_point_wrap .point_box.daejeon{left: 29%; top: 34%;}
.main_point_wrap .point_box.incheon{left: 23%; top: 20%;}
.main_point_wrap .point_box.mokdong{left: 30%; top: 18%;}
.main_point_wrap .point_box.ilsan{left: 26%; top: 17%;}
.main_point_wrap .point_box.boramae{left: 30%; top: 20%;}
.main_point_wrap .point_box.jamsil{left: 35%; top: 18%;}
.main_point_wrap .point_box.busan{left: 83.5%; bottom: 35%;}
.main_point_wrap .point_box.cheonan{left: 26%; top: 29%;}
.main_point_wrap .point_box.bucheon{left: 26%; top: 20%;}
.main_point_wrap .point_box.cheongju{left: 30%; top: 32%;}
.main_point_wrap .point_box.bundang{left: 27%; top: 22%;}
.main_point_wrap .point_box.changwon{left: 76%; bottom: 37%;}
/* .slide_temp{display: none;} */


.main_point_wrap .point_box .dot { position: relative; width: 2rem; height: 2rem; }
.main_point_wrap .point_box .dot .cir {position: absolute; width: 13rem; height: 13rem; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.main_point_wrap .point_box .dot .cir span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color:var(--colorBlue1); opacity: 0.2; border-radius: 100%; }

.main_point_wrap .point_box .dot .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.1); }
.main_point_wrap .point_box .dot .cir span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.1); opacity: 0; }
.main_point_wrap .point_box .dot .cir span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.3); opacity: 0;}
.main_point_wrap .point_box .logo_img {position: absolute; left: 50%; top: -3rem; transform: translate(-50%,-100%); height: 4rem; width: 40rem; text-align: center ;opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none;}
.main_point_wrap .point_box .logo_img img {height: 100%; }

.main_point_wrap .point_box .toll_tip {position: absolute; left: 50%; top: -1rem; transform: translate(-50%,-100%); padding: 0.3em 0.7em; background-color: #fff; border-radius: 5px; font-size: var(--txt3); font-weight: 700; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none;}
.main_point_wrap .point_box:hover .toll_tip{opacity: 1;}
.main_point_wrap .point_box:hover .cir span:nth-of-type(1) {opacity: 1; transition: opacity 0.3s ease-in;}
/* .main_point_wrap .point_box .dot .cir span:nth-of-type(4) { transform: translate(-50%, -50%) scale(0.9); opacity: 0;} */

.main_point_wrap .point_box.active {pointer-events: none;}
.main_point_wrap .point_box.active .logo_img {opacity: 1; }
.main_point_wrap .point_box.active .cir span { animation: waves 2s ease-in-out infinite; opacity: 0.12; background-color: #4269C5;}
.main_point_wrap .point_box.active .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.2); animation: none; opacity: 1; background-color: var(--colorBlue1);}
.main_point_wrap .point_box.active .cir span:nth-of-type(2) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.main_point_wrap .point_box.active .cir span:nth-of-type(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }




.main_point_tab { position: relative;  margin-top: 4.5rem; z-index: 11;}
.main_point_tab::-webkit-scrollbar { display: none; }
.main_point_tab .tab_box { display: grid;grid-template-columns: repeat(7, max-content); align-items: center; justify-content: flex-start; width: auto;  min-width: max-content; font-size: var(--txt2);}
.main_point_tab .tab_box + .tab_box  {margin-top: 0;}
.main_point_tab .tab_box .tab { display: flex; align-items: center; justify-content: space-between;  width: 5.7em; height: 2.6em; padding: 0 1em; font-size: var(--txt3) ;margin-right: 1rem; margin-top: 1rem;color: var(--colorBlue1); fill: var(--colorBlue1); background-color: #fff; border-radius: 2em; white-space: nowrap; cursor: pointer; }
.main_point_tab .tab_box .tab .tit {  font-weight: 600; }
.main_point_tab .tab_box .tab .arr { display: flex; align-items: center; justify-content: center; margin-top: -1px;}
.main_point_tab .tab_box .tab .arr svg { display: flex; align-items: center; justify-content: center; }
.main_point_tab .tab_box .tab.active { background-color: var(--colorBlue1); color: #fff; fill: #fff; transition: 0.3s ease-in-out;}
.main_point_tab .tab_box .tab:hover { background-color: var(--colorBlue1); color: #fff; fill: #fff; transition: 0.3s ease-in-out;}

.main_point_sect .branch_slide {margin-top: 8rem; position: relative; z-index: 11;}
/* .main_point_sect .branch_slide .slide_wrap {display: none;} */
.main_point_sect .branch_slide .slide_wrap.on {display: block;}

.main_point_sect .branch_slide .slide_wrap { width:39.2em; padding: 3rem 2rem; background-color: #fff; border-radius: 3rem; box-shadow: 0 0 1.5rem 0 rgba(0,0,0,0.07) ;overflow: hidden; transition: transform 0.5s; transition-delay: 0s; z-index: 1; font-size: var(--txt2);}
.main_point_sect .branch_slide .slide_wrap .top { display: flex; align-items: center; }
.main_point_sect .branch_slide .slide_wrap .top .tit { font-size: var(--txt1); font-weight: 700; }
.main_point_sect .branch_slide .slide_wrap .top .arr { display: flex; align-items: center; justify-content: center; margin-left: 8px; }
.main_point_sect .branch_slide .slide_wrap .top .arr svg {display: flex;align-items: center;justify-content: center;width: 0.6em;height: auto;}


.main_point_sect .branch_slide .slide_wrap .paging {position: relative; width :35rem; height: 3px; margin: 3.5rem auto 0; background: rgba(48,68,160,0.2);border-radius: 2em; overflow: hidden;}
.main_point_sect .branch_slide .slide_wrap .paging .swiper-pagination-progressbar-fill {background: var(--colorBlue1);}




/* .main_point_sect .branch_slide .slide_wrap .paging .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; background-color: var(--colorBlue1); transition: all 0.3s; }
.main_point_sect .branch_slide .slide_wrap .paging .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 1rem; }
.main_point_sect .branch_slide .slide_wrap .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { border-radius: 2em; width: 3rem; background-color: var(--colorBlue1) } */


.main_point_sect .branch_slide .slide_wrap .swiper-container { margin-top: 1.5rem; }
.main_point_sect .branch_slide .slide_wrap .item {  }
.main_point_sect .branch_slide .slide_wrap .item .img { position: relative; width: 100%; padding-top: 110%; background-color: #E7E9F2; overflow: hidden; }
.main_point_sect .branch_slide .slide_wrap .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  object-position: top;}
.main_point_sect .branch_slide .slide_wrap .item .name { margin-top: 0.5rem; font-size: var(--txt3); font-weight: 700;}



.clinic_sect_wrap {padding-top: var(--mainContPd);}
.clinic_sect_wrap .in {display: flex;}
.clinic_sect_wrap .main_tit_wrap .tit {font-size: var(--mainContTit); }
.clinic_sect_wrap .treatment_cont {display: flex; flex-direction: column; flex: 1; min-width: 0 ; margin-left: 3rem; background-color: var(--grayBg1); padding: var(--mainBoxPd); border-radius: var(--mainBrd);}
.clinic_sect_wrap .treatment_cont .main_tit_box {display: flex; align-items: flex-end;}
.clinic_sect_wrap .treatment_cont .main_tit_box .com_see_more_box {margin-left: auto; margin-bottom: 5px;}
.clinic_sect_wrap .treatment_cont::-webkit-scrollbar {-webkit-appearance: none; display: none;}
.clinic_sect_wrap .treatment_cont::-webkit-scrollbar:vertical {width: 6px;}
.clinic_sect_wrap .treatment_cont::-webkit-scrollbar:horizontal {height: 2px;}
.clinic_sect_wrap .treatment_cont::-webkit-scrollbar-thumb {background-color: #BDC2CD;border-radius: 1rem;}
.clinic_sect_wrap .treatment_cont:-webkit-scrollbar-track {border-radius: 1rem;background-color: var(--grayBg1);}
.clinic_sect_wrap .treatment_cont .slide {margin-top: var(--contMt);}



.clinic_sect_wrap .treatment_cont .paging {position: relative; width :35rem; height: 3px; margin: 3.5rem auto 0; background: rgba(48,68,160,0.2);border-radius: 2em; overflow: hidden;}
.clinic_sect_wrap .treatment_cont .paging .swiper-pagination-progressbar-fill {background: var(--colorBlue1);}


.clinic_sect_wrap .treatment_cont .swiper-slide {width: 50%;}
.clinic_sect_wrap .treatment_cont .swiper-slide .item {display: block;}
.clinic_sect_wrap .treatment_cont .swiper-slide .item + .item {margin-top: 3rem;}
.clinic_sect_wrap .treatment_cont .item .img { position: relative; padding-top: 60%; overflow: hidden; border-radius: 2rem;}
.clinic_sect_wrap .treatment_cont .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.clinic_sect_wrap .treatment_cont .item .img .hover_box {display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(28,54,154,0.8);z-index: 1;opacity: 0; transition: opacity 0.3s ease-in-out;color: #fff;padding: 20px;}
.clinic_sect_wrap .treatment_cont .item .img .hover_box .tit {display: none;}
.clinic_sect_wrap .treatment_cont .item .img .hover_box .txt {font-size: var(--txt2);}
.clinic_sect_wrap .treatment_cont .item .img .hover_box .ico {position: relative; width: 17%; padding-top: 17%; background-color: #fff; border-radius: 50%;}
.clinic_sect_wrap .treatment_cont .item .img .hover_box .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); fill: var(--colorBlue1); width: 30%;}
.clinic_sect_wrap .treatment_cont .item .txt_box {margin-top: 1rem;}
.clinic_sect_wrap .treatment_cont .item .txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.clinic_sect_wrap .treatment_cont .item .txt_box .txt {margin-top: 5px;}



.clinic_sect_wrap .treatment_cont .item:hover .hover_box {opacity: 1;}

.clinic_sect_wrap .treatment_cont .cont .item:hover .img .hover_box {opacity: 1;}

.clinic_sect { overflow: hidden; width: 45%; }
.clinic_sect .tit_wrap {position: absolute; left: 0; top: 0; display: flex; justify-content: space-between; width: 100%; color: #fff; padding: var(--mainBoxPd) var(--mainBoxPd) 0; z-index: 10;}
.clinic_sect .tit_wrap .desc {color: #fff;}
.clinic_sect .tit_wrap .notice { position: static;  display: flex; align-items: center;  font-size: var(--txt2); font-weight: 500; color: rgba(255,255,255,0.7); fill: rgba(255,255,255,0.7); z-index: 10; margin-top: 5rem;}
.clinic_sect .tit_wrap .notice .ico { display: flex; align-items: center; justify-content: center; margin-right: 5px; }
.clinic_sect .tit_wrap .notice .ico svg { display: flex; align-items: center; justify-content: center; }

.clinic_sect .cont_box { position: relative; width: 100%; height: 100%; border-radius: 4rem; background-color: #5478CD;  overflow: hidden;}
.clinic_sect .in {display: flex; }
.clinic_sect .cont { position: relative; width: 100%; height: 100%; margin-left: auto; background-color: #5478CD;  }
.clinic_sect .cont .bg { position: absolute; left: 50%; top: 45%; transform: translateX(-50%); width: 120%; opacity: 0.1; }
.clinic_sect .cont .float_box { position: absolute; left: 20%; top: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; }
.clinic_sect .cont .float_box .dot { position: relative; width: 6.2rem; height: 6.2rem; }
.clinic_sect .cont .float_box .dot span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: 100%; }
.clinic_sect .cont .float_box .dot span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.12); opacity: 1; background-color: #fff; z-index: 2; }
.clinic_sect .cont .float_box .dot span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.4); opacity: 1; background-color: #19CFD0; }
.clinic_sect .cont .float_box .dot span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.9); opacity: 0.2; background-color: #19CFD0; }
.clinic_sect .cont .float_box .info_box { position: relative; background-color: #fff; padding: 1.5rem; margin-top: rem; border-radius: 2rem; transform: translateX(-27%); }
.clinic_sect .cont .float_box .info_box:before { content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); width: 1.2rem; height: 1.2rem; background: url(/inc/img/main/info_bubble.svg)center/contain no-repeat; }
.clinic_sect .cont .float_box .info_box .info { display: flex; align-items: center; justify-content: space-between; padding: 0.5em 0; font-size: var(--txt2); font-weight: 600; }
.clinic_sect .cont .float_box .info_box .info + .info { border-top: 1px solid #EDEEF5; }
.clinic_sect .cont .float_box .info_box .info .tit { white-space: nowrap; }
.clinic_sect .cont .float_box .info_box .info .ico { display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; margin-left: 1.5em; background-color: #F3F4F8; border-radius: 100%; flex-shrink: 0; }
.clinic_sect .cont .float_box .info_box .info .ico svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; fill: #7A8390;}
.clinic_sect .cont .view_box {position: relative; width: 100%; height: 100%; margin-left: 0%;}
.clinic_sect .cont #viewer-3d {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.clinic_sect .cont #viewer-3d canvas { touch-action: auto !important;}
.clinic_sect .cont .clinic_tab { position: absolute; left: 50%; top: 19rem; transform: translateX(-50%) ;display: flex; align-items: center; justify-content: space-around; width: calc(100% - var(--inPd) * 2); height: auto; padding: 0 var(--inPd); overflow: auto; z-index: 10; }
.clinic_sect .cont .clinic_tab::-webkit-scrollbar { display: none; }
.clinic_sect .cont .clinic_tab .tab { display: flex; align-items: center; justify-content: center; width: 3.5em; height:3.5em; font-weight: 700; color: #fff; white-space: nowrap; flex-shrink: 0; border-radius: 1rem; overflow: hidden; font-size: var(--txt1); cursor: pointer;}
.clinic_sect .cont .clinic_tab .tab span { position: relative; margin-top: -5px;}
.clinic_sect .cont .clinic_tab .tab span:before { content: ''; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); width: 6px; height: 6px; background-color: #19CFD0; border-radius: 100%; opacity: 0; }
.clinic_sect .cont .clinic_tab .tab.active span:before { opacity: 1; }
.clinic_sect .cont .clinic_tab .tab.active { background-color: #fff; color: #262F40; }



.main_staff_sect { overflow: hidden; background-color: #E9EDF4; overflow: hidden;}
.main_staff_sect .top_box {display: flex; align-items: flex-end; justify-content: space-between; position: relative; z-index: 2;}
.main_staff_sect .slide_wrap { position: relative; flex: 1; min-width: 0;  padding-left: max(calc((100% - var(--mainInW))/2 + var(--inPd)) , var(--inPd)); opacity: 1; transition: 0.6s ease-in-out ;}
.main_staff_sect .slide_wrap.active {opacity: 1;}
.main_staff_sect .slide_wrap .swiper-container {margin-top: -4rem; overflow: visible; max-width: 1700px; margin: 0;}
.main_staff_sect .slide_wrap .item { position: relative; width: 100%; transform-origin: left bottom; opacity: 0; ;}  
.main_staff_sect .slide_wrap.active .item {transition: transform 1s ease , opacity 0.3s ease-in-out;}




.main_staff_sect .slide_wrap .item .txt_box { position: absolute; top: 14rem; right: 8rem; transform: translateX(100%); opacity: 0;z-index: 3; ;}
.main_staff_sect .slide_wrap .item .txt_box .label { font-size: var(--txt2); background-color: var(--colorBlue2); color: #fff; font-weight: 700; padding: 0.1em 0.75em; border-radius: 10em; display: inline-block;}
.main_staff_sect .slide_wrap .item .txt_box .name { margin-top: 1rem; font-size:var(--tit1); line-height: 1.2;font-weight: 700;}
.main_staff_sect .slide_wrap .item .txt_box .name span {margin-left: 0.5em; font-size: var(--txt2); color: #262F40; }
.main_staff_sect .slide_wrap .item .txt_box .btn_box {margin-top: 3rem; display: flex;}
.main_staff_sect .slide_wrap .item .txt_box .btn_box .btn {font-size: var(--txt3); height: 3em; width: 8.5em; display: flex; align-items: center; justify-content: center; padding: 1.5em 0 ;background-color: #fff; fill: #262f40; border-radius: 10em; font-weight: 700; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out , fill 0.3s ease-in-out;}
.main_staff_sect .slide_wrap .item .txt_box .btn_box .btn svg {width: 1em; height: auto; margin-right: 0.75em;}
.main_staff_sect .slide_wrap .item .txt_box .btn_box .btn + .btn {background-color: var(--colorBlue1); color: #fff; fill: #fff ;margin-left: 1.5rem;}
.main_staff_sect .slide_wrap .item .txt_box .btn_box .btn:hover {background-color: var(--colorBlue2); color: #fff; fill: #fff;}

.main_staff_sect .slide_wrap .item .img { position: relative; padding-top: 100%; }
.main_staff_sect .slide_wrap .item .img::before {content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 60%) scale(0); width: 120%;padding-top: 120%;border-radius: 50%;background: radial-gradient(circle,rgba(66, 105, 197, 1) 0%, rgba(255, 255, 255, 0) 70%); transition: 0.3s ease-in-out;}
.main_staff_sect .slide_wrap .item[class$=-active] .img { transform: scale(1); }
.main_staff_sect .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; z-index: 2; }


.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-active,
.main_staff_sect .slide_wrap .item.swiper-slide-active {opacity: 1;transform: scale(1);}

.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next,
.main_staff_sect .slide_wrap .item.swiper-slide-next {opacity: 0.6;transform:  translateX(0%) scale(0.4);}

.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item ,
.main_staff_sect .slide_wrap .item.swiper-slide-next + .item {opacity: 0.6; transform: translateX(-60%) scale(0.4);}

.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item,
.main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item { opacity: 0.6; transform: translateX(-120%) scale(0.4);}

.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item + .item,
.main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item + .item {opacity: 0; transform: translateX(-180%) scale(0.4)}

.main_staff_sect .slide_wrap .item.swiper-slide-duplicate-prev,
.main_staff_sect .slide_wrap .item.swiper-slide-prev { transition: opacity 0.3s ease-in-out;}

.main_staff_sect .slide_wrap .item.swiper-slide-active {opacity: 1;}
.main_staff_sect .slide_wrap .item.swiper-slide-active .txt_box {opacity: 1; transform: translateX(100%);  transition: 0.3s ease-in-out 0.8s; }
.main_staff_sect .slide_wrap .item.swiper-slide-active .img::before {transform: translate(-50%, 60%) scale(1)}


.main_staff_sect .slide_wrap .paging { position: relative; max-width: 35%; height: 2.5px; margin: 4rem auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; }
.main_staff_sect .slide_wrap .paging .swiper-pagination-progressbar-fill { background: var(--tagBg4); border-radius: 1rem; }


.main_staff_sect .slide_btn {position: absolute; top: 50%; transform: translateY(-50%) ;display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; background-color: rgba(243,248,253,0.8); backdrop-filter: blur(10px) ;border-radius: 50%; fill: #262F40; transition: background-color 0.3s ease-in-out; cursor: pointer; z-index: 5;}
.main_staff_sect .slide_btn svg {width: 40%; }
.main_staff_sect .slide_btn.prev {left: max(calc((100vw - var(--mainInW))/2 + var(--inPd)) , var(--inPd));}
.main_staff_sect .slide_btn.next {left: calc(((100vw - var(--mainInW))/2 + var(--inPd)) + var(--mainInW) - var(--inPd) *2 ); transform: translate(-100%,-50%);}
.main_staff_sect .slide_btn:hover {fill: #fff; background-color: #262F40;}


.main_non_sect { overflow: hidden; }
.main_non_sect .tit_top_box {display: flex; align-items: flex-end; justify-content: space-between;}
.main_non_sect .com_treatment_cont .cont { opacity: 0; transform: translateY(2rem); transition: opacity 0.5s, transform 0.5s; }
.main_non_sect.active .com_treatment_cont .cont { opacity: 1; transform: translateY(0); }
.main_non_sect .com_treatment_cont {margin-top: 6rem;}


.main_non_sect .paging { position: relative; max-width: 35%; height: 2.5px; margin: 4rem auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; opacity: 0; transition-delay: 0.2s; }
.main_non_sect.active .paging { opacity: 1; }
.main_non_sect .paging .swiper-pagination-progressbar-fill { background: var(--tagBg4); border-radius: 1rem; }


.review_sect_wrap { margin-top: var(--mainContPd); padding: var(--mainContPd) 0; background-color: #EBF5FF;}
.review_sect_wrap .in {display: flex; }
.review_sect_wrap .main_tit_wrap .tit {font-size: var(--mainContTit);}
.review_sect_wrap .main_case_sect {background-color: #fff; width: 50%; margin-right: 4rem; padding-bottom: var(--mainBoxPd); border-radius: var(--mainBrd); overflow: hidden;}
.review_sect_wrap .main_case_sect .com_case_cont .swiper-container {overflow: hidden;}
.review_sect_wrap .main_case_sect .main_tit_box {display: flex; align-items: flex-end; padding: var(--mainBoxPd) var(--mainBoxPd) 0}
.review_sect_wrap .main_case_sect .main_tit_box .com_see_more_box {margin-left: auto; margin-bottom: 5px;}
.review_sect_wrap .main_case_sect .com_case_cont {margin-top: calc(var(--contMt) - 2rem);}
.review_sect_wrap .main_case_sect .com_case_cont .slide_wrap { overflow: hidden; padding: 0 calc(var(--mainBoxPd) / 2);}
.review_sect_wrap .main_case_sect .com_case_cont .slide_wrap .swiper-container { padding: 2rem calc(var(--mainBoxPd) / 2) 0}
.review_sect_wrap .main_case_sect .com_case_cont .top_txt .tit {font-size: 13px;}
.review_sect_wrap .main_case_sect .com_left_paging {margin: 3rem auto 0; width: 50rem;}


.review_sect_wrap .main_case_sect .paging {position: relative; width : 35rem; height: 3px; margin: 6rem auto 0; background: rgba(48,68,160,0.2);border-radius: 2em; overflow: hidden;}
.review_sect_wrap .main_case_sect .paging .swiper-pagination-progressbar-fill {background: var(--colorBlue1);}



.review_sect_wrap .main_review_sect {display: flex; flex-direction: column; width: 50%; height: 80rem; padding: var(--mainBoxPd) 2.2rem 0rem var(--mainBoxPd); border-radius: 4rem; overflow: hidden; background-color: #fff;}
.review_sect_wrap .main_review_sect .main_tit_box {position: relative; margin-right: 2.8rem; display: flex; align-items: flex-end;}
.review_sect_wrap .main_review_sect .main_tit_box .com_see_more_box {margin-left: auto;}
.review_sect_wrap .main_review_sect .review_total {margin-top: 3rem; display: flex; align-items: flex-end;}
.review_sect_wrap .main_review_sect .review_total .review {font-size: var(--txt2); font-weight: 700;}
.review_sect_wrap .main_review_sect .review_total .review span {font-size: var(--txt1); color: var(--colorBlue2);}
.review_sect_wrap .main_review_sect .review_total .date {color: #ADB2BE;font-size: var(--smTxt1);margin-left: 15px;}




.review_sect_wrap .main_review_sect .list {margin-top: var(--contMt); overflow-y: scroll; flex: 1; min-height: 0; padding-right:2.2rem; padding-bottom: 5rem;}
.review_sect_wrap .main_review_sect .list::-webkit-scrollbar {-webkit-appearance: none; display: none}
.review_sect_wrap .main_review_sect .list::-webkit-scrollbar:vertical {width: 6px;}
.review_sect_wrap .main_review_sect .list::-webkit-scrollbar:horizontal {height: 2px;}
.review_sect_wrap .main_review_sect .list::-webkit-scrollbar-thumb {background-color: #BDC2CD;border-radius: 1rem;}
.review_sect_wrap .main_review_sect .list::-webkit-scrollbar-track {border-radius: 1rem;background-color: var(--grayBg1);}

.review_sect_wrap .main_review_sect .list .item { display: block; position: relative; padding:2.5rem 4rem; border-radius: 2rem; background-color: var(--grayBg2); border: 2px solid transparent; transition: border-color 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.review_sect_wrap .main_review_sect .list .item:hover {border-color: var(--colorBlue2);}
.review_sect_wrap .main_review_sect .list .item + .item {margin-top: 2rem;}

.review_sect_wrap .main_review_sect .list .item .top_box {display: flex; font-size: var(--txt3); align-items: center; font-weight: 500;}
.review_sect_wrap .main_review_sect .list .item .top_box .com_tag {margin-left: auto;}
.review_sect_wrap .main_review_sect .list .item .top_box .type {margin-right: 1.5rem; font-weight: 700; font-size: var(--txt2);} 
.review_sect_wrap .main_review_sect .list .item .top_box .name {display: flex; align-items: center; font-weight: 700;}
.review_sect_wrap .main_review_sect .list .item .top_box .name::before{content: ""; display: inline-block; width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #ADB2BE;  margin-right: 1rem;} 
.review_sect_wrap .main_review_sect .list .item .top_box .name .addr {color: #7A8390; margin-right: 0.25em; font-weight: 400;}
.review_sect_wrap .main_review_sect .list .item .top_box .num_txt .num{font-weight: 700;}
.review_sect_wrap .main_review_sect .list .item .top_box .profile_img {position: relative; width: 4.5rem; height: 4.5rem; border-radius: 50%; background-color: #fff; margin-left: 1rem; display: none;}
.review_sect_wrap .main_review_sect .list .item .top_box .profile_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;;}



.review_sect_wrap .main_review_sect .list .item .txt_wrap {display: flex; align-items: flex-start; margin-top: 1rem;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .txt_box { display: flex; flex-direction: column; flex: 1; min-width: 0;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .txt_box .txt {min-height: 3.4em;font-weight: 500; margin-bottom: 15px; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}


.review_sect_wrap .main_review_sect .list .item .txt_wrap .bot_box {margin-top: auto; font-size: var(--smTxt1);display: flex; align-items: center;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .bot_box .date {color: #7A8390;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .bot_box .num_txt {margin-left: 1.5rem;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .bot_box .num_txt .num {font-weight: 700;}

.review_sect_wrap .main_review_sect .list .item .txt_wrap .img_box {width: 25%; position: relative; margin-left: 2rem;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .img_box .img {width: 100%; padding-top: 56.25%; position: relative;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.review_sect_wrap .main_review_sect .list .item .txt_wrap .img_box .com_play_bg .btn_play {width: 3.5rem; padding-top: 3.5rem; height: 0;}

.review_sect_wrap .main_review_sect .btm_box .com_see_more {background-color: var(--colorBlue2); color: #fff;width: 100%; padding: 1.1em; border-radius: 1.5rem; border: none; justify-content: center; margin-top: 3rem;}
.review_sect_wrap .main_review_sect .btm_box .com_see_more:hover {background-color: var(--colorBlue1);}


 











.main_case_sect .cont_box .com_case_cont {position: relative;flex: 1;min-width: 0;max-width: 220rem;}




.main_tab_wrap { display: flex; align-items: center; overflow: auto;  background-color: var(--grayBg1); border-radius: 1rem; text-align: center; color: #7A8390;}
.main_tab_wrap::-webkit-scrollbar { display: none; }
.main_tab_wrap .tab { padding: 0.8em 0em;  color: #7A8390; border-radius: 1rem; font-weight: 700; white-space: nowrap;  font-size: var(--txt1); width: 10em; text-align: center;}
.main_tab_wrap .tab.active { color: #fff; background-color:#262F40; }
.main_tab_wrap .tab.active::after {content: none;}




.main_keyword_sect { overflow: hidden; }
.main_keyword_sect .sect_top_box {display: flex; align-items: flex-end;}
.main_keyword_sect .cont { margin-top: var(--titContM1); }
.main_keyword_sect .main_tab_wrap {margin-left: auto;}



.main_keyword_sect .cont .keyword_cont { margin-top: 6rem; }

.main_keyword_sect .cont .key_box .top .tit { letter-spacing: -1px; font-size: 3rem; font-weight: 700; color: var(--colorBlue1)}
.main_keyword_sect .cont .key_box .top .txt { margin-top: 1rem; font-weight: 600; }

.main_keyword_sect .cont .key_box .slide_wrap { margin-top: 4rem; }
.main_keyword_sect .cont .key_box .slide_wrap .swiper-container { overflow: visible; }


/* .main_keyword_sect .cont .key_box .grid_wrap + .grid_wrap { margin-left: rem; } */
.main_keyword_sect .cont .key_box .grid_wrap {height: auto;}
.main_keyword_sect .cont .key_box .grid_wrap .top_wrap { display: flex; grid-template-columns: 60% minmax(0, 1fr); transform-style: preserve-3d; perspective: 100rem; width: 100%; height: calc(50% - 1rem); position: absolute; left: 0; top: 0;}
.main_keyword_sect .cont .key_box .grid_wrap .btm_wrap { display: flex; grid-template-columns: 40% minmax(0, 1fr); margin-top: 2rem; transform-style: preserve-3d; perspective: 100rem; width: 100%; height: calc(50% - 1rem); position: absolute; left: 0; bottom: 0;}
.main_keyword_sect .cont .key_box .grid_wrap .box { position: relative; display: block; width: 100%; border-radius: 2rem; transform-style: preserve-3d; overflow: hidden; opacity: 0; transition-property: transform , opacity , width; transition-duration: 0.8s , 0.8s , 0.3s; transition-timing-function: ease-in-out; }
.main_keyword_sect .cont .key_box .grid_wrap .box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.3s ease-in-out; }


/* .main_keyword_sect .cont .key_box .grid_wrap .top_wrap .box:nth-of-type(odd) {width: 60%;} 
.main_keyword_sect .cont .key_box .grid_wrap .top_wrap .box:nth-of-type(even) {width: 40%;} 
.main_keyword_sect .cont .key_box .grid_wrap .btm_wrap .box:nth-of-type(odd) {width: 40%;} 
.main_keyword_sect .cont .key_box .grid_wrap .btm_wrap .box:nth-of-type(even) {width: 60%;} 

.main_keyword_sect .cont .key_box .grid_wrap .top_wrap .box:nth-of-type(odd):hover {width: 70%;}
.main_keyword_sect .cont .key_box .grid_wrap .top_wrap .box:nth-of-type(even):hover {width: 50%;}
.main_keyword_sect .cont .key_box .grid_wrap .btm_wrap .box:nth-of-type(odd):hover {width: 50%;}
.main_keyword_sect .cont .key_box .grid_wrap .btm_wrap .box:nth-of-type(even):hover {width: 70%;} */

.main_keyword_sect .cont .key_box .grid_wrap .box + .box {margin-left: 2rem;}
.main_keyword_sect .cont .key_box .grid_wrap .box:nth-of-type(odd) { transition-delay: 0.2s , 0.2s , 0s; }
.main_keyword_sect .cont .key_box .grid_wrap .box:nth-of-type(even) { transition-delay: 0.4s , 0.4s , 0s; }
.main_keyword_sect .cont .key_box .slide_wrap.active .grid_wrap .box { opacity: 1; transform: unset !important; }

/* .main_keyword_sect .cont .key_box .grid_wrap .box.box2,
.main_keyword_sect .cont .key_box .grid_wrap .box.box3 { padding-top: 100%; } */

.main_keyword_sect .cont .key_box .grid_wrap .box .txt_box { position: absolute; left: 4rem; top: 4rem; color: #fff; z-index: 10; padding-right: 20px; word-break: break-all;}
.main_keyword_sect .cont .key_box .grid_wrap .box .txt_box .tit { font-size: var(--tit4); font-weight: 700; line-height: 1.4;transition:  0.3s ease-in-out;}
.main_keyword_sect .cont .key_box .grid_wrap .box .txt_box .tit span { font-weight: 500; }
.main_keyword_sect .cont .key_box .grid_wrap .box .txt_box .txt { margin-top: 5px; font-size: var(--txt3); font-weight: 500; transition:  0.3s ease-in-out;}
.main_keyword_sect .cont .key_box .grid_wrap .box .txt_box .arr { position: relative; margin-top: 3rem; left: 0; bottom: 0;}
.main_keyword_sect .cont .key_box .grid_wrap .box .arr { position: absolute; left: 4rem; bottom: 4rem; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 100%; overflow: hidden; fill: #fff; z-index: 10; transition: background-color 0.3s ease-in-out , fill 0.3s ease-in-out;}
.main_keyword_sect .cont .key_box .grid_wrap .box .arr .arr_bg {position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.2;}
.main_keyword_sect .cont .key_box .grid_wrap .box .arr svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; position: relative; z-index: 2;}
.main_keyword_sect .cont .key_box .grid_wrap .box .ico { position: absolute; right: 5rem; bottom: 3.5rem; display: flex; justify-content: flex-end; margin-left: auto; }
.main_keyword_sect .cont .key_box .grid_wrap .box .ico img { width: 100%; object-fit: contain; }
.main_keyword_sect .cont .key_box .grid_wrap .box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main_keyword_sect .cont .key_box .grid_wrap .box .bg img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out;}




.main_keyword_sect .cont .key_box .grid_wrap.grid1 { width: 65%; padding-top: 48%;}
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .top_wrap .box:nth-child(1) {width: 60%;}
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .top_wrap .box:nth-child(2) {width: 40%;}

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .btm_wrap .box:nth-child(1) {width: 40%;}
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .btm_wrap .box:nth-child(2) {width: 60%;}



.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box1 { transform: rotateY(90deg); }
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box1 .ico { width: 40%; bottom: 0; }

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box2 { transform: rotateX(-180deg); transform-origin: center top; }
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box2 .ico { width: 35%; }

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box3 { transform: rotateX(-180deg); transform-origin: center bottom; }
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box3 .ico { width: 50%; }

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .box4 { transform: rotateY(90deg); transition-delay: 0.6s , 0.6s , 0s; }

.main_keyword_sect .cont .key_box .grid_wrap.grid2 { width: 75%; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box1 {  transform: rotateY(90deg); }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box1 .txt_box { color: #1C2D70; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box1 .ico { width: 28%; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box1 .arr { background-color: rgba(28,45,112,0.2); }

.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box2 { background-color: #D0D5E1; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box2 .txt_box { color: #1C2D70; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box2 .ico { width: 50%; bottom: 0; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box2 .arr { background-color: rgba(28,45,112,0.2); }

.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box3 { background-color: #1C2D70; }
.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box3 .ico { width: 33%; }

.main_keyword_sect .cont .key_box .grid_wrap.grid2 .box4 .arr { background-color: rgba(28,45,112,0.5); }

.main_keyword_sect .cont .key_box .grid_wrap.grid3 { width: 33%; padding-top: 48%;}
.main_keyword_sect .cont .key_box .grid_wrap.grid3 .box { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.main_keyword_sect .cont .key_box .grid_wrap.grid4 { width: 45%; padding-top: 48%;}

.main_keyword_sect .cont .key_box .grid_wrap.grid5 { width: 52%; padding-top: 48%;}
.main_keyword_sect .cont .key_box .grid_wrap.grid5 .box {width: 100%; height: 100%;  position: absolute; left: 0; top: 0;;}
.main_keyword_sect .cont .key_box .grid_wrap.grid5 .box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}



.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .top_wrap { display: flex;  grid-template-columns: 40% minmax(0, 1fr) minmax(0, 1fr); height: auto;}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .btm_wrap { display: flex;  grid-template-columns: minmax(0, 1fr) 40% minmax(0, 1fr); margin-top: 2rem; height: auto;}

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 { width:100%; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box1 {}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box1 .ico { width: 34%; bottom: 2rem;}

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box2 {}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box2 .ico { width: 39%; bottom: 1rem; }

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box3 {}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box3 .txt_box { color: #1C2D70; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box3 .ico { width: 23%; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box3 .arr { background-color: rgba(28,45,112,0.2); }

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box4 { }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box4 .ico { width: 39%; }

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box6 {}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box6 .txt_box { color: #1C2D70; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box6 .ico { width: 32%; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box6 .arr { background-color: rgba(28,45,112,0.2); }

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box1 { width: 36%;  }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box2 { width: 28%; padding-top: 23.4%; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box3 { width: 36%; }

.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box1:hover ,
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box3:hover {width: 39%;}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box2:hover {width: 31%;}


.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box6,
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box4 { width: 28%; padding-top: 23.4%; }
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box5 { width: 44%; }


.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box4:hover ,
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box6:hover {width: 31%;}
.main_keyword_sect .cont .key_box2 .grid_wrap.grid1 .box.box5:hover {width: 47%;}

.main_keyword_sect .cont .key_box .grid_wrap .box:hover .bg img {transform: scale(1.05);}
.main_keyword_sect .cont .key_box .grid_wrap .box:hover img { transform: scale(1.05);}

.main_keyword_sect .cont .key_box .grid_wrap .box:hover .tit {transform: translateY(-1rem);}
.main_keyword_sect .cont .key_box .grid_wrap .box:hover .txt {transform: translateY(-1rem);}
.main_keyword_sect .cont .key_box .grid_wrap .box:hover .arr {background-color: #fff; fill: #262F40;}

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .btm_wrap .box:nth-child(2):hover,
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .top_wrap .box:nth-child(1):hover {width: 65%;}

.main_keyword_sect .cont .key_box .grid_wrap.grid1 .btm_wrap .box:nth-child(1):hover,
.main_keyword_sect .cont .key_box .grid_wrap.grid1 .top_wrap .box:nth-child(2):hover {width: 45%;}







.main_self_test_sect {background-color: #F3F4F8; padding: 4rem 0; margin-top: var(--mainContPd);}
.main_self_test_sect .tit_top_box {display: flex; align-items: flex-end;}
.main_self_test_sect .tit_top_box .com_see_more {margin-left: auto;}
.main_self_test_sect .cont_box {display: flex; align-items: center;}
.main_self_test_sect .cont_box .char_img {width: 40rem; height: 40rem ;transform: translate(10%,20%);}
.main_self_test_sect .cont_box .char_img video {width: 100%;}
.main_self_test_sect .cont_box .txt_cont {flex: 1;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2rem; margin-top: 4rem;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box {overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;  padding:2.5rem 0 4rem; background-color: #fff; border-radius: 2rem; transition: box-shadow 0.3s ease-in-out;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box .ico {width: 45%; text-align: center;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box .txt_box {margin-top: -0.5rem;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box .txt_box .tit {font-size: var(--txt1); font-weight: 700; text-align: center;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box .txt_box .arr {display: none;}
.main_self_test_sect .cont_box .txt_cont .ico_wrap .box:hover {box-shadow: 0 0 1.5rem rgba(0,0,0,0.1);}


.main_channel_sect { overflow: hidden; }
.main_channel_sect .tit_top_box {display: flex; align-items: flex-end;}
.main_channel_sect .tit_top_box .com_see_more {margin-left: auto;}

.main_channel_sect .channel_wrap { margin-top: var(--contMt); display: flex;}
.main_channel_sect .channel_wrap .channel_cont.youtube {width: 61%; background-color: #EDF4FA; padding: var(--mainBoxPd); border-radius: var(--mainBoxPd); margin-right: 4rem;}  
.main_channel_sect .channel_wrap .channel_cont .cont_tit_box {display: flex; align-items: center; justify-content: space-between;}
.main_channel_sect .channel_wrap .channel_cont .cont_tit_box .tit {display: flex; align-items: center; font-size: var(--mainContTit); font-weight: 700;}
.main_channel_sect .channel_wrap .channel_cont .cont_tit_box .tit svg {width: 1em; margin-left: 0.4em; fill: #EC1A1A;}
.main_channel_sect .recommend_video {width: 100%; margin-right:4rem; display: flex; margin-top: var(--contMt);}
.main_channel_sect .recommend_video .cont_tit_box {display: flex; align-items: center;}
.main_channel_sect .recommend_video .cont_tit_box .tit {font-size: var(--tit3); font-weight: 700;}
.main_channel_sect .recommend_video .recommend_box {width: 55%;}
.main_channel_sect .recommend_video .recommend_box .img_box{position: relative; padding-top: 56.25%; overflow: hidden;}
.main_channel_sect .recommend_video .recommend_box .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: transform 0.3s ease-in-out;}
.main_channel_sect .recommend_video .recommend_box .info_wrap {margin-top: 1.5rem;}
.main_channel_sect .recommend_video .recommend_box .info_wrap .txt { font-size: var(--txt1); display: -webkit-box; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main_channel_sect .recommend_video .recommend_box .info_wrap .date { font-size: var(--smTxt1); margin-top: 2rem; color: var(--typeTxt1); font-weight: 500; display: none;}
.main_channel_sect .recommend_video .recommend_box .com_play_bg {opacity: 0; transition: 0.3s ease-in-out;}
.main_channel_sect .recommend_video .recommend_box a:hover .com_play_bg {opacity: 1;}

.main_channel_sect .recommend_video .col_box {flex: 1; position: relative; min-width: 0; margin-left: 3rem;}
.main_channel_sect .recommend_video .col_box .cont_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column;}
.main_channel_sect .recommend_video .col_box .cont {flex: 1; position: relative; min-height: 0; display: grid; grid-template-columns: minmax(0,30%) minmax(0,1fr); align-items: center;  overflow: hidden;}
.main_channel_sect .recommend_video .col_box .cont .img {padding-top: 58.25%; position: relative; border-radius: 0;overflow: hidden; }
.main_channel_sect .recommend_video .col_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_channel_sect .recommend_video .col_box .cont .txt {flex: 1; font-size: var(--txt3) ;margin-left: 2rem; ;font-weight: 600; display: -webkit-box; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main_channel_sect .recommend_video .col_box .cont .com_play_bg {opacity: 0; transition: 0.3s ease-in-out;}
.main_channel_sect .recommend_video .col_box .cont .com_play_bg .btn_play {width: 30%; height: 0; padding-top: 30%;}
.main_channel_sect .recommend_video .col_box .cont:hover .com_play_bg {opacity: 1;}

.main_channel_sect .recommend_video .col_box .cont:hover .txt {text-decoration: underline;}

.main_channel_sect .channel_cont.shorts {flex: 1; min-width: 0; background-color: var(--grayBg2); padding: var(--mainBoxPd) 0 var(--mainBoxPd) var(--mainBoxPd); border-radius: var(--mainBrd); overflow: hidden;}
.main_channel_sect .channel_cont.shorts .cont_tit_box {padding-right: 5rem;}
.main_channel_sect .channel_cont.shorts .cont_tit_box svg { width: 0.75em;}
.main_channel_sect .channel_cont.shorts .shorts_wrap  {margin-top: var(--contMt); padding-right: 5rem; }
.main_channel_sect .channel_cont.shorts .shorts_wrap .swiper-container {overflow: visible;}
.main_channel_sect .channel_cont.shorts .item .thumb {display: block; padding-top: 180%; position: relative; overflow: hidden; }
.main_channel_sect .channel_cont.shorts .item .thumb .com_play_bg {opacity: 0; transition: 0.3s ease-in-out;}
.main_channel_sect .channel_cont.shorts .item .thumb img {position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out;}
.main_channel_sect .channel_cont.shorts .item .thumb:hover .com_play_bg {opacity: 1;}


.news_sect_wrap .news_wrap {display: flex; margin-top: var(--contMt);}
.news_sect_wrap .news_wrap .cont_tit_box {display: flex; align-items: center; justify-content: space-between;}
.news_sect_wrap .news_wrap .cont_tit_box.col {display: block;}
.news_sect_wrap .news_wrap .cont_tit_box .tit {display: flex; align-items: center; font-size: var(--mainContTit); font-weight: 700;}
.news_sect_wrap .news_wrap .cont_tit_box .com_see_more.wh_line {border-color: rgba(255,255,255,0.5);}


.news_sect_wrap .news_wrap .news_sect { display: flex; flex-direction: column; padding: var(--mainBoxPd) var(--mainBoxPd) var(--mainBoxPd); background-color: #E8EEFD; border-radius: var(--mainBrd); width: 50%; margin-right: 4rem;}
.news_sect_wrap .news_wrap .news_sect .cont_box { margin-top: var(--contMt); flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: space-between;}
.news_sect_wrap .news_wrap .news_sect .cont_box .item {display: flex; align-items: center;}
.news_sect_wrap .news_wrap .news_sect .cont_box .img {position: relative; width: 28%; padding-top: 18.5%; flex-shrink: 0; overflow: hidden; border-radius: 15px;}
.news_sect_wrap .news_wrap .news_sect .cont_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.news_sect_wrap .news_wrap .news_sect .cont_box .txt_box {margin-left: 3rem;}
.news_sect_wrap .news_wrap .news_sect .cont_box .txt_box .tit {font-weight: 600; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news_sect_wrap .news_wrap .news_sect .cont_box .txt_box .date {margin-top: 5px; font-size: var(--smTxt1); color: rgba(0, 0, 0, 0.5);}
.news_sect_wrap .news_wrap .news_sect .cont_box .item:hover .txt_box .tit {text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 1px;}






.news_sect_wrap .news_wrap .main_commu_sect {flex: 1; min-width: 0; display: flex; flex-direction: column; }

.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect {width: 100%;  padding: var(--mainBoxPd); background-color: var(--grayBg1); border-radius: var(--mainBrd); overflow: hidden;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont {margin-top: var(--contMt); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4rem 2rem;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item {}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .thumb {position: relative; padding-top: 100%; overflow: hidden; border-radius: 15px;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .thumb img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .hover_box {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(28,54,154,0.8); z-index: 1; opacity: 0; transition: opacity 0.3s ease-in-out;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .hover_box .ico {position: relative; width: 17%; padding-top: 17%; background-color: #fff; border-radius: 50%;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .hover_box .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); fill: var(--colorBlue1); width: 30%;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item:hover .hover_box {opacity: 1;}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item:hover .thumb img {transform: scale(1.05);}
.news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect .cont .item .tit {font-weight: 600; margin-top: 1rem; font-size: var(--txt2); overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: none;}



.news_sect_wrap .news_wrap .main_commu_sect .notice_cont {background-color: var(--colorBlue1); color: #fff; border-radius: var(--mainBrd); overflow: hidden; padding: var(--mainBoxPd); margin-top: 4rem;}

.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box {margin-top: 2.5rem;}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a {display: flex; align-items: center; padding: 1em 0; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,0.2);}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li:first-child a {padding-top: 0;} 
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a .txt {flex: 1; min-width: 0; padding-right: 1em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: 600;}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a .badge {font-size: var(--smTxt1); width: 3.5em; height: 2em; line-height: 2em; background-color: rgba(243,248,253,0.2); border-radius: 5px; margin-right: 1em; text-align: center;}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a .arr {position: relative; margin-left: auto; width: 1em; height: 1em; fill: #fff; overflow: hidden;}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a .arr svg{width: 100%;height: 100%;position: absolute;left: 0;top: 0; opacity: 0;}
.news_sect_wrap .news_wrap .main_commu_sect .notice_cont .list_box li a:hover .arr svg {animation: arrowTeleport 0.6s ease forwards 0s;  }


@keyframes arrowTeleport {
    15% {
        transform: translateX(0);
        opacity: 0;
    }
    

    49% {
        transform: translateX(120%);
        opacity: 0;
    }

    50% {
        transform: translateX(-120%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}





.main_commu_sect .top_tit_box {display: flex; align-items: flex-end;}
.main_commu_sect .top_tit_box .com_see_more {margin-left: auto;}
.main_commu_sect .cont_wrap{display: flex; align-items: center ;padding-left: max(calc((100% - 124rem)/2 + var(--inPd)) , var(--inPd)); margin-top: 6rem;}



@media screen and (max-width: 2400px) {
    .main_point_wrap .point_box .slide_wrap {width: 30rem;}
    .main_point_wrap .point_box .slide_wrap .paging .swiper-pagination-bullet {width: 8px; height: 8px;}
    .main_point_wrap .point_box .slide_wrap .paging .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 3rem;}
}


@media screen and (min-width: 2000px) {

    /* html {
        font-size: clamp(9px, calc(9px + (4 * ((100vw - 1900px) / 1100))), 12px);
    } */

    /* html {
        font-size: clamp(9px, calc(9px + (4 * ((100vw - 1900px) / 1100))), 12px);
    } */

}

@media screen and (max-width: 1640px) {


    .review_sect_wrap .main_review_sect {height: 52vw;}

    .main_staff_sect .slide_btn.prev {left: var(--inPd);}
    .main_staff_sect .slide_btn.next {left: auto; right: var(--inPd) ;transform: translate(0,-50%);}
    .main_staff_sect .slide_wrap .item .txt_box {top: 10rem;}

    .main_staff_sect .slide_wrap {margin-top: 60px;}
    .main_staff_sect .slide_wrap .item .txt_box .name {font-size: var(--tit2);}

    .main_self_test_sect .cont_box .char_img {width: 30vw; height: 30vw;}



    /* .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next,
    .main_staff_sect .slide_wrap .item.swiper-slide-next {transform: scale(0.6) translateX(0%);}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item ,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item {transform: scale(0.6) translateX(0%);}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item { transform: scale(0.6) translateX(0%);}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item + .item,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item + .item { transform: scale(0.6) translateX(0%)} */




}


@media screen and (max-width: 1440px) {


    :root {
        --mainBrd:3rem;
        --mainBoxPd:4rem;
        --mainContTit: 3.2rem
    }
    

  

    .main_point_sect .branch_slide .slide_wrap { width:60rem;}
    .main_self_test_sect .cont_box .char_img {transform: translate(0,20%);}


    .clinic_sect_wrap .treatment_cont {padding: var(--mainBoxPd) 0 ; overflow: hidden;}
    .clinic_sect_wrap .treatment_cont .main_tit_box {padding-left: var(--mainBoxPd);}
    .clinic_sect_wrap .treatment_cont .main_tit_box {padding-right: var(--mainBoxPd);}
    .clinic_sect_wrap .treatment_cont .slide {}
    .clinic_sect_wrap .treatment_cont .slide .swiper-container {padding:0 var(--mainBoxPd); overflow: visible;}

    .com_case_cont .item .top_box .dis_name {font-size: var(--txt0);}
    .clinic_sect .cont .clinic_tab {width: 550px; }
    .clinic_sect .cont .clinic_tab .tab {font-size: var(--txt2);}
    

    .review_sect_wrap .main_review_sect .list .item {padding: 2rem 3rem;}

    .review_sect_wrap .main_case_sect {width: 55%;}
    .review_sect_wrap .main_review_sect {width: 45%; height: 53vw;}

    .main_staff_sect .slide_wrap .item .txt_box {top: 6rem;}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next,
    .main_staff_sect .slide_wrap .item.swiper-slide-next {transform: scale(0.4) translateX(0%);}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item ,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item {transform: scale(0.4) translateX(-150%);}

    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item { transform: scale(0.4) translateX(-290%);}


    .main_staff_sect .slide_wrap .item.swiper-slide-duplicate-next + .item + .item + .item,
    .main_staff_sect .slide_wrap .item.swiper-slide-next + .item + .item + .item { transform: scale(0.4) translateX(-430%)} 

    
    
}




@media screen and (max-width: 1240px) {

    :root {
        
        --mainContTit: var(--tit2)
    }

    .main_tit_wrap .tit {font-size: var(--tit1);}


    .main_point_sect .branch_slide .slide_wrap {width: 40rem;}
    .main_point_wrap .point_box .logo_img {width: 15rem;}
    .main_point_wrap .point_box .dot .cir {width: 8rem; height: 8rem;}
    .main_point_wrap .map_box {width: 60%; top: -15%;}

    .main_point_sect .main_point_tit .tit {font-size: 8rem;}
    .main_point_wrap .map_box {left: 25%;}
    .main_point_tab .tab_box {grid-template-columns: repeat(5, max-content);}



    .visual_sect .slide_wrap .item .txt_box .tit {font-size: var(--tit1);}

    .clinic_sect_wrap .in {display: block;}
    .clinic_sect  {width: 100%; padding-top: 800px; position: relative;}
    .clinic_sect .cont_box {position: absolute; left: 0; top: 0;}
    .clinic_sect .cont .clinic_tab .tab  {font-size: var(--txt1);}

    .clinic_sect_wrap .treatment_cont {height: auto; margin-left: 0; margin-top: 60px;}
    .com_clinic_slide_wrap {margin-top: 60px;}

    .com_clinic_slide_wrap .clinic_tab_wrap .tab {padding: 1rem 1.5rem 1rem 1remQ}
    .com_clinic_slide_wrap .clinic_tab_wrap .tab .img {width: 50px; height: 50px;}
    .com_clinic_slide_wrap .clinic_tab_wrap .tab .tit {margin: 0 15px; font-size: var(--txt2);}

    .review_sect_wrap .in {display: block;}
    .review_sect_wrap .main_case_sect {width: 100%; margin-right: 0;}
    .review_sect_wrap .main_review_sect {height: auto; width: 100%; margin-top: 60px;}

    .main_keyword_sect .cont .key_box .grid_wrap .box {border-radius: 15px;}
    .main_keyword_sect .cont .key_box .grid_wrap .box .txt_box {left: 2.5rem; top: 2.5rem;}


    .main_self_test_sect .cont_box .char_img {width: 30vw; height: 30vw;}
    .main_self_test_sect .cont_box .txt_cont .ico_wrap {gap: 15px;}
    .main_self_test_sect .cont_box .txt_cont .ico_wrap .box {padding: 1.5rem 0; border-radius: 15px;}

    .main_self_test_sect .cont_box .txt_cont .ico_wrap .box .ico {width: 55%;}
    .main_self_test_sect .cont_box .txt_cont .ico_wrap .box .txt_box .tit {font-size: var(--txt2); margin-top: 5px;}

    .main_channel_sect .channel_wrap { display: block;}
    .main_channel_sect .channel_wrap .channel_cont.youtube {width: 100%;}
    .main_channel_sect .channel_cont.shorts {margin-top: 60px;}
    .main_channel_sect .channel_cont.shorts .item .thumb {border-radius: 10px;}

    .news_sect_wrap .news_wrap {display: block;}
    .news_sect_wrap .news_wrap .news_sect {width: 100%;}
    .news_sect_wrap .news_wrap .news_sect .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px;}
    .news_sect_wrap .news_wrap .news_sect .cont_box .img {width: 140px; padding-top: 92px;}
    .news_sect_wrap .news_wrap .news_sect .cont_box .txt_box {margin-left: 15px;}
    .news_sect_wrap .news_wrap .main_commu_sect {margin-top: 60px; flex: none; width: 100%; flex-direction: row;}
    .news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect {width: 60%;}
    .news_sect_wrap .news_wrap .main_commu_sect .notice_cont {margin-left: 30px; margin-top: 0;}

    


}

@media screen and (max-width: 1000px) {
    .main_keyword_sect .sect_top_box {display: block;}
    .main_keyword_sect .main_tab_wrap {margin-top: 30px;}
    .main_tab_wrap .tab {flex: 1;}
    .main_self_test_sect .cont_box .char_img {width: 25vw; height: 25vw;}
    
    .news_sect_wrap .news_wrap .main_commu_sect {flex-direction: column;}
    .news_sect_wrap .news_wrap .main_commu_sect .main_tip_sect {width: 100%;}
    .news_sect_wrap .news_wrap .main_commu_sect .notice_cont {margin-left: 0; margin-top: 30px;}


    .main.pc {min-width: 768px;}

    
}
@media screen and (max-width: 768px) {
    .main_keyword_sect .cont .key_box .grid_wrap .box .arr {display: none;}
}











