@charset "UTF-8";
/*.quick_wrap .ai_visual_sect {display: none;} !*임시*!*/

body {transition: 0.6s ease-in-out}
body.wh {background-color: #000; ; color: #fff}

.scroll_container {background-color: #101010}

.sect_tit_box .tit {font-size: var(--mainTit); font-weight: 700; line-height: 1.3; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out , transform 0.6s ease-in-out}
.sect_tit_box .sm_tit {font-size: calc(var(--mainTit) * 0.7); font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out , transform 0.6s ease-in-out}
.sect_tit_box .txt {font-size: var(--txt1); font-weight: 600; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s}
.sect_tit_box .sm_tit + .txt {margin-top: 1em}
.sect_tit_box .tit + .txt {margin-top: 1em}

.main_view_btn {display: flex; justify-content: center}
.main_view_btn .btn{display: flex;align-items: center;justify-content: center;padding: 0 1.5em;height: 2.8em;font-size: var(--txt2);color: #000;fill: #000;border-radius: 10rem; font-weight: 700; background-color: rgba(255,255,255,0.6); ;line-height: 1.3;transition: fill 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.main_view_btn .btn svg {width: 1em; margin-left: 1em}



.sect_tit_box.active .tit,
.sect_tit_box.active .sm_tit ,
.sect_tit_box.active .txt {opacity: 1; transform: unset}


/* 임시 버튼 스타일 */
.btn_type2 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt16); font-weight:600; background-color: var(--bg); border:1px solid var(--bg); padding:0 1.5em; min-width:16rem; color:#fff; transition: all 0.3s ease;}
.btn_type1 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt16); font-weight:600; background-color: #fff; border:1px solid var(--black); color: #000; padding:0 1.5em; min-width:16rem; transition: background 0.3s ease, color 0.3s ease;;}
.btn_type1 svg { width:1.2em; height: auto; margin-right:1rem;}


.gallery_list ul { display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4rem 2rem; }
.gallery_item { display: block; padding: 4rem 3rem; border-radius:var(--radius2); background-color: #fff; ;}
.gallery_item .top_box { display: flex; align-items: center;}
.gallery_item .top_box .badge { padding:0.2em 1em; font-size:var(--txt16); background-color: #000; border-radius:5em; color:#fff; margin-right:1.2rem; font-weight:700;}
.gallery_item .top_box .tit { font-size:var(--txt18); font-weight:700; }
.gallery_item .img { margin:1.8rem 0; overflow: hidden; position: relative; }
.gallery_item .img img { transition: all 1s ease;}
.gallery_item .img1 { margin:1.8rem 0; overflow: hidden; position: relative;}
.gallery_item .img1:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(252,164,0,0.3);opacity: 0;transition: 0.3s ease-in-out}
.gallery_item .text{ display: flex; flex-direction: column; justify-content: space-between;}
.gallery_item .text .subj { font-size:var(--txt22); font-weight:700; height: 3.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-bottom: 1.5rem;}
.gallery_item .text .date { font-size:var(--txt16); font-weight:600; color:#aeaeae; }

.before_img { position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-size:var(--txt18); font-weight:500; color:#fff; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px);}
.before_img svg { width:1.2em; }
.before_img p { margin-top:1.5rem; }

.talk_item { display: block; overflow: hidden; border-radius:var(--radius2); background-color: #fff; ;}
.talk_item .img {  overflow: hidden; position: relative; }
.talk_item .img img { transition: all 1s ease;}
.talk_item .text{ padding:  3rem; }
.talk_item .text .subj { font-size:var(--txt22); font-weight:700; height: 3.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-bottom: 1.5rem;}
.talk_item .text .date { font-size:var(--txt16); font-weight:600; color:#aeaeae; }
.talk_item .text .tag_box { display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
.talk_item .text .tag_box .tag { padding:0.1em 0.5em; background-color: #fff; border-radius:0.5rem; font-size:var(--txt16); font-weight:500; margin:0 1rem 1rem 0;}


.board_list ul  { border-top:1px solid var(--lineColor);margin-bottom: 4rem; }
.board_list ul li { border-bottom: 1px solid var(--lineColor); ;}
.board_list ul li a { display: flex; font-size:var(--txt16); font-weight:700;  text-align: center; height: 10rem; align-items: center;  transition: all 0.3s var(--ease);}
.board_list ul li a .subj { font-size:var(--txt22); text-align: left; flex:1; padding-left: 1em;}
.board_list ul li a .date{ color:#aeaeae; font-weight:600; width:9em;   }





.visual_sect {position: relative; width: 100%; height: 100lvh; background-color: #fff}
body.kakao .visual_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}

.visual_sect .bg_video {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60%; height: 100%}
.visual_sect .bg_video * {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center}
.visual_sect .in { width:180rem; display: flex; align-items: flex-end; position: absolute; height: 100%; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2}

.visual_sect .swiper-container,
.visual_sect .swiper-wrapper,
.visual_sect .swiper-slide { height:100%; position:relative; overflow: hidden}
.visual_sect .swiper-slide { }

.visual_sect .swiper-slide .bg_img {position:absolute; left:0; top:0; width:100%;height: 100%; transform: scale(1.1) ;transition: transform 1.5s ease-in-out;}
.visual_sect .swiper-slide-active .bg_img{transform: scale(1)}
.visual_sect .swiper-slide .bg_img video,
.visual_sect .swiper-slide .bg_img img { width:100%; height:100%;  object-fit: cover; object-position: center;}
.visual_sect .swiper-slide .bg_img iframe {width: 100%; height: 100%; object-fit: contain; object-position: center}
/*.visual_sect .swiper-slide.item1 { color:#fff; }*/
.visual_sect .tit_box { width:100%; display: flex; align-items: flex-end; padding-bottom: 16rem;}
.visual_sect .tit_box .tit {font-size: 17rem; font-weight: 700; line-height: 1;}
.visual_sect .tit_box .tit p {overflow: hidden}
.visual_sect .tit_box .tit p span {display: block; transform: translateY(100%); transition: 0.8s ease-in-out}
.visual_sect .tit_box .tit p + p span {transition: 0.8s ease-in-out 0.2s}
.visual_sect .tit_box .txt {font-size: var(--tit3); font-weight: 500; opacity: 0; transform: translateY(50px); transition: 0.8s ease-in-out 0.4s; margin-left: 2em; }
.visual_sect .swiper-slide-active .tit_box .tit p span {transform: unset}
.visual_sect .swiper-slide-active .tit_box .txt {opacity: 1; transform: unset}


.visual_sect .controls {position: absolute;left: 50%;bottom: 5rem; z-index: 2;display: flex;align-items: center;margin: 0 auto;font-size: var(--txt20);width: 180rem;transform: translateX(-50%);padding: 0 var(--inPd); max-width: 100%; color: #fff;}
.visual_sect .controls .swiper-pagination-bullet { width:6px; height: 6px; border-radius:1em; background-color: #fff; opacity: 0.4; transition: 0.3s  ease-in-out;}
.visual_sect .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:0.5em}
.visual_sect .controls .swiper-pagination-bullet-active {opacity: 1; width:2.5em;}

.visual_sect .controls .total,
.visual_sect .controls .current {margin: 0 1em;  font-weight: 700; min-width: 0.8em; text-align: center; font-size: var(--txt18)}
.visual_sect .controls .pagination {display: flex;}
.visual_sect .swiper_btn {position: static; top: 0; left: inherit; right: inherit; width: 0.8em; height: 0.8em; margin-top: 0; opacity: 0.3 ;transition:opacity 0.3s ease-in-out;}
.visual_sect .swiper_btn svg {width: 100%; height: auto}


.visual_sect .swiper-button-next:after,
.visual_sect .swiper-button-prev:after { display: none; }

.visual_sect .controls.black .swiper-pagination-bullet {background-color:#000; }
.visual_sect .controls.black .total,
.visual_sect .controls.black .current { color:#000; }

.visual_sect .tit_box .main_view_btn{max-width: max-content; margin-top:20px; opacity: 0;transform: translateY(50px); transition: 0.8s ease-in-out 0.6s;}
.visual_sect .swiper-slide-active .tit_box .main_view_btn {opacity: 1;transform: unset;}

.adv_sect {position: relative; background: #101010; color: #fff; width: 100%; height: calc(var(--vh) * 100); margin-top: -1px}
.adv_sect .svg_tit_box { display: flex; align-items: flex-end; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 13vw; white-space: nowrap; line-height: 1; font-family: "Sulphur Point", sans-serif; font-weight: 700}
.adv_sect .svg_tit_box .group {position: relative; padding: 0 0.05em ; overflow: hidden;}
.adv_sect .svg_tit_box .group.type1 {width: 1.4em}
.adv_sect .svg_tit_box .group.type2 {width: 5.2em}
.adv_sect .svg_tit_box .group .first {transform: translateY(100%);}
.adv_sect .svg_tit_box .group .first svg {width: 100%; height: auto; }
.adv_sect .svg_tit_box .group .first {display: flex; align-items: flex-end}
.adv_sect .svg_tit_box .group .svg_i {width: 0.2em}
.adv_sect .svg_tit_box .group .svg_a {width: 0.9348em}
.adv_sect .svg_tit_box .group .txt {display: flex; align-items: flex-end; position: absolute; right: 0.1em; bottom: -0.2em;white-space: nowrap;}
.adv_sect .svg_tit_box .group .txt span {transform: translateY(100%); }

.adv_sect .adv_sect_ai {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; height: auto; opacity: 0}
.adv_sect .adv_sect_ai img {width: 100%}


.adv_sect .adv_sect_ai_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 21vw; height: auto; opacity: 0}
.adv_sect .adv_sect_ai_bg img {width: 100%}

.adv_sect .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; text-align: center;}
.adv_sect .txt_box .tit {overflow: hidden; font-size: 16rem; font-weight: 700; line-height: 1.2; transform: translateY(100px); opacity: 0}
.adv_sect .txt_box .tit p {}
.adv_sect .txt_box .txt {font-size: var(--txt1); font-weight: 600; margin-top: 3em; transform: translateY(100px); opacity: 0}


/*.adv_sect .svg_tit_box .group.type1 .first {transition: 0.8s ease-in-out}*/
/*.adv_sect .svg_tit_box .group.type1 .txt span {transition-delay: 0.05s}*/
/*.adv_sect .svg_tit_box .group.type1 .txt span:nth-child(2) {transition-delay: 0.1s}*/
/*.adv_sect .svg_tit_box .group.type1 .txt span:nth-child(3) {transition-delay: 0.15s}*/

/*.adv_sect .svg_tit_box .group.type2 .first {transition: 0.8s ease-in-out .2s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(1) {transition-delay: 0.25s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(2) {transition-delay: 0.3s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(3) {transition-delay: 0.35s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(4) {transition-delay: 0.4s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(5) {transition-delay: 0.45s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(6) {transition-delay: 0.5s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(7) {transition-delay: 0.55s}*/
/*.adv_sect .svg_tit_box .group.type2 .txt span:nth-child(8) {transition-delay: 0.6s}*/
/*.adv_sect .svg_tit_box.active .group .first ,*/
/*.adv_sect .svg_tit_box.active .group .txt span {transform: unset}*/





.clinic_sect {padding: var(--mainSect) 0; background-color: #101010; color: #fff; margin-top: -2px}
.clinic_sect .sect_tit_box {display: flex; align-items: flex-end; justify-content: space-between}
.clinic_sect .cont{margin-top: 6rem; padding: 0 var(--fullInPd)}
.clinic_sect .clinic_list{display: flex; width: 100%; height: 62rem;}
.clinic_sect .clinic_list .item{position: relative; height:100%; border-radius: 1.6rem; overflow:hidden; flex: 1; transition: flex 0.5s var(--ease) 0s; transform-origin: center;}
.clinic_sect .clinic_list .item + .item{margin-left:2rem;}
.clinic_sect .clinic_list .item a{position: relative; display: block; width: 100%; height: 100%; }
.clinic_sect .clinic_list .item .img_box{position: relative; height: 100%;}
.clinic_sect .clinic_list .item .img_box:before{content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; opacity: 0; transition: 0.3s ease-in-out 0s}
.clinic_sect .clinic_list .item .img_box img{position: absolute; inset:0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.clinic_sect .clinic_list .item .txt_box { position: absolute; left: 0; bottom: 0; transform: translateY(calc(100% + -18rem)); width: 100%; padding: 0 0 1rem 3.2rem; color: #fff; z-index: 3; transition: transform 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .sub_tit{display: block;font-size:10px; min-height: calc(var(--txt1) * 1.7) ;font-weight: 600; opacity: 0; transition: opacity 0.3s var(--ease), font-size 0.3s ease ;}
.clinic_sect .clinic_list .item .txt_box .tit{font-size: 4rem; font-weight: 600; margin-top:4rem; opacity: 1 ;transition:font-size 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .txt{font-size: 10px; margin-top:1.5rem; opacity: 0;min-height: calc(var(--txt2) * 1.7 * 3); transition: opacity 0.3s var(--ease), font-size 0.3s ease ;}
.clinic_sect .clinic_list .item .txt_box .btn{display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc(1rem + var(--txt2) * 1.7); right:3rem; width:6.4rem; height:6.4rem; background: #fff; border-radius: 50%; opacity:0;  transition: opacity 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .btn .ico{width:1em; height:1em; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L8.2375 1.7625L15.2125 8.75H0L0 11.25H15.2125L8.2375 18.2375L10 20L20 10L10 0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center / contain;}
.clinic_sect .clinic_list .item .basic_tit { position: absolute; left: 2.5rem; bottom: 4.5rem;  width: 100%; font-size: 3.2rem; font-weight: 600; transition: 0.3s ease-in-out; opacity: 0}


.pin_sect_wrap {position: relative; background-color: #101010; color: #fff; }
.pin_sect_wrap .spe_sect {position: relative; width: 100%; height: 100lvh; display: flex; align-items: center; }
body.kakao .pin_sect_wrap .spe_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}
.pin_sect_wrap .spe_sect .sect_tit_box {position: absolute; left: 0%; top: 50%; transform:translateY(-50%); width: 100% ;z-index: 2; text-align: center;}
.pin_sect_wrap .spe_sect .sect_tit_box .tit {opacity: 0; transform: translateY(50px); transition: none}
.pin_sect_wrap .spe_sect .sect_tit_box .txt {margin-top: 2em; opacity: 0; transform: translateY(50px); transition: none}
.pin_sect_wrap .spe_sect .sect_tit_box .main_view_btn {margin-top: 8rem; opacity: 0; transform: translateY(50px)}
.pin_sect_wrap .spe_sect .sect_tit_box .main_view_btn .btn {background-color: #fff}

.pin_sect_wrap .slide {position: absolute; left: 100%; top: 50%; transform: translate(0,-50%); width: 100%; opacity: 0}
.pin_sect_wrap .slide .swiper-container {overflow: visible}
.pin_sect_wrap .slide .swiper-wrapper {align-items: flex-end}
.pin_sect_wrap .slide .item { width: 35%; transform-origin: left bottom; transform: scale(0.6)}
.pin_sect_wrap .slide .item + .item {margin-left: 15rem; transform: translateX(-40%)  scale(0.6)}
.pin_sect_wrap .slide .item .img {position: relative; width: 100%; padding-top: 100%; overflow: hidden}
.pin_sect_wrap .slide .item .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 120%; height: 120%; object-position: center; object-fit: cover; }
.pin_sect_wrap .slide .item .txt_box {margin-top: 4rem}
.pin_sect_wrap .slide .item .txt_box .tit {font-size: 5.5rem; font-weight: 700; opacity: 0; transform: translateY(50px)}
.pin_sect_wrap .slide .item .txt_box .txt {font-size: var(--txt2); margin-top: 0.5rem; opacity: 0; transform: translateY(50px); }

/*.pin_sect_wrap .slide .item.active .img {padding-top: 100%}*/
/*.pin_sect_wrap .slide .item.active .txt_box .tit {opacity: 1; transform: unset}*/
/*.pin_sect_wrap .slide .item.active .txt_box .txt {opacity: 1; transform: unset}*/






.urology_sect {position: relative; width: 100%; height: calc(var(--vh) * 100); overflow: hidden; margin-top: 24rem}
.urology_sect .logo_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
.urology_sect .logo_bg img {width: 100%; transform: scale(5.5)}
.urology_sect .col_box {position: absolute;  width: 15%; }
.urology_sect .col_box.left {left: 0;top: 100%;transform: translateY(0%);}
.urology_sect .col_box.right {right: 0; bottom: 100%}
.urology_sect .col_box .img {width: 100%; padding-top: 100%; position: relative}
.urology_sect .col_box .img + .img {margin-top: 2.5rem}
.urology_sect .col_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}

.urology_sect .center_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; opacity: 0}
.urology_sect .center_box .center_txt_box {display: flex; align-items: center; font-weight: 700; font-size: 5.4rem}
.urology_sect .center_box .center_txt_box .txt {}
.urology_sect .center_box .center_txt_box .float_txt {position: relative; width: 10em; height: 1em; margin-left: 0.25em; font-size: 1.5em; line-height: 1}
.urology_sect .center_box .center_txt_box .float_txt .float {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; overflow: hidden}
.urology_sect .center_box .center_txt_box .float_txt .float p {transform: translateY(100%); }

.urology_sect .center_box .center_txt_box .float_slide {position: relative; width: 10em; height: 1em; margin-left: 0.25em; font-size: 1.5em; line-height: 1}
.urology_sect .center_box .center_txt_box .float_slide p {text-align: center}
.urology_sect .center_box .center_txt_box .swiper-container {height: 100%}



.urology_sect .center_box .logo {width: 15%; margin-top: 20rem; transform: scale(2)}
.urology_sect .center_box .logo svg {width: 100%; height: auto}

/*.data_sect {color: #fff; position: relative; height: calc(var(--vh) * 100);}*/
/*.data_sect .bg {position: absolute;left: 0; top: 0; width: 100%; height: 100%; transform-origin: bottom center; transform: scale(1)}*/
/*.data_sect .bg img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}*/

.data_sect {color: #fff; position: relative; margin-top: -75lvh}
.data_sect .bg_cont {position: relative; left: 0; top: 0; width: 100%;  height: calc(var(--vh) * 100);}
.data_sect .bg_cont .bg {position: relative; width: 100%; height: 100% ;transform-origin: bottom center; transform: scale(0.4)}
.data_sect .bg img {position: absolute;left:0; bottom: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.data_sect .in { z-index: 1}
.data_sect .cont_box {display: flex; flex-direction: column; padding-top: 16rem; padding-bottom: var(--mainSect)}
.data_sect .sect_tit_box .tit {opacity: 0; transform: translateY(150px); transition: none}
.data_sect .sect_tit_box .txt { opacity: 0; transform: translateY(150px); transition: none}

.data_sect .data_cont { margin-left: auto; margin-top: 100lvh}
.data_sect .data_cont .cont {display: flex; align-items: center; padding: 7rem 0 3rem; border-bottom: 1px solid rgba(255,255,255,0.5); transform: translateY(50px); opacity: 0}
.data_sect .data_cont .cont .num_box {font-size: var(--tit3); font-weight: 500; line-height: 1; width: 15em}
.data_sect .data_cont .cont .num_box .num {font-size: 12rem; font-weight: 600}
.data_sect .data_cont .cont .txt_box .tit {font-size: 4rem; font-weight: 700}
.data_sect .data_cont .cont .txt_box .txt {font-size: var(--txt2); font-weight: 600; margin-top: 0.5em}

.team_sect {padding: var(--mainSect) 0; background-color: #fff; }
.team_sect .sect_tit_box .txt {color: #000}
.team_sect .slide {margin-top: 15rem}
.team_sect .slide .swiper-wrapper {align-items: flex-end}
.team_sect .slide .item {display: block; width: 25%; transform: scale(0.8); transform-origin: bottom center ;transition: 0.3s ease-in-out}
.team_sect .slide .item.swiper-slide-duplicate-active,
.team_sect .slide .item.swiper-slide-active {transform: scale(1)}
.team_sect .slide .item.swiper-slide-duplicate-prev,
.team_sect .slide .item.swiper-slide-prev {transform: translateX(-5%) scale(0.8)}
.team_sect .slide .item.swiper-slide-duplicate-next,
.team_sect .slide .item.swiper-slide-next {transform: translateX(5%) scale(0.8)}



.team_sect .slide .img {position: relative; padding-top: 120%; overflow: hidden; border-radius: 3rem; display: block}
.team_sect .slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; transform: scale(1); transition: transform 0.3s ease-in-out}

.team_sect .slide .top_box { margin-bottom: 2.5rem; opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-in-out , transform 0.5s ease-in-out}
.team_sect .slide .item.swiper-slide-active .top_box {opacity: 1; transform: unset}
.team_sect .slide .top_box .type {font-size: var(--txt3); font-weight: 700; margin-bottom: 0.5em}
.team_sect .slide .top_box .tit_box {display: flex; align-items: center; justify-content: space-between}
.team_sect .slide .top_box .tit {font-size: 4.5rem; font-weight: 700}
.team_sect .slide .top_box .btn {display: flex; align-items: center; justify-content: center; width: 8em; height: 2.8em; font-size: var(--txt2); color: #fff; fill: #fff; border-radius: 1rem; background-color: #000; line-height: 1.3; transition: fill 0.3s ease-in-out , background-color 0.3s ease-in-out}
.team_sect .slide .top_box .btn svg {margin-right: 1em; width: 0.9em; height: auto}




.team_sect .slide_btn {position: relative; width: 24rem; display: flex; margin: 2rem auto 0}
.team_sect .slide_btn .btn {height: 8rem; flex: 1; background-color: #000; fill: #fff; position: static; margin: 0; padding: 0}
.team_sect .slide_btn .btn + .btn {margin-left: 1px}
.team_sect .slide_btn .btn:after {display: none}
.team_sect .slide_btn .btn svg {width: 2rem; transition: transform 0.3s ease-in-out}


  /* 임시 이미지 */
/* .ai_sect{background: url(../img/temp/ai_bg.jpg) no-repeat center bottom / cover;} */
.ai_sect{position: relative; background-color: #E9E9E9; overflow: hidden; padding: var(--secPd) 0}
.ai_sect .sect_tit_box {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center}
.ai_sect .sect_tit_box .ai_desc {display: flex; align-items: center; justify-content: center; font-size: var(--txt1); font-weight: 600; margin-bottom: 4rem}
.ai_sect .sect_tit_box .ai_desc .ico {display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; margin-right: 0.7em ;border-radius: 1rem; background: linear-gradient(135deg, #FCA400 0.34%, #787878 76.78%);}
.ai_sect .sect_tit_box .ai_desc .ico img {width: 80%;}


.ai_sect .recom_txt { display: flex; align-items: center; justify-content: center ;font-size: 4rem; font-weight: 700; margin-top: 8rem; line-height: 1.5}
.ai_sect .recom_txt .txt {display: none}
.ai_sect .recom_txt .box {display: flex; align-items: center; justify-content: center; padding:0.5em 1.25em; margin: 0 0.5em; min-width: 9em ;color: #fff; border-radius: 10em;  background-color: #000}
.ai_sect .recom_txt .box .ico {display: flex; align-items: center; justify-content: center; width: 0.75em; margin-left: auto; display: none}
.ai_sect .recom_txt .box .ico svg {width: 100%; height: auto;}

.ai_sect .main_review_list {margin-top: 12rem}
.ai_sect .main_review_list .list_tab .tab_box {display: flex;}
.ai_sect .main_review_list .list_tab .tab_box .tab {position: relative;font-size: var(--tit3); color: #000; font-weight: 700; transition: color 0.3s ease-in-out}
.ai_sect .main_review_list .list_tab .tab_box .tab + .tab {margin-left: 4rem}
.ai_sect .main_review_list .list_tab .tab_box .tab:before {content: ""; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color: #FCA400; transition: width 0.3s ease-in-out}
.ai_sect .main_review_list .list_tab .tab_box .tab.active {color: #FCA400}

.ai_sect .main_review_list .list_tab .tab_box .tab.active:before {width: 100%}

.ai_sect .main_review_list .list  {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3rem; margin-top: 4rem}
.ai_sect .main_review_list .list li a {display: block; background-color: #fff; padding: 4.5rem 3rem; border-radius: 2rem}
.ai_sect .main_review_list .list li a .top_box {display: flex; flex-wrap: wrap ;align-items: flex-start}
.ai_sect .main_review_list .list li a .top_box .badge_box {width: 100%; display: flex; justify-content: flex-start}
.ai_sect .main_review_list .list li a .top_box .badge {display: block; padding: 0.2em 1em ;font-size: var(--txt3); color: #fff; font-weight: 700; background-color: #000; border-radius: 5em; margin-bottom: 0.6em;}
.ai_sect .main_review_list .list li a .top_box .tit {font-size: var(--txt2); font-weight: 700; display: block}
.ai_sect .main_review_list .list li a .top_box .subway {}
.ai_sect .main_review_list .list li a .top_box .doctor {}
.ai_sect .main_review_list .list li a .top_box .dot {margin: 0 0.2em}
.ai_sect .main_review_list .list li a .img {margin-top: 3rem; overflow: hidden; position: relative; padding-top: 60%}
.ai_sect .main_review_list .list li a .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: top; object-fit: cover ;transition: 0.3s ease-in-out}
.ai_sect .main_review_list .list li a .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(252,164,0,0.3); opacity: 0; transition: 0.3s ease-in-out}
.ai_sect .main_review_list .list li.ai_video_item a .img {padding-top:65.3%;}

.ai_sect .main_review_list .list li a .txt_box {display: flex; align-items: center; justify-content: space-between; margin-top: 6rem}
.ai_sect .main_review_list .list li a .txt_box .txt {font-size: var(--txt3); font-weight: 700; color: #666}
.ai_sect .main_review_list .list li a .txt_box .arr {position: relative; width: 1em; height: 1em; overflow: hidden}
.ai_sect .main_review_list .list li a .txt_box .arr svg {width: 1em; height: auto; position: absolute;left: 0; top: 0; transition: transform 0.3s ease;}



.ai_sect .main_review_list .main_view_btn {margin-top: 6rem}


@keyframes arrowTeleport {
  0% { transform: translateX(0); opacity: 1; }
  49% { transform: translateX(120%); opacity: 0; }
  50% { transform: translateX(-120%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}



.ai_sect .in{position: relative; z-index: 5;}
.ai_sect .wave_bg {position: absolute; width: 100%; bottom: 0; left:0; z-index: 1; text-align: center; transform: translateY(0%); opacity: 0.2}
.ai_sect .wave_bg img {width: 100%}
.ai_sect .bg {position: absolute; width: 100%; bottom: 0; left:0; z-index: 1; text-align: center; transform: translateY(5%); }
.ai_sect .bg video {width: 100%;}



.ai_sect .marquee_box{position: absolute; width: 100%; top: 55rem; left: 0; z-index: 1; opacity: 0.4; display: none}
.ai_sect .marquee_box { overflow: hidden; width: 100%;}
.ai_sect .marquee_box .marquee .marquee_inner {display: flex;animation: scrollleft 25s linear infinite;}
.ai_sect .marquee_box .marquee:nth-of-type(2) .marquee_inner {animation: scrollRight 25s linear infinite;}
.ai_sect .marquee_box .marquee .marquee_inner p { margin: 0 6rem; font-size: 6vw; white-space: nowrap; font-weight: 700; color:#fff; opacity: 1;}


.self_diag_sect {padding: var(--mainSect) 0 0 max(10rem,var(--inPd)) ; color: #fff}
.self_diag_sect .cont_box {display: flex; align-items: flex-start}
.self_diag_sect .cont_box .sect_tit_box {position: relative; margin-top: 16rem}
.self_diag_sect .cont_box .sect_tit_box .bg_tit {position: absolute; left: 50%; bottom: 0; transform: translateY(100%); font-size: 20rem; font-weight: 600; color: #fff; opacity: 0; white-space: nowrap;transition: left 0.6s ease-in-out , transform 0.6s ease-in-out}
.self_diag_sect .cont_box .sect_tit_box.active .bg_tit {opacity: 0.05; left: 0}

.self_diag_sect .cont_box .self_list {margin-left: auto; width: 45%}
.self_diag_sect .cont_box .self_list li {position: relative;}
.self_diag_sect .cont_box .self_list li a { display: flex; align-items: flex-start; padding: 4rem 6rem; border-bottom: 1px solid rgba(255,255,255,0.3); transition:  0.3s ease-in-out}
.self_diag_sect .cont_box .self_list li a .txt_box {padding-right: 1em}
.self_diag_sect .cont_box .self_list li a .txt_box .tit {font-size: 6rem; font-weight: 700}
.self_diag_sect .cont_box .self_list li a .txt_box .txt {font-size: var(--txt2); font-weight: 500; }
.self_diag_sect .cont_box .self_list li a .arr {display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; margin-left: 4.5rem; background-color: #fff; border-radius: 50%; margin-top: 2.3rem; flex-shrink: 0}
.self_diag_sect .cont_box .self_list li a .arr svg {width: 30%; height: auto; fill: #000}
.self_diag_sect .cont_box .self_list .hover_img {position: absolute; left: -4rem; top: 50%; transform: translate(-100%,-30%); width: 46rem; height: 30rem; opacity: 0; transition: 0.3s ease-in-out}
.self_diag_sect .cont_box .self_list .hover_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.talk_sect {padding-top: var(--mainSect); color: #fff}
.talk_sect .sect_tit_box { position: relative; }

.talk_sect .view_btn {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 11em; padding: 0.9em 0; font-size: var(--txt3); font-weight: 600; border-radius: 1rem; border: 1px solid #fff; color: #fff; transition:  0.3s ease-in-out}
.talk_sect .view_btn svg {width: 1.4em; height: auto; margin-right: 0.7em}

.talk_sect .slide { margin-top: 8rem}
.talk_sect .slide .item {overflow: hidden; height: auto}
.talk_sect .slide .item a { height: 100%; display: flex; flex-direction: column}
.talk_sect .slide .item .img {position: relative; width: 100%; padding-top: 56.25%}
.talk_sect .slide .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover; object-position: center}
.talk_sect .slide .item .txt_box {padding: 2.5rem 4.5rem 3rem; background-color: #F6F6F6; color: #000; flex: 1}
.talk_sect .slide .item .txt_box .tit {font-size: var(--txt1); font-weight: 500; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.talk_sect .slide .item .txt_box .tag_box {display: flex; flex-wrap: wrap ;margin-top: 3rem; gap: 0.8rem}
.talk_sect .slide .item .txt_box .tag_box .tag {padding: 0.3em 0.7em; font-size: var(--txt18); font-weight: 500; border-radius: 0.5rem; background-color: #fff; color: #000;}



.app_sect { color: #fff; margin-top: var(--mainSect); padding: 0 10rem 20rem }
.app_sect .in {display: flex}
.app_sect .cont_box {position: relative; display: flex; align-items: flex-start; padding: 8rem 0; }
.app_sect .cont_box .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4rem; overflow: hidden}
.app_sect .cont_box .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.app_sect .cont_box .sect_tit_box {position: relative; z-index: 1; flex-shrink: 0}
.app_sect .cont_box .form_box { margin-left: 25rem; width: 100rem ;position: relative; z-index: 1}
.app_sect .cont_box .form_box .labels {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem}
.app_sect .cont_box .form_box .labels label { }
.app_sect .cont_box .form_box .labels label div {background-color: #fff; display: flex; align-items: center; justify-content: center; font-size: var(--txt20); font-weight: 600; color: #000; border-radius: 0.5em; height: 100%}
.app_sect .cont_box .form_box .labels label input:checked + div {background-color: #000; color: #fff}
.app_sect .cont_box .form_box .inp_wrap {display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem}
.app_sect .cont_box .form_box .inp_wrap .send_btn { grid-row: 1 / span 2;   grid-column: 3;     }
.app_sect .cont_box .form_box .nice-select {border-radius: 0.5em; height: 6rem; line-height:6rem; font-size: var(--txt20); color: #000; border: none; padding: 0 1.5em}
.app_sect .cont_box .form_box .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M192.4 385.9l17-17 160-160 17-17-33.9-33.9-17 17-143 143-143-143-17-17-33.9 33.9 17 17 160 160 17 17z"/></svg>')center/contain no-repeat; transform: translateY(-50%) rotate(0); transform-origin: center; }
.app_sect .cont_box .form_box .nice-select.open:after {transform: translateY(-50%) rotate(180deg)}
.app_sect .cont_box .form_box .nice-select .list {width: 100%}
.app_sect .cont_box .form_box .nice-select .option {line-height: 3em; min-height: none}
.app_sect .cont_box .form_box .inp_wrap .inp input[type="tel"],
.app_sect .cont_box .form_box .inp_wrap .inp input[type="text"] {width: 100%; border-radius: 0.5em; height: 6rem; font-size: var(--txt20); padding: 0 1.5em}
.app_sect .cont_box .form_box textarea {width: 100%; border-radius: 0.5em; height:12rem; font-size: var(--txt20); padding: 1em 1.5em; border: none}
.app_sect .cont_box .form_box textarea::placeholder { color:#000; }
.app_sect .cont_box .form_box .inp input::placeholder { color:#000; }
.app_sect .cont_box .form_box .inp_box { margin-top:1.5rem;}
.app_sect .cont_box .form_box .send_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 6rem; margin-top:2rem; font-weight: 700;font-size: var(--txt18); color: #fff ; background-color:var(--bg); border-radius: 1rem; transition: 0.3s ease-in-out}


.app_sect .cont_box .form_box .chk_box {display: flex; align-items: center; font-size: var(--txt22);margin-top: 2rem}
.app_sect .cont_box .form_box .chk_box .chk_inp { }
.app_sect .cont_box .form_box .chk_box .chk_inp .ico {display: flex; align-items: center}
.app_sect .cont_box .form_box .chk_box .chk_inp svg {width: 1.3em; height: auto; margin-right: 0.5em; fill: #fff;}
.app_sect .cont_box .form_box .chk_box .chk_inp svg.on {display: none}
.app_sect .cont_box .form_box .chk_box .chk_inp label {display:  flex; align-items: center; cursor: pointer}
.app_sect .cont_box .form_box .chk_box .chk_inp input:checked + label svg.on {display: block}
.app_sect .cont_box .form_box .chk_box .chk_inp input:checked + label svg.off {display: none}
.app_sect .cont_box .form_box .chk_box .view_btn {margin-left: 1em; margin-top:0.1em; border-bottom: 1px solid #fff; color: #fff; opacity:0.5; font-size: var(--txt20)}

.app_sect .cont_box .form_box .icon_btn_box {margin-top: 4rem; display: flex}
.app_sect .cont_box .form_box .icon_btn_box .btn {flex: 1; display: flex; align-items: center; justify-content: center; padding:3rem 1.5rem ;background-color: rgba(0,0,0,0.4); backdrop-filter: blur(10px); border-radius: 2rem}
.app_sect .cont_box .form_box .icon_btn_box .btn + .btn {margin-left: 2rem}
.app_sect .cont_box .form_box .icon_btn_box .btn .ico {width: 3.5rem}
.app_sect .cont_box .form_box .icon_btn_box .btn .ico img {width: 100%}
.app_sect .cont_box .form_box .icon_btn_box .btn .txt_box {display: flex; align-items: center; color: #fff; font-size: var(--txt2); margin-left: 2rem;}
.app_sect .cont_box .form_box .icon_btn_box .btn .txt_box .txt { font-weight: 600}
.app_sect .cont_box .form_box .icon_btn_box .btn .txt_box svg {fill: #fff; width: 0.6em ;height: auto; margin-left: 0.5em}

.load_sect {padding: 16rem 0;  background-color: #fff}
.load_sect .tab_box {display: flex}
.load_sect .tab_box .btn {position: relative; font-size: var(--tit3); font-weight: 700; color: rgba(0,0,0,0.15); transition: color 0.3s ease-in-out}
.load_sect .tab_box .btn + .btn {margin-left: 3.5rem}
.load_sect .tab_box .btn:before {content: ""; position: absolute; left: 0; bottom: -3px; width: 0%; height: 2px; background-color: #000 ; transition: width 0.3s ease-in-out}
.load_sect .tab_box .btn.active {color: #000; }
.load_sect .tab_box .btn.active:before {width: 100%}

.load_sect .cont_box {display: flex; margin-top: 10rem}
.load_sect .cont_box .map_box {border-radius: 2rem; width: 60%}
.load_sect .cont_box .map_box img {width: 100%}
.load_sect .cont_box .info_box {width: 40%; margin-left: 6rem}
.load_sect .cont_box .info_box .cont .info_tit {display: flex; align-items: center; font-size: var(--tit3); font-weight: 700; white-space: nowrap;}
.load_sect .cont_box .info_box .cont .info_tit .ico {width: 0.6em; margin-right: 1rem}
.load_sect .cont_box .info_box .cont .info_tit .ico.call {width: 0.8em; flex-shrink: 0;}
.load_sect .cont_box .info_box .cont .info_tit .ico.time {width: 0.8em; flex-shrink: 0}
.load_sect .cont_box .info_box .cont .info_tit .ico svg {width: 100%; height: auto}
.load_sect .cont_box .info_box .cont .info_tit .desc {font-size: var(--txt16); color: #8B8E92; font-weight: 600; margin-left: 1rem}
.load_sect .cont_box .info_box .cont .map_link { display: flex; flex-wrap: wrap ;margin-top: 3rem; font-size: var(--txt3); font-weight: 500; width: 26em}
.load_sect .cont_box .info_box .cont .map_link .btn {display: flex; align-items: center; justify-content: center; padding: 0.25em 1em ;background-color: #F6F6F6; border-radius: 2em; margin-right:1.2rem; margin-bottom: 1.2rem; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out}
.load_sect .cont_box .info_box .cont .map_link .btn svg {width: 0.6em; margin-left: 0.5em; transition: all 0.3s ease;}

.load_sect .cont_box .info_box .bot_cont {display: flex; margin-top: 6rem; padding-top: 6rem; border-top: 1px solid rgba(0,0,0,0.1)}
.load_sect .cont_box .info_box .bot_cont .cont {flex: 0 1 auto; }
.load_sect .cont_box .info_box .bot_cont .cont + .cont {margin-left: 6rem}

.load_sect .cont_box .info_box .bot_cont .time_list {margin-top: 2rem; }
.load_sect .cont_box .info_box .bot_cont .time_list li {display: flex;}
.load_sect .cont_box .info_box .bot_cont .time_list li + li {margin-top: 1rem}
.load_sect .cont_box .info_box .bot_cont .time_list .left_txt {width: 4em}


.logo_sect { height: 12rem;overflow: hidden; background-color: #fff; border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:2.5rem; }
.logo_sect .swiper-wrapper { align-items: center; }
.logo_sect .swiper-slide {width: 35rem; display: flex; align-items: center; }
.logo_sect .swiper-slide .logo {max-height: 50px}
.logo_sect .img { text-align: center; }
.logo_sect .logo_wrap { padding: 0; }
.logo_sect .logo_wrap .move_wrap { position: relative; width: 100%; }
.logo_sect .logo_wrap .move_wrap .move_box { display: flex;justify-content: flex-start; width: 100%; height: 100%; position: absolute; top: 0; right: 0; margin-right: 30px; }
.logo_sect .logo_wrap .move_wrap .logo_box { display: flex; width: auto; justify-content: center; }
.logo_sect .logo_wrap .move_wrap .logo_box:last-of-type { padding-right: 100px; }
.logo_sect .logo_wrap .move_wrap .logo_box .service_tag { position: absolute; width: 100%; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0.8vw; font-weight: 700; text-align: center; }
.logo_sect .logo_wrap .logo { position: relative; display: block; width: 25rem; height: 35rem; margin-left: 7rem; max-height: 60px; transition: all 0.3s; }
.logo_sect .logo_wrap .logo > img { width: 100%; height: 100%; object-fit: contain; }




@keyframes textLoop {
  0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
}

@keyframes scrollleft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}


@keyframes blink {
  50% {
    border-color: transparent;
  }
}




@media screen and (min-width: 1240px) {

  .clinic_sect .clinic_list .item:hover { flex: 2; transition: flex 0.5s var(--ease) 0s;}
  .clinic_sect .clinic_list .item:hover .basic_tit {opacity: 0}
  .clinic_sect .clinic_list .item:hover .img_box:before {opacity: 1}
  .clinic_sect .clinic_list .item:hover .txt_box {transform: translateY(0); }
  .clinic_sect .clinic_list .item:hover .txt_box .sub_tit{ font-size: var(--txt1);opacity:1; transition: opacity 0.3s var(--ease) 0.3s }
  .clinic_sect .clinic_list .item:hover .txt_box .tit{ font-size: 4rem; opacity: 1; transition: font-size 0.3s var(--ease) 0s;}
  .clinic_sect .clinic_list .item:hover .txt_box .txt{ font-size: var(--txt2); opacity:1; transition: opacity 0.3s var(--ease) 0.3s , font-size 0.3s var(--ease) 0.15s;}
  .clinic_sect .clinic_list .item:hover .txt_box .btn{ opacity: 1; transition: opacity 0.3s var(--ease) 0.3s;}



  .main_view_btn .btn:hover {background-color: #fff}

  .ai_visual_sect2 .result_cont .ai_tabs ul li a:hover { border-color:#000; color:#000;}
  .ai_visual_sect2 .result_cont .doctor_list ul li a:hover .img img { transform: scale(1.15);;}
  .ai_visual_sect2 .result_cont .doctor_list ul li a:hover .name svg { transform: unset; opacity:1; }
  .ai_visual_sect2 .result_cont .cont_list .cont_more button:hover { background-color: var(--bg); color:#fff;}
  .ai_visual_sect2 .result_cont .cont_list .cont_more button:hover svg path { fill:#fff;}
  .ai_visual_sect2 .result_cont .cont_list .txt_cont .cont:hover .ico {background-color: #000; fill: #fff}
  .ai_visual_sect2 .result_cont .cont_list .page_list ul li a:hover { background-color: var(--gold); color:#fff;}
  .ai_visual_sect2 .result_cont .cont_list .page_list ul li a:hover dl dt { color:#fff; }
  .ai_visual_sect2 .result_cont .cont_list .page_list ul li a:hover i svg path { fill:#fff; }

  .gallery_item:hover .img img { transform: scale(1.1);}
  .gallery_item:hover .img1:before { opacity:1;}
  .talk_item:hover .img img { transform: scale(1.1);}
  .talk_item:hover .img1:before { opacity:1;}
  .board_list ul li a:hover { background-color: var(--bg2);}
  .ai_visual_sect2 .fix_close_btn:hover .btn {background-color: #000; color: #fff; fill: #fff}
  .visual_sect .swiper-button-prev:hover {opacity: 1;}
  .visual_sect .swiper-button-next:hover {opacity: 1;}

  .team_sect .slide .item:hover .img img {transform: scale(1.05)}
  .team_sect .slide .top_box .btn:hover {background-color: #FCA400; color: #fff}
  .team_sect .slide_btn .swiper-button-prev:hover svg {transform: translateX(-12px)}
  .team_sect .slide_btn .swiper-button-next:hover svg {transform: translateX(12px)}
  .ai_sect .main_review_list .list_tab .tab_box .tab:hover {color: #FCA400}
  .ai_sect .main_review_list .list_tab .tab_box .tab:hover:before {width: 100%}
  .ai_sect .main_review_list .list li a:hover .img:before {opacity: 1}
  .ai_sect .main_review_list .list li a:hover .arr svg {animation: arrowTeleport 0.6s ease;}
  .self_diag_sect .cont_box .self_list li a:hover {padding-left: 10rem}
  .self_diag_sect .cont_box .self_list li a:hover + .hover_img {transform: translate(-100%,-50%); opacity: 1}
  .talk_sect .sect_tit_box .view_btn:hover {background-color: #fff; color: #000}
  .app_sect .cont_box .form_box .send_btn:hover {background-color: var(--gold);}
  .load_sect .tab_box .btn:hover {color: #000; }
  .load_sect .tab_box .btn:hover:before {width: 100%}
  .load_sect .cont_box .info_box .cont .map_link .btn:hover {background-color: #000; color: #fff}
  .load_sect .cont_box .info_box .cont .map_link .btn:hover svg { fill:#fff;}
  .ai_visual_sect2 .result_cont .cont_list .list_tit_box .btns a:hover { background-color: #000; color:#fff;}

}




@media screen and (max-width: 2000px) {

  .visual_sect .tit_box{padding-bottom: 13rem}
  .visual_sect .controls {  bottom: 42rem; bottom: 3rem;}
  .diagnosis_sect .temp_img img{max-width: 80vw;}

  .visual_sect .tit_box .tit {font-size: 16rem}

}



@media screen and (max-width: 1640px) {
  .visual_sect .tit_box .tit{font-size:14rem; line-height: 1.1}
  .visual_sect .tit_box .txt{font-size:22px;}

  .clinic_sect .clinic_list .item .txt_box {padding-right: 80px}
  .clinic_sect .clinic_list .item .txt_box .txt br {display: none}
  .clinic_sect .clinic_list {height: 52rem}
  .app_sect .cont_box {padding: 12rem 10rem 12rem 12rem}
  .app_sect .cont_box .form_box {margin-left: 12rem; flex: 1}
  .app_sect .cont_box .sect_tit_box {flex-shrink: 0}
}

@media screen and (max-width: 1440px) {

  .self_diag_sect .cont_box .self_list {width: 50%}
  .self_diag_sect .cont_box .self_list li a {padding: 3rem 5rem}
  .self_diag_sect .cont_box .self_list li a .txt_box .tit {font-size: 5rem}

  .urology_sect .center_box .center_txt_box {font-size: 4.6rem}



}

@media screen and (max-width: 1240px) {
  .visual_sect .tit_box {display: block; padding-bottom: 10rem;}
  .visual_sect .tit_box .tit {font-size: 12rem; line-height: 1.1}
  .visual_sect .tit_box .txt {font-size:var(--tit3); margin-top: 20px; margin-left: 0}
  .visual_sect .controls{bottom: 0;}
  .adv_sect {height: auto; padding: var(--mainSect) 0 }
  .adv_sect .txt_box {position: static; transform: unset}
  .adv_sect .txt_box .tit {font-size: 14rem}

  .clinic_sect .sect_tit_box {display: block}
  .clinic_sect .clinic_list {overflow-x: auto; height: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd)}
  .clinic_sect .clinic_list::-webkit-scrollbar {display: none}
  .clinic_sect .clinic_list .item {height: auto; width: 40%; flex: none}
  .clinic_sect .clinic_list .item a {padding-top: 120%; display: block}
  .clinic_sect .clinic_list .item .img_box {position: absolute; left: 0; top: 0; width: 100%}
  .clinic_sect .clinic_list .item .txt_box {transform: unset; opacity: 1}
  .clinic_sect .clinic_list .item .basic_tit {opacity: 0}
  .clinic_sect .clinic_list .item .img_box:before {opacity: 1}
  .clinic_sect .clinic_list .item .txt_box {padding-right: 0}
  .clinic_sect .clinic_list .item .txt_box .sub_tit {opacity:1; font-size: var(--txt3)}
  .clinic_sect .clinic_list .item .txt_box .tit {opacity:1; font-size: var(--tit50)}
  .clinic_sect .clinic_list .item .txt_box .txt {opacity:1; padding-right: 65px}
  .clinic_sect .clinic_list .item .txt_box .btn {opacity:1; right: 15px}

  .pin_sect_wrap .slide .item {width: 45%}
  .pin_sect_wrap .slide .item + .item {margin-left: 60px}
  .pin_sect_wrap .slide .item .txt_box .tit {font-size: var(--tit50)}


  .urology_sect .center_box .center_txt_box {flex-direction: column; align-items: center; justify-content: center;}

  .urology_sect {}
  .urology_sect .col_box {width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px}
  .urology_sect .col_box .img + .img {margin: 0}
  .urology_sect .col_box.left {right: 0; top: 0; left: auto; transform: translateX(100%)}
  .urology_sect .col_box.right {left: 0; bottom: 0; transform: translateX(-100%)}
  .urology_sect .center_box .logo {margin-top: 10rem; width: 20%}




  /*.urology_sect .center_box {z-index: 3; }*/

  /*.urology_sect .col_box {width: 100%; height: 200%;}*/
  /*.urology_sect .col_box .img {width: 25%; padding-top: 25%; position: absolute; backdrop-filter: blur(10px);}*/
  /*.urology_sect .col_box .img:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1;}*/
  /*.urology_sect .col_box.left {top: 0; transform: translateY(100%)}*/
  /*.urology_sect .col_box.left .img:nth-child(1) {left: 10%; top: 0}*/
  /*.urology_sect .col_box.left .img:nth-child(2) {right: 5%; top: 10%}*/
  /*.urology_sect .col_box.left .img:nth-child(3) {left: 20%; top: 30%}*/
  /*.urology_sect .col_box.left .img:nth-child(4) {left: 65%; top: 60%}*/
  /*.urology_sect .col_box.right {top: 0%; transform: translateY(150%)}*/
  /*.urology_sect .col_box.right .img:nth-child(1) {left: 5%; top: 10%}*/
  /*.urology_sect .col_box.right .img:nth-child(2) {right: 15%; top: 30%}*/
  /*.urology_sect .col_box.right .img:nth-child(3) {left: 7%; top: 50%}*/
  /*.urology_sect .col_box.right .img:nth-child(4) {right: 45%; top: 70%}*/
  /*.urology_sect .center_box .logo {margin-top: 10rem; width: 20%}*/

  .clinic_sect {padding-top: 0}

  .data_sect .data_cont .cont .num_box {width: 12em}
  .data_sect .data_cont .cont .num_box .num {font-size: 10rem}

  .team_sect {padding: var(--mainSect) 0}

  .team_sect .slide {margin-top: 10rem}
  .team_sect .slide .item {width: 40%}
  .team_sect .slide .item.swiper-slide-duplicate-next, .team_sect .slide .item.swiper-slide-next {transform: translateX(0%) scale(0.8);}
  .team_sect .slide .item.swiper-slide-duplicate-prev, .team_sect .slide .item.swiper-slide-prev {transform: translateX(0%) scale(0.8);}
  .team_sect .slide .top_box .type {font-size: var(--txt2)}

  .ai_sect .main_review_list .list {grid-template-columns: repeat(3, minmax(0, 1fr));}

  .ai_sect .main_review_list .list li a .top_box .badge {font-size: var(--txt3); display: inline-block}
  .ai_sect .main_review_list .list li a .top_box .tit {margin-left: 0; margin-top: 5px}

  .self_diag_sect {padding-left: var(--inPd); padding-right: var(--inPd); overflow: hidden}
  .self_diag_sect .cont_box {display: block}
  .self_diag_sect .cont_box .sect_tit_box {margin-top: 0}
  .self_diag_sect .cont_box .sect_tit_box .bg_tit {font-size: 14rem}
  .self_diag_sect .cont_box .self_list {width: 100%; margin-top: 80px}
  .self_diag_sect .cont_box .self_list li:nth-child(1){padding-top: 0}
  .self_diag_sect .cont_box .self_list li {display: flex; align-items: center;  border-bottom: 1px solid rgba(255,255,255,0.3);}
  .self_diag_sect .cont_box .self_list li a {order: 2; border: none; flex: 1; min-width: 0; align-items: center}
  .self_diag_sect .cont_box .self_list li a .arr {margin-left: auto}
  .self_diag_sect .cont_box .self_list .hover_img {position: relative; left: 0; top: 0; transform: unset; width: 25%;padding-top: 21%; height: auto; opacity: 1; margin-right: 3rem; flex-shrink: 0}
  .self_diag_sect .cont_box .self_list li a .txt_box .txt {font-size: var(--txt18); font-weight: 400}


  .talk_sect .slide .item .txt_box {padding: 15px 25px}

  .app_sect .cont_box {display: block; padding: 8rem 10rem}
  .app_sect .cont_box .form_box {width: 100%; margin-left: 0; margin-top: 40px}

  .load_sect .cont_box {margin-top: 60px}
  .load_sect .cont_box .info_box .bot_cont {display: block}
  .load_sect .cont_box .info_box .bot_cont .cont + .cont {margin-left: 0; margin-top: 15px}

  .talk_sect .slide .swiper-container {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd)}
  .app_sect {padding: 0 var(--inPd) var(--bgSectPd)}

  .app_sect .in {display: block}
  .app_sect .sect_tit_box .sm_tit {font-size:var(--mainTit)}


}

@media screen and (max-width: 1000px) {
  .ai_sect .sm_tit br {display: none}
}

@media screen and (max-width: 768px) {

  .logo_sect,
  .app_sect,
  .load_sect,
  .talk_sect,
  .self_diag_sect,
  .ai_sect {overflow: hidden}

  .sect_tit_box .txt {font-size: var(--txt20); font-weight: 400; color: rgba(255,255,255,0.6)}
  .ai_sect .sect_tit_box .txt{color: #000;}

  .ai_visual_sect {right: 0}

  .visual_sect {}
  .visual_sect .controls {bottom: 15px}
  .visual_sect .tit_box {padding-bottom: 90px}
  .visual_sect .tit_box .tit {font-size: 42px}
  .visual_sect .tit_box .txt {font-size: var(--txt20)}

  .visual_sect .swiper_btn {width: 0.8em; height: 0.8em}
  .visual_sect .controls .swiper-pagination-bullet-active {width: 2.5em}
  .visual_sect .controls .total, .visual_sect .controls .current {margin: 0 1em}
  .visual_sect .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0.5em}

  .adv_sect {height: 100lvh; padding: 0; display: flex; align-items: center; overflow: hidden}
  body.kakao .adv_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}
  .adv_sect .txt_box {padding: 0 var(--inPd)}
  .adv_sect .txt_box .tit {font-size: var(--tit70)}
  .adv_sect .txt_box .txt {font-size: var(--txt20)}
  .adv_sect .txt_box .txt br {}


  .pin_sect_wrap .spe_sect .sect_tit_box .txt {margin-top: 1em}

  .clinic_sect .cont {margin-top:var(--contMt2)}
  .clinic_sect .clinic_list .item {width: 43%}
  .clinic_sect .clinic_list .item .txt_box {padding: 30px 20px; bottom: unset; top:0; height: 100%;}
  .clinic_sect .clinic_list .item .txt_box .tit {margin-top: 0px}
  .clinic_sect .clinic_list .item .txt_box .txt {padding-right: 15px; font-size: var(--txt3)}
  .clinic_sect .clinic_list .item .txt_box .btn {right: 15px; transform: translateY(0); display: flex; bottom: 3rem; top: unset; }
  .pin_sect_wrap .spe_sect .sect_tit_box .main_view_btn {opacity: 1; transform: unset}

  .spe_sect {height: auto}

  .quick_wrap .ai_visual_sect {display: none}
  .pin_sect_wrap .slide {position: static; transform: unset; opacity: 1}

  .pin_sect_wrap .spe_sect {height: auto; display: block; padding: 0 var(--inPd); overflow: hidden}
  .pin_sect_wrap .spe_sect .sect_tit_box {position: static; transform: unset}
  .pin_sect_wrap .spe_sect .sect_tit_box .tit {opacity: 1; transform: unset}
  .pin_sect_wrap .spe_sect .sect_tit_box .txt  {opacity: 1; transform: unset}
  .pin_sect_wrap .slide {margin-top: var(--contMt2)}
  .pin_sect_wrap .slide .swiper-wrapper {align-items: flex-start}
  .pin_sect_wrap .slide .item {transform: unset}
  .pin_sect_wrap .slide .item + .item {margin: 0; transform: unset}
  .pin_sect_wrap .slide .item .txt_box .tit {opacity: 1; font-size: var(--tit30); transform: unset}
  .pin_sect_wrap .slide .item .txt_box .txt {opacity: 1; transform: unset}
  .pin_sect_wrap .slide .item .img img {width: 100%; height: 100%;}

  .pin_sect_wrap .spe_sect .main_view_btn {margin-top: 30px}
  .pin_sect_wrap .spe_sect .main_view_btn .btn {background-color: #fff}



  .urology_sect {margin-top: 0; height:100lvh}
  body.kakao .urology_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}
  .urology_sect .col_box {gap: 10px; width: 120%}

  .urology_sect .center_txt_box,
  .urology_sect .center_box {width: 100%}
  .urology_sect .center_box .center_txt_box .float_slide {max-width: 100%; font-size: var(--tit50); width: 100%}
  .urology_sect .center_box .center_txt_box {font-size: var(--tit30)}
  .urology_sect .center_box .center_txt_box .txt {margin-bottom: 15px; font-size: var(--txt22)}
  .urology_sect .center_box .logo {width: 30%; margin-top: 30px}

  .urology_sect .col_box.left {top: 00px}
  .urology_sect .col_box.right {bottom: 50px}
  @supports (-webkit-touch-callout: none) {
    .urology_sect .col_box.right {bottom: 0; max-height: 100vh}
  }





  .data_sect {margin-top: -100lvh}
  body.kakao .data_sect {margin-top: calc(var(--kakaoVh) * -1); }

  /*body.kakao {opacity: 0}*/



  /*.data_sect .bg_cont .bg {transform: scale(1); position: absolute}*/
  .data_sect .data_cont {margin-top: 40px; margin-left: 0; padding-left: 40px; }
  .data_sect .data_cont .cont {display: block; padding: 20px 0}
  .data_sect .data_cont .cont .num_box {margin-bottom: 20px}
  .data_sect .data_cont .cont .num_box .num {font-size: 40px}
  .data_sect .data_cont .cont .txt_box .tit {font-size: var(--tit35)}
  .data_sect .sect_tit_box .tit {opacity: 1; transform: unset}
  .data_sect .sect_tit_box .txt {opacity: 1; transform: unset}
  .data_sect .data_cont .cont {opacity: 1; transform: unset; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
  .data_sect .bg_cont {height: 100lvh; position: absolute; left: 0; top: 0;}
  body.kakao .data_sect .bg_cont {height: var(--kakaoVh);max-height: var(--kakaoVh);}

  .data_sect .bg_cont {}
  .data_sect .bg_cont .bg {transform-origin: center; transition: 0.6s ease-in-out; position: relative}
  .data_sect .bg_cont .bg:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);z-index: 1; opacity: 0; transition: 0.6s ease-in-out}
  .data_sect .bg_cont .bg.active {transform: scale(1)}
  .data_sect .bg_cont .bg.active:before {opacity: 1}
  .data_sect .cont_box {padding-top: 100lvh; opacity: 0}
  body.kakao .data_sect .cont_box {padding-top: var(--kakaoVh)}

  .data_sect .data_cont .cont .txt_box .tit {font-size: var(--tit25)}
  .data_sect .data_cont .cont .txt_box .txt {font-size: var(--txt18); font-weight: 400}


  .team_sect .slide {margin-top: 60px}
  .team_sect .slide .item {width: 50%}
  .team_sect .slide .top_box .tit {font-size: var(--tit35); line-height: 1.1}
  .team_sect .slide .top_box .type {font-size: var(--txt16); margin-bottom: 0; transform: translateY(1em)}
  .team_sect .slide .top_box .tit_box {align-items: flex-end}
  .team_sect .slide .top_box .btn {font-size: var(--txt3); width: 7em}
  .team_sect .slide .top_box .btn svg {margin-right: 0.5em}
  .team_sect .slide .item.swiper-slide-duplicate-next, .team_sect .slide .item.swiper-slide-next {transform: translateX(-3%) scale(0.8);}
  .team_sect .slide .item.swiper-slide-duplicate-prev, .team_sect .slide .item.swiper-slide-prev {transform: translateX(3%) scale(0.8);}

  .ai_sect .recom_txt {margin-top: 30px}
  .sect_tit_box .sm_tit {font-size: var(--tit30)}
  .ai_sect .main_review_list .list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 30px}
  .ai_sect .main_review_list .list li a {padding: 15px 15px; border-radius: 10px}
  .ai_sect .main_review_list .list li a .top_box .badge_box {width: auto}
  .ai_sect .main_review_list .list li a .top_box .badge {font-size: var(--txt16)}
  .ai_sect .main_review_list .list li a .top_box .dot {display: none}
  .ai_sect .main_review_list .list li a .top_box .tit { margin-top: 0}
  .ai_sect .main_review_list .list li a .top_box .subway {margin-left: auto; font-size: var(--txt16); color: #666}
  .ai_sect .main_review_list .list li a .top_box .doctor {width: 100%; margin-top: 0px; font-size: var(--txt22)}
  .ai_sect .main_review_list .list li a .img {margin-top: 10px}

  .ai_sect .main_review_list .list li a .txt_box {margin-top: 10px}
  .ai_sect .main_review_list .list li a .txt_box .arr {display: none}
  .ai_sect .main_review_list .list li a .txt_box .txt {font-size: var(--txt18)}

  .before_img {line-height: 1.4; font-size: var(--txt18); }




  .self_diag_sect .cont_box .sect_tit_box .bg_tit { bottom:0px; font-size: 14vw}
  .self_diag_sect .cont_box .self_list {margin-top: 100px}
  .self_diag_sect .cont_box .self_list li a {padding: 20px 0}
  .self_diag_sect .cont_box .self_list li:nth-child(1) a {padding-top: 0}
  .self_diag_sect .cont_box .self_list li a .txt_box .tit {font-size: var(--tit30)}
  .self_diag_sect .cont_box .self_list li a .txt_box .txt {margin-top: 5px}

  .talk_sect .slide {margin-top: 40px}
  .talk_sect .slide .item .txt_box {padding: 15px}
  .talk_sect .slide .item .txt_box .tag_box {margin-top: 15px}
  .talk_sect .slide .item .txt_box .tag_box .tag {font-size:var(--txt18)}

  .talk_sect .btn_box {justify-content: center; margin-top: 30px}
  .talk_sect .view_btn { position: static;}
  .talk_sect .view_btn svg {width: 1.4em; height: auto; margin-right: 0.7em}

  .app_sect .cont_box {padding: 45px 0; border-radius: 15px}
  .app_sect .cont_box .bg {border-radius: 15px}
  .app_sect .cont_box .form_box .icon_btn_box {display: none}
  .app_sect .cont_box .form_box .icon_btn_box .btn + .btn {margin-left: 10px}
  .app_sect .cont_box .form_box .icon_btn_box .btn {padding: 15px 5px}
  .app_sect .cont_box .form_box .icon_btn_box .btn .ico {width: 5rem}
  .app_sect .cont_box .form_box .icon_btn_box .btn .txt_box {font-size: 12px}
  .app_sect .cont_box .form_box .nice-select {padding: 0 1em; height: 7rem; line-height: 7rem}
  .app_sect .cont_box .form_box .inp_wrap .inp input[type="tel"],
  .app_sect .cont_box .form_box .inp_wrap .inp input[type="text"] {padding: 0 1em; height: 7rem}
  .app_sect .cont_box .form_box .send_btn {height: 7rem; margin-top: 3rem}
  .app_sect .cont_box .form_box textarea {padding: 1em}
  .app_sect .cont_box .form_box .full {grid-column: 1 / 3}
  .app_sect .cont_box .form_box .labels {padding-right: calc(50% + 0.75rem)}
  .app_sect .cont_box .form_box .labels label {}
  .app_sect .cont_box .form_box .labels label div {height: 7rem}



  .load_sect {padding: var(--bgSectPd) 0 40px; }
  .load_sect .tab_box {overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd) 5px;}
  .load_sect .tab_box::-webkit-scrollbar {display: none}
  .load_sect .cont_box {display: block; margin-top: 40px}
  .load_sect .cont_box .map_box {width: 100%}
  .load_sect .cont_box .info_box {width: 100%; margin-left: 0; margin-top: 20px}

  .load_sect .cont_box .info_box .bot_cont {margin-top: 15px; padding-top: 15px}
  .load_sect .cont_box .info_box .bot_cont .cont + .cont {margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.1);}

  .load_sect .cont_box .info_box .cont .map_link {width: 100%}
  .load_sect .cont_box .info_box .cont .map_link .btn {font-size: var(--txt18)}

  .logo_sect {padding-top: 1rem}


  .gallery_item .text .subj {font-size: var(--txt20)}



  .logo_sect .logo_wrap .logo {width: 18rem; height: 25rem; margin-left: 30px;}




  }





@media screen and (max-width: 600px) {
  .clinic_sect .clinic_list .item {width: 83%}
  .sect_tit_box .tit + .txt br {display: none}
  .urology_sect .col_box {width: 180%}
  .team_sect .slide .item {width: 70%}

  .ai_sect .main_review_list .list li a .top_box{flex-direction: row; }


}