.index{margin-top:165px;}
.slide{width:95%;height:750px;margin:0 auto;border-radius:15px;overflow:hidden;}
.slide .swiper-slide{width:100%;height:100%;}
.slide .swiper-slide img{width:100%;height:100%;object-fit:cover}
.slide_txt{text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);}
.slide_txt span{display:block;color:#fff;letter-spacing:0;}
.slide_txt h1{color:#fff;line-height:1.1;margin-top:20px;}
.slide_txt h1 b{color:#ffe8ca;font-weight:bold;}
.slide_txt p{margin-top:30px;color:#fff;font-weight:400;}
.slide-pagination{position:absolute;bottom:170px !important;top:auto !important;z-index:10;display:flex;justify-content:center;}
.slide-pagination span{height:auto;margin:0 !Important;width:160px;border-bottom:3px solid #fff;padding:15px 0 !important;text-align:center;border-radius:0;background:none;opacity:0.5;}
.slide-pagination b{color:#fff;font-size: 18px;display:block;text-align:center;font-weight: 500;}
.slide-pagination span:before{content:"";background:#f3991f;width:6px;height:6px;border-radius:10px;margin:0 auto;display:block;margin-bottom:10px;cursor:pointer;opacity:0;}
.slide-pagination span.swiper-pagination-bullet-active{opacity:1;}
.slide-pagination span.swiper-pagination-bullet-active b{font-weight:bold;}
.slide-pagination span.swiper-pagination-bullet-active:before{opacity:1;}

.slide_txt span,
.slide_txt h1,
.slide_txt p {
  opacity: 0;
  transform: translateY(30px);
  transition: none;
}

/* swiper-slide-active일 때만 실행 */
.slide .swiper-slide-active .slide_txt span {
  animation: slideUp 0.8s ease-out forwards;
  animation-delay: 0.2s;
}
.slide .swiper-slide-active .slide_txt h1 {
  animation: slideUp 0.8s ease-out forwards;
  animation-delay: 0.5s;
}
.slide .swiper-slide-active .slide_txt p {
  animation: slideUp 0.8s ease-out forwards;
  animation-delay: 0.8s;
}

/* 위로 스르륵 올라오며 나타나는 키프레임 */
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 공통 */
.main_tit_wrap{display:flex;align-items:end;justify-content:space-between;}
.main_tit{}
.main_tit span{font-weight:600;display:block;margin-bottom:5px;}
.main_tit2 span{margin-bottom:15px;}
.main_tit h2{line-height:1.3;font-weight:300}
.main_tit h2 b{font-weight:bold}
.main_tit p{margin-top:10px;line-height:1.5;}
.main_tit2 p{margin-top:20px;}
.pd180{padding:180px 0}
.pdt180{padding-top:180px}
.pdb180{padding-bottom:180px;}

/* 의료진 소개 */
.doctor{margin-top:-150px;padding-top:300px;background:url('../index/images/doctor_bg.png')no-repeat;background-size:cover;width:100%;overflow:hidden;position:relative;}
.doc_let{position: absolute;font-size: 8vw;white-space: nowrap;color: #fff;top: 80px;opacity:0.5;}
.doc_let p{font-weight:bold;}
.doc_slide{}
.doc_slide .swiper-slide{padding-top:90px;}
.doc_slide_box{display:flex;min-height:600px;justify-content:space-between;padding:75px;background:#fff;border-radius:15px;position:relative;z-index:0;}
.doc_bg{z-index:-1;position: absolute;top:0;right:0;width:50%;height:100%;}
.doc_txt{width:800px}
.doc_txt h3{font-weight:300;margin-bottom:30px;}
.doc_txt h3 b{font-weight:bold;margin-right:3px;}
.career{display:flex;flex-wrap:wrap;}
.career h4{width:100%;margin-bottom:10px;}
.career ul{width:50%;}
.career ul li{font-size:18px;color:#222;align-items:center;display:flex;padding-bottom:7px;}
.career ul li span{margin-right:7px;font-weight:bold;}
.career2{margin-top:35px;}
.doc_img{width:35%;position:relative;}
.doc_image{width:450px;position:absolute;bottom:0;right:70px;}
.doc_img p{position: absolute; top: -150px;left: -300px;font-size: 6vw;white-space: nowrap;opacity: 0.03;}
.doc_txt h3{margin-bottom:15px;}
.doc-pagination{display:flex;width:400px !important;}
.doc-pagination span{height:auto;margin:0 !Important;width:50%;font-size:18px;border-bottom:3px solid #000;padding:15px 0 !important;text-align:center;border-radius:0;background:none;opacity:1;}
.doc-pagination span:before{content:"";background:#f3991f;width:6px;height:6px;border-radius:10px;margin:0 auto;display:block;margin-bottom:10px;cursor:pointer;opacity:0;}
.doc-pagination span.swiper-pagination-bullet-active{border-color:#f3991f;color:#f3991f;font-weight:bold;}
.doc-pagination span.swiper-pagination-bullet-active:before{opacity:1;}

/* 약속 */
.promise{}
.promise .main_tit{text-align:center;}
.pr_slide_wrap{position:relative;}
.pr_slide{margin-top:60px;}
.pr_slide .swiper-slide img{border-radius:20px;width:100%}
.pr_txt{text-align:center;padding-top:40px;}
.pr_txt h2{background: linear-gradient(45deg, #f3991f, #f83600);width: fit-content;margin: 0 auto;background-clip: text;color: transparent;}
.pr_txt p{margin-top:20px;color:#333;line-height:1.6}
.pr_btn{display:flex;justify-content:space-between;position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:55%;z-index:99;}
.pr_btn div{cursor:pointer;display:flex;background:#000;width:80px;height:80px;border-radius:80px;align-items:center;justify-content:center;}
.pr_btn div img{width:12px;filter:Invert(1)}

/* 장비 */
.equ{position:relative}
.city{position:absolute;top:-50px;left:0;width:100%;}
.equ_box{display:flex;justify-content:right;}
.equ_box1{margin-right:70px;}
.equ_box2{position:relative;top:-250px;}
.equ_box ul{width:550px;}
.equ_box ul li{width:100%;background:#f9f9f9;border-radius:15px;padding:70px 50px;margin-top:70px;transition:all .5s;}
.equ_box ul li:hover{background:#122433}
.equ_box ul li:hover p{color:#fff;}
.equ_box ul li img{width:70%;margin:0 auto;display:block;}
.equ_txt{margin-top:25px;}
.equ_txt h2{background: linear-gradient(45deg, #f3991f, #f83600);width: fit-content;background-clip: text;color: transparent;}
.equ_txt p{margin-top:8px;line-height:1.5;}

/* 임플란트 */
.implant{background:url('../index/images/implant_bg.png')no-repeat;background-size:cover;}
.implant .main_tit{text-align:center;}
.implant ul{margin-top:60px;display:flex;justify-content:space-between;}
.implant ul li{position:relative;width:32%;padding:50px;background:#fff;border-radius:15px;min-height:400px;}
.implant_txt{}
.implant_txt h4{}
.implant_txt h6{margin-top:10px;}
.implant_txt p{word-break:keep-all;color:#555;margin-top:15px;line-height:1.6;}
.implant ul li img{position:absolute;bottom: -50px;right: 60px; width: 100px;}

/* 둘러보기 */
.view_btn{display:flex;gap:0 20px;z-index:99;}
.view_btn div{cursor:pointer;display:flex;background:#000;width:80px;height:80px;border-radius:80px;align-items:center;justify-content:center;}
.view_btn div img{width:12px;filter:Invert(1)}
.view_width{width: calc(50% + 700px);margin-left: calc((100% - 1400px) / 2);}
.view_slide{margin-top:80px;}
.view_slide img{width:100%;border-radius:15px;}

/* 진료시간 */
#section6{position:relative;}
.info_sym{position:absolute;bottom:0px;right:0;opacity:0.2;}
.map_info{display:flex;align-items:center;justify-content:space-between;}
.map{width:40%;}
.map .api{width:100% !important}
.cont{display:none !Important}
.info{width:50%;position:relative;}
.info .main_tit{}
.info_box_wrap{margin-top:50px;}
.info_box{padding-bottom:30px;}
.info_box h2{font-weight:500;display:flex;align-items:center;}
.info_box h2 i{background:#f3991f;width:8px;height:8px;border-radius:8px;margin-right:8px;}
.info_box1 p{margin-top:8px;font-weight:bold;margin-left: 12px;}
.info_box2 ul{margin-top:15px;margin-left: 12px;}
.info_box2 ul li{font-size:18px;padding-bottom:8px;display:flex;align-items:center;}
.info_box2 ul li span{font-weight:bold;width:180px;}
.info_box2 ul li p{}
.info_box2 ul li b{background:#f3991f;border-radius:100px;padding:2px 6px;margin-left:6px;font-size:14px;font-weight:600;color:#fff;}
.info_box2 strong{margin-top:15px;margin-left:12px;display:block;}
.sns{display:flex;gap:0 16px;}
.sns a{padding: 16px 0;background: #f7f7f7;border-radius: 50px;display: flex;align-items: center;width: 200px;justify-content: center;font-weight: 500;}
.sns a img{margin-right:6px;}

@media screen and (max-width:1440px){
  .slide_txt{width:100%}
  .doc_slide_box{min-height:auto;align-items:start}
  .career h4{margin-bottom:15px;}
  .career ul{width:100%}
  .career ul li{font-size:16px;}
  .doc_image{position:relative;width:40%;}
  .doc_txt{width:55%;}
  .doc_img p {top: -50px;left: 0;}
  
  
  .equ_box2{top:-20px;}
  .equ_txt p{word-break:keep-all}
  .equ_txt p br{display:none;}
  .equ_box{justify-content:space-between;}
  .equ_box ul{width:48%}
  .equ_box1{margin-right:0}
  
  .implant ul li{padding:50px 35px}
  .implant ul li img{width:60px;bottom:-20px}
  .implant_txt h6{font-size:18px;}
}

@media screen and (max-width:1200px){
  .index{margin-top:120px;}
  .doc_slide_box{padding:55px;}
  .doc-pagination{width:300px !Important}
  .doc_slide_box{flex-wrap:wrap;flex-direction:column-reverse;position:relative}
  .doc_img{width:100%;position:absolute;top:0;left:0;}
  .doc_img p{top:-50px;font-size:10vw;text-align:center;width:100%;}
  .doc_image{width:50%;display:block;margin:0 auto;right:0;}
  .doc_bg {top: 0;left: 0;width: 100%;height: 50%;}
  .doc_txt{width:100%;background:#f9f9f9;border:1px solid #f2f2f2;padding:60px;border-radius:15px;}
  .main_tit_wrap{flex-wrap:wrap;text-align:center;}
  .doctor{margin-top:60px;padding:80px 0;}
  .doc_let{top:0;}
  .doctor .main_tit{width:100%}
  .doc-pagination{width:90%;margin:0 auto;margin-top:20px;}
  .doc-pagination span{font-size:15px;}
  
  .implant ul{flex-wrap:wrap;width:80%;margin:0 auto;margin-top:40px;gap:20px 0;}
  .implant ul li{padding:50px;min-height:auto;width:100%;display:Flex;align-items:center;justify-content:space-between;}
  .implant_txt{width:calc(100% - 200px)}
  .implant_txt p br{display:none;}
  .implant ul li img{width:80px;bottom:0;position:relative;}
  
  .view .main_tit{width:100%;}
   .view_width{width:100%;margin-left:0;}
  .view_btn{width:100%;margin-top:25px;justify-content:center;}
  .view_btn div{width:50px;height:50px}
  .view_btn div img{width:8px;}
}
@media screen and (max-width:1024px){
  .slide_txt h1{font-size:32px;}
  .pr_btn div{width:40px;height:40px;}
  .pr_btn div img{width:8px;}
  
  
  

  .map_info{flex-wrap:wrap}
  .map{width:100%}
  .root_daum_roughmap .wrap_map{height:400px !Important}
  .info_box_wrap{margin-top:30px;}
  .info{width:100%;padding:60px 30px}
  .info_sym {z-index: -1;width:40%;bottom:0;opacity:0.1;}
  .info_box1 p {margin-top: 4px;font-size: 16px;}
  .info_box2 ul li{font-size:16px;}
  .info_box2 ul li span{width:110px;}
  .info_box2 ul li b {padding: 1px 5px;font-size: 12px;}
  .info_box2 strong {margin-top:3px;}
}

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

  .pr_slide_wrap {width: 90%;margin: 0 auto;}
  .pr_slide{margin-top:30px;}
  .pr_btn{width:90%;top:42%;}
  .pr_btn div img{width:8px;}
  .pr_txt{padding-top:25px;}
  .pr_txt p{margin-top:10px;}
  
  .equ_box{flex-wrap:wrap;}
  .equ_box ul{width:100%}
  .equ_box2{top:0;}
  .equ_box ul li{padding:45px;display:flex;justify-content:space-between;align-items:center;margin-top:30px}
  .equ_box ul li img{width:30%;margin:0;}
  .equ_txt{width:65%;margin-top:0;}
  
  .implant ul{width:100%}
  
  
}
@media screen and (max-width:768px){
  .slide{height:500px;}
  .slide_txt{top:40%;width:100%}
  .slide_txt h1{font-size:22px;}
  .slide_txt p{margin-top:15px;line-height:1.5;}
  .slide-pagination b{font-size:14px;}
  .slide-pagination span {width: 100px;border-bottom: 2px solid #fff;padding: 10px 0 !important;}
  .slide-pagination{bottom:100px !Important;}

  .pd180{padding:80px 0}
  .pdt180{padding-top:80px}

  .doc_slide_box{min-height:auto;flex-wrap:wrap;flex-direction:column-reverse;padding:35px;}
  .doc_slide .swiper-slide{padding-top:40px;}
  .doc_txt{width:100%;padding-top:25px;}
  .career ul{width:100%;}
  .career ul li{font-size:14px;}
  .career2{margin-top:20px}
  .doc_img{width:100%;margin:0 auto;} .doc_image{position:relative;width:90%;margin:0 auto;right:0;max-width:400px;}
  .doc_bg {top: 0;right: 0;width: 100%;height: 50%;}
  .doc_txt{padding:0;border:0;background:none;padding-top:30px;}
  .doc_img p{top:0}

  .promise{padding-bottom:20px}
  .pr_btn{top:30%;}

  .equ{}
  .equ_box{flex-wrap:wrap;}
  .equ_box ul{width:100%;margin-right:0}
  .equ_box ul li {padding:40px 20px;margin-top: 30px;flex-wrap:wrap;}
  .equ_box ul li img{width:80%;margin:0 auto;}
  .equ_txt{width:100%;margin-top:20px;}

  .implant ul{flex-wrap:wrap;margin-top:30px;gap:30px 0;}
  .implant ul li{width:100%;padding:40px;min-height:auto;flex-wrap:wrap;}
  .implant ul li img{position:relative;bottom:0;right:0;margin-top:20px}
  .implant_txt{width:100%;}
  .implant_txt p{word-break:keep-all;margin-top:10px;}
  .implant_txt p br{display:none;}
  .implant_txt h6{font-size:16px;}
  .implant ul li img{width:50px;margin-top:35px;margin-left:auto;display:block;}

  .view .main_tit{width:100%}
  .view_slide{margin-top:30px}
 

}