/* 공통 */
.main_tit{}
.main_tit span{display:block;color:#b7d7ff;margin-bottom:15px;font-weight:900;letter-spacing:0;}
.main_tit h1{line-height:1.3;font-weight:300}
.main_tit h1 b{font-weight:bold;}
.main_tit p{margin-top:20px;color:#777;}
.wt{color:#fff}
.flex{display:flex;}
.center{align-items:center;justify-content:center;}

/* 비쥬얼 */
.slide{width:100%;height:900px;position:relative;}
.subject{padding-top:30px;z-index:99;position:absolute;top:50%;right:50px;transform:translateY(-50%);background:rgb(19 37 68 / 40%);backdrop-filter:blur(5px);border-radius:15px;}
.subject h4{color:#fff;padding:5px 15px;border-radius:50px;margin:0 auto;background:#084579;width:fit-content;}
.subject ul{padding:0 20px;}
.subject ul li{padding:25px;border-bottom:1px solid rgba(255,255,255,0.1)}
.subject ul li:last-child{border:0;}
.subject ul li img{display:block;width:60px;margin:0 auto;}
.subject ul li p{font-weight:600;text-align:center;margin-top:10px;color:#fff;}
.visual{width:100%;height:100%}
.visual .swiper-slide{}
.visual .swiper-slide img{width:100%;height:100%;transition:all .5s;object-fit:cover;transform:scale(1.4)}
.visual .swiper-slide-active{z-index:10;}
.visual .swiper-slide-active img{transform:scale(1)}
.visual_txt{width:1400px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.visual_txt span{font-size:15px;transition:all .5s;letter-spacing:0px;display:block;font-weight:900;opacity:0;transform:translateY(50px)}
.visual_txt h1{transition:all .5s;font-weight:bold;font-size:70px;margin-top:30px;opacity:0;transform:translateY(50px)}
.visual_txt p{transition:all .5s;font-weight:600;margin-top:35px;opacity:0;transform:translateY(50px)}
.visual .swiper-slide-active .visual_txt span{opacity:1;transform:translateY(0px);transition-delay:0s;}
.visual .swiper-slide-active .visual_txt h1{opacity:1;transform:translateY(0px);transition-delay:0.3s;}
.visual .swiper-slide-active .visual_txt p{opacity:1;transform:translateY(0px);transition-delay:0.6s;}
.visual_btn{z-index:99;position:absolute;width:1400px;bottom:200px;left:50%;transform:translateX(-50%);gap:0 15px;margin-top:40px;}
.visual_btn div{cursor:pointer;width:60px;height:60px;border:1px solid #fff;border-radius:60px;}
.visual_btn div img{width:15px;}

#section1{position:relative;width:100%;overflow:hidden;}
.sym{position:absolute;top:-50px;left:-50px;width:40%;opacity:0.1;}
/* 치료원칙 */
.count{padding-top:160px;position:relative;z-index:10;}
.count .main_tit{text-align:center;}
.count ul{display:flex;margin-top:60px;align-items:flex-start;}
.count ul li{width:50%;padding:50px;position:relative;transition:all .5s;}
.count ul li:nth-child(1){background:url('../index/images/count_bg1.png')no-repeat;background-size:cover;margin-top:-15px;}
.count ul li:nth-child(2){background:url('../index/images/count_bg2.png')no-repeat;background-size:cover;margin-top:15px;}
.count ul li img{width:60px;display:block;}
.count ul li h2{color:#fff;margin-top:20px;}
.count ul li p{color:#fff;margin-top:8px;}
.count ul li p b{color:#8fe9ff;font-weight:bold;}
.count_num{z-index:10;position:absolute;top:30px;right:50px;color:#fff;display:flex;align-items:center;font-size:22px;}
.count_num strong{width:165px;font-size:46px;font-weight:800;}

/* 포인트 */
.point{margin-top:-50px;border-top:1px solid #e4e4e4;}
.point ul{border-left:1px solid #e4e4e4;}
.point ul li{padding:65px 50px;padding-top:100px;border-right:1px solid #e4e4e4;}
.point ul li:hover{background:#f8f8f8}
.point_slide{}
.point_slide .swiper-slide{}
.point_slide .swiper-slide img{width:100%}
.point_slide h2{margin-top:30px;text-align:center;}
.point_slide p{line-height:1.5;font-weight:300;margin-top:10px;text-align:center;color:#555;}

/* 스페셜 */
.special{background:url('../index/images/spe_bg.png')no-repeat;background-size:cover;background-attachment:fixed;padding:160px 0;}
.special .main_tit{text-align:center;}
.special .main_tit p{color:#fff;}
.spe_slide{margin-top:60px;}
.special ul{}
.special ul li{}
.special ul li:nth-child(2){margin-top:20px;}
.special ul li img{width:100%;}
.special ul li div{padding:40px;}
.special ul li:nth-child(1) div{background:rgba(0,0,0,0.3)}
.special ul li:nth-child(2) div{background:rgb(0 84 34 / 30%)}
.special ul li:nth-child(3) div{background:rgb(35 15 80 / 30%)}
.special ul li div span{color:#fff;font-weight:bold;display:flex;}
.special ul li div span b{margin-left:5px;color:#26eeff;}
.special ul li div h2{margin-top:5px;}
.special ul li div p{margin-top:10px}

/* 의료진 소개 */
.doctor{padding-top:160px;background:url('../index/images/doc_bg.png')no-repeat;background-size:cover;}
.doctor .main_tit{text-align:center;}
.doc{display:flex;justify-content:space-between;align-items:start;margin-top:60px;}
.doc_img{position:sticky;top:200px;left:0;width:45%;z-index:0;}
.medal{width:150px !important;position:absolute;top:0;right:0;}
.doc_img:before{position: absolute;width: 100%;height: 100%;content: "";top: 50%;left: 50%;transform: translate(-50%, -50%);filter: blur(50px);z-index: -1;background: linear-gradient(45deg, #7355d7, #75a3de);border-radius: 500px;opacity: 0.3;}
.doc_img img{width:100%;}
.doc_letter{font-size:5vw;opacity:0.2;position:absolute;top:0;left:-80px;}
.doc_txt{width:52%;padding-bottom:150px;}
.doc_name{}
.doc_name span{background:#2562af;color:#fff;font-size:20px;font-weight:bold;border-radius:100px;padding:6px 15px;display:block;width:fit-content;margin-bottom:8px;}
.doc_name div{display:flex;}
.doc_name div b{margin-right:8px;}
.carrer_wrap{margin-top:30px;padding-top:30px;border-top:1px solid #000;}
.carrer:last-child{margin-top:35px;}
.carrer h2{font-weight:bold;}
.carrer ul{flex-wrap:wrap;display:flex;margin-top:10px;}
.carrer ul li{padding:8px 0;width:50%;font-size:17px;display:flex;align-items:center;gap:0 8px;}
.carrer ul li span{font-weight:900;}
.carrer ul li p{color:#555;}
.thesis li{width:100% !important}
/* 척추관절클리닉 */
.sj{background:#08273a;width:100%;overflow:hidden;}
.sj .ctt{width:100%;display:flex;justify-content:space-between;}
.sj_left{padding:160px;width:45%;background:url('../index/images/sj_left_bg.png')no-repeat;background-size:cover;border-right:1px solid rgba(255,255,255,0.3)}
.sj_left .main_tit p{color:#fff}
.sj_tab{margin-top:80px;}
.sj_tab ul{}
.sj_tab ul li{padding:30px;border-bottom:1px solid rgba(255,255,255,0.4);transition:all .5s;}
.sj_tab ul li:last-child{border:0}
.sj_tab ul li.sj_tab_on{background:rgba(0,0,0,0.2)}
.sj_dep{}
.sj_dep span{margin-bottom:5px;display:Block;color:#fff;font-weight:600;font-size: 15px;letter-spacing: 0;}
.sj_tab ul li.sj_tab_on .sj_dep span{color:#0aecff;}
.sj_tab ul li b{font-weight:600;font-size:26px;color:#fff;display:block;}
.sj-pagination{display:flex;align-items:center;margin-top:15px;}
.sj-pagination span{opacity:1;margin:0 !important;background:none;border-radius:0;width:auto;height:auto;color:#fff;font-size:18px;font-weight:600;}
.sj-pagination span:after{display:inline-block;content:"";width:2px;height:15px;margin:0 15px;background:#fff;opacity:0.4;}
.sj_tab ul li.sj_tab_on .sj-pagination span.swiper-pagination-bullet-active{color:#ffe363;}
.sj-pagination span:hover{color:#ffe363}
.sj-pagination span:last-child:after{display:none;}
.sj_right{width:50%;padding:130px 0;}
.sj_box{width:100%;visibility: hidden; position:absolute;transform:translateY(150px);transition:all .5s;opacity:0;}

.sj_box_show{visibility: visible;position:relative;transform:translateY(0px);opacity:1;}
.sj_slide{margin:0 !Important;}
.sj_slide .swiper-slide{}
.sj_img{width:100%}
.sj_img img{width:100%;display:block;}
.sj_txt{padding:40px;padding-bottom:0;}
.sj_tit{}
.sj_tit h2{color:#fff;}
.sj_tit p{margin-top:10px;color:#fff;}
.sj_tit p b{color:#7eeeff}
.sj_symptom{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.2)}
.sj_symptom h2{color:#fff;}
.sj_symptom h2 span img{filter:invert(1);width:25px;border-radius:20px;margin-right:10px;position: relative;top: -3px;}
.sj_symptom ul{display:flex;flex-wrap:wrap;margin-top:20px;}
.sj_symptom ul li{color:#fff;width:50%;font-size:18px;display:flex;align-items:center;padding-bottom:16px;}
.sj_symptom ul li:nth-child(n+5){padding-bottom:0}
.sj_symptom ul li span{position: relative;top: 2px;display:block;background:#0b76b8;width:20px;height:20px;border-radius:20px;font-size:13px;font-weight:bold;color:#fff;text-align:center;line-height:20px;margin-right:8px;}
.sj_cause{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.2)}
.sj_cause h2{color:#fff;}
.sj_cause h2 span img{filter:invert(1);width:25px;border-radius:20px;margin-right:10px; position: relative;top: -3px;}
.sj_cause ul{display:flex;justify-content:space-between;margin-top:20px;}
.sj_cause ul li{background:rgba(0,0,0,0.4);width:23.5%;color:#fff;text-align:center;line-height:1.4;padding:25px 0;font-size:18px;font-weight:500;}
.symptom_odd li:last-child{width:100%}
.sj_cause ul.cause_odd{gap:0 10px;justify-content:left;}

/* 비수술치료 */
.non{padding-top:160px;background:url('../index/images/non_bg.png')no-repeat;background-position:top right}
.non .main_tit{text-align:center;}
.non_point{margin-top:60px;width:100%;overflow:hidden;}
.non_letter{padding-top:100px;opacity:0.1;font-size:8vw;white-space:nowrap;color:#49b9e5}
.non_point ul{display:flex;width:1400px;margin:0 auto;}
.non_point ul li{border-right:1px solid #e4e4e4;width:25%;}
.non_point ul li:last-child{border:0}
.non_point ul li img{width:60px;margin:0 auto;display:block;}
.non_point ul li div{}
.non_point ul li div h4{margin-top:15px;text-align:Center;font-weight:bold;}
.non_point ul li div p{text-align:center;color:#555;margin-top:5px;}

.non_clinic{padding-top:100px;}
.non-pagination{width:1400px !Important;margin:0 auto;display:flex;align-items:end;}
.non-pagination span{text-align:center;font-size:22px;opacity:1;width:20%;height:auto;border-radius:0;margin:0 !Important;padding-bottom:20px;border-bottom:3px solid #ccc;background:none;font-weight:bold;}
.non-pagination span img{width:160px;display:block;margin:0 auto;margin-bottom:8px;animation: zoomInOut 1.5s infinite ease-in-out;}
@keyframes zoomInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.non-pagination span.swiper-pagination-bullet-active{border-bottom:3px solid #2562af;color:#2562af;}
.non_slide{}
.non_slide .swiper-slide{}
.non_tit{padding:100px 0;background:#f8f8f8;}
.non_tit h2{}
.non_tit h2 strong{position:relative;top:-2px;font-weight:bold;background:red;color:#fff;font-size:20px;padding:6px 15px;border-radius:50px;margin-left:10px;}
.non_tit p{margin-top:20px;color:#555;}
.non_tit ul{display:flex;margin-top:40px;}
.non_tit ul li{}
.non_tit ul li img{width:100%;display:block;margin:0 auto;}
.non_tit ul li span{line-height:1.4;font-size:18px;display:block;font-weight:bold;text-align:Center;margin-top:12px;}
.target_slide .swiper-wrapper{transition-timing-function:linear}
.non_step{padding:100px 0;background:url('../index/images/step_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.non_step h2{color:#fff;text-align:center;}
.non_step ul{margin-top:25px;display:flex;justify-content:space-between;}
.non_step ul li{position:relative;width:23.5%;background:#000;}
.non_step ul li img{width:100%;opacity:0.5;}
.non_step ul li p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;font-weight:bold;}
.non_charac{padding:100px 0;background:#f9f9f9}
.non_charac h2{text-align:center;}
.non_charac ul{display:flex;justify-content:space-between;width:1200px;margin:0 auto;margin-top:30px;}
.non_charac ul li{width:25%;border-right:1px solid #e4e4e4}
.non_charac ul li:last-child{border:0;}
.non_charac ul li img{width:60px;margin:0 auto;display:block;}
.non_charac ul li p{text-align:center;line-height:1.3;font-weight:600;margin-top:15px;}
.non_equ{padding-bottom:100px;background:#f8f8f8;}
.non_equ .ctt{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:#213861}
.non_equ img{width:45%;}
.equ_txt{width:50%;}
.equ_txt h2{color:#fff}
.equ_txt h2 b{color:#efff82;font-weight:bold;}
.equ_txt p{color:#fff;margin-top:15px;}

/* 둘러보기 */
.view{padding:160px 0;background:url('../index/images/view_bg.jpg')no-repeat;background-size:cover;}
.view_slide .swiper-wrapper{align-items:end;transition-timing-function:linear;}
.view_btn{gap:0 15px;margin-top:30px;}
.view_btn div{cursor:pointer;width:60px;height:60px;border:1px solid #fff;border-radius:60px;background:#2562af}
.view_btn div img{width:15px;}
.view_slide{width:calc(100vw - ((100vw - 1400px) / 2)) !important;margin-left:calc((100vw - 1400px) / 2) !important;margin-top:40px;}
.view_slide .swiper-slide{}
.view_slide .swiper-slide-active{}
.view_slide .swiper-slide img{width:80%;transition:width 0.5s ease-out;}
.view_slide .swiper-slide-active img{width:100%}

/* 진료시간 */
.info{padding:160px 0;background:url('../index/images/info_bg.png')no-repeat;background-size:cover;}
.info .main_tit p{color:#fff;}
.info_box{margin-top:60px;display:flex;justify-content:space-between;}
.info_left{width:45%;}
.info_right{width:50%;}
.time{background:#152835;padding:50px;}
.info_tit{color:#fff;display:flex;align-items:center;}
.info_tit span{display:block;background:#73dcff;width:8px;height:8px;border-radius:8px;margin-right:6px;}
.time ul{padding:30px 20px;border-bottom:1px solid rgba(255,255,255,0.2);}
.saturday{border:0 !Important;}
.time ul li{color:#fff;font-size:20px;display:flex;}
.manual_time{margin-top:15px;}
.time ul li span{width:200px;}
.time ul li b{padding: 3px 8px;font-weight: 600;color: #fff;border: 1px solid #fff;font-size: 14px;font-weight: 600;margin-left: 8px;position: relative;top: -2px;border-radius: 100px;}
.time ul li p{font-weight:500;}
.time ul li p strong{color:#3fceff;font-weight:bold;}
.time ul li p i{display:block;margin-top:6px;}
.info_num{margin-top:15px;background:#153335;padding:50px;}
.info_num p{margin-top:5px;color:#fff;opacity:0.9;}
.info_num h4{color:#fff;font-size:40px;margin-top:15px;font-weight:800;}
.way{}
.way p{color:#fff;}
.parking{margin-top:10px;color:#ffef99;font-weight:bold;}
.parking img{position:relative;top:-1px;width:20px;margin-right:8px;}
.map_img{margin-top:25px;width:100%;}
.map_img img{width:100%}
.map_link{margin-top:25px;display:flex;justify-content:space-between;}
.map_link a{width:32%;font-size:18px;font-weight:600;text-align:center;padding:15px 0;color:#fff;border:1px solid #fff;}
@media screen and (max-width:1800px){
  .sj_left{padding:160px 80px;width:40%}
  .sj_left .main_tit p{word-break:keep-all;}
  .sj_left .main_tit p br{display:none;}
  .sj_right{width:55%}
}

@media screen and (max-width:1600px){
  .sj_symptom ul li{width:100%;}
  .sj_symptom ul li:nth-child(5){padding-bottom:16px;}
}

@media screen and (max-width:799px){
  .index{margin-top:67px;}
  .slide{height:auto;}
  .visual{height:500px;}
  .visual_txt{width:90%;top:40%;}
  .visual_txt h1{font-size:22px;}
  .visual_btn{width:90%;bottom:60px}
  .visual_btn div{width:50px;height:50px;}
  .visual_btn div img{width:12px;}
  .subject {border-radius:0;position:relative;width:100%;padding-top:0px;top: auto;right: auto; transform: translateY(0%);background:linear-gradient(45deg, #0075b8, #284b85);}
  .subject ul li img{width:40px;}
  .subject ul li p{margin-top:7px;font-size:16px;}
  .subject h4{display:none;}
  .subject ul{display:flex;flex-wrap:wrap;padding:0;}
  .subject ul li{width:50%;border-bottom:0;    border-right: 1px solid rgba(255, 255, 255, 0.1);}
  .subject ul li:nth-child(n-3){border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

  .main_tit span{margin-bottom:8px;}
  .main_tit p{margin-top:15px;font-size:15px;word-break:keep-all;}


  .count{padding-top:70px;}
  .sym{width:70%;}
  .count ul{flex-wrap:wrap;margin-top:30px;}
  .count ul li{width:100%;padding:35px;}
  .count ul li:nth-child(1){margin-top:0;}
  .count ul li:nth-child(2){margin-top:0;}
  .count_num{right:30px;}
  .count_num strong { width: 99px;font-size: 28px;}

  .point{position:relative;margin-top:0;}
  .point ul li{padding:40px;}
  .point_btn{z-index:9999;width:80%;justify-content:space-between;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);}
  .point_btn div{background:#fff;cursor:pointer;border:1px solid #000;border-radius:100px;width:40px;height:40px;}
  .point_btn div img{filter:invert(1);width:12px;}


  .special{padding:70px 0;}
  .spe_slide{margin-top:30px;}
  .spe-pagination{display:flex;justify-content:center;margin-top:15px;}
  .spe-pagination span{background:#fff;}

  .doctor{padding:70px 0;}
  .doc{flex-wrap:wrap;margin-top:30px;}
  .doc_img{width:100%;position:relative;top:0;}
  .medal{width:100px !Important;}
  .doc_letter {font-size: 10vw;left: 0;}
  .doc_txt{width:100%;margin-top:40px;}
  .doc_name span{margin:0 auto;font-size:18px;}
  .doc_name div{justify-content:center;margin-top:5px;font-size:22px}
  .carrer_wrap{margin-top:20px;padding-top:20px;}
  .carrer ul{flex-wrap:wrap;}
  .carrer ul li{font-size:16px;width:100%}
  .carrer:nth-child(2){margin-top:25px}
  .carrer:last-child{margin-top:25px;}

  .sj .ctt{flex-wrap:wrap}
  .sj_left{width:100%;padding:70px 25px;padding-bottom:35px;}
  .sj_right{width:100%;padding:0;}
  .sj_tab{margin-top:40px;}
  .sj_tab ul{display:flex;gap:20px;flex-wrap:wrap;}
  .sj_tab ul li{padding:20px;width:30%;border:1px solid rgba(255,255,255,0.1) !important;}
  .sj_tab ul li:nth-child(n+4){width:47%;}
  .sj_dep span{position:absolute;top:20px;right:20px;}
  .sj_tab ul li b{font-size:18px;}
  .sj-pagination{margin-top:10px;flex-wrap:wrap;width:100%;}
  .sj-pagination span{width:100%;font-size:14px;padding-bottom:6px;}
  .sj-pagination span:after {display:none;}
  .sj_tit p br{display:none;}
  .sj_tit p{word-break:keep-all;}
  .sj_txt{padding:40px;}
  .sj_symptom h2 span img {width: 19px; top: 0;}
  .sj_cause h2 span img {width: 19px; top: -2px;}
  .sj_symptom ul li{font-size:15px;}
  .sj_cause ul{flex-wrap:wrap;justify-content:space-between;}
  .sj_cause ul li{width:48.5%;font-size:15px;}
  .sj_cause ul li:nth-child(n+3){margin-top:15px;}

  .non{padding-top:80px;}
  .non_point{margin-top:30px}
  .non_point ul{flex-wrap:wrap;width:90%;gap:30px 0;}
  .non_point ul li{width:50%}
  .non_point ul li:nth-child(2){border:0;}
  .non_point ul li img{width:50px;}

  .non_letter{padding-top:40px;}
  .non_clinic{padding-top:60px;}
  .non-pagination{width:90% !important;}
  .non_tit{padding:40px 0;}
  .non_tit h2 strong {display: block;font-size: 15px; padding: 5px 18px;line-height:1.3;width: fit-content;margin-left: 0;margin-top: 10px;}
  .non_tit p{word-break:keep-all}
  .non_tit p br{display:none;}
  .non_tit ul li span{font-size:16px}
  .non_step{padding:60px 0;}
  .non_step ul{flex-wrap:wrap;gap:20px}
  .non_step ul li{width:47.5%;}
  .non_step ul li p{font-size:16px;}
  .non_charac{padding:60px 0;}
  .non_charac ul{width:100%;flex-wrap:wrap;gap:30px 0;}
  .non_charac ul li{width:50%}
  .non_charac ul li:nth-child(2){border:0;}
  .non_charac ul li img{width:50px}
  .non_equ .ctt{width:100%;flex-wrap:wrap;}
  .non_equ img{width:100%}
  .equ_txt{padding:30px;width:100%}

  .non-pagination{flex-wrap:wrap}
  .non-pagination span{padding:15px 0;width:33.3%;font-size:16px;}
  .non-pagination span:nth-child(n+4){width:50%;}
  .non-pagination span img {width: 120px;margin-bottom: 5px;}

  .view{padding:80px 0;}
  .view_btn div{width:40px;height:40px}
  .view_btn div img{width:10px;}
  .view_slide{width:100% !important;margin-left:0 !important;}

  .info{padding:80px 0;}
  .info_box{flex-wrap:wrap;margin-top:30px}
  .info_left{width:100%}
  .time{padding:30px}
  .time ul{padding:0;}
  .time ul li{font-size:16px;padding:15px 0;}
  .manual_time{margin-top:0;padding-top:0 !important}
  .time ul li span{width:160px;}
  .time ul li b{font-size:12px;}
  .info_right{width:100%;margin-top:30px;}
  .info_num{padding:30px;}
  .info_num h4{font-size:26px;}
  .way p{font-size:15px;}
  .map_link a{font-size:14px;}
}

@media screen and (max-width:499px){
  .sj_tab ul{justify-content:space-between;gap:0;}
  .sj_tab ul li{width:31%;padding:10px;}
  .sj_tab ul li:nth-child(n+4){margin-top:10px;}
  .non_step ul{gap:10px;}
  .non_step ul li p {line-height: 1.3;}
  .time ul li{flex-wrap:wrap}
  .time ul li span{}
  .time ul li p{margin-top:8px;font-size:18px;}
}