.index{}
.center{text-align:center;}
.main_tit{}
.main_tit h2{font-weight:300}
.main_tit h2 strong{font-weight:bold}
.main_tit p{}
.clip_left{opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.22,1,.36,1),opacity .3s;}
.clip_left.clip_on{opacity:1;clip-path:inset(0 0 0 0);}
/* 메인비쥬얼 */
.visual{width:100%;height:100vh;background:#000;position:relative;}
.visual_cont{width:100%;height:100%;}
.visual_img{width:100%;height:100%;opacity:0.6}
.visual_img img{width:100%;height:100%;object-fit:cover;}
.visual_txt{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);z-index:100;text-align:center;width:100%;}
.visual_txt h1{font-size:70px;font-weight:200;line-height:1.2;}
.visual_txt p{}

.visual_txt h1,.visual_txt p{opacity:0;transform:translateY(80px) scale(.85);transform-origin:center bottom;animation:visualUp 1s cubic-bezier(.22,1,.36,1) forwards;}
.visual_txt p{animation-delay:.35s;}

@keyframes visualUp{
  to{opacity:1;transform:translateY(0) scale(1);}
}

.visual_link{z-index:0;position:absolute;width:100%;bottom:0;;}
.visual_link:before{z-index:-1;content:"";background: rgb(115 17 17 / 70%);position:absolute; width:calc((100% - 1500px) / 2);height:100%;left:0;top:0;backdrop-filter:blur(5px);}
.visual_link:after{z-index:-1;content:"";background: rgb(0 0 0 / 70%);position:absolute; width:calc((100% - 1500px) / 2);height:100%;right:0;top:0;backdrop-filter:blur(5px);}
.visual_link .ctt{width:1500px;display:grid;grid-template-columns:repeat(4, 1fr)}
.visual_link_area{backdrop-filter:blur(5px);position:relative;padding:30px 40px}
.visual_link_area:nth-child(1){background: rgb(115 17 17 / 70%);padding-left:0;}
.visual_link_area:nth-child(2){background: rgb(26 60 111 / 70%)}
.visual_link_area:nth-child(3){background: rgb(26 77 44 / 70%)}
.visual_link_area:nth-child(4){background: rgb(0 0 0 / 70%);padding-right:0}
.visual_link_area a{display:block;}
.visual_link_txt{}
.visual_link_txt h4{}
.visual_link_txt h4 b{color:#ffdd53}
.visual_link_txt h4 img{margin:0 6px;width:26px;}
.visual_link_txt p{font-weight:300;display:flex;align-items:Center;gap:0 6px}
.visual_link_txt p img{transition:all .5s;width:14px;filter:invert(1)}
.visual_link_img{position:absolute;right:20px;bottom:0;width: 110px;}
.visual_link_img2{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:50px;}

.visual_link_area:hover .visual_link_txt p img{margin-left:30px;}

/* 인사말 */
.greet{display:flex;align-items:flex-start;min-height:100vh;background:#fdfbf1;position:relative;z-index:0;}
.gr_bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;    mix-blend-mode:darken;z-index: -1;opacity: 0.2;}
.gr_img{position:relative;width:calc((100% - 1400px) / 2 + (1400px / 3));height:100vh;overflow:hidden;}
.gr_img img{display:block;width:100%;height:100%;object-fit:cover;}
.gr_txt{width:calc((100% - 1400px) / 2 + (1400px / 2));padding:180px max(7vw,80px);box-sizing:border-box;}

.gr_txt_inner{}
.gr_txt_inner h4{line-height:1.4;font-weight:600}
.gr_txt_inner p{font-weight:400;line-height:1.6;}
.gr_name{font-weight:600;display:flex;align-items:end;gap:0 5px}
.gr_name img{margin-right:5px;width:110px}
.gr_name i{padding:0px 8px;font-size: 16px;border-radius: 100px;position: relative;
 top: -6px;}

/* 의료진 소개 */
.doctor{position:relative;z-index:0}
.doctor:before{z-index:-1;position:absolute;width:100%;height:69%;background:#f8f8f8;bottom:0;content:"";}
.doc_cont{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;}
.doc_name span{font-weight:300}
.doc_txt{width:50%;}
.doc_txt ul{display:flex;flex-direction:column;gap:6px 0}
.doc_txt li{display:flex;align-items:center;gap:0 8px}
.doc_img{width:45%;position:sticky;top:130px;left:0;}
.medal{position:absolute;width:150px;top:0;right:30px;}
.doc_bg{width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:15px;}
.doc_profile{margin:0 auto;display:block;width:85%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.doc_img ul{background:#fff;display:flex;position:absolute;bottom:0;left:0;width:100%;line-height:1.3;border-radius:0 0 15px 15px;overflow:hidden;}
.doc_img ul li{width:50%;text-align:center;padding:20px 0;}
.doc_img ul li:nth-child(1){background:#132632}
.doc_img ul li:nth-child(2){background:#264050}
.doc_img ul li b{font-size:22px;color:#d5ffbb}
.doc_img ul li i{margin-left:5px;font-size:15px}
.thesis{width:100%;}
.thesis ul{display:flex;flex-direction:column;gap:5px 0;}
.thesis ul li{font-size:15px;display:flex;align-items:center;gap:0 8px}
/* 포인트 */
.point{background:url('../index/images/point_bg.png')no-repeat #f8f8f8;background-size:100%;background-position:bottom;}
.point .ctt{}
.point .ctt ul{display:flex;gap:15px;}
.point .ctt li{position:relative;display:flex;flex:1;height:300px;padding:40px;box-sizing:border-box;overflow:hidden;border-radius:15px;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:flex .6s cubic-bezier(.22,1,.36,1);}
.point .ctt li:before{z-index:1;content:"";position:absolute;width:100%;height:100%;left:0;top:0;opacity: 0.8;background:rgb(0 0 0 / 45%);}
.point .ctt li.on:before{background: linear-gradient(45deg, #1b5176, #8f0020);}
.point .ctt li>img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.point .ctt li>span,.point .ctt li>strong,.point .ctt li>p{z-index:2;position:relative;display:block;line-height:1.4;}
.point .ctt li>p{max-height:0;margin-top:0;opacity:0;overflow:hidden;transform:translateY(20px);transition:max-height .5s ease,margin-top .5s ease,opacity .35s ease,transform .5s ease;}
.point .ctt li:hover,.point .ctt li.on{flex:2;}
.point .ctt li:hover>img,.point .ctt li.on>img{transform:scale(1.08);}
.point .ctt li:hover>p,.point .ctt li.on>p{max-height:80px;margin-top:10px;opacity:1;transform:translateY(0);}

/* 장비소개 */
.equ{overflow:hidden;position:relative;}
.equ:before,.equ:after{content:"";position:absolute;top:0;width:1px;height:100%;background:rgba(0,0,0,.08);pointer-events:none;}
.equ:before{left:27%;}
.equ:after{right:27%;}
.equ_swiper{position:relative;width:100%;overflow:visible;}
.equ .swiper-slide{transition:opacity .6s ease;}
.equ_img{position:relative;display:flex;align-items:center;justify-content:center;}
.equ_img:before{z-index:-1;content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#eef3f7;opacity:0;transform:scale(.4);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.equ_img img{display:block;width:90%;margin:0 auto;object-fit:contain;transform:scale(.85);transition:transform .7s cubic-bezier(.22,1,.36,1);}
.equ_txt{opacity:0;transform:translateY(25px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);}
.equ_txt h3{display:flex;align-items:center;justify-content:center;gap:0 6px}
.equ_txt h3 i{font-size: 28px;background:#000;color:#fff;font-weight:500;padding:0px 10px;border-radius: 100px;line-height:1.4;}
.equ .swiper-slide-active{}
.equ .swiper-slide-active .equ_img:before{opacity:1;transform:scale(1);}
.equ .swiper-slide-active .equ_img img{transform:scale(1);}
.equ .swiper-slide-active .equ_txt{opacity:1;transform:translateY(0);}

.equ_btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%;display:flex;justify-content:space-between;z-index:100;}
.equ_btn button{border:0;background:#000;width:80px;height:80px;border-radius:80px;display:flex;align-items:center;justify-content:center}
.equ_btn button img{filter:invert(1);width:15px;}

/* 척추관절클리닉 */
.sj{overflow:hidden;background:#f8f8f8;}
.sj_tab{position:relative;z-index:2;display:flex;width:40%;margin-right:auto;margin-left:auto;}
.sj_tab button{width:50%;height:72px;border:0;border-radius:20px 20px 0 0;background:#e5e5e5;opacity:.5;font-size:32px;font-weight:300;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;}
.sj_tab button b{font-weight:700;}
.sj_tab button.on{background:#8f0020;color:#fff;opacity:1;}
.sj .ctt{display:flex;min-height:500px;box-sizing:border-box;overflow:hidden;border-radius:25px;background:#fff;}
.sj_txt_box{padding:70px;}
.sj_txt{width:60%;}
.sj_txt h3{line-height:1.4;}
.sj_txt strong{display:block;}
.sj_txt strong img{vertical-align:middle;width: 20px;position: relative;top: -2px;filter: brightness(0);opacity: 0.1;}
.sj_txt>[data-clinic]{display:none;}
.sj_txt>[data-clinic].on{display:block;}
.sj_txt [data-role="disease-tab"]{display:flex;gap:10px;flex-wrap:wrap;}
.sj_txt [data-role="disease-tab"] button{min-width:125px;height:auto;padding:8px 20px;border:1px solid #8f0020;border-radius:30px;background:#fff;color:#8f0020;font-size:22px;cursor:pointer;transition:background .3s ease,color .3s ease;}
.sj_txt [data-role="disease-tab"] button b{font-weight:700;}
.sj_txt [data-role="disease-tab"] button.on{background:#8f0020;color:#fff;}
.sj_img{position:relative;width:40%;min-height:100%;overflow:hidden;--body-x:0px;--body-y:35px;--body-scale:1;--pin-x:55%;--pin-y:22%;--card-y:24%;}
.sj_img>[data-role="body"]{position:absolute;width:92%;height:125%;right:0;top:0;z-index:1;object-fit:contain;object-position:center top;opacity:0;visibility:hidden;transform:translate3d(var(--body-x),var(--body-y),0) scale(var(--body-scale));transform-origin:center top;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility .35s ease;will-change:transform;}
.sj_img>[data-role="body"].on{opacity:1;visibility:visible;}
.sj_img>[data-role="body"]{transform:translate3d(var(--body-x),var(--body-y),0) scale(var(--body-scale));transform-origin:center top;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .35s ease;will-change:transform;}
.sj_img>[data-role="pin"]{left:var(--pin-x);top:var(--pin-y);transition:left .8s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1);}
.sj_img>[data-detail]{position:absolute;z-index:4;width:fit-content;left:calc(var(--pin-x) + 35px);top:var(--card-y);box-sizing:border-box;border-radius:20px;background:#8f0020;opacity:0;pointer-events:none;transform:translateX(35px);transition:left .8s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1),opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1);}
.sj_img>[data-detail].on{opacity:1;pointer-events:auto;transform:translateX(0);}
.sj_img>[data-detail]:before{content:"";position:absolute;width: 36px;height: 30px;left: -18px;top:0;background:#8f0020;clip-path:polygon(0 0,100% 0,100% 100%);}
.sj_detail_txt{padding:20px;}
.sj_detail_txt strong{background:#fff;color:#8f0020;padding:3px 8px;border-radius:100px}
.sj_detail_txt p{font-size:15px}


.sj_img>[data-role="pin"]{position:absolute;left:var(--pin-x);top:var(--pin-y);z-index:3;width:18px;height:18px;padding:0;border:4px solid #fff;border-radius:50%;background:#8f0020;box-shadow:0 0 0 0 rgb(143 0 32 / 40%);transform:translate(-50%,-50%);animation:sjPin 1.8s infinite;pointer-events:none;transition:left .8s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1);}
@keyframes sjPin{
  0%{box-shadow:0 0 0 0 rgb(143 0 32 / 40%);}
  70%{box-shadow:0 0 0 15px rgb(143 0 32 / 0%);}
  100%{box-shadow:0 0 0 0 rgb(143 0 32 / 0%);}
}

/* 비수술 치료 클리닉 */
.non{position:relative;background:url('../index/images/non_bg.jpg')no-repeat;background-size:cover;background-attachment:Fixed;}

.non_tab{border-bottom:1px solid rgba(255,255,255,0.5);position:sticky;top:86px;z-index:10;}
.non_tab{border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:86px;z-index:10;transition:background .3s,border-color .3s,box-shadow .3s;}
.non_tab.active{background:#103a60}
.non_tab>[data-role="tab"]{display:flex;}
.non_tab>[data-role="tab"] button{position:relative;flex:1;height:72px;border:0;background:none;color:#fff;opacity:.45;font-size:18px;font-weight:400;cursor:pointer;transition:opacity .3s ease;}
.non_tab>[data-role="tab"] button:after{content:"";position:absolute;width:0;height:4px;left:50%;bottom:0;background:#fff;transform:translateX(-50%);transition:width .4s cubic-bezier(.22,1,.36,1);}
.non_tab>[data-role="tab"] button.on{opacity:1;font-weight:bold}
.non_tab>[data-role="tab"] button.on:after{width:100%;}

.non_cont{position:relative;}
.non_cont >[data-role="content"]{display:grid;grid-template-columns:45% 55%;}

.non_img{position:sticky;top:130px;height:100vh;margin-left:calc((1400px - 100vw) / 2);overflow:hidden;}
.non_img img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;clip-path:inset(100% 0 0 0);will-change:clip-path;}
.non_txt>[data-non]{display:flex;min-height:80vh;padding:100px;padding-right:0;box-sizing:border-box;justify-content:center;flex-direction:column;}
.non_tit p b{color:#afdeff}
.m_non_img{display:none;}
/* 비수술 치료 질환 종류 */

.non_txt [data-role="tag"]{width:100%;overflow:hidden;}
.non_txt [data-role="tag_track"]{display:flex;width:max-content;animation:nonTag var(--tag-speed,18s) linear infinite;will-change:transform;}
.non_txt [data-role="tag_group"]{display:flex;gap:10px;padding-right:10px;flex-shrink:0;}
.non_txt [data-role="tag"] span{display:block;padding:8px 22px;border-radius:30px;background:#fff;color:#002060;font-size:18px;font-weight:700;white-space:nowrap;}

@keyframes nonTag{
  to{transform:translateX(-50%);}
}

/* 비수술 치료 장점 */
.non_txt [data-role="feature"]{display:grid;gap:15px;grid-template-columns:repeat(2,1fr);}
.non_txt [data-role="feature"]>div{min-height:200px;padding:30px;box-sizing:border-box;border-radius:15px;background:rgb(255 255 255 / 15%);position:relative;}
.non_txt [data-role="feature"]>div p{margin-top:5px;font-size:15px}
.non_txt [data-role="feature"]>div img{filter:invert(1);width:60px;display:block;position:absolute;right:30px;bottom:30px;}

.manual_step_wrap{}
.manual_step{}
.manual_step ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.manual_step ul li{position:relative;border-radius:15px;overflow:hidden;background:#fff;}
.manual_step ul li img{width:100%;}
.manual_step ul li span{position: absolute;left: 10px;width: 30px; height: 30px;background: #164770;display: flex;align-items: center;justify-content: center;font-weight: 900;color: #fff;border-radius: 100px;border: 2px solid #fff;top: 5px;}
.manual_step ul li p{text-align:center;padding:10px 0;color: #13436b;font-weight: 600;}

.iv_section{overflow:hidden;padding:30px 0}
.iv_slide{overflow:visible}
.iv_slide .swiper-wrapper{transition-timing-function:linear!important}
.iv_slide img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
.iv_slide h3{line-height:1.3;margin:18px 0 0;font-size:18px;font-weight:600;color:#fff;font-weight:500;text-align:center}
/* 교통사고 클리닉 */
.accident{}
.accident_top {position:relative;z-index:0;}
.accident_top_ctt{display:grid;grid-template-columns:38% 55%;align-items:start;justify-content:space-between;}
.accident_top:before{content:"";width:100%;z-index:-1;position:absolute;bottom:0;left:0;background: #f0f6fb;height:67.5%;}
.accident_img{overflow:hidden;border-radius:20px;}
.accident_img img{display:block;width:100%;height:100%;object-fit:cover;}
.accident_txt{}
.accident_plan [data-role="plan"]{display:grid;gap:20px;grid-template-columns:repeat(6,1fr);}
.accident_plan [data-role="plan"]>div{overflow:hidden;border-radius:15px;background:#fff;text-align:center;position:relative;}
.accident_plan [data-role="plan"] img{display:block;width:100%;height:130px;object-fit:cover;}
.accident_plan [data-role="plan"] strong{display:block;padding:18px 10px;}
.accident_plan [data-role="plan"] i{background: #000000;color: #fff;border-radius: 50px;padding: 3px 10px;font-size: 14px;font-weight: 500;position: absolute;z-index: 9;top: 115px;width: fit-content;white-space: nowrap;left: 50%;transform: translateX(-50%);}

.accident_bottom .ctt{display:grid;grid-template-columns:48% 46%;align-items:center;justify-content:space-between;}
.accident_bottom h3{line-height:1.4;}
.accident_bottom h3 b{display:inline;}
.accident_bottom h3 b span{position:relative;display:inline-block;z-index:0;}
.accident_bottom h3 b span:after{content:"";position:absolute;width:100%;height:10px;left:0;bottom:6px;z-index:-1;background:rgb(255 116 147 / 25%);transform:scaleX(0);transform-origin:left center;transition:transform 1s cubic-bezier(.22,1,.36,1);}
.accident_bottom.on h3 b span:after{transform:scaleX(1);}

.accident_bottom [data-role="symptom"]{display:grid;gap:15px;}
.accident_bottom [data-role="symptom"]>div{position:relative;display:grid;padding:20px 40px;box-sizing:border-box;border-radius:50px;background:#f1f1f1;grid-template-columns:42% 58%;align-items:center;}


.accident_bottom strong{display:flex;align-items:center;gap:0 8px}
.accident_bottom strong img{width:26px}


/* 교통사고 후유증 종류 */
.accident_case{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;}
.accident_case_item{position:relative;height:500px;overflow:hidden;}
.accident_case_item:before{content:"";position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background:rgb(0 0 0 / 25%);transition:background .5s ease;}
.accident_case_item>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);}
.accident_case_txt{position:absolute;z-index:2;width:100%;left:0;bottom:0;padding:35px;box-sizing:border-box;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.accident_case_txt p{max-height:0;margin-top:0;opacity:0;overflow:hidden;transform:translateY(30px);transition:max-height .6s ease,margin-top .5s ease,opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1);}
.accident_case_item:hover:before{background:rgb(0 0 0 / 65%);}
.accident_case_item:hover>img{transform:scale(1.07);}
.accident_case_item:hover .accident_case_txt{transform:translateY(-10px);}
.accident_case_item:hover .accident_case_txt p{max-height:150px;margin-top:15px;opacity:1;transform:translateY(0);}

/* 병원 둘러보기 */
.tour{display:grid;grid-template-columns:50% 50%;overflow:hidden;}
.tour_txt{display:flex;min-width:0;padding-right:70px;padding-left:calc((100vw - 1400px) / 2);box-sizing:border-box;align-items:center;}
.tour_txt_inner{width:100%;min-width:0;}
.tour_control{display:flex;gap:12px;align-items:center;}
.tour_prev,.tour_next{display:flex;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#fff;border:1px solid #000;align-items:center;justify-content:center;cursor:pointer;}
.tour_prev svg,.tour_next img{width:10px}
.tour_count{display:flex;gap:5px;align-items:center;}
.tour_thumb{width:85%;margin-left:0 !Important;overflow:hidden;}
.tour_thumb .swiper-slide{overflow:hidden;border-radius:10px;opacity:.35;cursor:pointer;transition:opacity .3s ease;}
.tour_thumb .swiper-slide-thumb-active{opacity:1;}
.tour_thumb .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.tour_img{width:100%;}
.tour_img .swiper-slide{overflow:hidden;}
.tour_img .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.2s cubic-bezier(.22,1,.36,1);    aspect-ratio: 5 / 3;}
.tour_img .swiper-slide-active img{transform:scale(1);}


/* 진료시간 및 오시는 길 */
.location{border-top:1px solid #e4e4e4}
.location .ctt{display:flex;justify-content:space-between;}
.location_map{width:45%;position:relative;overflow:hidden;}
.location_map>img{display:block;width:100%;object-fit:cover;}
.location_map div{padding:20px 30px;display:flex;gap:0 8px;}
.location_map div img{width:30px;}
.location_map div p{font-weight:bold;}
.location_map div p b{background:#fff;border-radius:100px;padding:2px 10px;font-size:18px;}
.location_txt{width:45%;}
.location_txt_inner{width:100%;}
.location_address{}
.location_address p{display:flex;align-items:center;gap:0 5px;font-weight:500}
.location_address p i{width:20px;height:20px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:13px;border-radius:100px}
.location_link{display:flex;gap:10px;}
.location_link a{min-width:170px;padding:14px 20px;box-sizing:border-box;border-radius:8px;background:#f3f3f3;font-size:18px;font-weight:500;text-align:center;text-decoration:none;transition:background .3s ease,color .3s ease;display:flex;align-items:center;gap:0 8px;justify-content:center;}
.location_link a img{width:20px;border-radius: 5px;}
.location_link a:hover{background:#002060;color:#fff;}
.location_time h3 span{display: inline-block;margin-left: 6px;padding: 2px 14px;border-radius: 20px;background: #002060;font-size: 19px;vertical-align: middle;position: relative;top: -2px;}
.location_time h3 img{width:19px;margin:0 3px;position:relative;top:-1px;}
.location_time h3 b{color:#ffd241}
.location_row{display:grid;grid-template-columns:110px 1fr;}
.location_row small{font-size:16px;}
.location_notice{display:inline-block;padding:5px 10px;border-radius:5px;background:rgb(247 122 150 / 10%);color:#8f0020;}
.location_tel>a{position:relative;display:block;color:#000;text-decoration:none;display:flex;align-items:center;gap:0 10px}
.location_tel>a img{width:36px;}


/* 자주 묻는 질문 */
.faq{background:#f7f7f7}
.faq .ctt{display:grid;grid-template-columns:35% 60%;justify-content:space-between;}
.faq_item{margin-top:15px;overflow:hidden;border-radius:30px;background:#fff;}
.faq_item:first-child{margin-top:0;}
.faq_q{display:flex;width:100%;min-height:70px;padding:15px 25px 15px 30px;border:0;background:#fff;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;}
.faq_icon{position:relative;width:18px;height:18px;border-radius:50%;background:#000;flex-shrink:0;}
.faq_icon:before,.faq_icon:after{content:"";position:absolute;width:8px;height:2px;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;}
.faq_icon:after{transform:translate(-50%,-50%) rotate(90deg);}
.faq_item.on .faq_icon:after{opacity:0;transform:translate(-50%,-50%) rotate(0);}
.faq_a{display:none;padding:0 30px 25px;}
.faq_a p{padding-top:20px;border-top:1px solid rgb(0 0 0 / 10%);}
@media screen and (max-width:1400px){
  .non_img{margin-left:0;}
}

@media screen and (max-width:768px){
  .index{margin-top:86px;}
  .main_tit p{font-size:14px}
  
   /* 메인 비주얼 */
  .visual{height:550px;}
  .visual_txt{top:40%;padding:0 20px;box-sizing:border-box;}
  .visual_txt h1{font-size:30px}

  .visual_link{bottom:0;}
  .visual_link:before,.visual_link:after{display:none;}
  .visual_link .ctt{display:grid;width:100%;grid-template-columns:1fr;}
  .visual_link_txt{text-align:center;}
  .visual_link_txt h4 img{width:17px;}
  .visual_link_txt p{justify-content:center;margin-top: 3px;}
  .visual_link_area{min-height:90px;padding:20px!important;}
  .visual_link_area:nth-child(1){display:none;}
  .visual_link_area:nth-child(4){display:none;}
  

  /* 인사말 */
  .greet{display:block;min-height:0;}
  .gr_bg{height:100%;}
  .gr_img{width:100%;height:auto;max-height:500px;}
  .gr_img img{width:100%;height:auto;object-fit:cover;}
  .gr_txt{width:100%;padding:80px 20px;}
  .gr_name{flex-wrap:wrap;}
  .gr_name img{width:70px}
  .gr_name i{font-size:13px;}
  
  /* 의료진 */
  .doctor .main_tit{text-align:Center;}
  .doctor:before{height:80%}
  .doc_cont{margin-top:60px;flex-direction:column-reverse;}
  .doc_img{width:100%;top:0;position:relative}
  .medal {width: 88px;top: 0;right: 10px; z-index: 99;}
  .doc_img ul li b{font-size:18px}
  .doc_txt{width:100%;margin-top:30px}
  .doc_career {margin-top:30px}
  .doc_txt ul{font-size:14px;}
  .thesis ul li {font-size: 13px;align-items: start;}
  
  /* 포인트 */
  .point .ctt ul{display:grid;gap:12px;grid-template-columns:1fr ;}
  .point .ctt li{height:240px;padding:25px;}
  .point .ctt li.on,
  .point .ctt li:hover{flex:initial;}
  .point .ctt li>p{max-height:none;opacity:1;transform:none;}
  .point .ctt li:hover>img,
  .point .ctt li.on>img{transform:none;}

  /* 의료장비 */
  .equ_img:before{width:250px;height:250px;}
  .equ_img img{width:100%}
  .equ_btn{width:90%}
  .equ_btn button{width:35px;height:35px}
  .equ_btn button img{width:10px}
  .equ_txt{padding:0 5%}
  .equ_txt h3 i {font-size: 14px;}
  .equ_txt p br{display:none;}
  /* 척추·관절 클리닉 */
  .sj_tab{width:90%;}
  .sj_txt h3 br{display:none;}
  .sj_txt p br{display:none}
  .sj_txt strong{font-size:14px}
  .sj_txt strong img{width:14px}
  .sj_txt [data-role="disease-tab"]{gap:6px}
  .sj_txt [data-role="disease-tab"] button{font-size: 14px;padding: 5px 9px;width: 31%;}
  .sj_tab button{height:45px;font-size:22px;}
  .sj .ctt{display:flex;min-height:0;flex-direction:column;border-radius:15px;}
  .sj_txt{order:1;width:100%;}
  .sj_txt_box{padding:35px 25px;}
  .sj_txt [data-role="disease-tab"] button{min-width:0;}
  .sj_img{order:2;width:320px;height:320px;margin:0 auto;min-height:0;}
  .sj_img>[data-role="body"]{width:100%;height:110%;}
  
  .sj_detail_txt{padding:10px;}
  .sj_detail_txt strong{font-size:14px}
  .sj_detail_txt p{font-size:13px;}
  
  .sj_img>[data-detail]:before {z-index: -1;width: 26px;height: 39px;left: -8px;}
  /* 비수술 치료 */
  .non{background-attachment:scroll;}
  .non_tab{top:111px;}
  .non_tab>[data-role="tab"]{flex-wrap:wrap;}
  .non_tab>[data-role="tab"] button{min-width:25%;height:50px;white-space:nowrap;font-size:13px;}
  .non_cont>[data-role="content"]{display:flex;flex-direction:column;}
  .non_img{display:none}
  .m_non_img{display:block;width:100%;border-radius:20px;height:90vw;object-fit: cover;}
  .non_txt{width:100%;}
  .non_tit{margin-top:30px}
  .non_txt>[data-non]{display:flex;min-height:0;padding:50px 0;flex-direction:column;}
  .non_txt [data-role="feature"]{grid-template-columns:1fr 1fr;}
  .non_txt [data-role="feature"]>div{min-height: auto;padding: 15px;text-align: center;}
  .non_txt [data-role="feature"]>div img{width: 45px; position: relative; margin: 0 auto;right: auto;bottom: auto;margin-top:8px}
  .non_txt [data-role="feature"]>div p{font-size:12.5px}
  .non_txt [data-role="feature"]>div p br{display:none;}
  .non_txt [data-role="tag"] span{font-size:16px;padding:5px 12px;}

  
  /* 교통사고 상단 */
  .accident_top:before{height:85%;}
  .accident_top_ctt{display:flex;flex-direction:column;gap:35px;}
  .accident_img,.accident_txt{width:100%;}
  .accident_plan [data-role="plan"]{grid-template-columns:repeat(2,1fr);}
  .accident_plan [data-role="plan"] img{height:110px;}
  .accident_plan [data-role="plan"] i{top:96px;font-size:11.5px}

  .manual_step ul{grid-template-columns:repeat(2, 1fr);}
  .iv_slide h3{font-size:15px;}
  /* 교통사고 증상 */
  .accident_bottom .ctt{display:flex;flex-direction:column;gap:40px;align-items: start;}
  .accident_bottom h3,
  .accident_bottom [data-role="symptom"]{width:100%;}
  .accident_bottom [data-role="symptom"]>div{padding:15px 22px;border-radius:30px;grid-template-columns:1fr;}

  .accident_bottom strong img {width: 20px;}
  .accident_plan [data-role="plan"] strong{font-size:15px;padding:10px 0;}
  /* 교통사고 후유증 */
  .accident_case{grid-template-columns:1fr;}
  .accident_case_item{height:320px;}
  .accident_case_txt{padding:20px;}
  .accident_case_item:hover .accident_case_txt{transform:none;}
  .accident_case_item:hover {}
.accident_case_txt p {max-height: fit-content;
    height:auto;opacity: 1;overflow: hidden;transform: translateY(0px);margin-top:10px }
  .accident_case_item:hover .accident_case_txt p{margin-top:10px}
  /* 병원 둘러보기 */
  .tour{display:flex;flex-direction:column;}
  .tour_txt{width:100%;padding:70px 20px;}
  .tour_thumb{width:100%;}
  .tour_img{width:100%;}
  .tour_prev, .tour_next{width:35px;height:35px}
  .tour_prev img, .tour_next img{width:10px}
  /* 진료시간·오시는 길 */
  .location .ctt{display:flex;flex-direction:column;gap:40px;}
  .location_map,.location_txt{width:100%;}
  .location_map div{padding:15px 10px;gap:0 3px}
  .location_map div p b{font-size:14px}
  .location_map div img{width:20px;}
  .location_link{flex-wrap:wrap;}
  .location_link a{padding:10px;flex:1;gap:0 4px;font-size:13px;min-width:0;}
  .location_link a img{width:14px}
  .location_time h3 span{font-size:14px}
  .location_time h3 span img{width:14px;}
  .location_row small {font-size: 13px;}
  .location_notice{font-size:13px;}
  .location_tel>a img{width:30px}
  .location_tel>a{font-size:30px}
  
  /* FAQ */
  .faq{padding:50px 0}
  .faq .ctt{display:flex;flex-direction:column;gap:35px;}
  .faq_item{border-radius:18px;}
  .faq_q{min-height:60px;padding:15px 20px;}
  .faq_a{padding:0 20px 20px;}
  
}