.index{}
.main_tit{}
.main_tit span{font-weight:600}
.main_tit h2{line-height: 1.4;}
.main_tit p{font-weight:400}

.scroll_down{position:absolute;left:50%;transform:translateX(-50%);bottom:130px;}
.scroll_down .mouse {width: 25px;height: 35px;border: 2px solid #fff;border-radius: 20px;margin: 0 auto;margin-top:12px;position: relative;}
.scroll_down .mouse .wheel {width: 4px;height: 8px;background: #fff;display: block;border-radius: 2px;position: absolute;top: 8px;left: 50%;transform: translateX(-50%);animation: wheelMove 1.4s infinite;opacity: 0.9;}
.scroll_down2{opacity:0.3;}
.scroll_down2 p{color:#555;}
.scroll_down2 .mouse{border-color:#333}
.scroll_down2 .mouse .wheel{background:#333}
/* 메인비쥬얼 */
.main_visual{width:100%;height:100vh;background:#000;overflow:hidden;}
.main_visual img{width:100%;height:100%;object-fit:cover;opacity:0.5;}
.main_slide{width:100%;height:100%;}
.main_slide .swiper-slide img{transform:scale(1.3);transition:all 1s}
.main_slide .swiper-slide-active img{transform:scale(1)}
.main_visual_txt{z-index:10;text-align:center;position:absolute;top:47%;left:0;transform:translateY(-50%);width:100%;}
.main_visual_txt h6{line-height:normal;width: fit-content;margin: 0 auto;background: #003668;padding: 2px 16px;border-radius: 50px;font-weight:500}
.main_visual_txt h6 b{color:#add5ff}
.main_visual_txt h2{font-size:60px;font-weight:600}
.main_visual_txt h2 b{background: linear-gradient(45deg, #509bff, #62e1ff);background-clip: text;color: transparent;}
.main_visual_txt h2 img{width:60px;filter:invert(1) brightness(10);margin-right:13px;opacity:1;position:relative;top:-4px}
.main_visual_txt p{font-weight:400}

.main_visual_txt h6,
.main_visual_txt h2,
.main_visual_txt p{opacity:0;transform:translateY(50px);}


@keyframes wheelMove{
  0% {opacity: 0;transform: translate(-50%, 0);}
  40% {opacity: 1;transform: translate(-50%, 8px);}
  100% {opacity: 0;transform: translate(-50%, 16px);}
}

/* 핀고정 */
.pin_txt{background:url('../index/images/pin_bg.png')no-repeat;background-size:cover;height:100vh;width:100%;position:relative;}
.pin_cont{position:absolute;text-align:center;width:100%;height:100%;top:40%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.pin_cont span{width:100%;font-weight:600;display:block}
.pin_cont p{font-weight:300;width:100%;line-height:1.4;}
.pin_cont span:not(b span),
.pin_cont p{opacity:0;transform:translateY(60px);}
.reveal_txt{--fill-width:0%;position:relative;display:inline-block;}
.reveal_txt i{color:transparent; background:linear-gradient(90deg, #000 0%, #000 var(--fill-width), rgba(0, 0, 0, .1) var(--fill-width), rgba(0, 0, 0, .1) 100%);-webkit-background-clip:text;background-clip:text;}

/* 약속 */

.pr_cont{display:flex;justify-content:space-between;}
.pr_left{margin:0 !important;width:40%;border-radius:15px;overflow:hidden;}
.pr_left img{width:100%;}
.pr_right{width:53%;}
.pr_right_slide{}
.pr_tab{}
.pr_tab ul{}
.pr_tab ul li{cursor:pointer;border-bottom:1px solid #000;font-weight:300;display:flex;align-items:center;justify-content:space-between;padding:25px 20px;font-size:22px;opacity:0.4;}
.pr_tab ul li b{}
.pr_tab ul li img{margin-right:30px;width:8px;transition:all .5s;}
.pr_tab ul li:hover img{margin-right:0;}
.pr_tab li.active{opacity:1;}

.pr_right a{width:fit-content;display:flex;align-items:center;gap:0 20px;padding:12px 25px;border-radius:100px;font-weight:600;}
.pr_right a img{width:15px;}

/* 텍스트 채워지는 효과 */
.fill_txt{text-align:center;color: rgba(0,0,0,.2);}
.fill_txt p{font-weight:bold;font-size:3vw;position: relative;width: max-content;background:linear-gradient(to right, #8ad2f9, #003787) no-repeat;-webkit-background-clip: text;background-clip: text; background-size: 0%; transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;margin:0 auto}

/* 포인트 */
.point{background:url('../index/images/point_bg.png')no-repeat;background-size:cover;}
.point .main_tit{text-align:center;}

.pt_cont{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;}
.pt_cont ul{display:flex;flex-direction:column;gap:40px 0;}
.pt_cont ul li{position:relative;padding:50px;background:#fff;border-radius:15px;overflow:hidden;height:270px;z-index:0;transition:all 0.5s;}
.pt_cont ul li.pt_big{height:350px;}
.pt_cont ul li span{display:block;}
.pt_cont ul li h4{line-height: 1.4;font-weight:600}
.pt_cont ul li p{}
.pt_cont ul li img{position:absolute;width:100%;top:0;left:0%;height:100%;object-fit:cover;opacity:0;z-index:-1;transition:all 0.5s;transform:scale(1.15);
  transition:transform .8s ease, opacity .5s ease;}
.pt_cont ul li.active img{opacity:0.5;transform:scale(1)}
.pt_cont ul li.active{background:#000;}
.pt_cont ul li.active span, .pt_cont ul li.active p{color:#fff;}
.pt_cont ul li.active h4{color:#91d2ff}

/* 스토리 */
.story{}
.story .ctt{overflow:hidden;}
.story .main_tit p{}
.story .main_tit p img{}
.story_slide{}
.story_slide .swiper-wrapper{transition-timing-function:linear}
.story_slide img{width:100%;border-radius:15px;}
.story_doc_name img{width:80px;margin:0 10px;}
.stroy_txt{}
.stroy_txt p{line-height:1.7;}

/* 의료진 소개 */
.doc{background:#f5faff}
.doc .ctt{display:flex;align-items:start;justify-content:Space-between;}
.doc_img{width:30%;position:sticky;top:200px;left:0;}
.doc_img img{width:100%;border-radius:15px;}
.doc_img img.badge{width:120px;position:absolute;border-radius:0;top:30px;left:20px;}
.doc_img img.badge2{width:120px;position:absolute;border-radius:0;top:140px;left:20px;}
.doc_txt{width:65%}
.doc_name{}
.doc_name_group{display:flex;align-items:flex-start;gap:0 40px}
.doc_name span{}
.doc_name p{}
.doc_name p b{}
.doc_name strong{line-height:1.7;display:block;font-weight:400;}
.doc_name_tit{}
.bay_tree{width:65%;display:flex;gap:0 15px;align-items:center;}
.bay_tree img{width:35px;}
.bay_tree p{text-align:center}
.bay_tree i{line-height:1.5;margin-top:6px;font-weight:600;display:block;}
.career_wrap{display:flex;gap:0 50px}
.career{}
.career h4{margin-bottom:20px}
.career_box{display:grid;grid-template-columns:repeat(1, 1fr);gap:30px;}
.career ul{display:flex;flex-direction:column;gap:10px 0;}
.career ul li{display:flex;gap:0 6px;font-size:17px;}
.thesis_career ul li{font-size:16px;}
.career ul li span{position: relative;top: -1px;}
.career ul li p{color:#555;}

.thesis{background:url('../index/images/thesis_bg.jpg')no-repeat;background-size:cover;width:100%;overflow:hidden;}
.thesis .main_tit{text-align:center;}
.thesis_slide{}
.thesis_slide .swiper-slide{}
.thesis_slide .swiper-slide img{width:100%;border-radius:15px;}

/* 특별함 */
.special{background:url('../index/images/spe_bg.png')no-repeat #f9f9f9;background-attachment:fixed;background-position-x:-300px;width:100%;overflow:hidden;}
.special .main_tit{text-align:center;}
.spe_cont{}
.spe_txt{width:100%;}
.spe_txt ul{display:flex;justify-content:center;gap:0 30px;}
.spe_txt ul li{width:300px;text-align:center;border-bottom:1px solid #e4e4e4;padding:60px 0;border-radius:10px;}
.spe_txt ul li:last-child{border:0;}
.spe_txt ul li:nth-child(1){background:}
.spe_txt ul li:nth-child(2){background:}
.spe_txt ul li:nth-child(3){background:#32435b}
.spe_txt ul li div{width:100%}
.spe_txt ul li h4{line-height:1.3;}
.spe_txt ul li p{margin-top:10px}
.spe_img{width:100%;position:relative;overflow:hidden;}
.spe_slide{}
.spe_slide .swiper-wrapper{transition-timing-function:linear;}
.spe_slide img{width:100%;border-radius:15px;}

/* 진료내용 */
.treatment{width:100%;overflow:hidden;}
.treatment .main_tit{text-align:center;}
.tre_cont{}
.tre_cont h4{width:fit-content;margin:0 auto;text-align:center; position:relative;z-index:0;padding:0 10px;line-height:normal;font-weight:bold}
.tre_cont h4 .bg{position:absolute; left:0;bottom:0;width:100%;height:20px;background:#c7dfff;transform:scaleX(0);transform-origin:left center;z-index:-1;}
.tre_cont ul{width:1000px;margin:0 auto;margin-top:60px;display:flex;justify-content:center;gap:50px;flex-wrap:wrap;}
.tre_cont ul li{width:15%;}
.tre_cont ul li a{display:Block;}
.tre_cont ul li div{overflow:hidden;border-radius:100%;background:#000;}
.tre_cont ul li:hover div img{transform:scale(1.3);opacity:0.5;}
.tre_cont ul li div img{width:100%;transform:scale(1);transition:all .5s;}
.tre_cont ul li p{font-size:22px;text-align:Center;margin-top:15px;}

.tre_let{margin-top:3%;}
.tre_let p{white-space: nowrap;will-change: transform;animation: marquee 30s linear infinite;font-size:8vw;color: #f0f6f8;filter: blur(3px);font-weight:500}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* 비수술치료 */
.non{padding-top:120px}
.non .ctt{}
.non .main_tit{text-align:center;}
.non .main_tit a{font-weight:400;width:fit-content;display:flex;align-items:center;gap:0 20px;padding:12px 25px;border-radius:100px}
.non .main_tit a img{width:15px;}
.non ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:30px}
.non ul li{transition:all .5s;background:#e9f2ff;position:relative;border-radius:15px;overflow:hidden;padding:60px 40px}
.non ul li:nth-child(1){}
.non ul li:nth-child(2){}
.non ul li:nth-child(3){}
.non ul li:nth-child(4){}
.non_img{width:50px;display:block;}
.non_img_box{width:100px;height:100px;background:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.non ul li a{display:block;}
.non ul li div{}
.non ul li div h4{font-weight:300;color:#000}
.non ul li div p{color:#000}
.non ul li i{background:#000;border:1px solid #000;display:flex;align-items:center;justify-content:center;transform:rotate(0deg);opacity:1;transition:all .5s;width: 50px;
  height: 50px;margin-left:auto;margin-top:40px;border-radius: 100px;}
.non ul li i img{width:13px;filter:invert(1);opacity:1;}


.non ul li div{top:10%;}
.non ul li:hover{background:linear-gradient(132deg, #3daad3, #003668)}
.non ul li:hover * {color:#fff;}
.non ul li:hover i{opacity:1;border:1px solid #fff;background:none;}

/* 둘러보기 */
.view{position:relative;width:100%;overflow:hidden;}
.view .main_tit{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:10}
.view .main_tit h2{font-size:70px;white-space:nowrap;}
.view .main_tit h2 span{font-weight:900;font-family: "Cormorant", serif !important;display:inline-block; opacity:0;transform:translateY(50px);}
.view .main_tit a{display:block;border:1px solid #fff;border-radius:100px;width:fit-content;padding:15px 35px;margin:0 auto;margin-top:130px;}
.view .main_tit a img{margin-left:30px;width:15px;}

.view_slide{width:100%;height:100vh;background:#000;}
.view_slide img{width:100%;height:100%;object-fit:cover;opacity:0.5;}
.view-pagination{position:relative !important;background:rgba(255,255,255,0.3) !important;border-radius:100px;overflow:hidden;width:300px;height: 4px;
  margin: 0 auto;margin-bottom: 30px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff !important}

@media screen and (max-width:768px){
  .index{margin-top:120px}
  .main_tit span{font-size:13px;}
  .main_tit h2 {line-height: 1.5;}

  .main_visual{height:550px;position:relative;}
  .main_visual_txt{width:100%;top:40%;}
  .main_visual_txt h2{font-size:30px}
  .main_visual_txt h2 img {width: 27px;filter: invert(1) brightness(10);margin-right: 7px;}
  .scroll_down{bottom:60px;}

  .pin_cont span{font-size:13px}
  .pin_cont p{font-size:22px;line-height:1.6}

  .pr_cont{flex-wrap:wrap;flex-direction:column-reverse;}
  .pr_left{width:100%;margin-top:40px !important}
  .pr_right{width:100%}
  .pr_right h4{font-size:20px}
  .pr_tab ul li {padding: 14px 20px;font-size: 18px;}
  .pr_tab ul li img {margin-right: 10px;width: 6px;}

  .fill_txt p{font-size:5vw;}

  .pt_cont {grid-template-columns: repeat(1, 1fr);gap:30px;}
  .pt_cont ul{flex-wrap:wrap}
  .pt_cont ul li{padding:40px 30px;width:100%;height:auto !important;background:#000;}
  .pt_cont ul li img {opacity: 0.5;transform: scale(1);}
  .pt_cont ul li span, .pt_cont ul li p{color:#fff;}
  .pt_cont ul li h4 {color: #91d2ff;}

  .story{}
  .story .main_tit p img{width:90%}
  .stroy_txt p {line-height: 1.8;font-size: 14px;}
  .story_doc_name img {width: 60px;}
  
  .doc .ctt{flex-wrap:wrap}
  .doc_img{width:100%;top:0;position:relative;}
  .doc_txt{width:100%;margin-top:30px}
  .doc_name_group{flex-wrap:wrap}
  .doc_name_tit{width:100%;text-align:center;}
  .bay_tree{width:100%;margin-top:30px;justify-content: center;}
  .doc_name strong{margin-top:25px;}
  .career{width:100%}
  .career ul {gap: 6px 0;}
  .career ul li {font-size: 14px;}
  .thesis_career ul li{font-size:13px}
  .career_wrap{display:flex;flex-wrap:wrap}
  .doc_img img.badge{width:90px;left:auto;right:20px;top:auto;bottom:130px;}
  .doc_img img.badge2{width:90px;left:auto;right:20px;top:auto;bottom:20px}
  .spe_cont{flex-wrap:wrap}
  .spe_txt{width:100%}
  .spe_img{width:100%;margin-top:30px;}
  .spe_txt ul{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.spe_txt ul li{width:100%;padding:30px 0;}
  
.tre_cont{}
.tre_cont h4{width:fit-content;margin:0 auto;text-align:center; position:relative;z-index:0;color:#fff;padding:0 10px;}

.tre_cont ul{width:100%;margin-top:30px;justify-content:center;gap:0px;flex-wrap:wrap;gap:30px}
.tre_cont ul li{width:44%;}
.tre_cont ul li p{font-size:18px;}

  .tre_let p{font-size:11vw;}

  .non{padding-top:10px;}
  .non .ctt{display:block}
  .non .main_tit{width:100%;position:relative;top:0;}
  .non ul{width:100%;margin-top:30px;grid-template-columns: repeat(1, 1fr);gap: 30px;}
  .non ul li{padding:30px}
  .non ul li.active{}
  .non ul li.active .non_img{opacity:1;}
  .non ul li div p {transform: translateY(0px);opacity:1;}
  .non ul li i {opacity: 1;right:30px;bottom:30px;background:#000;border:0;}
  .non ul li:nth-child(2), .non ul li:nth-child(4) {transform: translateY(0px);}
  
  .view_slide{height:500px;}
  .view .main_tit h2 span{font-size:30px;}
  .view .main_tit a{margin-top:50px}
  .view-pagination{width:150px;}
  .view .main_tit p{font-size:14px;line-height:1.6;}
}