.index{margin-top:122px}
.main_tit_wrap{display:flex;justify-content:space-between;align-items:end;}
.main_tit{}
.main_tit h2{line-height:1.4;}
/* 메인비쥬얼 */
.main_visual{width:100%;height:780px;position:relative;overflow:hidden;}
.visual_img{width:100%;height:100%;background:#000;}

.visual_img img{width:100%;height:100%;object-fit:cover;opacity:0.5;}
.visual_txt{position:absolute;width:1440px;top:50%;left:50%;transform:translate(-50%,-50%);}
.visual_txt h1{}
.visual_txt h1 span{display:block;}
.visual_txt h1 img{display:block;margin-top:25px;height:70px}
.visual_txt p{}

/* 인사말 */
.gr_intro{position:relative;width:100%;height:100vh;}
.gr_intro .ctt{}
.gr_img{background:#000;object-fit:cover;position:absolute;width:300px;height:145px;border-radius:100px;left:50%;top:25%;transform:translateX(-50%);overflow:hidden;}
.gr_img img{width:100%;height:100%;object-fit:cover;}
.gr_intro_txt{padding-top:30%;text-align:center;}
.gr_intro_txt h2{line-height:1.4;}
.gr_intro_txt p{}

.gr_txt{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;}
.gr_txt img{display:none;}
.gr_txt p{line-height:1.6}

/* 치료 */
.treatment{}
.treatment .ctt{display:flex;align-items:center;justify-content:space-between;}
.treatment .main_tit{width:40%}
.tre_slide{width:50%;}
.tre_slide.swiper{margin-left:0;margin-right: 0;}
.tre_slide .swiper-wrapper{transition-timing-function:linear;}
.tre_slide .swiper-slide{width:30%;height:400px;transition:width 1s;transform-origin: left bottom;}
.tre_slide .swiper-slide-active{width:50%}
.tre_slide .swiper-slide img{border-radius:15px;width:100%;height:100%;object-fit:cover}

/* 의료서비스 */
.service{}
.service .main_tit{text-align:center;}
.service .ctt{width:90%;}
.service_cont_box{display:flex;border-radius:15px;overflow:hidden;position:relative}
.service_obj{position: absolute;top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;z-index: 1;object-position: top;animation: fireworkPop 3s ease-in-out infinite;
  transform-origin:center center;}

.service_cont{position:relative;width:50%;}
.service_cont1{background:#0e3257}
.service_cont2{background:#000}
.service_cont img{width:100%;opacity:0.3;filter:blur(3px)}
.service_cont div{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.service_cont div h4{line-height: 1.4;}
.service_cont div h4 b{background: rgba(0, 0, 0, 0.5);padding: 0 10px;font-weight: bold;}
.trophy{z-index:10;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:40%;}
.trophy img{width:100%}

/* 특별함 */
.spe_btn{display:flex;align-items:center;gap:0 35px;}
.spe_button{cursor:pointer;opacity:0.1}
.spe_button img{width:10px;}
.spe-pagination{font-size: 16px;font-weight: 900;text-align: center;display: flex;gap: 0 15px;}

.spe_slide{overflow:hidden;}
.spe_slide .swiper-slide{background:#f7f7f7;border-radius:10px;padding:30px;height:350px;transition:all .3s;}
.spe_slide .swiper-slide-active{background:#25789a !important}
.spe_slide .swiper-slide-active * {color:#fff;}
.spe_slide .swiper-slide-active strong b img{filter:invert(1) brightness(10)}
.spe_slide .swiper-slide-active img{filter:invert(1) brightness(10) !important}
.spe_slide .swiper-slide:hover{background:#cbe1e9}
.spe_slide .swiper-slide h4{font-weight:800}
.spe_slide .swiper-slide p{display:flex;flex-direction:column;gap:4px 0;}
.spe_slide .swiper-slide span{}
.spe_slide .swiper-slide img{display:block;position:absolute;right:30px;bottom:50px;height:60px;filter: invert(1) brightness(0);}

/* 의료진 소개 */
.doctor{width:100%;z-index:0;overflow:hidden;background:url('../index/images/doc_bg.jpg')no-repeat;background-size:cover;position:relative}
.doc_sym{z-index:-1;position:absolute;width:60%;opacity:0.1;left:-15%;top:0;}
.doctor .ctt{display:flex;justify-content:space-between;}
.doc_img{width:45%}
.doc_img img{width:100%;}
.doc_txt{width:45%}
.doc_txt .main_tit{}
.career_wrap{}
.doc_name{}
.doc_name span{font-weight:bold;width:fit-content;padding:8px 15px;border-radius:100px;}
.doc_name h4{font-weight:300}
.doc_name h4 b{font-weight:bold}
.career{}
.career h5{}
.career ul{display:flex;flex-direction:column;gap:6px 0;}
.career ul li{font-size:18px;color:#333;display:flex;gap:0 10px;align-items:end;}
.career ul li span{font-weight:bold;}
.career ul li.on{font-weight:bold;color:#000}

.thesis{width:90%;margin:0 auto;border-radius:15px;background:#1c213c;padding:80px 0;position:relative;overflow:hidden;}
.thesis_img{position:absolute;top:0;left:0;height:100%;mix-blend-mode: overlay;opacity: 0.5;}
.thesis .ctt{align-items:center;}
.thesis_txt{width:50%;}
.thesis span{display:block;font-weight:800}
.thesis h4{width:fit-content;background:rgba(255,255,255,0.1);padding:5px 15px;text-align:center;font-weight:800;position:relative;}
.frame{position:absolute;width:15px}
.frame1{top:0;left:0;}
.frame2{bottom:0;right:0;}
.thesis ul{width:40%;display:flex;justify-content:space-between}
.thesis ul li{width:48%}
.thesis ul li img{border-radius:15px;width:100%}

/* 척추관절클리닉 */
.sj{}
.sj .main_tit{text-align:center;}
.sj_tab{}
.sj_tab ul{display:flex;justify-content:center;padding:5px;border:1px solid #41acaf;border-radius:100px;width:fit-content;margin:0 auto;}
.sj_tab ul li{cursor:pointer;font-size:22px;text-align:center;width:200px;padding:10px 0;border-radius:100px;color:#41acaf;}
.sj_tab ul li.active{background:#41acaf;color:#fff;}

.sj_cont{display:none;justify-content:space-between;transform:translateY(50px);transition:all .5s;}
.sj_cont.active{display:flex;align-items:start;transform:translateY(0px);animation: tabUp .5s ease forwards;}

@keyframes tabUp{
  from{
    opacity: 0;
    transform: translateY(50px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.sj_cont_img{position:relative;width:43%;border-radius:15px;overflow:hidden;}
.sj_cont_img img{width:100%}
.sj_cont_txt{position:sticky;top:150px;left:0;padding-top:40px;width:50%}
.sj_cont_tit{}
.sj_cont_tit h4{}
.sj_cont_tit b{}

.sj_btn{display:flex;align-items:center;gap:0 35px;width: fit-content;margin-top:30px;}
.sj_button{cursor:pointer;opacity:0.1}
.sj_btn.mb_block{display:none !important}
.sj_button img{width:10px;}
.sj-pagination{font-size: 16px;font-weight: 900;text-align: center;display: flex;gap: 0 15px;}

.sj_slide{}
.sj_slide .swiper-slide{padding:40px;border-radius:10px;overflow:hidden;position:relative;background:#000;height:300px;}
.sj_slide .swiper-slide h4{color:#fff;font-weight:900}
.sj_slide .swiper-slide p{color:#fff;gap:3px 10px;display:grid; grid-template-columns:repeat(2, max-content);}
.sj_slide .swiper-slide p span{color:#fff;font-weight:500;}
.sj_slide .swiper-slide img{opacity:0.4;z-index:-1;width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover;}

.pin{position: absolute;width: 14px;height: 14px;background:#04a2ff;border-radius: 50%;z-index: 2;cursor:pointer;}
.pin::before, .pin::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:rgba(4,162,255,.7);transform: translate(-50%,-50%) scale(1);animation: pinRipple 2.4s ease-out infinite;pointer-events:none;}
.pin::after{animation-delay: 1.2s;}
@keyframes pinRipple{
  0%{
    transform: translate(-50%,-50%) scale(1);
    opacity: 0.8;
  }
  70%{
    opacity: 0.4;
  }
  100%{
    transform: translate(-50%,-50%) scale(4);
    opacity: 0;
  }
}

.pin1{top: 171px;left: 319px;}
.pin2{bottom: 180px;left: 340px;}

.pin3{top: 188px;left: 206px;}
.pin4{top: 259px;right: 224px;}
.pin5{top: 343px;right: 245px;}
.pin6{bottom: 282px;left: 340px;}
.pin7{bottom: 127px;left: 171px;}

.sj_pain{position:absolute;background:#005283;color:#fff;font-size:20px;padding:3px 12px;border-radius:100px;font-weight:bold}
.sj_pain:after{position: absolute;top: 50%;transform: translateY(-50%);content: "";border-top: 4px dotted #005283;}
.sj_pain1:after{width: 150px;left: 105%;}
.sj_pain2:after{width: 95px;right: 105%;}
.sj_pain3:after{width: 29px;left: 105%;}
.sj_pain4:after{width:30px;right: 105%;}
.sj_pain5:after{width: 66px;right: 105%;}
.sj_pain6:after{width: 158px;left: 105%;}
.sj_pain7:after{width: 108px;right: 105%;}
.sj_pain1{top:160px;left:50px;}
.sj_pain2{bottom:168px;right: 50px;}
.sj_pain3{top: 177px;left: 50px;}
.sj_pain4{top: 248px;right: 50px;}
.sj_pain5{top: 332px;right: 50px;}
.sj_pain6{bottom: 270px;left: 50px;}
.sj_pain7{bottom: 115px;right: 200px;}

.sj_footer{background:url('../index/images/sj_footer_bg.jpg')no-repeat;background-size:100%;background-attachment:fixed;}
.sj_footer .main_tit{text-align:center;}
.sj_footer .main_tit h6{color:#f3f3f3;padding:2px 10px;width:fit-content;margin:0 auto;margin-top:15px;font-weight: 800;position:relative;z-index:0;}
.sj_footer .main_tit h6:before{position:absolute;top:0;left:0;background:#152465;width:0;height:100%;z-index:-1;content:"";transition:all .5s;}
.sj_footer .main_tit.active h6:before{width:100%;}
.sj_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sj_list_cont{width:48.5%;background:#404c6d;border-radius:15px;padding:30px;position:relative;}

.sj_list_tit{position: absolute;top: -30px;background: #ffffff;border: 4px solid #404c6d; border-radius: 500px;left: 50%;transform: translateX(-50%);padding: 0 20px;}
.sj_list_tit h4{text-align:center;font-weight:800;
    color: #404c6d;}
.sj_list_tit p{}
.sj_list_cont ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;}
.sj_list_cont ul li{border-radius:10px;padding:30px;background: rgb(30 40 67 / 80%);
    backdrop-filter: blur(5px);position:relative;height:295px;}
.sj_list_cont ul li div{}
.sj_list_cont ul li div h6{line-height: 1.4;}
.sj_list_cont ul li div p{}
.sj_list_cont ul li img{filter:invert(1);display:block;position:absolute;right:30px;bottom:30px;height:60px;}

.sj_step{}
.sj_step h2{text-align:center}
.sj_step ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;}
.sj_step ul li{border-radius:10px;padding:30px;background:#fff;}
.sj_step ul li span{width: 30px;height: 30px;line-height: 30px;display: block;background: #1a3d75;text-align: center;font-weight: 900;font-size: 13px;color: #fff;border-radius: 100px;margin-bottom: 15px;}
.sj_step ul li h6{}
.sj_step ul li p{}

/* 주사치료 */
.injec{}
.injec .main_tit{text-align:center;}
.injec_card_wrap{}
.injec_card{overflow:hidden;position:sticky;top:200px;left:0;}
.injec_card1{background:#fff;border-top:1px solid #000;}
.injec_card2{background:#f9f9f9;}
.injec_card3{background:#e6f4fa;}

.injec_card h4{font-weight:800;padding:50px 0;display:Flex;align-items:center;justify-content:space-between;}

.injec_card_cont{display:flex;justify-content:space-between;align-items:end;padding-bottom:80px;}
.injec_card_left{width:50%}

.injec_tit{}
.injec_tit p{}

.injec_pain{flex-wrap:wrap;display:flex;gap:8px;}
.injec_pain span{border:1px solid #fff;font-size:18px;font-weight:bold;padding:5px 15px;border-radius:100px;color:#fff}
.injec_pain2 span{color:#000;border:1px solid #111}

.injec_card ul{display:grid;grid-template-columns:repeat(4, 1fr)}
.injec_card ul li{}
.injec_card ul li div{background:linear-gradient(90deg, #257699, #152465);width:80px;height:80px;border-radius:80px;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.injec_card ul li i{line-height:0;font-size:40px;color:#fff;text-align:center;display:block;}
.injec_card ul li p{text-align:center;margin-top:10px;font-weight:500;}

.injec_card_right{width:40%;}
.injec_card_right img{width:100%}
.injec_card_left strong{background: #ffffff;border-radius: 8px;font-size: 14px;padding: 5px 10px;color: #0620af;border: 1px solid #0620af;font-weight: 500;padding: 5px 10px;display:flex;align-items:center;gap:0 10px;text-align: center;font-weight:700;width:fit-content;}
.injec_card_left strong i{display:block;font-style:normal;width:17px;height:17px;font-size:10px;border-radius:20px;background: #0620af;color:#fff;font-weight:900;text-align:center;line-height:17px}

/* 비수술 치료 */
.non{}
.non .main_tit{text-align:center}

.non_tab{}
.non_tab ul{display:flex;justify-content:center;padding:5px;border:1px solid #152365;border-radius:100px;width:fit-content;margin:0 auto;}
.non_tab ul li{cursor:pointer;font-size:22px;text-align:center;width:220px;padding:10px 0;border-radius:100px;color:#152365;font-weight:500}
.non_tab ul li.active{background:#152365;color:#fff;font-weight:bold;}

.non_cont{display:none;justify-content:space-between;transform:translateY(50px);transition:all .5s;}
.non_cont.active{display:block;transform:translateY(0px);animation: tabUp .5s ease forwards;}


.non_main{}
.non_main .ctt{display:flex;justify-content:space-between;}
.non_main_img{width:40%}
.non_main_img img{width:100%;border-radius:15px;}
.non_main_txt{width:53%;padding-top:40px;}
.non_main_txt h4{font-weight:900}
.non_main_txt p{}
.non_main_txt strong{background: #ffffff;border-radius: 8px;font-size: 16px;padding: 5px 10px;color: #0620af;border: 1px solid #0620af;font-weight: 500;padding: 5px 10px;display:flex;align-items:center;gap:0 10px;text-align: center;font-weight:700;width:fit-content;}
.non_main_txt strong img{width:18px;}

.non_kind{margin-top:100px;background:#f9f9f9;padding:100px 0}
.non_kind h4{text-align:center;font-weight:800}
.non_kind ul{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;}
.non_kind ul li{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(90deg, #257699, #152465)}
.non_kind ul li img{width:100%;opacity:0.3}
.non_kind ul li p{font-weight:bold;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.non_target{margin-top:100px;background:#f9f9f9;padding:100px 0}
.non_target h4{text-align:center;font-weight:800}
.non_target ul{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;}
.non_target ul li{}
.non_target ul li img{width:200px;border-radius:200px;display:block;margin:0 auto}
.non_target ul li p{font-weight:bold;line-height:1.5;text-align:center;}

.non_charac{background:#152465;padding:100px 0}
.non2_charac{background:url('../index/images/non2_charac_bg.jpg')no-repeat;background-size:cover;}
.non_charac h2{text-align:center;font-weight:800}
.non_charac ul{padding:0 100px;display:grid;grid-template-columns:repeat(3, 1fr);gap:50px;}
.non_charac ul li{}
.non_charac ul li img{width:100%;border-radius:10px;}
.non_charac ul li div{text-align:center;width:100%;margin-top:20px;}
.non_charac ul li div h4{}
.non_charac ul li div p{margin-top:10px}

.manual{background:url('../index/images/non3_bg.png')no-repeat #1c213c;background-size:100%;background-position:top;}
.manual_tit{}
.manual_tit h4{font-weight:900}
.manual_tit p{}
.manual ul{display:flex;flex-direction:column;gap:35px 0}
.manual ul li{cursor:pointer;background:#fff;border-radius:15px;padding:25px 40px}
.manual ul li .q{}
.manual ul li .q h6{display:Flex;align-items:center;justify-content:space-between;}
.manual ul li .q h6 img{filter:invert(1);transition:all .5s;width:18px}
.manual ul li .q h6.rotate img{transform:rotate(180deg)}
.manual ul li .a{display:none;margin-top:20px}
.manual ul li .a b{display:block;}
.manual ul li .a p{margin-top:10px}

.iv_tit{text-align:center;}
.iv_tit h4{font-weight:900}
.iv-pagination{position:relative !important;background:#f2f2f2 !important;margin:40px 0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #22678f !important;}
.iv_slide{padding:100px 0 !important}
.iv_slide .swiper-wrapper{transition-timing-function:linear;}
.iv_slide .swiper-slide img{border-radius:100px;width:150px;margin:0 auto;display:block}
.iv_slide .swiper-slide p{text-align:center;margin-top:10px;font-weight:600}

/* 둘러보기 */
.view{background:url('../index/images/view_bg.jpg')no-repeat;background-size:cover;}
.view h2{font-weight:900}
.view .main_tit{text-align:Center;}
.view_slide{position:relative;}
.view_slide .swiper-slide{transform:scale(0.7);opacity:0.5;transition:0.5s;}
.view_slide .swiper-slide img{width:100%;}
.view_slide .swiper-slide-active{transform:scale(1);opacity:1;}
.view_btn{width:50%;display:flex;position:absolute;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%);}
.view_btn div{cursor:pointer;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50px;border:1px solid #fff;}
.view_btn div img{width:7px;filter:invert(1);}

/* 진료안내 */
.info_wrap{position:relative;z-index;0;width:100%;overflow:hidden;}
.info_sym{position:absolute;z-index:-1;opacity:0.05;width:50%;right:-15%;top:0;}
.info_sym img{width:100%;}
.info{align-items:center;margin-top:60px;display:flex;justify-content:space-between;}
.info_img{width:45%;border-radius:15px;overflow:hidden;}
.info_img img{width:100%}
.info_address{padding:35px;}
.info_address span{font-weight:bold;color:#fff;display:block;margin-bottom:10px;}
.info_address p{color:#fff}
.info_address strong{color:#fff;display:block;}

.info_address ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;}
.info_address ul li{}
.info_address ul li a{border:1px solid #fff;align-items:center;text-align:Center;display:flex;justify-content:center;gap:0 6px;border:1px solid #fff;padding:12px 0;text-align:center;font-size:16px;font-weight:600;border-radius:100px;}
.info_address ul li a img{width:16px;border-radius:3px;}

.info_txt{width:55%;padding:0 80px;}

.info_t{}
.info_t span{border-bottom:2px solid #000;padding-bottom:20px;font-weight:bold;display:block;}
.info_t span b{font-size:22px;margin-left:7px;background: #0059ff;font-weight: bold;color: #fff; padding: 5px 13px;border-radius: 100px;}
.info_t ul{display:flex;flex-wrap:wrap;}
.info_t ul li{width:50%;font-size:20px;padding:20px;border-bottom:1px solid #e4e4e4;}
.bd0{border:0 !Important}
.info_t ul li:last-child{width:100%}
.info_t ul li b{display:block;}
.info_t ul li p{margin-top:5px;}
.info_t strong{font-weight:400;display:block;color:#555;}
.info_t ul li i, .info_t ul li em{display:inline-block;margin-left:8px;font-style:normal;font-size:14px;background:#223c8f;border-radius:50px;padding:3px 8px;color:#fff;font-weight:600;position:relative;top:-1px;}
.info_t ul li em{background:#333;}

.parking{margin-top:3px;display:flex;align-items:center;gap:0 5px;font-weight:bold}
.parking img{width:18px;}

.num{}
.num div{display:flex;gap:0 15px;align-items:center}
.num span{display:block;font-weight:bold;}
.num p{font-weight:bold;line-height:normal}
.num a{display:flex;align-items:center;justify-content:center;font-weight:600;gap:0 10px;background:#25bf25;border-radius:100px;padding:16px 0px;color:#fff;font-size:18px;}
.num a img{width:18px;}

@media screen and (max-width:768px){
.index {margin-top: 99px;}
  .full_right{margin-left:0;margin:0 auto;}
  .main_tit_wrap{flex-wrap:wrap}
  .main_tit_wrap .main_tit{width:100%;margin-bottom:20px}
  
  .main_visual{height:500px;}
  .visual_img img{object-position: 60%;}
  .visual_txt{width:90%;}
  .visual_txt h1 img{height:35px;margin-top:12px;}
  
  .greet{padding-top:60px}
  .gr_intro{height:auto}
  .gr_img{display:none;}
  .gr_intro_txt{padding-top:0%;}
  .gr_txt {position: relative;top: 0;left: 0;transform: translate(0%, 0%);opacity: 1;padding:60px 20px;background:#000;margin-top:30px;z-index:0;}
  .gr_txt p{line-height:1.7}
  .gr_txt img{opacity:0.3;z-index:-1;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center;display:block;}
  
  .treatment .ctt{flex-wrap:wrap}
  .treatment .main_tit{width:100%;}
  .tre_slide{margin-top:30px;width:100%}
  .tre_slide .swiper-slide{height:230px}
  
  .service_cont_box{flex-wrap:wrap;}
  .service_cont{width:100%;height:250px;}
  .service_cont2{height:400px}
  .service_cont div{width:100%;text-align: left;padding-left: 30px;padding-right:12px;}
  .service_cont2 div{top:30%}
  .trophy {right: 30px;transform: translateX(0%);width: 40%;}
  .service_cont img{height:100%;object-fit:cover;}
  
  .spe_slide .swiper-slide{height:280px}
  .spe_btn{gap:0 20px}
  .spe-pagination{font-size:14px;}
  .spe_slide .swiper-slide img {right: 30px;bottom: 30px;height: 50px;}
  
  .doctor .ctt{flex-wrap:wrap}
  .doc_sym { width: 80%;opacity: 0.1;left: 50%;top: 0;transform: translate(-50%, 10%);}
  .doc_img{width:100%;}
  .doc_txt{width:100%;margin-top:30px}
  .doc_txt .main_tit{text-align:center}
  .doc_name span {padding: 6px 15px;}
  .career ul li {font-size: 15px;}
  .thesis{margin-top:40px;padding:50px 0}
  .thesis_txt{width:100%;text-align: center;}
  .thesis h4{margin:0 auto;font-size:18px}
  .thesis ul{width:100%;margin-top:25px;}
  .thesis span{font-size:14px;}
  
  .sj_tab{}
  .sj_tab ul li {padding: 7px 0;font-size: 16px;width: 130px;}
  .sj_cont{flex-wrap:wrap}
  .sj_cont_img{width:340px;margin:0 auto}
  .sj_cont_txt{width:100%;position:relative;text-align:center;top:0}
  
  .sj_pain{font-size:14px;}
  .sj_pain1 {top: 92px;left: 30px;}
  .sj_pain2 {bottom: 82px;right: 30px;}
  .sj_pain3 {top: 93px;right: 30px;left:auto}
  .sj_pain4 {top: 128px;left: 30px;right:auto;}
  .sj_pain5 {top: 183px;right: 30px;}
  .sj_pain6 {bottom: 151px;right: 30px;left:auto;}
  .sj_pain7 {bottom: 65px;right: 30px;}
  .sj_pain1:after {width: 53px;}
  .sj_pain2:after {width: 23px;}
  .sj_pain3:after {width: 82px;left: -122%;}
  .sj_pain4:after {width: 84px;width: 65px;left: 105%;}
  .sj_pain5:after {width: 12px;right: 105%;}
   .sj_pain6:after {width: 82px;left: -122%;}
  .pin1 {top: 101px;left: 178px;}
  .pin2 {bottom: 90px;left: 182px;}
  .pin3 {top: 100px;left: 109px;}
  .pin4 {top: 136px;right: 119px;}
  .pin5 {top: 190px;right: 135px;}
  .pin6 {bottom: 159px;left: 108px;}
  .pin7 {bottom: 72px;left: 92px;}
  
  .sj_list_cont{width:100%}
  .sj_btn.mb_block {display:flex!important;}
  .sj_btn{gap:0 20px;justify-content:center;        margin: 0 auto;margin-top: 25px;}
  .sj-pagination {font-size: 14px;}
  .sj_slide .swiper-slide{text-align:left;padding:30px}
  .non_tab ul{width:100%}
  
  .sj_footer{background-size:cover;}
  .sj_list{margin-top:40px}
  .sj_list_tit {top: -17px;}
  .sj_list_cont ul {grid-template-columns: repeat(1, 1fr);gap:15px;}
  .sj_list_cont{padding:30px 15px;}
  .sj_list_cont ul li{width:100%;height:auto;padding:25px;}
  .sj_list_cont ul li img {position: relative; right: 0;bottom: 0;height: 50px;margin-left: auto;margin-top:15px}
  .sj_list_cont2{margin-top:50px}
  
  .sj_step ul {grid-template-columns: repeat(1, 1fr);gap: 15px;}
  
  .injec_card {position: relative; top: 0px; left: 0;}
  .injec_card_cont{flex-wrap:wrap}
  .injec_card_left{width:100%}
  .injec_card_right{width:100%;margin-top:30px;}
  .injec_card h4{padding:30px 0}
  .injec_pain span {width:100%;text-align:center;font-size: 14px;padding: 3px 7px;}
  .injec_card ul {gap:30px 0;grid-template-columns: repeat(2, 1fr);}
  
  .injec_card_left strong{width:100%;justify-content:center}
  
  .non_tab ul{flex-wrap:wrap;width:90%;margin:0 auto;border-radius:10px;}
   .non_tab ul li {padding: 7px 0;font-size: 16px;width:50%;border-radius:5px;}
  
  .non_cont{margin-top:25px;}
  .non_main{}
  .non_main .ctt{flex-wrap:wrap;}
  .non_main_img{width:100%}
  .non_main_txt{width:100%;margin-top:30px;padding-top:0;}
  
  .non_main_txt strong{padding:15px 0;width:100%;text-align:center;font-size:14px;flex-direction:column;}
  .non_main_txt strong img{margin-bottom:6px;width:16px;gap:0 5px;}
  
  .non_kind{padding:60px 0;margin-top:60px;}
  .non_kind ul {grid-template-columns: repeat(3, 1fr);gap:20px;}
  
  .non_target h4{text-align:left;}
  .non_target {margin-top: 60px;padding:60px 0;}
  .non_target ul {grid-template-columns: repeat(1, 1fr);gap: 20px;}
  .non_target ul li{background:#fff;border-radius:15px;padding:20px;display:flex;gap:0 20px}
  .non_target ul li img{width:20%;margin:0;}
  .non_target ul li p{text-align:left;}
  
  .non2_charac{padding:60px 0}
  .non_charac ul {padding:0;grid-template-columns: repeat(1, 1fr);gap: 40px 0;}
  .manual ul {margin-top:30px; gap: 20px 0;}
  .manual ul li {border-radius: 10px;padding: 25px;}
  .manual ul li .q h6 img{width:12px;}
  
  .iv_slide{padding:0px 0 60px 0 !important;}
  .iv_slide .swiper-slide img{width:100%;border-radius:10px;}
  
  .view_btn {z-index: 9;width: 80%;}
  .view_btn div{width:40px;height:40px;}
  .view_btn div img{width:6px;}
  
  .info_wrap{}
  .info_wrap .main_tit{text-align:center;}
  .info{flex-wrap:wrap;margin-top:30px}
  .info_img{width:100%}
  .info_txt{width:100%;margin-top:30px;padding:0;}
  .info_address{padding:25px;}
  .info_address ul{gap:10px;grid-template-columns: repeat(1, 1fr);}
  .info_address ul li a {gap: 0 6px;padding: 8px 0;font-size: 14px;}
  .info_t span b {font-size: 18px;padding: 3px 10px;}
  .info_t ul li {width:100%;font-size: 16px;padding: 15px;}
  .num p {font-size: 30px;}
  .num a{font-size:16px;}
  .info_t strong {font-weight: 600;font-size: 16px;color: #000;}
}