.index{margin-top:97px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.letter3{letter-spacing:3px;}
.swiper-button-lock{display:none !important}
/* 슬라이드 */
.slide{width:100%;height:870px;overflow:hidden;position:relative;background:#000}
.slide img{width:100%;height:100%;opacity:0.3;}
.video_wrap {position: relative;width: 100%;padding-bottom: 56.25%; /* 16:9 비율 */overflow: hidden;opacity:0.6}
.video_wrap iframe { position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.slide_txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;z-index:10;}
.slide_txt span{letter-spacing:3px;display:block;}
.slide_txt h1{margin-top:25px;font-size:80px;line-height:1.3;letter-spacing:-1px; animation: doublePop 0.8s ease-out forwards;}
.slide_txt p{margin-top:50px;opacity:0;transform: translateY(25px);will-change: transform, opacity;}
.slide_txt h1 span{line-height:1.3;display:inline-block;opacity:0;transform: translateY(40px);filter: blur(10px);will-change: transform, filter, opacity;}
/* 포인트 */
.point{background:url('../index/images/pt_bg.jpg')no-repeat;background-size:cover;background-position:center}
.point .ctt{}
.point ul{display:flex;gap:20px 0;flex-wrap:wrap;align-items:start;justify-content:space-between;}
.point ul li{border-radius:15px;overflow:hidden;background:#f8f8f8;padding:20px;width:49%;transition:all .5s;display:flex;align-items:center;justify-content:space-between;}
.point ul li.on{background:linear-gradient(45deg, #0e5c91, #1b3087);}
.point ul li.on *{color:#fff;}
.point ul li img{width:35%;border-radius:10px;}
.point ul li div{width:60%}
.point ul li span{opacity:0.5;display:block;text-align:left;margin-bottom:15px;}
.point ul li div h4{line-height:1.4;}
.point ul li div p{opacity:0.8;margin-top:10px;font-weight:300}

/* 발자취 */
.clinical{background:url('../index/images/clinical_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.clinical ul{margin-top:100px;display:flex;justify-content:space-between;}
.clinical ul li{width:33.3%;border-right:1px solid rgba(255,255,255,0.3);}
.clinical ul li:last-child{border:0;}
.clinical ul li span{color:#fff;display:block;text-align:center;}
.clinical ul li p{margin-top:10px;text-align:center;display:flex;align-items:center;gap:0 5px;justify-content:center;line-height:1}
.clinical ul li b{font-size:60px;font-weight:300;line-height:1}
.clinical ul li b i{color:#8fecf1;font-weight:600;letter-spacing:0;line-height:1;}

/* 진료과목 */
.subject{background:url('../index/images/subject_bg.jpg')no-repeat;background-size:cover;}
.subject .ctt{display:flex;justify-content:space-between;}
.subject .main_tit{width:35%;text-align:left;}
.subject ul{width:65%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 0;}
.subject ul li{background:#fff;border-radius:15px;padding:20px;width:23.5%;box-shadow:0 30px 35px rgb(191 191 191 / 10%);}
.subject ul li img{border-radius:10px;width:100%;display:block;}
.subject ul li div{text-align:center;padding-top:20px;}
.subject ul li div span{display:block;}
.subject ul li div p{font-weight:bold;}

/* 치료 */
.treatment{}
.treatment .ctt{width:90%;}
.tre_slide{padding-top:10px !important}
.tre_slide .swiper-slide{border:1px solid #f5f5f5;border-radius:10px;overflow:hidden;background:#f9f9f9;transition:all .5s;}
.tre_slide .swiper-slide div{padding:25px 0;text-align:center;}
.tre_slide .swiper-slide div b{}
.tre_slide .swiper-slide div p{line-height: 1.5;color: #555;margin-top: 8px;}
.tre_slide .swiper-slide img{width:100%;border-radius:10px;}
.tre_slide .swiper-slide.is-step-active {background:#f3f7ff;margin-top:-10px;}
.tre-pagination{display:block !Important;position:relative !Important;margin:0 auto;margin-bottom:70px;width:100% !important;}
.treatment .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1b3087;}
.treatment .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after{content:"";width:60px;height:60px;background:url('../index/images/pr_symbol.svg')no-repeat;background-size:100%;display:block;top:50%;transform:translateY(-50%);right:0;position:absolute;}


/* 의료진 소개 */
.greet{background:url('../index/images/gr_bg.jpg')no-repeat;background-position:center;background-size:cover;}
.greet .ctt{width:1300px;display:flex;justify-content:space-between;}
.gr_txt{width:55%;padding-top:60px;}
.gr_txt h5{line-height:1.3;}
.gr_txt h5 b{color:#242f51;background: #ffffff;font-weight: 800;padding: 0 2px;}
.gr_txt h6{margin-top:20px;}
.gr_txt p{margin-top:30px}
.gr_img{width:45%;}
.gr_img img{width:100%}

.doctor{background:url('../index/images/doc_bg.jpg')no-repeat;background-size:cover;}
.doctor2{padding:150px 0;background:#f9f9f9}
.doctor3{padding:150px 0;background:#fff;}
.doctor .ctt{width:1600px;align-items:center;display:flex;justify-content:space-between;}
.doc_img{width:40%;border-radius:15px;overflow:hidden;}
.doc_txt{width:55%;}
.doc_name{}
.doc_name span{}
.doc_name p{font-weight:200;}
.doc_name p b{font-weight:bold;}
.career_box{}
.career{width:100%;margin-top:35px;}
.career h4{margin-bottom:15px;}
.career ul{display:flex;flex-wrap:wrap;gap:8px 0;}
.career ul li{width:50%;font-size:18px;color:#555;display:flex;align-items:start;gap:0 8px;}
.career ul li.full{width:100%}
.career ul li span{font-weight:900;color:#000;}
.doc_img img{width:100%;}

/* 척추관절클리닉 */
.sj{background:url('../index/images/sj_bg.jpg')no-repeat;background-size:cover;}
.sj_descript{padding-bottom:120px;}
.sj_descript .ctt{display:flex;justify-content:space-between;}
.sj_box{width:48.5%;background:#f9f9f9;border-radius:15px;overflow:hidden;background:#000;position:relative;transition:all .5s;}
.sj_box:hover{background:#1e86cd}
.sj_box img{width:100%;opacity:0.3;transition:all .5s;}
.sj_box:hover img{transform:scale(1.2);opacity:0.1;}
.sj_box div{position:absolute;padding:50px;left:0;top:0;}
.sj_box div h2{}
.sj_box div p{margin-top:8px;}

.sj_content{padding:150px 0;background:url('../index/images/sj_bg2.jpg')no-repeat;background-size:cover;}
.sj_content .ctt{position:relative;}
.sj_list{}
.sj_tit{border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:20px;}
.sj_tit h4{font-weight:300}
.sj_tit h4 b{font-weight:bold}
.sj_cont{display:flex;justify-content:space-between;}
.sj_txt{width:55%;margin-top:130px;}
.sj_txt h4{font-weight:300}
.sj_txt h4 b{font-weight:bold}
.sj_txt p{margin-top:10px;color:#444}
.sj_txt h6{margin-top:30px;}
.sj_txt ul{margin-top:20px;width:70%;display:flex;flex-wrap:wrap;gap:12px 0;justify-content:space-between;}
.sj_txt ul li{font-size:20px;text-align:center;border-radius:5px;width:32%;font-weight:400;padding:12px;border:1px solid #232d65;background:#fff;color:#232d65}
.sj_img{width:40%;}
.sj_img img{width:100%;border-radius:15px;}

.sj-pagination{z-index:100;display:flex;position: absolute;bottom: auto !important;top: 0;}
.sj-pagination span{padding-bottom:20px;text-align:center;font-weight:300;font-size:30px;width:180px;height:auto;margin:0 !important;border-radius:0;background:none;opacity:1;border-bottom:3px solid #e4e4e4}
.sj-pagination span.swiper-pagination-bullet-active{border-bottom:3px solid #1e86cd;color:#1e86cd;}
.sj-pagination span b{font-weight:bold}

/* 비수술치료 */
.non{background-color:#0e132b;background-image:url('../index/images/non_bg.png');background-repeat:no-repeat;background-size:cover;background-attachment:fixed;transition:all 1s}
.non_on{background:#f2f6fb;}
.non_point{}
.non_pt_btn{justify-content:left;margin-top:40px;}
.non_pt_btn img{width:7px;}
.non_point .full_right{}
.non_pt_box{}
.non_pt_slide{}
.non_pt_slide .swiper-slide{position:relative;background:#fff;border-radius:15px;overflow:hidden;}
.non_pt_slide img{width:100%;border-radius:10px;}
.non_pt_slide .swiper-slide div{padding:40px;}
.non_pt_slide div p{margin-top:10px;color:#555;font-size:17px;}

.non_kind{margin-top:120px;}
.non_on .non_kind .main_tit h2{color:#000}
.non_on .non_kind .main_tit p{color:#555}
.non_kind .ctt{width:100%;}
.non_kind .main_tit{text-align:center;}
.kind_slide{}
.kind_slide .swiper-wrapper{transition-timing-function:ease-out;}
.kind_slide .swiper-slide{background:#fff;overflow:hidden;position:relative;border-radius:15px;padding:40px;border:1px solid #c3d5eb;}
.kind_slide .swiper-slide a{display:block;}
.kind_slide .swiper-slide:before{content:"Click";font-family:"Spectral", serif !important;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:rgb(37 68 115 / 70%);border-radius:1000px;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.5px;transition:all 0.5s ease-out;backdrop-filter:blur(0.3px);pointer-events: none;transform-origin:center center;font-weight:500;letter-spacing:0px;}
.kind_slide .swiper-slide:hover:before{transform:translate(-50%, -50%) scale(15)}
.kind_slide .swiper-slide a:after{width:}
.kind_slide .swiper-slide div{}
.kind_slide .swiper-slide div h4{}
.kind_slide .swiper-slide div p{color:#555;margin-top:7px;}
.kind_slide .swiper-slide img{width:100%;margin-top:20px;border-radius:10px}

.non-pagination{display:none;justify-content:center;width:100%;margin-top:40px;}
.non-pagination span{background:#fff;border-radius:100px}
.non-pagination span.swiper-pagination-bullet-active{width:20px;}

/* 비수술치료 설명 */
.non_cont{display:flex;}
.non_img{width:40%}
.non_img img{width:100%}
.non_txt{background:#fff;width:60%;padding-top:140px;padding-left:140px;}
.non_txt_slide{}
.non_txt_slide .swiper-slide{}
.non_tit{}
.non_tit span{display: block;margin-bottom: 0;letter-spacing: 0;font-weight: bold;}
.non_tit h2{}
.non_tit i{background: #1b3087;color: #ffffff;font-size: 22px;padding: 5px 10px;position: relative;top: -6px;margin-left: 15px;}
.non_tit p{margin-top:12px;color:#444;}
.non_charac{margin-top:50px;}
.non_charac ul{width:80%;display:flex;justify-content:space-between;}
.non_charac ul li{width:24%;background:#f8f8f8;padding:20px 0;border-radius:10px;}
.non_charac ul li img{width:50px;margin:0 auto;display:block;}
.non_charac ul li p{line-height:1.2;font-weight:300;text-align:center;margin-top:15px;text-align:center;}
.non_charac ul li p b{font-weight:bold}

.non_btn{justify-content:left;margin-bottom:50px;}
.non_btn div{border:1px solid #000;background:none;width:60px;height:60px;}
.non_btn div img{width:6px;filter:none}

.sap-pagination{z-index:100;display:flex;gap:0 10px;margin-bottom:30px;}
.sap-pagination span{padding-bottom:20px;text-align:center;font-weight:300;font-size:20px;width:180px;height:auto;margin:0 !important;padding:10px 20px;border-radius:100px;background:#000;color:#fff;opacity:1;}
.sap-pagination span.swiper-pagination-bullet-active{background:#1e86cd;}
.sap-pagination span b{font-weight:bold}

/* 통증클리닉 */
.pain{background:url('../index/images/pain_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.pain .ctt{display:flex;justify-content:space-between;align-items:start;}
.pain .main_tit{width:35%;text-align:left;position:sticky;top:150px;left:0px;}
.pain_list{width:55%;justify-content:space-between;align-items:start;display:flex;}
.pain ul{width:48%;gap:40px 0;display:flex;flex-direction:column;}
.pain ul li{width:100%;background:#fff;border-radius:15px;padding:50px;}
.pain ul:last-child{margin-top:180px;}
.pain ul li span{display:block;}
.pain ul li h4{}
.pain ul li p{margin-top:10px;color:#555;}
.pain ul li img{margin-left:auto;width:60px;margin-top:80px;display:block}
.pain_list2{display:none}

.pain_cont{background:url('../index/images/pain_bg2.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.pain_cont_box{margin-top:60px;}
.pain_item{position:sticky;top:0;left:0;display:flex;align-items:center;justify-content:space-between;border-radius:15px;overflow:hidden;padding:30px;background:#fff;border:1px solid #e4e4e4;}
.pain_item_txt{width:55%;padding:40px;}
.pain_item_img{width:40%;border-radius:15px;}
.pain_item_img img{width:100%;border-radius:10px;}
.pain_tit{}
.pain_tit h2{font-weight:300}
.pain_tit h2 b{font-weight:bold}
.pain_tit p{margin-top:10px;color:#555}
.pain_tit p b{color:#000}
.pain_charac{margin-top:50px;}
.pain_charac ul{display:flex;gap:0 30px;}
.pain_charac ul li{}
.pain_charac ul li img{margin:0 auto;display:block;}
.pain_charac ul li p{margin-top:13px;text-align:center;line-height:1.3;}
.pain_charac2{margin-top:50px;}
.pain_charac2 ul{display:flex;justify-content:space-between;}
.pain_charac2 ul li{width:32%;}
.pain_charac2 ul li h4{}
.pain_charac2 ul li p{margin-top:13px;}
.pain_charac2 ul li span{font-size: 18px;gap: 0 5px;display: flex;align-items: center;background: #f8f8f8;margin-bottom: 8px;padding: 8px 13px;border-radius: 5px;}
.pain_charac2 ul li span img{}
.pain_charac2 ul li img{width:16px;}
/* 둘러보기 */
.view{background:#f2f6fb;}
.view .main_tit{text-align:left;}
.view .main_tit strong{display:block;margin-bottom:5px;}
.view_btn{justify-content:left;}
.view_slide{margin-top:80px;}
.view_slide .swiper-slide{transform:translateZ(0) scale(0.9) !important;}
.view_slide .swiper-slide-active{transform:translateZ(0) scale(1) !important}
.view_slide .swiper-slide img{width:100%;filter:grayscale(100%);border-radius:0;transition:all 1s;}
.view_slide .swiper-slide-active img{filter:none;border-radius:15px;}

/* 진료안내 */
.info{background:url('../index/images/info_bg.jpg')no-repeat;background-size:cover;}
.info_box{}
.info_box .ctt{display:flex;justify-content:space-between;margin-top:40px;}
.map_img{width:50%;cursor:pointer;}
.map_img img{width:100%}
.info_cont{width:45%}
.info_box{padding:20px;border-bottom:1px solid rgba(255,255,255,0.2)}
.info_box:last-child{border:0;}
.info_box * {color:#fff;}
.info_box h4{margin-bottom:15px;display:flex;align-items:center;gap:0 10px;}
.info_box h4 img{width:28px;filter:invert(1)}

.info_address{padding-top:0;}
.info_address div{}
.info_address div p{}
.info_address div strong{display:block;}

.info_parking{}
.info_parking p{}
.info_parking p b{background:blue;color:#fff;font-size:16px;border-radius: 5px;padding: 3px 6px;margin: 0 3px;}

.info_time{}
.info_time ul{}
.info_time ul li{font-size:20px;display:flex;align-items:center;}
.info_time ul li span{margin-right:40px;display:flex;justify-content:space-between;width:100px;}
.info_time ul li p{}
.info_time ul li b{background: #fff;border-radius: 50px;padding: 0 8px;color: #1f222d;font-size: 16px;font-weight: 900;margin-left: 8px;}
.info_time strong{display: block;margin-top: 20px;font-weight: 400;line-height: 1.8;}
.info_time strong b{font-weight:bold}

.info_num{}
.info_num h6{line-height:1}

.sns{margin-top:25px;display:flex;justify-content:space-between;}
.sns a{display:flex;align-items:center;gap:0 10px;width:48.5%;padding:20px 0;text-align:center;justify-content:center;background:rgb(15 52 97 / 70%)}
.sns a img{width:20px}

.map_overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;}
.map_overlay img{max-width:90%;max-height:90%;}

@media screen and (max-width:1600px){
  .doctor .ctt{width:90%;}
  .non_img img{height:100vh;object-fit:cover;}
}

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

  .mt40, .mt60{margin-top:30px;}
  .slide_btn{justify-content:center}
  .slide_btn div{width:40px;height:40px}
  .slide_btn div img{width:5px}

  .index{margin-top:67px}
  .slide{height:auto;}
  .slide img{height:100%;object-fit:cover;}
  .slide_txt h1{font-size:18px;margin-top:10px;}
  .none{display:none !important;}
  .slide_txt h1 span{letter-spacing:-0.5px }
  .slide_txt p{margin-top:20px;font-size:14px;}

  .point ul{gap:20px 0;}
  .point ul li{background:linear-gradient(45deg, #0e5c91, #1b3087);width:100%;flex-wrap:wrap}
  .point ul li img{width:100%;}
  .point ul li div{width:100%;padding:20px;}
  .point ul li span{margin-bottom:8px;}
  .point ul li div * {color:#fff;}

  .clinical ul{flex-wrap:wrap;margin-top:30px;}
  .clinical ul li{width:100%;display:flex;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,0.1);padding:20px 10px;justify-content: space-between;}
  .clinical ul li b{font-size:30px}
  .clinical ul li p{margin-top:0}
  
  .subject .ctt{flex-wrap:wrap}
  .subject .main_tit{width:100%;text-align:Center}
  .subject ul{width:100%;flex-wrap:wrap;gap:10px 0;margin-top:30px}
  .subject ul li{width:49%}

  .tre-pagination{margin-bottom:30px;}
  .treatment .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after{display:none;}
  .tre_slide .swiper-slide.is-step-active {margin-top:0px;}

  .greet{padding:80px 0;background-position:70%;}
  .greet .ctt{width:90%;flex-direction:column-reverse;}
  .gr_txt{width:100%;background: rgba(0, 0, 0, 0.3);margin-top: 0;padding:30px 20px;}
  .gr_img{width:100%}
  .gr_txt p{margin-top:15px;}

  .doctor2, .doctor3{padding:80px 0}
  .doctor .ctt{flex-wrap:wrap}
  .doc_img{width:100%}
  .doc_txt{width:100%;margin-top:25px;}
  .doc_name{text-align:Center;}
  .career ul li{width:100%;font-size:16px;}

  .sj_descript{padding-bottom:80px;}
  .sj_descript .ctt{flex-wrap:wrap;gap:15px 0;}
  .sj_box{width:100%}
  .sj_box div{width:100%;padding:35px;}

  .sj_content{padding:80px 0}
  .sj-pagination{position:relative;justify-content:center;margin-bottom:20px;}
  .sj-pagination span{padding-bottom:10px;font-size:20px}
  .sj_cont{flex-wrap:wrap;flex-direction:column-reverse;}
  .sj_img{width:100%}
  .sj_txt{width:100%;margin-top:25px;}
  .sj_txt ul{width:100%;gap:10px 0}
  .sj_txt ul li{width:49%;font-size:16px;}
  .non_pt_slide .swiper-slide div{padding:30px}
  .non_pt_slide div p{font-size:16px;}
  .non_pt_btn{margin:25px 0}
  .non_pt_btn div{background:#000;}

  .non_kind{margin-top:70px;}
  .non-pagination{margin-top:25px;display:block;text-align:center;justify-content:center}
  .non-pagination span{background:#182da1}
  .kind_slide .swiper-slide{padding:30px;}
  .kind_slide .swiper-slide:before{width:100px;height:100px;}
  .non_cont{flex-wrap:wrap}
  .non_img{width:100%}
  .non_img img{height:auto}
  .non_txt{width:100%;padding:60px 40px}
  .non_btn {margin-bottom:25px;justify-content: left;}
  .non_charac ul{width:100%;flex-wrap:wrap;gap:10px 0}
  .non_charac ul li{width:49.5%}
  .non_charac ul li img{width:40px;}
  .sap-pagination span {padding-bottom: 10px;font-size: 15px;width: 110px;padding: 4px 0px;}
  .non_tit i {font-size: 14px;padding: 3px 7px;top: -3px;margin-left: 6px;}

  .pain{padding-bottom:120px;}
  .pain .ctt{flex-wrap:wrap}
  .pain .main_tit{width:100%;position:relative;top:0;}
  .pain .pain_list{width:100%;margin-top:0px;}
  .pain_list2{display:block}
  .pain_list ul:last-child{display:none;}
  .pain ul{width:100%;gap:15px 0}
  .pain ul li img{margin-top:30px;}

  .pain_cont_box{margin-top:30px;}
  .pain_item{flex-wrap:wrap;flex-direction:column-reverse;position:relative}
  .pain_item_txt{width:100%;padding:0;margin-top:25px;}
  .pain_charac, .pain_charac2{margin-top:30px;}
  .pain_charac ul{flex-wrap:wrap;gap:20px 0;}
  .pain_charac ul li{width:100%}
  .pain_charac ul li img{width:100%}
  .pain_charac ul li p {font-size: 16px;font-weight: 500;}
  .pain_item_img{width:100%}
  .pain_charac2 ul{flex-wrap:wrap;gap:15px 0}
  .pain_charac2 ul li{width:100%}
  .pain_charac2 ul li span{font-size:15px;}


  .view .main_tit{text-align:center;width:100%}
  .view_btn{margin:25px 0;width:100%;}
  .view_slide{margin-top:0px}

  .info_box{padding:0;}
  .info_box .ctt{margin-top:25px;flex-wrap:wrap}
  .map_img{width:100%}
  .sns{flex-wrap:wrap;gap:10px 0}
  .sns a{width:100%;padding:10px 0}
  .sns a img{width:17px;}
  .info_cont{width:100%;margin-top:30px;}
  .info_box h4 img {width: 17px;}
  .info_cont .info_box{padding:20px;}
  .info_parking p b{font-size:14px;margin-left:8px;}
  .info_time ul li{font-size:15px;}
  .info_time ul li span{width:68px;}
  .info_time ul li b {padding: 0px 4px;font-size: 13px;}
  .info_num h6{font-size:30px;}
  .kind_slide .swiper-slide:hover:before{transform:translate(-50%, -50%) scale(6)}
}

@media screen and (max-width:499px){
  .point ul li div{padding:20px 5px}
  .sj_box{height:200px;}
  .sj_box img{height:100%;object-fit:Cover;}
  .non_tit i {margin-top:5px;margin-left:0;display: block; width: fit-content;}
  .pain .main_tit{text-align:center}
  .pain ul li{padding:35px;}
}