*{line-height:1.6;}
.index{}

/* 메인비쥬얼 */
.visual{background:#000;position:relative;height:100vh;width:100%;position:relative;}
.visual_img{width:100%;height:100%;opacity:0.5;}
.visual_img img{width:100%;height:100%;object-fit:cover;}
.visual_txt{width:1400px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.visual_txt h2{width:fit-content;background:red;padding:2px 10px;border-radius:100px;    background: #0078ab;padding: 2px 15px;}
.visual_txt h1 b{color:#5abbff;line-height:1.3;}
.visual_txt h1{line-height:1.3;}
.visual_txt p{font-weight:500}

.visual_quick{width:100%;z-index:9999;transition:all .5s;position:absolute;left:50%;transform:translateX(-50%);bottom:100px}
.visual_quick .ctt{transition:all .5s;}
.visual_quick ul{display:flex;}
.visual_quick ul li{width:25%;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:20px;font-weight:600;padding:25px 0;}
.visual_quick ul li a{display:flex;align-items:center;justify-content:center;color:#fff;}
.visual_quick ul li em{background: rgba(0, 0, 0, 0.5);width: 22px;height: 22px;border-radius: 20px;text-align: center;line-height: 22px;font-size: 13px;margin-left: 10px;margin-right: 4px;display: inline-block;position: relative;top: -2px;}
.visual_quick ul li:nth-child(1){background:#0083ba;border-radius:100px 0 0 100px}
.visual_quick ul li:nth-child(2){background:#0f6b91}
.visual_quick ul li:nth-child(3){background:#156b5e}
.visual_quick ul li:nth-child(4){background:#15526b;border-radius:0 100px 100px 0}
.visual_quick ul li img{width:15px;margin-left:30px;}
.visual_quick ul li img.invert{filter:Invert(1);}
.visual_quick ul li.quick_address{width:30%}
.visual_quick ul li.quick_address h3{position:relative;display:flex;align-items:center;gap:0 10px}
.visual_quick ul li.quick_address img{width:20px;}

.visual_quick.fixed{position: fixed;bottom:0;}
.visual_quick.fixed .ctt{width: 100%;}
.visual_quick.fixed ul li{border-radius:0}

/* 공통 */

.main_tit{}
.main_tit h2, .main_tit h3, .main_tit h2 b{line-height:1.4;}

.slide_btn_wrap{display:flex;align-items:center;gap:20px;}
.slide-pagination{height: 3px !important;border-radius: 100px;position: relative !important;width: 100px !important;overflow: hidden;background: #f1f1f1 !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000 !Important}
.slide-pagination .swiper-pagination-progressbar-fill{background:#000;}
.current,
.total{font-size:16px;font-weight:600;min-width:20px; text-align:center;}

.slide_btn{display:flex;gap:0 15px}
.slide_btn div{width:50px;height:50px;cursor:pointer;border-radius:60px;border:1px solid #000;display:flex;align-items:center;justify-content:center;}
.slide_btn div img{width:10px}

.gra{position: absolute;filter: blur(100px);z-index: -1;opacity: 0.5;}
.gra1{left: -30%;bottom: 0;width: 70%;height: 50%;background: #e5fbff;}
.gra2{right: -30%;top: -10%;width: 70%;height: 50%;background:#edffe0}
.gra3{right: -30%;bottom: -30%;width: 80%;height: 80%;background: #e5feff;}

/* 인사말 */
.about{position:relative;z-index:0;width:100%;overflow:hidden}
.ab_sym{position: absolute;left: 0%;bottom: 0;width:20%;}
.about .full_right{display:flex;align-items:end;justify-content:space-between;}
.ab_img{width:30%}
.ab_img2{width:15%}
.ab_img img{width:100%;border-radius:15px;}
.ab_txt{width:45%}
.doc_ab_name{display:flex;align-items:end;gap:0 10px;font-weight:600;}
.doc_ab_name img{width:100px;}
/* 진료과목 */
.subject{}
.subject .ctt{width:85%;display:flex;justify-content:space-between;}
.subject_tit{width:30%;padding:50px;background:#1a7094;border-radius:15px;position:relative;overflow:hidden;}
.subject_tit img{position:absolute;bottom:-10%;right:-10%;width:60%;opacity: 0.1;
  filter: invert(1) brightness(10);}
.subject_tit h2{font-weight:300;line-height:1}
.subject_tit p{}
.subject ul{width:68%;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;}
.subject ul li{padding:40px;border-radius:15px;}
.subject ul li:nth-child(1){background:#e9f5f3}
.subject ul li:nth-child(2){background:#e9f0f5}
.subject ul li:nth-child(3){background:#f3f3f3}
.subject ul li:nth-child(4){background:#f7f4ed}
.subject ul li img{width: 100px;margin-left: auto;display: block;border-radius: 100px;padding: 5px;background: #fff;}
.subject ul li div{}
.subject ul li div h4{}
.subject ul li div p{}

/* 치료종류 */
.treatment{position:relative;width:100%;overflow:hidden;}
.treatment .main_tit{text-align:center;}
.treatment .main_tit h4{ background: linear-gradient(185deg, #001ca7, #0068a1);width: fit-content;color: #fff;padding: 5px 15px;border-radius: 100px;margin: 0 auto;}
.treatment .main_tit h2{font-weight:300}

.tre_cont{display:flex;justify-content:space-between;}
.tre_img{width:40%}
.tre_img img{border-radius:15px;width:100%}
.tre_txt{width:55%;overflow:hidden;padding-top:40px}
.tre_txt ul{margin-top:40px;display:flex;gap:0 15px;}
.tre_txt ul li{background:#f8f8f6;font-size:16px;color:#000;padding:8px 15px;font-weight:600;border-radius:100px;}


/* let */
.let{width:100%;overflow:hidden;white-space:nowrap}
.let_track{display:flex;width:max-content;animation:marquee 60s linear infinite}
.let_group{display:flex;align-items:center;flex-shrink:0}
.let_group span{display:inline-block;margin-right:60px;font-size:8vw;font-weight:700;color:#f5f9fb}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* 의료진 소개 */
.doctor{}
.doctor .main_tit{}
.doc{display:flex;align-items:center;justify-content:space-between}
.doc_img{width:40%;border-radius:500px;overflow:hidden;background:url('../index/images/doc_bg.png')no-repeat;background-size:cover}
.doc_img img{width:80%;margin:0 auto;display:Block;padding-top: 50px;}
.doc_txt{width:50%}
.doc_txt span{background:#1a7094;border-radius:100px;font-weight: 600;padding: 5px 13px;}
.doc_txt h3{}
.doc_txt h3 em{font-weight:300}
.career{}
.career h4{}
.career ul{}
.career ul li{font-size:18px;padding-bottom:5px}
.career ul li i{margin-right:10px;font-weight:900}

/* 어깨특화클리닉 */
.sholder{width:100%;overflow:hidden;}
.sholder .main_tit{text-align:center;width:100%;overflow:hidden;}
.sholder_main{position:relative;background:url('../index/images/sholder_main_bg.jpg')no-repeat;background-attachment:fixed;background-position:left;background-size:cover;}
.gradient{position: fixed;left: 0;bottom: 0;width: 100%;height: 500px;background: linear-gradient(to bottom, transparent, #000);pointer-events: none;z-index: 999;}
.sholder_txt_wrap{}
.sholder_txt{}
.sholder_txt h3{line-height:1.4;font-weight:300}
.sholder_txt b{line-height:1.4;}
.sholder_txt p{}
.sholder_txt p i{display:block;font-size: 13px;opacity: 0.5;}
.sholder_beaf{width:50%;}
.sholder_beaf_cont{}
.sholder_beaf_cont span{background: #fff;color: #000;font-weight: 900;padding: 5px 10px;border-radius: 50px;}
.sholder_beaf_cont h4{display:flex;gap:0 12px;align-items:center;}
.sholder_beaf_cont h4 i{ border: 1px solid #fff;font-weight: 600;padding: 3px 10px;font-size: 15px;border-radius: 53px;color: #fff;display: block;width: fit-content;}
.sholder_beaf_cont p{}
.sholder_beaf_cont ul{display:flex;justify-content:space-between;position:relative}
.beaf_arrow{width:200px;left: 50%;transform: translateX(-50%);bottom: 6px;position: absolute;}
.sholder_beaf_cont ul li{width:48.5%}
.sholder_beaf_cont ul li img{width:100%;border-radius:10px;}
.sholder_beaf_cont ul li em{display:block;color:#fff;margin-top:12px;text-align:center;}

/* 어깨질환종류 */
.sholder_list{}
.sholder_list .sd_btn{justify-content:center;}
.sholder_list .ctt{}
.sholder_list_slide .swiper-wrapper{transition-timing-function:linear;}
.sholder_list_slide .swiper-slide{background:#0a4259;position:relative;border-radius:15px;overflow:hidden;transform:scale(0.8) !important}
.sholder_list_slide img{width:100%;transition:clip-path .8s ease;}
.sholder_list_slide .swiper-slide-active{transform:scale(1) !important}
.sholder_list_slide .swiper-slide-active img{opacity:0.3;clip-path:circle(75% at 50% 50%);}
.sholder_list_slide .swiper-slide div{position:absolute;top:80px;left:60px;}
.sholder_list_slide div h4{color:#fff}
.sholder_list_slide div p{color:#fff;height:0;opacity:0;transition:all .5s;}
.sholder_list_slide div ul{opacity:0;margin-top:30px;display:flex;gap:0 10px;transition:all .5s;}
.sholder_list_slide div ul li{border-radius: 100px;padding: 7px 20px;font-size: 17px;color: #fff;background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px);}
.sholder_list_slide .swiper-slide-active div p{opacity:1;height:auto}
.sholder_list_slide .swiper-slide-active div ul{opacity:1}

/* 어깨치료방법 */
.sd_tre .main_tit{text-align:left}
.sd_tre ul{display:flex;flex-direction:column;gap:60px 0;}
.sd_tre ul li{display:flex;justify-content:space-between;}
.sd_tre ul li img{width:30%;border-radius:15px;}
.sd_tre ul li div{width:65%}
.sd_tre ul li div h4{}
.sd_tre ul li div p{}
.sd_tre ul li div i{display:block;font-style:normal;font-size: 13px;color: #999;}
.sd_tre_notice{position:relative;display:flex;gap:0 22px;align-items:Center;background: #f6f6f6;border-radius: 10px;margin-top: 20px;width:100% !important;padding:20px;}
.sd_tre_notice img{width: 120px !important;position: absolute;left: 30px;bottom: 0;}
.sd_tre_notice div{padding:0 !important;margin-left:160px;}
.sd_tre_notice div h5{}
.sd_tre_notice div p{margin-top:6px;}

.sd_step{background:url('../index/images/sd_step_bg.jpg')no-repeat;background-size:cover;}
.sd_step .main_tit{text-align:left}
.sd_step ul{display:grid;gap:50px 0;grid-template-columns:repeat(3, 1fr)}
.sd_step ul li{position:relative;}
.sd_step ul li img{width:100px;border-radius:100px;}
.sd_step li span{margin-top:30px;position: relative;display: block;background: linear-gradient(45deg, #2763a1, #0f3e5b);width: fit-content;border-radius: 100px;padding: 3px 10px;font-weight: bold;color: #fff;}
.sd_step li span img{width:200px !important;}
.sd_equ{background:url('../index/images/sd_equ_bg.jpg')no-repeat;background-size:cover;width:100%;}
.sd_equ .ctt{width:1500px;display:flex;justify-content:space-between;}
.sd_equ_txt{width:55%;}
.sd_equ_txt h5{color:#d0ff5c}
.sd_equ_img{width:45%}
.sd_equ_img img{width:100%}
.sd_equ h3{line-height:1.3;font-weight:300}
.sd_equ h3 b{line-height:1.3}
.sd_equ ul{display:grid;grid-template-columns:repeat(5, 1fr);}
.sd_equ ul li{}
.sd_equ ul li span{display: block;width: 30px;height: 30px;text-align: center;background: #fff;color: #011444;font-weight: 900;text-align: center;line-height: 30px;border-radius: 30px;margin: 0 auto;}
.sd_equ ul li div{margin-top:15px;text-align:center;}
.sd_equ ul li div h5{color:#fff;}
.sd_equ ul li div p{margin-top:3px;color:#fff}

/* 척추관절클리닉 */
.sj{background:#eceef2;padding-bottom:100px;}
.sj .main_tit{text-align:center;}
.sj_tab{}
.sj_tab ul{display:flex;border-radius:100px;overflow:hidden;background:#1a7094;width:fit-content;margin:0 auto;padding:10px;justify-content:center;}
.sj_tab ul li{width:200px;}
.sj_tab ul li a{text-align:center;display:block;padding:12px 30px;color:#fff;font-size:26px;border-radius:100px;transition:all .5s;}
.sj_tab ul li b{}
.sj_tab ul li.sj_active a{background:#fff;color:#1a7094;}
.sj_cont{display:none;justify-content:space-between;opacity:0;transform:translateY(100px);}
.sj_show{display:flex;align-items:start;animation:fadeUp .8s ease forwards;}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(100px);}
  to{opacity:1;transform:translateY(0);}
}
.sj_img{width:40%;}
.sj_img img{width:100%;mix-blend-mode: multiply;}
.sj_txt{width:55%;position:sticky;top:150px;left:0;}
.sj_txt h5{}
.sj_slide_tab{display:flex;flex-wrap:wrap;gap:8px;}
.sj_slide_tab li{border-radius:100px;padding:10px 20px;background:#c3c9d5;font-weight:600;cursor:pointer;font-size:16px;}
.sj_slide_tab li.active{background:#2251b0;color:#fff;}
.sj_slide{width:100%;overflow:hidden;}
.sj_slide .swiper-slide{background:#fff;border-radius:15px;padding:20px;overflow:hidden;}
.sj_slide .swiper-slide img{width:100%;border-radius:10px;}
.sj_slide .swiper-slide div{padding-top:20px;}
.sj_slide .swiper-slide div h3{font-size:24px;}
.sj_slide .swiper-slide div p{min-height:105px;}

/* 비수술 치료 클리닉 */
.non{width:100%;overflow:hidden;}
.non .main_tit{text-align:Center;}
.non_main_tit{text-align:center;}

.pdl20{padding-left:20px;}
.non_main_tit h3 span{background: #0083ba;color: #fff;font-size: 25px;padding: 5px 15px;border-radius: 100px;margin-left: 10px;position: relative;top: -4px;}
.non_main_tit i{display: block;color: red;margin-top: 10px;font-weight: 500;}
.non_cont{display:flex;justify-content:space-between;}
.non_txt{width:60%}
.non_tit{background:#eee;color:#12315f;padding:8px 24px;border-radius:100px;font-weight:600;width:fit-content}
.non_disease{}
.non_disease ul{display:flex;flex-direction:column;gap:6px 0;}
.non_disease ul li{font-size:18px;display:flex;gap:0 5px;}
.non_disease ul li span{width:80px;font-weight:bold;}
.non_disease ul li p{}

.non_indication{}
.non_indication ul{display:flex;gap:0 20px;}
.non_indication ul li{width:25%;}
.non_indication ul li img{width:100%;border-radius:15px;}
.non_indication ul li p{text-align:center;font-weight:600;margin-top:12px;}

.non_region{}
.non_region ul{display:flex;gap:0 20px;}
.non_region ul li{width:20%;background:#000;padding:40px 0;position:relative;border-radius:15px;overflow:hidden;}
.non_region ul li img{opacity:0.3;width:100%;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.non_region ul li p{color:#fff;text-align:center;font-weight:600;z-index:5;position:relative;}

.non_merit{}
.non_merit ul{display:grid;gap:40px 0;grid-template-columns:repeat(2, 1fr)}
.non_merit ul li{display:flex;justify-content:space-between;align-items:center;}
.non_merit ul li img{width:60px;display:block;}
.non_merit ul li div{width:calc(100% - 90px);}
.non_merit ul li h4{}
.non_merit ul li p{margin-top:5px;}
.non_img{width:35%;border-radius:15px;overflow:hidden;}
.non_img img{width:100%;}

.iv_list{width:1100px;margin:0 auto;}
.iv_list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;}
.iv_list ul li{background:#f1f1f1;border-radius:15px;padding:15px;}
.iv_list ul li img{width:100%;border-radius:10px;}
.iv_list ul li p{text-align:center;margin-top:15px;font-weight:600}

.chk_list{}
.chk_list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;}
.chk_list ul li{font-size:18px;display:flex;align-items:center;justify-content:center;gap:0 10px;border:1px solid #e4e4e4;padding:20px;border-radius:8px;font-weight:500}
.chk_list ul li img{width:20px;}
.chk_list ul li p{}

.source{gap:0 15px;align-items:start;display:flex;font-size:13px;color:#999;}
.source em{background: #ebebeb;border-radius: 100px;padding: 2px 8px;color: #fff;font-weight: 400;color: #999;}
.source i{}

.ad{display: flex;gap: 0 5px;background: #fbf1f1;width: fit-content;padding: 5px 12px;border-radius: 5px;color: #c91c05;font-weight: 500;}
.ad img{width:16px}
.non-pagination{display:flex;display:grid;grid-template-columns:repeat(8, 1fr);width:1500px !important;margin:0 auto;margin-top:60px;}
.non-pagination .swiper-pagination-bullet{width:auto;height:auto;opacity:1;border-radius:0;margin:0 !important;text-align:center;background:none;font-size:20px;line-height:1.4;font-weight:600;padding-bottom:20px;border-bottom:3px solid #ddd;}
.non-pagination .swiper-pagination-bullet-active{color:#0083ba;border-bottom:3px solid #0083ba}

/* 치료장비 */
.equ{width:100%;overflow:hidden;}
.equ_cont{width:90%;margin:0 auto;margin-top:50px;border-radius:20px;background:url('../index/images/equ_bg.jpg')no-repeat;background-size:cover}
.equ .ctt{position:relative}
.equ .main_tit{text-align:Center;}
.equ .main_tit h2{font-weight:300}
.equ_slide{}
.equ_slide .swiper-slide{padding:100px 0 300px 0;}
.equ i{font-size: 10vw;color: #fff;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);z-index: -1;font-weight: bold;opacity: 0.2;filter: blur(3px);}
.equ_slide img{position: absolute;bottom: 0px;right: 0;height: 90%;}
.equ_slide img.equ_wide{bottom:30px;}
.equ_txt{}
.equ_txt span{font-weight:bold;color:#c9e0f9;font-weight:900;}

.equ-pagination{z-index:100;width:35% !important;display:flex;gap:10px;flex-wrap:wrap;position:absolute;bottom:100px !Important;left:0 !important;}
.equ-pagination .swiper-pagination-bullet{width:31% !important;padding:12px 0;height:auto;opacity:1;margin:0 !important;text-align:center;background:none;font-size:16px;line-height:1.4;font-weight:600;background:rgba(0,0,0,0.5);border-radius:100px;color:#fff;}
.equ-pagination .swiper-pagination-bullet-active{background:#fff;color:#151c4e;}

/* 둘러보기 */
.view{position:relative;width:100%;overflow:hidden;}
.view .main_tit{text-align:Center;}
.view .main_tit h2{font-weight:300}
.view_btn{justify-content:center;}
.view_slide .swiper-slide img{width:100%;border-radius:15px;}

/* 진료시간 */
.info{position:relative;z-index:0;background:#1b6a93;}
.info .ctt{display:flex;align-items:start;justify-content:space-between;}
.info .ctt{}
.info_txt{width:50%;}
.info_txt h3{}
.info_txt_box{}
.info_txt_box p{}

.address_box p{margin-top:3px;}
.address_box p em{background: rgba(0, 0, 0, 0.5);width: 22px;height: 22px; border-radius: 20px;text-align: center;line-height: 22px;font-size: 13px;margin-left: 10px;margin-right: 4px;display: inline-block;position: relative;top: -2px;}

.map_btn{display:flex;gap:0 15px;}
.map_btn li{background:#fff;border-radius:100px;}
.map_btn li a{padding:10px 30px;display:flex;align-items:Center;gap:0 8px;font-size:18px;color:#1b6a93;font-weight:600;}
.map_btn li a img{width:20px}

.time_box{display:flex;gap:0 80px;}
.time_box .time{}
.time ul{display:flex;gap:5px 0;flex-direction:column;}
.time ul li{display:flex;align-items:center;font-size:18px;color:#fff;}
.time ul li span{width:150px;font-weight:bold}
.time2 ul li span{width:60px}
.time ul li p{}
.time_box strong{display:block;font-weight:500;}

.customer_box{}
.customer_box ul{display:flex;}
.customer_box ul li{width:50%;}
.customer_box ul li a{display:flex;align-items:center;gap:0 15px;}
.customer_box ul li img{width:50px}
.customer_box ul li div{}

.map_img{border-radius:15px;overflow:hidden;width:45% !important;}
.map_img img{width:100%;}

.faq_wrap{}
.faq_wrap .main_tit{text-align:center;}
.faq .ctt{width:1000px;}
.faq_item{border-bottom:1px solid #ddd;}
.faq_head{width:100%;display:flex;align-items:center;gap:0 15px;padding:25px 0;background:none;border:0;cursor:pointer;text-align:left;}
.faq_head span{width: 32px;height: 32px;border-radius: 50%;background: #0083ba;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 600;flex-shrink: 0;font-size: 16px;}
.faq_head strong{flex:1;font-size:26px;}
.faq_body{display:none;padding:30px;padding-top:0;}
.faq_body p{font-size:17px;}
.faq_item.on .faq_body{display:block;}

@media screen and (max-width:1600px){
  .visual_quick ul li{font-size:16px;}
  .visual_quick ul li em {width: 18px;height: 18px;line-height: 18px;font-size: 11px;}
  .visual_quick ul li.quick_address img{width:40px}

  .subject .ctt{width:95%}
  .sd_equ .ctt{width:1400px}
  .non-pagination{width:1400px !important}
  .non-pagination .swiper-pagination-bullet{font-size:17px}

  .equ_cont{width:95%;}
  .equ .ctt{width:90%}
  .equ_txt{width:50%;}
  .equ_txt p br{display:none;}
}

@media screen and (max-width:768px){
  .index{margin-top:68px}
  .gradient{display:none;}
  .main_tit h2, .main_tit h3{font-size:20px}
  .slide-pagination{width:60px !important;}
  .current, .total {font-size: 14px;}
  .slide_btn_wrap{gap:10px}
  .slide_btn{gap:0 8px}
  .slide_btn div{width:35px;height:35px;}
  .slide_btn div img{width:8px}

  .visual{height:500px}
  .visual_txt{width:90%;}
  .visual_txt h1{font-size:26px;}
  .visual_quick{display:none;}

  .about .full_right{flex-wrap:wrap}
  .ab_img{width:100%;}
  .ab_txt{width:100%;margin-top:30px}
  .ab_img2{display:none;}

  .subject{width:100%;overflow:hidden;}
  .subject .ctt{width:90%;flex-wrap:wrap;}
  .subject_tit{width:100%;padding:50px 30px}
  .subject ul{width:100%;margin-top:20px;grid-template-columns: repeat(1, 1fr);gap: 20px;}
  .subject ul li{width:100%;padding:30px}
  .subject ul li img{width:80px}

  .tre_cont{flex-wrap:wrap;flex-direction:column-reverse;}
  .tre_img{width:100%}
  .tre_txt{width:100%}

  .tre_txt ul{flex-wrap:wrap;gap:8px}
  .tre_txt ul li {background: #000000;color: #fff;font-size: 14px;}
  .tre_txt p br{display:none;}
  .tre_txt{display:flex;flex-direction:column-reverse;}
  .tre_txt_slide{width:100%}
  .tre_btn{margin-top:0 !important;margin-bottom:30px}

  .doctor{width:100%;overflow:hidden;}
  .doctor .main_tit {display: flex;gap:30px 0;flex-wrap:wrap;flex-direction:column;}
  .doc{flex-wrap:wrap}
  .doc_img{width:100%}
  .doc_txt{width:100%;margin-top:30px}
  .career ul li{font-size:15px;}

  .sholder_txt h3{font-size:22px}
  .sholder_beaf{width:100%}
  .beaf_arrow{display:none;}
  .sholder_main{background-position:60%}
  .sholder_beaf_cont h4{flex-wrap:wrap}
  .sholder_beaf_cont h4 i{margin-top:10px;font-size:12px}
  .sholder_txt p i{font-size:11px}

  .sholder_list{width:90%;margin:0 auto}
  .sholder_list_slide .swiper-slide div{top:40px;left:40px;width:80%}
  .sholder_list_slide div p br{display:none;}
  .sholder_list_slide div ul{flex-wrap:wrap;gap:6px}
  .sholder_list_slide div ul li{font-size:14px;padding:4px 12px;}

  .sd_tre ul li{flex-wrap:wrap}
  .sd_tre ul li img{width:100%}
  .sd_tre ul li div{width:100%;margin-top:25px}
  .sd_tre ul li div p br{display:none;}

  .sd_tre_notice{flex-wrap:wrap}
  .sd_tre_notice img {width:80px !important;position: relative;left: 0px;display:block;margin-left:auto;}
  .sd_tre_notice div {padding: 0 !important;margin-left: 0;}

  .sd_step ul {gap: 40px 0;grid-template-columns: repeat(1, 1fr);}
  .sd_step li span{width:100%}
  .sd_step li span img{display:none;}

  .sd_equ .ctt{width:90%;flex-wrap:wrap;}
  .sd_equ_txt{width:100%;text-align:center;}
  .sd_equ_img{width:100%;margin-top:35px}
  .sd_equ ul {grid-template-columns: repeat(2, 1fr);gap:20px}
  .sd_equ ul li{}

  .sj_tab{width:90%;margin:0 auto;margin-top:20px}
  .sj_tab ul{padding:6px;width:100%}
  .sj_tab ul li a {padding: 8px 0px;font-size: 16px;}
  .sj_show{flex-wrap:wrap}
  .sj_img{width:80%;margin:0 auto;}
  .sj_txt{width:100%;position:relative;top:0;margin-top:15px;}
  .sj_slide_tab li {padding: 5px 10px;background: #c3c9d5;font-size: 14px;}
  .sj_slide .swiper-slide div h3{font-size:18px}
  .non-pagination {width:90% !Important;grid-template-columns: repeat(2, 1fr);margin-top:30px}
  .non-pagination .swiper-pagination-bullet{font-size:15px;padding:12px 0}

  .non_main_tit{padding-top:15px;}
  .non_main_tit h3 span {font-size: 17px;padding: 2px 10px;}
  .non_main_tit p br{display:none;}
  .non_cont{flex-wrap:wrap;flex-direction:column-reverse;}
  .non_img{width:100%;}
  .non_txt{width:100%;margin-top:30px}
  .non_tit{padding:4px 15px}
  .pdl20{padding-left:5px;}
  .non_disease ul li{font-size:15px}
  .non_merit ul {gap: 15px 0;grid-template-columns: repeat(1, 1fr);}
  .non_merit ul li{background: #f8f8f8;padding: 20px 30px;border-radius: 10px;}
  .non_merit ul li img{width:50px}
  .non_merit ul li div {width: calc(100% - 80px);}

  .non_region ul{flex-wrap:wrap;gap:15px 0;justify-content:space-between;}
  .non_region ul li{width:48.5%}

  .iv_list{width:90%}
  .iv_list ul {grid-template-columns: repeat(2, 1fr);gap:15px;}
  .iv_list ul li{padding:10px}
  .chk_list ul {grid-template-columns: repeat(1, 1fr);}
  .chk_list ul li{justify-content:left;padding-left:40px}
  .chk_list ul li img{width:16px;}

  .source{flex-wrap:wrap}
  .source i{margin-top:5px;display:block;font-size:12px}

  .equ_cont{padding:40px 25px;}
  .equ .ctt{width:100%}
  .equ_txt{width:100%;margin-top:30px}
  .equ_slide img {position:relative;width:100%;        height: auto;bottom: 0 !important;margin-top: 30px;}
  .equ_slide .swiper-slide{padding:0px}

  .equ-pagination {width: 100% !important;position: relative;bottom: 0px ! Important;left: 0 !important;gap:6px}
  .equ-pagination .swiper-pagination-bullet {width:30% !important;padding: 9px 0;font-size: 13px;}
  .equ i {font-size: 14vw;width: 100%;text-align: center;}

  .info .ctt{flex-wrap:wrap}
  .info_txt{width:100%}
  .map_img{width:100% !important;margin-top:60px !important;}

  .map_btn li a {padding: 8px 22px;gap: 0 5px;font-size: 15px;}
  .time_box {flex-wrap:wrap;gap:40px 0px;}
  .time{width:100%}
  .time ul li{font-size:15px}
  .time ul li span{width:125px}
  .customer_box ul li img{width:40px}

  .faq .ctt{width:90%;}
  .faq_head{gap:0 10px;padding:18px 0;align-items:flex-start;}
  .faq_head span{width:26px;height:26px;font-size:13px;margin-top:2px;}
  .faq_head strong{font-size:16px;line-height:1.5;}
  .faq_body{padding:0 0 20px;}
  .faq_body p{font-size:14px;line-height:1.8;word-break:keep-all;}
  .faq_body p br{display:none;}
}

@media screen and (max-width:499px){
  .equ-pagination .swiper-pagination-bullet {width:48% !important;}
  .map_btn{gap:0 8px;}
  .map_btn li a {padding: 6px 14px;font-size: 14px;}
  .customer_box ul li a{gap:0 10px;}
}