/* 공통 */
.main_tit h2{line-height:1.4;}
/* 메인비쥬얼 */
.visual{position:relative;height:900px;color:#fff;}
.video_height{height:100%;width:100%;overflow:hidden;background:#000}
.youtube_wrap {position: relative;width: 100%;aspect-ratio: 16 / 9;opacity:0.8;overflow: hidden;}
.youtube_wrap iframe {position: absolute;inset: 0;width: 100%;height: 100%;border: 0;}
.visual_img{position:absolute;inset:0;overflow:hidden;}
.visual_img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.7) 0%,rgba(3,17,34,.38) 55%,rgba(3,17,34,.12) 100%);}
.visual_img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.visual_txt{position:absolute;left:50%;top:55%;z-index:2;transform:translate(-50%,-50%);}
.visual_txt h1{line-height:1.4;}
.visual_txt p{font-weight:500}

.visual_txt h1, .visual_txt p{opacity:0;transform:translateY(40px);animation:visualUp .8s cubic-bezier(.22,1,.36,1) forwards;}
.visual_txt h1{animation-delay:.2s;}
.visual_txt p{animation-delay:.5s;}

@keyframes visualUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.visual_quick{position:absolute;left:50%;bottom:-28px;z-index:3;display:flex;transform:translateX(-50%);}
.visual_quick a{display:flex;align-items:center;justify-content:space-between;width:auto;padding:20px 30px;box-sizing:border-box;transition:.3s;font-weight:600;}
.visual_quick a:hover{filter:brightness(1.1);}
.visual_quick a:hover i{margin-left:70px}
.visual_quick i{margin-left:50px;position:relative;display:block;width:16px;height:16px;transition:all .5s;}
.visual_quick i:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-65%,-50%) rotate(45deg);}

/* 주요진료과목 */
.main_clinic{text-align:center;}
.main_clinic_list{display:flex;justify-content:center;gap:30px;}
.main_clinic_item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;width:250px;border-radius:15px;background:#fff;transition:.3s;background:#f3f7fb}
.main_clinic_item img{display:block;height:110px;margin:0 auto;overflow:visible;}

