.index{}
.news_swiper .swiper-slide br{display:none !important}
/* 공통 */
.main_tit h2{font-weight:200}
.main_tit h2 b{font-weight:bold}
.main_tit_center{text-align:center;}
/* 메인비쥬얼 */
.main_visual{position:relative;width:100%;height:100vh;min-height:750px;overflow:hidden;}
.visual_img{display:block;width:100%;height:100%;object-fit:cover;}
.visual_dim{position:absolute;inset:0;background:rgba(0,20,35,.6);mix-blend-mode: hard-light;}

.visual_txt{position:absolute;left:50%;top:45%;width:100%;text-align:center;color:#fff;transform:translate(-50%,-50%);z-index:2;}

/* 비쥬얼 텍스트 */
.visual_top{position:relative;display:inline-block;font-weight:600;opacity:0;transform:translateY(20px);}
.visual_top em{font-weight:900;color:#c3efff;}
.visual_top:after{content: "";position: absolute;left: 0;bottom: 21px;width: 0;height: 15px;background: rgba(255, 255, 255, 0.4);z-index: -1;}
.visual_title{display:flex;justify-content:center;font-size:80px;font-weight:700;line-height:1.2;overflow:hidden;}
.visual_title span{display:block;letter-spacing:-3px;opacity:0;transform:translateY(100%);}
.visual_desc{font-weight:500;opacity:0;transform:translateY(30px);}


/* 텍스트 애니메이션 */
.main_visual .visual_top{animation:fadeUp .7s .3s forwards;}
.main_visual .visual_top:after{animation:line .8s .8s forwards;}

.main_visual .visual_title span{animation:titleUp .7s forwards;}
.main_visual .visual_title span:nth-child(1){animation-delay:.8s;}
.main_visual .visual_title span:nth-child(2){animation-delay:.85s;}
.main_visual .visual_title span:nth-child(3){animation-delay:.9s;}
.main_visual .visual_title span:nth-child(4){animation-delay:.95s;}
.main_visual .visual_title span:nth-child(5){animation-delay:1s;}
.main_visual .visual_title span:nth-child(6){animation-delay:1.05s;}
.main_visual .visual_title span:nth-child(7){animation-delay:1.1s;}
.main_visual .visual_title span:nth-child(8){animation-delay:1.15s;}
.main_visual .visual_title span:nth-child(9){animation-delay:1.2s;}
.main_visual .visual_title span:nth-child(10){animation-delay:1.25s;}

.main_visual .visual_desc{animation:fadeUp .7s 1.5s forwards;}


@keyframes fadeUp{
  to{opacity:1;transform:translateY(0);}
}
@keyframes titleUp{
  to{opacity:1;transform:translateY(0);}
}
@keyframes line{
  to{width:100%;}
}

/* 스크롤 애니메이션 */
.visual_scroll{position:absolute;left:50%;bottom:80px;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);z-index:5;}
.visual_scroll i{position:relative;display:block;width:2px;height:50px;margin-bottom:15px;background:rgba(255,255,255,.3);overflow:hidden;}
.visual_scroll i:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:#fff;animation:scrollLine 1.8s infinite;}

@keyframes scrollLine{
  0%{transform:translateY(0);}
  100%{transform:translateY(200%);}
}


/* 소식안내 */
.news{overflow:hidden;position:relative;z-index:0;width:100%;}
.news_bg{position:absolute;top:50%;left:0;transform:translateY(-50%);opacity: 0.03;
  filter: blur(3px);width:120%;z-index:-1;}
.news_head{display:flex;align-items:flex-end;justify-content:space-between;}

.news_control{display:flex;align-items:center;gap:25px;}
.news_control button{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;width: 46px;height: 46px;background: #214099;justify-content: center;border-radius: 40px;}
.news_control button img{display:block;filter:invert(1);width:15px;height:15px;object-fit:contain;}


.news_progress{position:relative !important;width:160px !important;height:5px !important;background:#e5e5e5 !important;border-radius:100px;overflow:hidden;}
.news_progress .swiper-pagination-progressbar-fill{background:#214099 !important;}

.news_swiper .swiper-slide{overflow:hidden;}
.news_swiper .swiper-slide a{display:block;}
.news_swiper .swiper-slide img{display:block;width:100%;object-fit:cover;transition:transform .5s ease;border-radius:15px;}
.news_swiper .swiper-slide a:hover img{transform:scale(1.04);}

/* 특별함 */
.special{padding-bottom:80px}
.special_box{position:relative;}
.special_box:before{position: absolute;top: 10%; left: 50%;transform: translateX(-50%); content: "";width: 110%;height: 100%;background: #f1f5ff;padding: 80px;border-radius: 15px;}
.special_swiper .swiper-slide{display:flex;justify-content:space-between;}

.special_img{width:40%;overflow:hidden;border-radius:15px;}
.special_img img{display:block;width:100%;height:100%;object-fit:cover;}

.special_cont{width:53%;padding-top:11%;}
.special_cont p{color:#111}

.special_right{width:45%;position:absolute;left:47%;bottom:0px;z-index:10;}

.special_nav{display:flex;align-items:center;gap:20px;}
.special_nav button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;width:40px;height:40px;background:#214099;border-radius:100px;justify-content:center;}
.special_nav button img{filteR:invert(1);display:block;width:13px;height:13px;object-fit:contain;}

.special_progress{position:relative !important;width:170px !important;height:3px !important;background:#ddd !important;}
.special_progress .swiper-pagination-progressbar-fill{background:#214099 !important}

.special_thumb{width:100%;}
.special_thumb .swiper-slide{cursor:pointer;}
.special_thumb .swiper-slide img{display:block;width:100%;height:100px;border-radius:12px;object-fit:cover;}
.special_thumb .swiper-slide p{text-align:center;transition:.3s;}
.special_thumb .swiper-slide-thumb-active p{color:#214099;}

/* 인사말 */
.greet{display:flex;align-items:start;justify-content:space-between;overflow:hidden;background-size:cover;background-attachment:fixed;}
.greet_img{width:45%;border-radius:15px;overflow:hidden;height:100%;position:sticky;top:0;left:0}
.greet_img img{display:block;width:100%;height:100%;object-fit:cover;}
.greet_cont{position:relative;display:flex;align-items:center;width:45%;overflow:hidden;}

.greet_txt{position:relative;width:100%;z-index:1;}
.greet_txt img{width:100%;filter:invert(1);}
.greet_txt h2{line-height:1.4;}
.greet_desc{padding-bottom:150px;}
.gr_name{display:flex;align-items:center;gap:0 15px;}
.gr_name img{width:120px;filter:invert(1)}

/* 의료진 소개 */
.doctor{display:flex;align-items:flex-start;}
.doctor_cont{width:50%;background:#f8f8f8}
.doctor:nth-child(2n) .doctor_cont{background:#fff}
.doctor_inner{width:70%;margin:0 auto;padding:180px 0;}
.specialty{border-top:1px solid #e4e4e4;padding-top:30px}
.doctor_inner .badge{position:absolute;right:0;top:173px;width:150px}
.doctor_inner h2 span{font-weight:300}
.doctor_history div{}
.doctor_history p{margin-bottom:10px;color:#222;}
.thesis p{display: flex;line-height: 1.5;gap: 0 5px;}
.thesis em{font-size:14px;font-weight:500;opacity:0.3;}
.thesis strong{font-weight:400;font-size:16px}
.doctor_img{background:url('../index/images/doc_bg.jpg')no-repeat;background-size:cover;position:sticky;top:0;width:50%;height:100vh;overflow:hidden;}
.doctor_img img{display: block;width: 85%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.doctor_img strong{position: absolute;left: 50px;bottom: 50px;width: 100%;line-height: 1;font-size: 6vw;font-weight: bold;color: #fff;opacity:0.3}

/* 척추관절클리닉 */
.sj{background: url(../index/images/sj_bg.jpg) no-repeat;background-attachment: scroll;background-size: cover;}
.sj_wrap{display:flex;align-items:flex-start;justify-content:space-between;}
.sj_left{width:48%;padding-top:60px;}
.sj_head{margin-bottom:80px}
.sj_right{position:relative;width:45%;}

.sj_guide{display:flex;align-items:center;gap:10px;}
.sj_guide img{width:18px;}

.sj_tab{padding:50px 0;padding-left:10px;border-bottom:2px solid rgba(255,255,255,0.5);opacity:.18;transition:.4s;cursor:pointer;}

.sj_tab.active{opacity:1;}
.sj_tab button{padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:0 10px;transition:all .5s;}
.sj_tab.active button{gap:0 40px}
.sj_tab button i{width:40px;height:40px;background:#fff;border-radius:35px;display:flex;align-items:center;justify-content:center;}
.sj_tab button img{width:8px;filter:brightness(0) saturate(100%) invert(22%) sepia(43%) saturate(2831%) hue-rotate(211deg) brightness(88%) contrast(95%);}
.sj_tab p{color:rgba(255,255,255,0.9)}

.sj_body{position:relative;display:none;}
.sj_body.active{display:block;animation:sjFadeUp .8s cubic-bezier(.22,1,.36,1) both;}

@keyframes sjFadeUp{
  from{opacity:0;transform:translateY(40px);}
  to{opacity:1;transform:translateY(0);}
}
.sj_img{display:block;width:100%;}

.sj_point{position:absolute;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:2;}
.sj_point i{position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background:#20bcec;transform:translate(-50%,-50%);z-index:2;}

.sj_point:before,
.sj_point:after{content:"";position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background:rgba(32,188,236,.5);transform:translate(-50%,-50%) scale(1);animation:pointRipple 2.4s ease-out infinite;pointer-events:none;}

.sj_point:after{animation-delay:1.2s;}

@keyframes pointRipple{
  0%{transform:translate(-50%,-50%) scale(1);opacity:.8;}
  70%{opacity:.4;}
  100%{transform:translate(-50%,-50%) scale(3);opacity:0;}
}

.point_neck{left:61%;top:15%;}
.point_back{left:55%;top:38%;}
.point_waist{left:59%;top:48%;}

.point_shoulder{left:23%;top:13%;}
.point_elbow{left:58%;top:17%;}
.point_knee{left:9%;top:50%;}
.point_foot{left: 32%;bottom: 26%;}
.sj_bubble{z-index:100;position:absolute;display:none;min-width:200px;padding:20px;border-radius:10px;background:#fff;box-sizing:border-box;}
.sj_bubble:after{content: "";position: absolute;right: -13px;bottom: 0;width: 30px;height: 30px;background: #fff;clip-path: polygon(0 0, 0 100%, 100% 100%);}
.bubble_neck:after{clip-path: polygon(0 0, 100% 0, 0 100%);bottom:auto;top:0;}
.bubble_shoulder:after{clip-path: polygon(0 0, 100% 0, 0 100%);bottom:auto;top:0;}
.bubble_elbow:after{clip-path: polygon(0 0, 100% 0, 0 100%);bottom:auto;top:0;}
.sj_bubble.active{display:block;}
.sj_bubble h3 span{font-weight:400;}
.sj_bubble p{background: #f6f6f6;padding: 7px 15px; border-radius: 5px;font-weight: 500;margin-bottom: 6px;}

.bubble_neck{left:23%;top:18%;}
.bubble_back{left: 19%;top: 13%;}
.bubble_waist{left: 21%;top: 28%;}
.bubble_shoulder{left:-14%;top:16%;}
.bubble_elbow{left:21%;top:20%;}
.bubble_knee{left: -25%;top: 28%;}
.bubble_foot{left: -3%;bottom: 29%;}


/* 주사치료 클리닉 */

.inj_tab{width:1000px;display:flex;justify-content:center;margin-left:auto;margin-right:auto;border-bottom:1px solid #ddd;}
.inj_tab button{position:relative;width:33.333%;padding-bottom:25px;border:0;background:none;color:#ccc;cursor:pointer;}
.inj_tab button:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:3px;background:#214099;transition:.4s;}
.inj_tab button.active{color:#214099;}
.inj_tab button.active:after{width:100%;}

.inj_cont{display:none;}
.inj_cont.active{display:block;animation:injUp .7s ease forwards;}

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

.inj_intro{padding:100px 0}
.inj_intro .ctt{display:flex;justify-content:space-between;}
.inj_img{width:35%;overflow:hidden;border-radius:15px;}
.inj_img img{display:block;width:100%;}
.inj_txt{width:58%;}
.inj_txt h3{font-weight:300}
.inj_point{display:flex;gap:0 6px;align-items:start;}
.inj_point img{position:relative;top:5px;width:18px}

.inj_tags{width:70%;display:flex;flex-wrap:wrap;gap:10px;}
.inj_tags span{padding: 7px 20px;border-radius: 30px;background: #eef3ff;color: #214099;font-weight:600;}

.inj_process{width:90%;margin:0 auto;border-radius:25px;background:#f8f8f8;padding:60px 0;text-align:center;}
.inj_process h3 p{font-weight:400;margin-top:8px;}
.inj_process_list_wrap{position:relative;}
.inj_process_list{display:flex;justify-content:space-between;}
.inj_process_item{position:relative;width:23%;z-index:2;}
.inj_process_item img{display:block;width:100%;border-radius:15px;}
.inj_process_item p{line-height:1.5;font-weight:600}

/* STEP */
.process_step{position:relative;display:flex;align-items:center;justify-content:center;margin-top:30px;}
.step{position:relative;flex-shrink:0;padding:3px 15px;border-radius:20px;background:#ddd;color:#fff;transition:background .3s;z-index:2;font-size: 14px;font-weight: 700;}
.step.active{background:#214099;}

/* STEP 사이 도트 */
.step_line{position:absolute;left:50%;top:50%;width:100%;height:4px;background-image:radial-gradient(circle,#ddd 2px,transparent 2px);background-size:12px 4px;transform:translateY(-50%);overflow:hidden;z-index:1;}
.step_line i{position:absolute;left:0;top:0;width:0;height:100%;background-image:radial-gradient(circle,#214099 2px,transparent 2px);background-size:12px 4px;}

.inj_process_item p{text-align:center;font-size: 20px;line-height: 1.4;}

.inj_advantage {padding:150px 0;}
.inj_advantage2{padding-top:0}
.inj_advantage .ctt{display:flex;align-items:flex-start;justify-content:space-between;}
.inj_advantage>h3{width:20%;}
.inj_advantage_list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;width:80%;}
.inj_advantage_list p{color:#373f53;padding:15px 25px;padding-left:50px;border-radius:50px;display:flex;align-items:center;gap:0 10px;font-weight:700;background:#eef3ff;box-sizing:border-box;}
.inj_advantage_list p img{width:22px}

.inj_banner{position:relative;overflow:hidden;width:90%;margin:0 auto;border-radius:22px;}
.inj_banner>img{display:block;width:100%;}
.inj_banner:after{content:"";position:absolute;inset:0;background:rgba(5,20,70,.75);   }
.inj_banner_txt{position:absolute;left:50%;top:50%;width:80%;text-align:center;transform:translate(-50%,-50%);z-index:2;}
.inj_banner_txt h3{color:transparent;background:linear-gradient(90deg,#fff 0%,#fff 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;line-height:1.4;}

.break_word{width:100%;overflow:hidden;position: relative; top: 94px;}
.text_flow{overflow:hidden;}
.text_flow p{white-space:nowrap;font-size:10vw;font-weight:bold}
.flow_left{color:#f7f7f7}

/* 물리치료/특수치료 */
.physical{padding-bottom:0;}
.physical .full_right{overflow:unset}
.physical_tit{text-align:center;}
.physical_tit h2 span{font-weight:400;}

/* 탭 */
.physical_tab{width:fit-content;border-radius:100px;display:flex;padding:10px;background:#f8f8f8;justify-content:center;margin-left:auto;margin-right:auto;}
.physical_tab button{font-weight:600;position:relative;padding:12px 35px;border:0;font-size:24px;border-radius:100px;background:#f7f7f7;color:#ccc;cursor:pointer;transition:.3s;}
.physical_tab button.active{font-weight:bold;border-radius:30px;background:#214099;color:#fff;z-index:2;}

/* 탭 콘텐츠 */
.physical_cont{display:none;padding:120px 0;margin-top:60px;background:#f1f5ff;}
.physical_cont.active{display:block;animation:physicalUp .7s cubic-bezier(.22,1,.36,1) forwards;}

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

/* 상단 콘텐츠 */
.physical_wrap{display:flex;align-items:flex-start;justify-content:space-between;}
.physical_left{width:55%;}
.physical_right{width:35%;position:sticky;top:100px;left:0;overflow:hidden;border-radius:1000px;}
.physical_right img{display:block;width:100%;height: 620px;object-fit: cover;}

/* 치료 설명 */
.physical_intro p{color:#111;}

/* 치료 특징 */
.physical_feature_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.physical_feature_item{width:23%;text-align:center;}
.physical_feature_item img{display:block;width:100%;border-radius:10px;}
.physical_feature_item p{color:#111;line-height:1.5;margin-top:6px;}
.physical_feature h4{font-size:20px;margin-top:10px;background: #214099;color: #fff;border-radius: 5px;}
.physical_feature h3 p{color:#000;font-weight:500}

.physical_feature_list2{flex-wrap:wrap;gap:30px 0}
.physical_feature_list2 .physical_feature_item{width:48.5%;display:flex;align-items:center;justify-content:space-between;}
.physical_feature_list2 .physical_feature_item img{width:30%}
.physical_feature_list2 .physical_feature_item div{width:65%;text-align:left;}

.physical_feature_list3 .physical_feature_item{width:18%;}
.physical_feature_list3 h4{line-height: 1.3;font-size: 18px;padding: 5px 0;}
/* 치료 대상 */
.physical_target_swiper{overflow:hidden;}
.physical_target_swiper .swiper-wrapper{transition-timing-function:linear;}
.physical_target_swiper .swiper-slide{overflow:hidden;border-radius:100px;padding:10px;padding-right:25px;width:fit-content;display:flex;align-items:center;background:#fff;gap:0 15px;}
.physical_target_swiper .swiper-slide img{display:block;width: 60px;height: 60px;border-radius: 100px;}
.physical_target_swiper .swiper-slide p{font-weight:300;}

/* 배너 */
.physical_banner{position:relative;z-index:0;}
.physical_ban_cont{overflow:hidden;}
.physical_banner .physical_ban_bg{border-radius:15px;position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;}
.physical_equ{position:absolute;right: 30px;bottom: 0;width: 43%;}
.physical_banner_txt{padding:50px;padding-bottom:100px;}
.physical_banner_txt h3{line-height:1.4;}
.physical_banner_txt p{}
/* FAQ */
.physical_faq{width:1000px;margin:150px auto 0;}
.physical_faq_tit{text-align:center;}

.physical_faq_list{display:flex;flex-direction:column;gap:15px;}
.physical_faq_item{overflow:hidden;padding:35px;border-radius:15px;background:#fff;}
.physical_faq_item button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;text-align:left;cursor:pointer;}
.physical_faq_item button i{position:relative;display:block;width:14px;height:14px;flex-shrink:0;}
.physical_faq_item button i:before,
.physical_faq_item button i:after{content:"";position:absolute;left:50%;top:50%;background:#111;transform:translate(-50%,-50%);transition:.3s;}
.physical_faq_item button i:before{width:14px;height:2px;}
.physical_faq_item button i:after{width:2px;height:14px;}
.physical_faq_item.active button i:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}

.physical_faq_answer{display:none;margin-top:20px;}
.physical_faq_answer p{color:#111;}

/* 수액종류 */
.iv_swiper{overflow:hidden;}
.iv_swiper .swiper-wrapper{transition-timing-function:linear;}
.iv_swiper .swiper-slide{background:#214099;border-radius:15px;overflow:hidden;}
.iv_swiper .swiper-slide img{display:block;width:100%;}
.iv_swiper .swiper-slide p{text-align:center;font-weight:300;color:#fff;padding:12px 0}

/* 내성발톱 */
.ingrown{padding-bottom:180px;}
.ingrown_top{position:relative;background:url('../index/images/ingrown_bg.png')no-repeat;background-size:cover}
.ingrown_top .ctt{position:relative;z-index:2;}

.ingrown_tit{text-align:center;}

/* 내성발톱이란 */
.ingrown_intro{width:90%;display:flex;align-items:stretch;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:20px;background:#fff;position:relative;z-index:0;}
.ingrown_intro_txt{display:flex;flex-direction:column;justify-content:center;width:100%;padding:60px;padding-bottom:100px;box-sizing:border-box;}
.ingrown_intro_txt h3{font-weight:300}
.ingrown_intro_txt p{color:#111;}
.ingrown_intro_img{z-index:-1;width:45%;position:absolute;right:80px;top:0;}
.ingrown_intro_img img{display:block;width:100%;height:100%;object-fit:cover;}

/* 증상 */
.ingrown_symptom{width:80%;margin-left:auto;margin-right:auto;}
.ingrown_symptom>h3{text-align:center;}

.ingrown_symptom_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 0;}
.ingrown_symptom_item{display:flex;align-items:center;width:47%;justify-content: space-between;}
.ingrown_symptom_img{flex-shrink:0;width:150px;aspect-ratio:1/1;overflow:hidden;border-radius:50%;}
.ingrown_symptom_img img{display:block;width:100%;height:100%;object-fit:cover;}
.ingrown_symptom_item p{position:relative;width:calc(100% - 180px);padding:30px;box-sizing:border-box;border-radius:15px;background:#fff;color:#313c58;font-weight:700;line-height:1.4;}
.ingrown_symptom_item p:before{content:"";position:absolute;left:-9px;top:50%;width:15px;height:22px;background:#fff;clip-path:polygon(100% 0,0 50%,100% 100%);transform:translateY(-50%);}

/* 치료방법 */
.ingrown_treatment{background:#f3f6fb;padding:120px 0}
.ingrown_treatment_tit p{color:#666;}

.ingrown_treatment_list{display:flex;justify-content:space-between;}
.ingrown_treatment_item{display:flex;width:49%;overflow:hidden;border-radius:15px;background:#fff;}
.ingrown_treatment_img{width:25%;flex-shrink:0;}
.ingrown_treatment_img img{display:block;width:100%;height:100%;object-fit:cover;}
.ingrown_treatment_txt{display:flex;flex-direction:column;justify-content:center;width:75%;padding:50px 30px;box-sizing:border-box;}
.ingrown_treatment_txt p{color:#111;}

/* 내성발톱 치료과정 */
.ingrown_process{padding:120px 0;text-align:center;background:#fff;}
.ingrown_process h3 p{font-weight:400;margin-top:8px;}
.ingrown_process_wrap{display:flex;width:100%;}
.ingrown_process_item{position:relative;width:25%;text-align:center;}
.ingrown_process_item>img{display:block;width:90%;margin:0 auto;border-radius:20px;}

.ingrown_step_wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-top:30px;}
.ingrown_step{position:relative;flex-shrink:0;padding:3px 15px;border-radius:20px;background:#ddd;color:#fff;transition:background .3s;z-index:2;font-size: 14px;font-weight: 700;}

.ingrown_step_line{position:absolute;left:50%;top:50%;width:100%;height:4px;background-image:radial-gradient(circle,#ddd 2px,transparent 2px);background-size:12px 4px;transform:translateY(-50%);overflow:hidden;z-index:1;}
.ingrown_step_line i{position:absolute;left:0;top:0;width:0;height:100%;background-image:radial-gradient(circle,#214099 2px,transparent 2px);background-size:12px 4px;}

.ingrown_process_item p{text-align:center;}

.ingrown_faq{margin:0 auto}
.ingrown_faq .physical_faq_item{background:#f8f8f8}

/* 둘러보기 */
.tour{position:relative;overflow:hidden;background:url('../index/images/view_bg.png')no-repeat;background-size:cover;background-attachment:fixed;}
.tour:before{content:"The Best Samsung Orthopedic Clinic";position:absolute;left:50%;top:0;white-space:nowrap;font-family:"Cormorant",sans-serif;font-size:130px;font-weight:700;color:rgba(255,255,255,.06);transform:translateX(-50%);pointer-events:none;}
.tour_tit{position:relative;text-align:center;z-index:2;}

/* 탭 */
.tour_tab{position:relative;display:flex;justify-content:center;width:max-content;margin-left:auto;margin-right:auto;padding:3px;border-radius:30px;background:#fff;z-index:2;}
.tour_tab button{min-width:130px;font-size:22px;padding:15px 40px;border:0;border-radius:30px;background:transparent;color:#bbb;cursor:pointer;font-weight:bold;transition:.3s;}
.tour_tab button.active{background:#0070c0;color:#fff;font-weight:700;}

/* 둘러보기 탭 + 네비 */
.tour_navi{display:flex;align-items:center;justify-content:center;gap:20px;}

.tour_tab{display:flex;margin-left:0;margin-right:0;padding:3px;border-radius:30px;background:#fff;}
.tour_tab button{padding:10px 30px;border:0;border-radius:30px;background:transparent;color:#aaa;cursor:pointer;transition:.3s;}
.tour_tab button.active{background:#0070c0;color:#fff;font-weight:700;}

/* 이전 다음 */
.tour_control{display:flex;align-items:center;gap:10px;}
.tour_control button{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#fff;cursor:pointer;transition:.3s;}

.tour_control button img{display:block;width:8px;}
.tour_control button:hover img{filter:brightness(0);}

/* 콘텐츠 */
.tour_cont{display:none;}
.tour_cont.active{display:block;animation:tourUp .7s cubic-bezier(.22,1,.36,1) forwards;}

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

/* 슬라이드 */
.tour_swiper{overflow:visible;}
.tour_swiper .swiper-slide{overflow:hidden;border-radius:30px;transform:scale(.9);transition:opacity .6s,transform .6s;}
.tour_swiper .swiper-slide img{display:block;width:100%;object-fit:cover;}
.tour_swiper .swiper-slide-active{opacity:1;transform:scale(1);}

/* 의료장비 */
.equipment_item{position:relative;cursor:pointer;}
.equipment_item:before{content:"";position:absolute;inset:0;background:rgba(0,30,70,.65);opacity:0;transition:.4s;z-index:2;}
.equipment_item:after{font-weight:500;font-size:22px;content:"클릭하여 자세한 장비 정보를 확인하세요.";position:absolute;left:50%;top:50%;width:100%;text-align:center;color:#fff;opacity:0;transform:translate(-50%,-30%);transition:.4s;z-index:3;}
.equipment_item:hover:before{opacity:1;}
.equipment_item:hover:after{opacity:1;transform:translate(-50%,-50%);}

.equipment_desc{display:none;}
/* 장비 팝업 */
.equipment_modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:50px;box-sizing:border-box;opacity:0;visibility:hidden;transition:.4s;z-index:9999;}
.equipment_modal.active{opacity:1;visibility:visible;}

.equipment_modal_dim{position:absolute;inset:0;background:rgba(0,0,0,.7);}

.equipment_modal_inner{position:relative;width:600px;overflow:hidden;border-radius:25px;background:#fff;transform:translateY(30px);transition:.5s cubic-bezier(.22,1,.36,1);z-index:2;}
.equipment_modal.active .equipment_modal_inner{transform:translateY(0);}


.equipment_modal_img{width:100%;}
.equipment_modal_img img{display:block;width:100%;height:100%;object-fit:cover;}

.equipment_modal_txt{display:flex;flex-direction:column;justify-content:center;width:100%;padding:40px;box-sizing:border-box;}
.equipment_modal_desc h4{margin-bottom:8px}

.equipment_modal_close{position:absolute;right:25px;top:25px;width:35px;height:35px;padding:0;border:0;background:none;cursor:pointer;z-index:3;}
.equipment_modal_close:before,
.equipment_modal_close:after{content:"";position:absolute;left:50%;top:50%;width:25px;height:3px;background:#fff;}
.equipment_modal_close:before{transform:translate(-50%,-50%) rotate(45deg);}
.equipment_modal_close:after{transform:translate(-50%,-50%) rotate(-45deg);}

/* 진료시간 및 오시는길 */
.location{background:#fff;}
.location .main_tit{text-align:center;}

.location_wrap{border-top:1px solid #ddd;}
.location_wrap .ctt{display:flex;}
.location_left{width:50%;padding:80px 8%;padding-left:0;box-sizing:border-box;}
.location_right{width:50%;padding:80px 8%;padding-right:0;border-left:1px solid #ddd;box-sizing:border-box;}

.location_map{width:100%;border-radius:30px;background:#f5f5f5;overflow:hidden;}
.location_map img{width:100%}
.location_info p{line-height:1.5;}
.location_info span{display:block;margin-top:5px;}

.location_time h3{line-height: 1.3;letter-spacing: -3px;color:#ff9224}
.location_time h3 strong{font-weight:bold;color:#0877ff;}

.location_time_row{display:flex;align-items:center;}
.location_time_row b{width:135px;flex-shrink:0;}
.location_time_row span{color:#222;}

.location_night{width:55%;display:flex;align-items:center;justify-content:center;margin-top:8px;padding:5px 20px;border-radius:50px;background:#122d67;}
.location_night img{width:20px;margin-right:5px}
.location_night strong{font-weight:bold;color:#d8f12e;}

.location_time_list{display:flex;flex-direction:column;gap:8px;}

.location_notice{display:flex;align-items:center;gap:10px;font-weight:500}
.location_notice i{display: block;width: 18px;height: 18px;flex-shrink: 0;border-radius: 50%; background: #0877ff;text-align: center; line-height: 18px;color: #fff;font-size: 12px;font-weight: 900;}

.location_contact{padding-top:0;border-top:0;}

.location_tel{display:block;margin-top:10px;color:#000;}

.location_reserve{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:25px;border:1px solid #03c75a;border-radius:10px;box-sizing:border-box;color:#03c75a;}
.location_reserve img{display:block;width:20px;}

@media screen and(max-width:1600px){
  /* 인사말 */
  .greet{align-items:stretch;height:auto;min-height:100vh;}

  .greet_img{height:auto;}
  .greet_img img{height:100%;}

  .greet_cont{padding:100px 0;}
  .greet_txt{width:82%;padding-top:0;}
  .greet_desc{padding-bottom:0;}
  .greet_desc br{display:none;}

  /* 의료진 */
  .doctor_inner{width:80%;padding:140px 0;}

  .doctor_img img{width:95%;}
  .doctor_img strong{left:30px;bottom:30px;}
}

@media screen and(max-width:1400px){
  /* 메인비쥬얼 */
  .main_visual{min-height:680px;}
  .visual_txt{top:46%;}

  .visual_top{font-size:27px;}
  .visual_top em{font-size:44px;}
  .visual_top:after{bottom:17px;height:12px;}

  .visual_title{font-size:64px;}
  .visual_title span{letter-spacing:-2px;}

  .visual_desc{margin-top:40px;font-size:19px;}

  .visual_scroll{bottom:50px;}

  /* 소식안내 */
  .news_control{gap:15px;}
  .news_progress{width:120px !important;}
  .news_control button{gap:7px;}
  .news_control button img{width:18px;height:18px;}
  
  /* 둘러보기 */
   .tour:before{font-size:100px;}
  .tour_control button{width:48px;height:48px;}
  .tour_swiper .swiper-slide{border-radius:20px;}
  .equipment_item:after{font-size:18px;}
}

@media screen and (max-width:768px){
  /* 메인비쥬얼 */
  .main_visual{height:600px;min-height:600px;}
  .visual_img{object-position:center;}
  .visual_dim{background:rgba(0,20,35,.65);}

  .visual_txt{top:47%;width:90%;}

  .visual_top{font-size:18px;}
  .visual_top em{font-size:30px;}
  .visual_top:after{bottom:10px;height:8px;}

  .visual_title{font-size:8.5vw;line-height:1.3;}
  .visual_title span{letter-spacing:-1px;}

  .visual_desc{margin-top:30px;font-size:16px;}

  .visual_scroll{bottom:25px;}
  .visual_scroll i{height:40px;margin-bottom:10px;}
  .visual_scroll span{font-size:14px;}

  /* 소식안내 */
  .news_bg{top:55%;width:200%;}

  .news_head{display:block;}
  .news_control{width:100%;margin-top:30px;gap:12px;}
  .news_control button{gap:5px;width:30px;height:30px}
  .news_control button img{width:10px;height:10px;}
  .news_control button span{font-size:15px;}

  .news_progress{flex:1;width:auto !important;height:4px !important;}

  .news_swiper{margin-top:40px;}
  .news_swiper .swiper-slide img{border-radius:10px;}

  /* 특별함 */
  .special{padding-bottom:0px;}

  .special_box{padding-bottom:30px;}
  .special_box:before{top:50px;left:-15px;width:calc(100% + 30px);height:calc(100% - 50px);padding:0;transform:none;border-radius:12px;}

  .special_swiper .swiper-slide{display:block;}

  .special_img{width:100%;aspect-ratio:1/1;border-radius:12px;}
  .special_img img{height:100%;}

  .special_cont{width:100%;padding:25px 10px 0;}
  .special_cont p br{display:none;}

  .special_right{position:relative;left:auto;bottom:auto;width:100%;padding:0 10px;}

  .special_nav{margin-top:30px;gap:12px;}
  .special_nav button{flex-shrink:0;gap:5px;width:30px;height:30px;}
  .special_nav button img{width:10px;height:10px;}

  .special_progress{flex:1;width:auto !important;}

  .special_thumb .swiper-slide img{height:75px;border-radius:8px;}
  .special_thumb .swiper-slide p{line-height:1.3;margin-top: 10px;font-size: 14px;}

  /* 인사말 */
  .greet{display:block;min-height:0;height:auto;}
  .greet_img{width:100%;height:auto;aspect-ratio:1/1;}
  .greet_img img{height:100%;object-position:center top;}

  .greet_cont{width:100%;padding:0;background-attachment:scroll;}
  .greet_cont:before{display:none;}

  .greet_txt{width:100%;padding-top:50px;margin:0 auto;}
  .greet_desc{padding-bottom:100px;}
  .gr_name{gap:10px;}
  .gr_name img{width:100px;}

  /* 의료진 */
  .doctor{flex-direction:column;}
.doctor_inner .badge {top: 36px;width: 95px;}
  .doctor_img{order:1;position:relative;top:auto;width:100%;height:auto;min-height:auto;max-height:auto;background-position:center;overflow:hidden;}
  .doctor_img img{width:95%;position:relative;padding-top:20px}
  .doctor_img strong{left:20px;right:20px;bottom:20px;width:auto;font-size:14vw;}

  .doctor_cont{order:2;width:100%;}
  .doctor_inner{width:90%;padding:40px 0;}

  .doctor_history p{margin-bottom: 8px;display: flex;gap: 0 5px;}

  .thesis p{align-items:flex-start;gap:0 5px;overflow-wrap:anywhere;word-break:break-word;}
  .thesis strong{font-size:inherit;}

  /* 척추관절클리닉 */
  .sj_wrap{display:block;}

  .sj_left{width:100%;padding-top:0;}
  .sj_head{margin-bottom:40px;}

  .sj_guide{align-items:center;}
  .sj_guide img{flex-shrink:0;}

  .sj_tab{padding:30px 0;border-bottom-width:1px;}
  .sj_tab button{justify-content:space-between;gap:0 10px;}
  .sj_tab.active button{gap:0 10px}
  .sj_tab button i{width:26px;height:26px;}
  .sj_tab button img{width:6px}
  .sj_tab p br{display:none;}

  .sj_right{width:100%;margin-top:60px;}
  .sj_body{width:300px;margin:0 auto;}
  .sj_point{width:40px;height:40px;}
  .sj_point i{width:18px;height:18px;}
  .sj_point:before,
  .sj_point:after{width:18px;height:18px;}

  .sj_bubble{min-width:150px;padding:10px;}
  .sj_bubble:after{right:-8px;width:20px;height:20px;}
  .bubble_shoulder:after {right: auto;left: -12px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
  .bubble_knee:after {top:0;right: auto;left: -12px;clip-path: polygon(0 0, 100% 0, 100% 100%);}
  .bubble_foot:after {top:auto;bottom:0;right: auto;left:-11px;clip-path:polygon(100% 0, 100% 100%, 0 100%);}
  .sj_bubble p{padding:5px 10px;margin-bottom:4px;}

  .point_waist {left: 56%;top: 48%;}
  .point_shoulder {left: 21%;top: 13%;}
  .point_knee {left: 6%;top: 48%;}
  .point_elbow {left: 56%;top: 15%;}
  .point_foot {left: 30%;bottom: 24%;}

  .bubble_neck{left:8%;top:19%;}
  .bubble_back{left:3%;top:-2%;}
  .bubble_waist{left:4%;top:16%;}

  .bubble_shoulder{left:40%;top:17%;}
  .bubble_elbow{left:3%;top:20%;}
  .bubble_knee {left: 26%;top: 52%;}
  .bubble_foot {left: 50%;bottom: 28%;}

  /* 주사치료클리닉*/
  .inj_tab{width:90%;}
  .inj_tab button{padding-bottom:15px;}
  .inj_tab button b, .inj_tab button span{font-size:16px}
  .inj_intro{padding:40px 0;}
  .inj_intro .ctt{display:block;}

  .inj_img{width:100%;border-radius:10px;}
  .inj_txt{width:100%;margin-top:40px;}
  .inj_txt br{display:none;}

  .inj_point img{flex-shrink:0;}

  .inj_tags{width:100%;gap:8px;}
  .inj_tags span{padding:6px 14px;}

  .inj_process{width:90%;padding:30px 0px;border-radius:15px;box-sizing:border-box;}
  .inj_process_list{flex-wrap:wrap;gap:30px 4%;}
  .inj_process_item{width:48%;}
  .inj_process_item img{border-radius:10px;}
  .inj_process_item p{font-size:16px;}

  .process_step{margin-top:20px;}
  .step_line{display:none;}

  .inj_advantage{padding:40px 0;}
  .inj_advantage2{padding-top:0;}
  .inj_advantage .ctt{display:block;}
  .inj_advantage>h3,
  .inj_advantage .ctt>h3{width:100%;}

  .inj_advantage_list{grid-template-columns:1fr;width:100%;margin-top:20px;gap:10px;}
  .inj_advantage_list p{padding:15px 20px;border-radius:15px;}
  .inj_advantage_list p img{flex-shrink:0;}

  .inj_banner{width:90%;border-radius:15px;}
  .inj_banner>img{height:300px;object-fit:cover;}
  .inj_banner_txt{width:90%;}
  .inj_banner_txt h3{font-size:18px}
  .inj_banner_txt p br{display:none}
  
  .break_word{top:50px;}

  /* 물리치료 */
  .physical_tab{justify-content:flex-start;width:100%;padding:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:wrap;justify-content:space-between;background:none;gap:10px 0;border-radius:0;}
  .physical_tab::-webkit-scrollbar{display:none;}
  .physical_tab button{width:31%;padding:10px 15px;font-size:15px;background:#f8f8f8;}
  .physical_tab button:nth-child(n+4){width:48%;}
  .physical_cont{padding:50px 0;margin-top:40px;}

  .physical_wrap{flex-direction:column-reverse;}
  .physical_left{width:100%;}
  .physical_right{position:relative;top:auto;border-radius:20px;width:100%;margin:0 auto 50px;}
  .physical_right img{height:auto;max-height:600px;}

  .physical_target_swiper .swiper-slide p{font-size:17px;}
  .physical_feature_list{gap:30px 4%;}
  .physical_feature_item{width:48%;}
  .physical_feature h4{font-size:16px;}

  .physical_feature_list2{gap:20px 0;}
  .physical_feature_list2 .physical_feature_item{width:100%;}
  .physical_feature_list2 .physical_feature_item img{width:30%;}
  .physical_feature_list2 .physical_feature_item div{width:65%;}

  .physical_feature_list3 .physical_feature_item{width:48%;}
  .physical_feature_list3 h4{font-size:16px;padding:5px;}

  .physical_target_swiper .swiper-slide{padding:8px;padding-right:15px;gap:10px;}
  .physical_target_swiper .swiper-slide img{width:50px;height:50px;}

  .physical_banner .physical_ban_bg{border-radius:10px;}
  .physical_banner_txt{padding:30px;padding-top:60px;text-align:center;}
  .physical_equ {right: 0;width: 80%;position: relative;margin: 0 auto;display: block;}

  .physical_faq{width:90%;margin:50px auto 0;}
  .physical_faq_list{gap:10px;}
  .physical_faq_item{padding:25px 20px;border-radius:10px;}
  .physical_faq_answer{margin-top:15px;}
  .physical_faq_answer p br{display:none}
  .physical_faq_item button i{display:none}
  
  .iv_swiper .swiper-slide{border-radius:10px;}
  .iv_swiper .swiper-slide p{padding:10px 0;}
  
  /* 내성발톱 */
    .ingrown{padding-bottom:80px;}

  .ingrown_intro{flex-direction:column;width:100%;border-radius:12px;}
  .ingrown_intro_txt{order:2;width:100%;padding:0px 25px 40px;}
  .ingrown_intro_img{order:1;position:relative;right:auto;top:auto;width:100%;aspect-ratio:4/3;}
  .ingrown_intro_img img{height:100%;}

  .ingrown_symptom{width:100%;margin-top:50px}
  .ingrown_symptom_list{flex-direction:column;gap:20px;}
  .ingrown_symptom_item{width:100%;}
  .ingrown_symptom_img{width:85px;}
  .ingrown_symptom_item p{width:calc(100% - 105px);padding:20px 15px;border-radius:10px;}
  .ingrown_symptom_item p:before{left:-7px;width:12px;height:18px;}

  .ingrown_treatment{padding:80px 0;}
  .ingrown_treatment_list{flex-direction:column;gap:20px;}
  .ingrown_treatment_item{width:100%;padding:25px;flex-wrap:wrap;border-radius:10px;}
  .ingrown_treatment_img{width:100px;border-radius:200px;}
  .ingrown_treatment_img img{border-radius:100px;}
  .ingrown_treatment_txt{width:100%;margin-top:20px;padding:0;}
  .ingrown_treatment_txt p br{display:none;}

  .ingrown_process{padding:80px 0;}
  .ingrown_process_wrap{flex-wrap:wrap;gap:30px 4%;}
  .ingrown_process_item{width:48%;}
  .ingrown_process_item>img{width:100%;border-radius:10px;}

  .ingrown_step_wrap{margin-top:20px;}
  .ingrown_step_line{display:none;}

  .ingrown_faq{width:90%;margin:0px auto 0;}
  
  /* 둘러보기 */
   .tour{background-attachment:scroll;}
  .tour:before{top:30px;font-size:60px;}

  .tour_navi{flex-direction:column;gap:0;}

  .tour_tab{padding:3px;}
  .tour_tab button{min-width:110px;padding:10px 20px;font-size:16px;}

  .tour_control{gap:8px;}
  .tour_control button{width:44px;height:44px;}

  .tour_swiper .swiper-slide{border-radius:15px;transform:scale(.95);}

  .equipment_item:before,
  .equipment_item:after{display:none;}

  .equipment_modal{padding:20px;}
  .equipment_modal_inner{width:90%;max-height:calc(100dvh - 40px);border-radius:15px;overflow-y:auto;overscroll-behavior:contain;}

  .equipment_modal_img img{height:220px;}
  .equipment_modal_txt{padding:25px;}

  .equipment_modal_close{right:15px;top:15px;width:30px;height:30px;}
  .equipment_modal_close:before,
  .equipment_modal_close:after{width:22px;height:2px;}

  .equipment_modal_desc{overflow-wrap:anywhere;word-break:break-word;}
  
  /* 진료안내 */
   .location .main_tit{width:90%;margin-left:auto;margin-right:auto;}

  .location_wrap .ctt{display:block;}

  .location_left{width:100%;padding:60px 0;}
  .location_right{width:100%;padding:60px 0 80px;border-top:1px solid #ddd;border-left:0;}

  .location_map{border-radius:15px;}
  .location_map iframe{display:block;width:100%;height:100%;}

  .location_time_row{justify-content:space-between;}
  .location_time_row b{width:110px;}
  .location_time_row span{text-align:right;}

  .location_night{width:100%;padding:7px 15px;box-sizing:border-box;}

  .location_notice{align-items:flex-start;}
  .location_notice i{margin-top:3px;}

  .location_reserve{gap:10px;padding:20px;border-radius:8px;}
  .location_reserve img{width:18px;}
}