/* 질환종류 */
.pain_area{--navy:#092b6b;position:relative;padding:140px 0 120px;overflow:hidden;background:#fff;}
.pain_fill_title{display:inline-block;color:#d8d8d8;background:linear-gradient(90deg, #000000 0%, #000000 var(--fill), #e7e7e7 var(--fill), #d8d8d8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;--fill:0%;}

.pain_swiper{padding:100px 0 !important;overflow:visible;}
.pain_swiper .swiper-wrapper{align-items:center;transition-timing-function:linear;}
.pain_swiper .swiper-slide{border-radius:20px;overflow:hidden;}
.pain_swiper .swiper-slide-active{}
.pain_card{position:relative;overflow:hidden;}
.pain_card img{width:100%;height:100%;object-fit:cover;}
.pain_dim{position:absolute;inset:0;background:linear-gradient(0deg, #000, transparent);}
.pain_info{position:absolute;left:50px;bottom:40px;color:#fff;z-index:2;}
.pain_info h3{font-weight:200;display:block;}
.pain_diseases{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px;opacity:1}
.pain_diseases span{padding:5px 8px;border-radius:50px;background:#fff;color:var(--navy);font-size:15px;font-weight:700;line-height:1;white-space:nowrap;}

/* 스토리 인사말 */
.story_area{--story-color:#092b6b;position:relative;overflow:hidden;background:url('../index/images/gr_img.png')no-repeat #f8f8f8;background-size:contain;background-position:right top;background-attachment:fixed;}
.story_inner{position:relative;z-index:2;padding:180px 0 200px;}
.story_intro{margin-bottom:100px;}
.story_intro h2{line-height:1.4;}
.story_item{margin-bottom:100px;}
.story_item:last-child{margin-bottom:0;}
.scroll_fill{display:inline;background:linear-gradient(90deg,var(--story-color) 0%,var(--story-color) var(--fill),#ddd var(--fill),#ddd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone;--fill:0%;}
.story_bottom_dim{position:fixed;left:0;right:0;bottom:0;z-index:10;height:500px;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 42%,rgba(255,255,255,.96) 78%,#fff 100%);transition:opacity .3s,visibility .3s;}
.story_area.dim_active .story_bottom_dim{opacity:1;visibility:visible;}


.activity_wrap{position:relative;background:#0c5cac;z-index:0;will-change:background-color;}
.activity_bg{background:url('../index/images/tv_bg.png')no-repeat;background-attachment:fixed;background-size:100%;z-index:-1;}
.activity_label{display: inline-flex;align-items: center;padding: 3px 14px;border-radius: 50px;background: #fff;color: #0c5cac;font-size: 16px;font-weight: 900;}

.activity_area{position:relative;z-index:1;color:#111;background:transparent;}
.activity_inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;}
.activity_inner2 .activity_text{order:2}
.activity_inner2 .activity_image{order:1}
.activity_text{padding-left:10px;}
.activity_text p{font-weight:500}
.academic_area .activity_label{background:#0c5cac;color:#fff;}
.activity_info strong{display:flex;align-items:center;gap:10px;}
.activity_info small{font-weight: bold;position: relative;top: 3px;color:#7392af;}
.tv_area .activity_info small{color:#d1e9ff}
.activity_image{overflow:hidden;border-radius:20px;background:#222;}
.activity_image img{display:block;width:100%;height:100%;object-fit:cover;}

.activity_video{position:relative;z-index:0;}
.activity_video .ctt{border-radius:20px;width:1200px;overflow:hidden;margin-top:150px;}
.youtube-wrap {width: 100%;aspect-ratio: 16 / 9;}
.youtube-wrap iframe {width: 100%;height: 100%;}

.activity_let{width: 100%;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;opacity: 0.2;}
.activity_track{display:flex;width:max-content;animation:activityRolling 35s linear infinite;}
.activity_group{display:flex;flex-shrink:0;align-items:center;}
.activity_group p{font-size:10vw;color:rgba(255,255,255,0.3);font-weight:800;flex-shrink:0;margin:0 50px 0 0;white-space:nowrap;}

@keyframes activityRolling{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* 의료진 소개 */
.doctor_area{position:relative;background:#fff;}
.doctor_wrap{display:flex;align-items:start;justify-content:space-between;}
.doctor_visual{position:sticky;top:50px;width:40%;}
.doc_symbol{position: absolute;left: 50%;top: 40%;width: 100%;transform: translate(-50%, -50%);opacity: 0.1;}
.doc_img{position:relative;z-index:2;display:block;width:100%;}
.doctor_content{width:50%;}
.doctor_message{line-height:1.4;}
.doctor_name{display:flex;align-items:center;gap:12px;}
.doctor_name span{font-weight:400;color:#444;}
.doctor_profile{display:flex;flex-direction:column;gap:45px;}
.doctor_profile_box{position:relative;padding:50px 45px 40px;border-radius:20px;background:#f7f7f7;}
.doctor_profile_label{position:absolute;left: 40px;top: -16px;padding: 1px 18px;border-radius:50px;background:#092b6b;color:#fff;}
.doctor_profile_list{display:flex;flex-direction:column;gap:4px;}
.doctor_profile_list li{position:relative;padding-left:12px;}
.doctor_profile_list li:before{content:"·";position:absolute;left:0;top:0;}

/* 척추관절클리닉 */
.clinic{overflow:hidden;background:#eff6fc;}
.clinic_wrap{display:flex;gap:30px;}
.clinic_box{position:relative;flex:1;min-width:0;height:580px;overflow:hidden;padding:50px;border-radius:30px;background:#fff;color:#102d65;transition:flex .8s cubic-bezier(.22,1,.36,1),background .5s,color .5s;}
.clinic_box.active{flex:2.5;background:#102f69;color:#fff;}
.clinic_box_bg{position: absolute;width: 100%;top: 50%;transform: translateY(-50%); opacity: 0.4;mix-blend-mode: overlay;}
.clinic_tit{position:relative;z-index:5;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;cursor:pointer;white-space:nowrap;}
.clinic_tit h3{font-weight:300}

.clinic_icon{display:flex;align-items:center;justify-content:center;transition:background .4s,transform .5s;}
.clinic_icon img{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) saturate(100%) invert(16%) sepia(28%) saturate(3277%) hue-rotate(185deg) brightness(88%) contrast(101%);}
.clinic_box.active .clinic_icon{transform: rotate(180deg);}
.clinic_box.active .clinic_icon img{filter:none;}
.clinic_content{display:flex;justify-content:space-between;}
.clinic_box.active .clinic_content{}
.clinic_detail{width:60%;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(-25px);transition:opacity .35s,visibility .35s,transform .65s .15s;}
.clinic_box.active .clinic_detail{opacity:1;visibility:visible;transform:translateX(0);}
.clinic_detail p{color:#fff}
.clinic_tab{display:flex;flex-wrap:wrap;gap:10px;}
.clinic_tab button{width:100%;display:flex;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;color:#fff;font-size:17px;font-weight:300;cursor:pointer;transition:.3s;}
.clinic_tab button b{margin-right:3px}
.clinic_tab button:after{content:"";width:7px;height:7px;margin-left:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform: rotate(45deg) translateY(-2px);position: absolute;top: 42%;right: 18px;transition:all .5s;}

.clinic_tab button.active:after{transform:rotate(225deg) translateY(-2px);}

.clinic_tab button:hover,.clinic_tab button.active{border-color:#fff;background:#fff;color:#102f69;}
.clinic_tab button:hover:after, .clinic_tab button.active:after{border-color:#102f69;}

.clinic_tab_item{position:relative;width:31%;}
.clinic_tab2 .clinic_tab_item{width:48%;}
.clinic_tab_item .clinic_disease{position:absolute;left:0;top:calc(100% + 10px);z-index:10;min-width:100%;padding:15px;border-radius:10px;background:#fff;color:#26374c;opacity:0;visibility:hidden;transform:translateY(10px);transition:.35s;}
.clinic_tab_item.active .clinic_disease{opacity:1;visibility:visible;transform:translateY(0);}
.clinic_disease ul{display:flex;flex-direction:column;gap:1px;}
.clinic_disease li{font-size:15px;position:relative;padding-left:12px;white-space:nowrap;}
.clinic_disease li:before{content:"·";position:absolute;left:0;top:0;}
.clinic_box.active .clinic_detail{overflow:visible;}

.clinic_img{position:relative;height:450px;transition:all .5s;position:absolute;bottom:0;right:75px;}
.clinic_box.active .clinic_img{right:40px;}
.clinic_img img{display:block;width:100%;height:100%;}
.clinic_pin{position:absolute;left:var(--pin-x);top:var(--pin-y);z-index:5;display:flex;align-items:center;transform:translate(-50%,-50%);opacity:0;visibility:hidden;}
.clinic_box.active .clinic_pin.pin_show{opacity:1;visibility:visible;}
.clinic_pin i{position:relative;display:block;width: 18px;height: 18px;border: 5px solid #ffc1cc;border-radius:50%;background:#ff3e55;box-shadow:0 0 0 0 rgba(255,62,85,.5);}
.clinic_pin i:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;border:1px solid #ff3e55;border-radius:50%;transform:translate(-50%,-50%);animation:clinicPing 1.5s infinite;}

.clinic_bubble{position: absolute;right: 31px;top: 50%; padding: 3px 8px; border-radius: 4px;background: #ff3e55;color: #fff;font-size: 16px;font-weight: 700;white-space: nowrap;transform: translateY(-50%);}
.clinic_pin.pin_right .clinic_bubble{left:24px;right:auto;}
.clinic_bubble:after{content:"";position:absolute;right:-6px;top:50%;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #ff3e55;transform:translateY(-50%);}
.clinic_pin.pin_right .clinic_bubble:after{left:-6px;right:auto;border-right:7px solid #ff3e55;border-left:0;}
.clinic_pin.pin_move{animation:clinicPinMove .55s cubic-bezier(.22,1,.36,1);}

@keyframes clinicPing{
  0%{opacity:.9;transform:translate(-50%,-50%) scale(.6);}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.8);}
}

@keyframes clinicPinMove{
  0%{opacity:0;transform:translate(-50%,-30%) scale(.7);}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1);}
}

/* 척추관절 자주발생하는 질환 */
.sj_disease{overflow:hidden;background:#eff6fc;}
.sj_disease_head{display:flex;align-items:center;justify-content:space-between;}
.sj_disease_tab{display:flex;gap:10px;}
.sj_disease_tab button{min-width:260px;padding:16px 25px;border:0;border-radius:10px;background:#fff;color:#102f69;font-size:20px;font-weight:700;cursor:pointer;transition:.3s;}
.sj_disease_tab button.active{background:#102f69;color:#fff;}
.sj_disease_content{display:grid;}
.sj_disease_item{grid-area:1/1;display:grid;grid-template-columns:58% 42%;min-height:600px;overflow:hidden;border-radius:25px;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(70px);transition:opacity .45s,visibility .45s,transform .7s cubic-bezier(.22,1,.36,1);}
.sj_disease_item.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.sj_disease_txt{padding:65px 55px;}
.sj_disease_name{display:flex;align-items:center;gap:15px;}
.sj_disease_name span{padding:0px 12px;border-radius:50px;background:#075baa;color:#fff;}
.sj_disease_treatment h4 b{color:#075baa;}
.sj_disease_method{display:flex;gap:12px;}
.sj_disease_method span{padding: 10px 20px;border-radius: 50px;background: #eaf3f9;font-weight: 500;color: #132435;}
.sj_disease_point{width:85%;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:center;}
.sj_disease_point>div{display:flex;flex-direction:column;align-items:center;}
.sj_disease_icon{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background:#f1f3f5;}
.sj_disease_icon img{display:block;width:40px;height:40px;object-fit:contain;}
.sj_disease_point strong{display:block;}

.sj_disease_img{overflow:hidden;background:#f8fafc;}
.sj_disease_img>img{display:block;width:100%;height:100%;object-fit:cover;}
.sj_disease_item.active .sj_disease_name{animation:sjDiseaseUp .65s .05s both;}
.sj_disease_item.active .sj_disease_txt>p{animation:sjDiseaseUp .65s .12s both;}
.sj_disease_item.active .sj_disease_treatment{animation:sjDiseaseUp .65s .2s both;}
.sj_disease_item.active .sj_disease_point{animation:sjDiseaseUp .65s .28s both;}
.sj_disease_item.active .sj_disease_img{animation:sjDiseaseImage .75s .12s both;}

@keyframes sjDiseaseUp{
  from{opacity:0;transform:translateY(35px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes sjDiseaseImage{
  from{opacity:0;transform:translateY(50px) scale(1.04);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

/* 비수술 치료 */
.non_treatment{background:#fff;}
.non_wrap{display:grid;grid-template-columns:50% 40%;align-items:start;gap:8%;}

.non_item{padding:40px 20px;border-bottom:1px solid #e5e5e5;}
.non_btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;opacity:0.3;text-align:left;cursor:pointer;transition:color .35s;}
.non_item.active .non_btn{opacity:1}

/* 화살표: 버튼 바로 아래 i만 선택 */
.non_btn>i{position:relative;flex:none;width:10px;height:10px;}
.non_btn>i:after{content:"";position:absolute;left:50%;top:45%;width:10px;height:10px;border-right:2px solid #111;border-bottom:2px solid #111;transform:translate(-50%,-50%) rotate(45deg);transition:top .4s,transform .4s;}
.non_item.active .non_btn>i:after{top:55%;transform:translate(-50%,-50%) rotate(225deg);}

/* 도입예정 표시 */
.non_btn h3 i{display: inline-block;margin-left: 10px;padding: 7px 12px; border-radius: 20px;background: #eef1fa;color: #102f69;font-size: 18px;font-style: normal; vertical-align: middle;}

/* 기본 상태: 내용 접힘 */
.non_content{display:grid;grid-template-rows:0fr;margin-top:0!important;opacity:0;visibility:hidden;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),margin-top .55s,opacity .25s,visibility 0s linear .55s;}
.non_content_inner{min-height:0;overflow:hidden;}

/* active 내용만 열림 */
.non_item.active .non_content{grid-template-rows:1fr;margin-top:15px!important;opacity:1;visibility:visible;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),margin-top .55s,opacity .35s .1s,visibility 0s;}

.non_point{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 0;text-align:center;}
.non_point>div{display:flex;flex-direction:column;align-items:center;}
.non_icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#eef1fa;}
.non_icon img{display:block;height:40px;object-fit:contain;}
.non_point>div span{font-size:18px;font-weight:500;}

.non_eswt{width:70%;display:grid;grid-template-columns:repeat(2, 1fr);gap:0 20px;}
.non_eswt li{}
.non_eswt li img{width:100%;border-radius:10px;}
.non_eswt li span{display: block;font-weight: bold;text-align:center;}

.non_content_inner_img{display:none;}
/* 오른쪽 이미지 */
.non_visual{position:sticky;top:100px;left:0;display:grid;aspect-ratio:1/1.2;overflow:hidden;border-radius:20px;background:#f3f5f7;}
.non_visual_item{grid-area:1/1;z-index:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.95);clip-path:inset(calc(50% - 35px) round 10px);}
.non_visual_item.is_prev{z-index:1;opacity:1;visibility:visible;transform:scale(1);clip-path:inset(0 round 20px);}
.non_visual_item.active{z-index:2;visibility:visible;pointer-events:auto;animation:nonVisualOpen .85s cubic-bezier(.22,1,.36,1) both;}
.non_visual_item img{display:block;width:100%;height:100%;object-fit:cover;}

@keyframes nonVisualOpen{
  0%{opacity:1;transform:scale(1);clip-path:inset(calc(50% - 35px) round 10px);}
  100%{opacity:1;transform:scale(1);clip-path:inset(0 round 20px);}
}

/* 대상포진 */
.shingles{overflow:hidden;position:relative;background:#f7f7f7;}
.shingles_wrap{}
.shingles_img{overflow:hidden;position:absolute;lefT:0;top:0;width:40%;height:100%;background:#e9e9e9;}
.shingles_img img{display:block;width:100%;height:100%;object-fit:cover;}
.shingles_txt{margin-left:45%;}
.shingles_tit{font-weight:300;color:#111;}
.shingles_tit b{}
.shingles_summary{color:#111;}
.shingles_desc{}
.shingles_point{width:80%;display:flex;flex-wrap:wrap;gap:15px 12px;}
.shingles_point_item{display:flex;align-items:center;gap:10px;padding:14px 25px;border-radius:50px;background:#fff;color:#222;}
.shingles_point_item img{display:block;flex:none;width:16px;position:relative;top:3px;}

/* 대상포진 클리닉 */
.shingles_program{overflow:hidden;background:#fff;}
.shingles_program_tit{text-align:center;}
.shingles_program_tit p{color:#666;}
.shingles_program_wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;}
.shingles_program_item{padding:40px;border-radius:25px;}
.sh_program_top{height:200px}
.shingles_program_treatment{background:#fafbef;}
.shingles_program_recovery{background:#eff9f2;}
.shingles_program_prevention{background:#edf5fc;}


.shingles_program_list{display:flex;flex-direction:column;gap:15px;}
.shingles_program_list li{position:relative;color:#222;}
.shingles_program_list li img{width:20px;margin-right:8px;}

.shingles_recovery_list{display:flex;flex-direction:column;gap:15px;}
.shingles_recovery_item{display:flex;align-items:start;}
.shingles_recovery_item strong{width:120px;position:relative;color:#397b58;}
.shingles_recovery_item strong img{width:20px;margin-right:8px;filter:hue-rotate(
  71deg) invert(0.1) grayscale(0.3)}
.shingles_recovery_item span{color:#222;font-weight:500;}

.shingles_prevention_age{color:#ef2457;}
.shingles_prevention_list{display:flex;flex-direction:column;gap:6px;}
.shingles_prevention_list li{position:relative;}
.shingles_prevention_list li img{width:20px;margin-right:8px;filter: hue-rotate(180deg);}

.shingles_vaccine{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:end;gap:8px;}
.shingles_vaccine_item{overflow:hidden;border-radius:13px;text-align:center;}
.shingles_vaccine_head{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0}
.shingles_vaccine_head strong{display:block;line-height: 1;}
.shingles_vaccine_head b{display:block;margin-top:3px;font-size:24px;margin-top: 12px;
  line-height: 1;}
.shingles_vaccine_head2 b{font-size:14px;height:25px;}
.shingles_vaccine_item p{display:flex;align-items:center;justify-content:center;min-height:45px;padding:8px 5px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:600;line-height: 1.4;}
.shingles_vaccine_new{background:#294c66;color:#fff;}
.shingles_vaccine_new .shingles_vaccine_head b{color:#ffd62e;}
.shingles_vaccine_old{background:#d8e3ec;color:#222;}
.shingles_vaccine_old .shingles_vaccine_head{color:#6f7b86;}
.shingles_vaccine_old p{border-color:rgba(0,0,0,.08);}
.shingles_vaccine_label{overflow:hidden;border-radius:10px;background:#fff;text-align:center;}
.shingles_vaccine_label span{display:flex;align-items:center;justify-content:center;min-height:45px;padding:8px 3px;border-top:1px solid #eee;font-size:14px;line-height:1.4;font-weight:600;}

/* 교통사고 */
.accident{overflow:hidden;background:#eef5fb;}
.accident_intro{display:grid;grid-template-columns:42% 50%;align-items:start;justify-content:space-between;}
.accident_intro_txt h2{line-height:1.4}
.accident_label{color:#075caf;}
.accident_desc{}

.accident_after_tit{display:inline-block;padding: 5px 16px;border-radius: 30px;background:#092f6b;color:#fff;}
.accident_after_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.accident_after_item{overflow:hidden;border-radius:20px;background:#fff;}
.accident_after_img{height:155px;}
.accident_after_img img{display:block;width:100%;height:100%;object-fit:cover;}
.accident_after_item>strong{display:block;padding:12px 0px;background:#092f6b;color:#fff;text-align:center;}

.accident_symptom_list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;}
.accident_symptom_item{overflow:hidden;border-radius:20px;background:#075caf;}
.accident_symptom_img{height:220px;background:#ddd;}
.accident_symptom_img img{display:block;width:100%;height:100%;object-fit:cover;}
.accident_symptom_txt{padding:25px;color:#fff;}
.accident_symptom_txt strong{font-weight:300}
.accident_symptom_txt p{color:rgba(255,255,255,.85);line-height:1.6;margin-top:6px}

.accident_plan{text-align:center;}
.accident_plan_list{display:flex;justify-content:center;gap:0 60px}
.accident_plan_item{display:flex;flex-direction:column;align-items:center;}
.accident_plan_icon{display:flex;align-items:center;justify-content:center;width:140px;aspect-ratio:1/1;border-radius:200px;background:#fff;}
.accident_plan_icon img{display:block;width:55%;height:55%;object-fit:contain; filter: invert(13%) sepia(40%) saturate(3867%) hue-rotate(208deg) brightness(83%) contrast(108%);}
.accident_plan_item>strong{display:block;color:#222;}
.accident_plan_item>strong i{display:block;font-style:normal;font-size:15px;}

/* 교정·재활 도수치료 */
.manual{overflow:hidden;background:#fff;}
.manual_intro{display:grid;grid-template-columns:38% 55%;justify-content:space-between;}
.manual_img{overflow:hidden;aspect-ratio:1/1;border-radius:25px;background:#eee;}
.manual_img img{display:block;width:100%;height:100%;object-fit:cover;}
.manual_desc{line-height:1.8;}

.manual_point{width:80%;display:flex;flex-wrap:wrap;gap:15px 12px;max-width:650px;}
.manual_point_item{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:30px;background:#eef4fa;}
.manual_point_item span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#075caf;color:#fff;font-size:13px;font-weight:700;}
.manual_point_item strong{color:#222;}

.manual_process{text-align:center;}
.manual_process_list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:left;}
.manual_process_img{overflow:hidden;aspect-ratio:1.5/1;border-radius:20px;background:#eee;}
.manual_process_img img{display:block;width:100%;height:100%;object-fit:cover;}
.manual_process_txt{display:flex;align-items:center;gap:10px;}
.manual_process_txt span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#075caf;color:#fff;font-size:13px;font-weight:700;}
.manual_process_item>p{padding-left:39px;margin-top:6px}

/* 도수치료 특징 */
.manual_feature{overflow:visible;background:url('../index/images/common_bg.png')no-repeat #0758a7;background-size:100%;background-attachment:fixed;color:#fff;}
.manual_feature_wrap{display:grid;grid-template-columns:30% 55%;align-items:start;justify-content:space-between;}
.manual_feature_head{position:sticky;top:150px;}
.manual_feature_head h2{line-height:1.3;}
.manual_feature_head h2 span{display:inline;border-bottom:2px solid rgba(255,255,255,.7);}
.manual_feature_head p{color:rgba(255,255,255,.85);line-height:1.9;}

.manual_feature_list{border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);position:relative;}
.manual_feature_list:before{content: "";width: 1px;height: 100%;left: 50%;top: 0;position: absolute; transform: translateX(-50%);background:rgba(255,255,255,0.3);}
.manual_feature_item{display:flex;align-items:center;}
.manual_feature_item:nth-child(2n){flex-direction:row-reverse;}
.manual_feature_img{width:50%;overflow:hidden;}
.manual_feature_img img{display:block;width:100%;height:100%;object-fit:cover;}
.manual_feature_txt{width:50%;text-align:center;}
.manual_feature_item h3{color:#fff;}
.manual_feature_item p{color:rgba(255,255,255,.85);}

/* 병원 둘러보기 */
.tour{overflow:hidden;background:#f0f3f8;}
.tour_head{display:flex;align-items:flex-end;justify-content:space-between;}

.tour_control{display:flex;align-items:center;gap:12px;}
.tour_progress.swiper-pagination-progressbar{position:relative;left:auto !important;top:auto !important;width:115px !important;height:3px !important;margin-right:12px;background:#b9c5d7;}
.tour_progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#082d6c;transform-origin:left center;}
.tour_prev,.tour_next{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#082d6c;cursor:pointer;transition:.3s;}
.tour_prev i,.tour_next i{display:block;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;}
.tour_prev i{margin-left:4px;transform:rotate(-45deg);}
.tour_next i{margin-right:4px;transform:rotate(135deg);}

.tour_swiper{overflow:visible;width:100%;}
.tour_swiper .swiper-slide{transition:opacity .4s;}
.tour_img{overflow:hidden;width:100%;aspect-ratio:5/3;background:#fff;}
.tour_img img{display:block;width:100%;height:100%;object-fit:cover;}

/* 오시는 길 */
.location{overflow:hidden;background:#fff;}
.location_wrap{display:grid;grid-template-columns:46% 43%;align-items:center;justify-content:space-between;}
.location_map{overflow:hidden;width:100%;aspect-ratio:1.35/1;background:#082d6c;}
.location_map>img{display:block;width:100%;height:100%;object-fit:cover;}
.location_links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.location_link{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;background:#f6f6f6;color:#222;font-size:17px;font-weight:700;transition:.3s;}
.location_link img{display:block;width:22px;height:22px;border-radius:5px;object-fit:contain;}
.location_info{min-width:0;}
.location_exit{}
.location_exit i{width: 28px; height: 28px;display: inline-block;font-style: normal;background: #ffd510;color: #fff;margin-right: 3px;border-radius: 20px;line-height: 28px;text-align: center;}
.location_parking{display:flex;align-items:center;gap:8px;}
.location_parking img{display:block;width:25px}
.location_info_tit{position:relative;display:flex;align-items:center;color:#111;}
.location_info_tit:before{content: "";position: relative;display: block;width: 6px;height: 6px;border-radius: 50%;background: #0759ad;margin-right: 8px;}
.location_time_list{display:flex;flex-direction:column;gap:14px;}
.location_time_list>div{display:grid;grid-template-columns:150px 1fr;align-items:start;}
.location_time_list dt{font-size:18px;}
.location_time_list dd{margin:0;color:#222;font-size:18px;font-weight:600;}
.location_time_list dd>span{display: inline-block;margin-left: 4px;padding: 0px 9px;border-radius: 50px;background: #edf2fb;color: #004a99;font-size: 14px;position: relative;top: -2px;}
.location_time_list dd>small{display:block;margin-top:5px;font-size:16px;font-weight:600;}
.location_time_list dd>small img{margin-right:4px;width:16px;}
.location_notice{color:#6f6f6f;}
.location_phone_number{display:flex;align-items:center;gap:9px;width:max-content;color:#111;}
.location_phone_number img{display:block;width:32px;position: relative;top: 3px;}
.location_phone_number strong{font-size:40px;line-height:1;}

/* FAQ */
.faq{overflow:hidden;background:#fff;border-top:1px solid #e4e4e4;}
.faq_tit{text-align:center;}
.faq_list{width:100%;}
.faq_item{border-bottom:1px solid #e4e4e4;}
.faq_question{border-radius:15px;position:relative;display:flex;align-items:center;width:100%;min-height:68px;padding:25px;border:0;background:#fff;color:#111;text-align:left;cursor:pointer;transition:.3s;}
.faq_question:hover{background:#f9f9f9;}
.faq_item.active .faq_question{background:#17386f;color:#fff;}
.faq_q{display: block;flex: none;margin-right: 12px;color: #fff;font-size: 15px;font-weight: 700;background: #17386f;width: 22px;height: 22px;border-radius: 20px; text-align: center;line-height: 22px;}
.faq_item.active .faq_q{background:#fff;color:#17386f}
.faq_question strong{line-height:1.5;}
.faq_question i{position:absolute;right:24px;top:50%;width:14px;height:14px;transform:translateY(-50%);}
.faq_question i:before,.faq_question i:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);transition:.3s;}
.faq_question i:before{width:14px;height:2px;}
.faq_question i:after{width:2px;height:14px;}
.faq_item.active .faq_question i:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}
.faq_answer{display:none;background:#fff;}
.faq_answer_inner{display:flex;align-items:flex-start;padding:28px 70px 32px 20px;}

.faq_answer_txt{line-height:1.75;}
.faq_answer_txt p+p{margin-top:8px;}
.faq_answer_txt ul{margin-top:12px;}
.faq_answer_txt li{line-height:1.9}

@media(max-width:768px){

  .index{overflow:hidden;margin-top:76px}
  .main_tit h2{font-size:22px}
  .main_tit p{margin-top:13px}
  /* 메인비주얼 */
  .visual{height:auto}
  .youtube_wrap {aspect-ratio: 16 / 12;}
  .youtube_wrap iframe {transform: scale(1.34);}
  .visual_img img{object-position:62% center;}
  .visual_txt{top:48%;width:calc(100% - 40px);}
  .visual_txt h1{font-size:20px}
  .visual_txt p{font-size:14px}
  .visual_quick{bottom:-24px;width:100%;}
  .visual_quick a{flex:1;padding:15px 20px;font-size:13px;}
  .visual_quick a span{line-height:1.4;}
  .visual_quick i{margin-left:10px!important;}

  /* 주요 진료과목 */
  .main_clinic_list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  .main_clinic_item{width:auto;}
  .main_clinic_item img{height:75px;}

  /* 질환 종류 */
  .pain_area{overflow:hidden;padding:80px 0}
  .pain_swiper{overflow:visible;padding:40px 0 0 0 !important}
  .pain_card{aspect-ratio:3/4;}
  .pain_info{width:100%;left:30px;bottom:40px;}
  .pain_diseases{width:90%}
  .pain_diseases span{font-size:13px}
  /* 인사말 */
  .story_area{background-size:auto 100%;background-position:right top;background-attachment:scroll;}
  .story_inner{width:calc(100% - 40px);padding: 80px 0 120px;}
  .story_intro{margin-bottom:30px}
  .story_bottom_dim{height:250px;}

  /* 활동 */
  .activity_bg{background-size:auto 100%;background-attachment:scroll;}
  .activity_inner{grid-template-columns:1fr;gap:30px;}
  .activity_text{padding-left:0;}
  .activity_image{border-radius:15px;}
  .activity_video .ctt{width:calc(100% - 40px);margin-top:50px;border-radius:15px;}
  .activity_group p{margin-right:25px;}
.activity_inner2 .activity_text{order:1}
.activity_inner2 .activity_image{order:2}
  /* 의료진 */
  .doctor_wrap{display:flex;flex-direction:column;gap:45px;}
  .doctor_visual{position:relative;top:auto;width:100%;max-width:460px;margin:0 auto;}
  .doctor_content{width:100%;}
  .doctor_name{margin-bottom:30px}
  .doctor_profile{gap:35px;}
  .doctor_profile_box{border-radius:15px;padding:30px}
  .doctor_profile_label {left: 23px;top: -16px;padding: 1px 14px;}
  /* 척추 · 관절 클리닉 */
  .clinic_wrap{display:flex;flex-direction:column;gap:12px;}
  .clinic_box{flex:none!important;width:100%;height:88px;border-radius:16px;transition:height .5s,background .4s,color .4s;padding:35px 25px;padding-bottom:0;}
  .clinic_tab button:after {width: 5px; height: 5px;right: 13px;}
  .clinic_box.active{height:auto}
  .clinic_tit{justify-content:space-between;width:100%;}
  .clinic_content{display:block;}
  .clinic_detail{width:100%;transform:translateY(15px);}
  .clinic_box.active .clinic_detail{z-index:9;position:relative;transform:translateY(0);}
  .clinic_tab{gap:8px;}
  .clinic_tab_item .clinic_disease{padding:8px 10px}
  .clinic_tab_item,
  .clinic_tab2 .clinic_tab_item{width:calc(50% - 4px);}
  .clinic_tab button{padding: 12px 8px;font-size: 15px;}
  .clinic_img {height: 330px;position: relative;margin: 0 auto;display: block;width: 330px;right: auto !important;left: auto;}
  .clinic_img img{object-fit:contain;}
  .clinic_pin{transform:translate(-50%,-50%) scale(.78);}
  .clinic_bubble{font-size:14px}

  .clinic_tit h3{font-size:22px}
  .clinic_icon img{width:15px;height:15px;transform: rotate(90deg);}
  .clinic_disease li{font-size:13px}
  /* 척추 · 관절 자주 발생하는 질환 */

  .sj_disease_head{display:block;text-align:center;}
  .sj_disease_tab{gap:7px;margin-top:25px}
  .sj_disease_tab button{flex:1;min-width:0;padding: 12px 0px;font-size: 16px;}
  .sj_disease_item{display:flex;flex-direction:column;min-height:0;border-radius:16px;}
  .sj_disease_txt{width:100%;padding:35px 25px}
  .sj_disease_img{min-height:280px;order:-1;}
  .sj_disease_point{width:100%;gap:10px;}
  .sj_disease_method{flex-wrap:wrap;}
  .sj_disease_point {grid-template-columns: repeat(1, 1fr);}
  .sj_disease_point > div{display:flex;flex-direction:row;gap:0 15px;}
  .sj_disease_icon{margin:0 }
  .sj_disease_point_txt{text-align:left}
  .sj_disease_method{gap:6px}
  .sj_disease_method span {padding: 6px 12px;font-size: 14px;}
  /* 비수술 치료 */
  .non_wrap{display:flex;flex-direction:column;gap:30px;}
  .non_list{width:100%;}
  .non_item{padding:20px 10px;}
  .non_point{gap:20px 5px;}
  .non_eswt{width:100%;}
  .non_btn h3 i{font-size:15px}
  .non_content_inner_img{display:block;border-radius:15px;width:100%;height:50vw;object-fit:cover;margin-bottom:30px}
  .non_point {grid-template-columns: repeat(2, 1fr);}
  .non_point>div span{font-size:15px}
  .non_visual{display:none;}
  .non_visual_item.is_prev{clip-path:inset(0 round 15px);}

  /* 대상포진 */
  .shingles{display:flex;flex-direction:column;}
  .shingles_img{position:relative;width:100%;height:auto;}
  .shingles_img img{height:50vw}
  .shingles_txt{margin-left:0;margin-top:30px}
  .shingles_point{width:100%;}
  .sh_program_top{height:auto;margin-bottom:25px}
  .shingles_program_wrap{grid-template-columns:1fr;gap:15px;}
  .shingles_program_item{border-radius:16px;padding:30px}
  .shingles_recovery_item{flex-wrap:wrap}
  .shingles_recovery_item strong{width:100%;margin-bottom:6px}
  .shingles_point_item{width:100%}
  /* 교통사고 */
  .accident_intro{grid-template-columns:1fr;gap:35px;}
  .accident_after_list{gap:12px;}
  .accident_after_img{height:auto;}
  .accident_after_item>strong {padding: 5px 0px;font-size: 14px;}
  .accident_symptom_list{grid-template-columns:repeat(1,1fr);gap:12px;}
  .accident_symptom_item{border-radius:14px;}
  .accident_symptom_img{height:auto;}
  .accident_symptom_img img{height:30vw;object-fit:cover}
  .accident_plan_list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 15px;}
  .accident_symptom_txt{padding:25px}
  
  .accident_plan_icon{width:100px}
  .accident_plan_icon img {width: 35%;height: 35%;}
  /* 교정 · 재활 도수치료 */
  .manual_intro{grid-template-columns:1fr;gap:35px;}
  .manual_img{border-radius:16px;}
  .manual_point{width:100%;}
  .manual_process_list{grid-template-columns:repeat(1,1fr);gap:28px 12px;}
  .manual_process_img{border-radius:12px;}
  .manual_process_txt{margin-top:20px}

  /* 도수치료 특징 */
  .manual_feature{background-size:auto 100%;background-attachment:scroll;}
  .manual_feature_wrap{grid-template-columns:1fr;gap:0px;}
  .manual_feature_head{padding-bottom:0;position:relative;top:auto;}
  .manual_feature_list{border:0;padding-top:30px}
  .manual_feature_list:before{display:none;}
  .manual_feature_item,
  .manual_feature_item:nth-child(2n){display:grid;grid-template-columns: 35% 60%;padding: 20px 0;flex-direction:initial;gap:0 20px;border-bottom:1px solid rgba(255,255,255,.25);}
  .manual_feature_img,
  .manual_feature_txt{width:100%;text-align:left;}
  .manual_feature_head p{font-size:14px;line-height:1.6}
  .manual_feature_item p {margin-top: 4px;}
  /* 병원 둘러보기 */
  .tour_head{display:block;}
  .tour_control{justify-content: flex-start;margin-top: 30px;}
  .tour_swiper{overflow:visible;}
  .tour_prev, .tour_next{width:30px;height:30px}
  .tour_prev i, .tour_next i{width:8px;height:8px}
  /* 오시는 길 */
  .location_wrap{grid-template-columns:1fr;gap:40px;}
  .location_map{aspect-ratio:1/1;}
  .location_time_list>div{grid-template-columns:96px 1fr;}

  .location_link{font-size:15px}
  .location_link img{width:15px;}
  .location_exit i{width:22px;height:22px;line-height:22px}
  .location_parking{gap:0 4px}
  .location_parking img{width:19px}
  .location_info_tit{padding-left:0;}
  
  .location_time_list dt, .location_time_list dd{font-size:15px}
  .location_time_list dd>small {margin-top: 0px;font-size: 14px;}
  .location_time_list dd>small img{width:14px}
  .location_phone_number strong{font-size:28px}
  .location_phone_number img{width:22px}
  /* FAQ */
  .faq_question{padding:15px;border-radius:10px;}
  .faq_question i{display:none;}
  .faq_answer_txt li{font-size:14px}
  .faq_answer_inner{padding:13px;}
  .faq_answer_txt p{font-size:14px}

  /* 모바일에서 AOS 요소 숨는 것 방지 */
  [data-aos]{opacity:1!important;transform:none!important;transition:none!important;}
}