.shoulder_wrap{width:100%; color:#222;}
/* =========================================================
질환 탭
========================================================= */
.shoulder_tabs{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}
.shoulder_tabs button{display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:70px; padding:12px 20px; border:0; border-radius:120px; background:#f2f2f2; color:#222; font-size:20px; font-weight:bold; line-height:1.3; cursor:pointer; transition: background .3s ease, color .3s ease, transform .3s ease;}
.shoulder_tabs button small{display:block; margin-top:3px; font-size:13px; font-weight:600;}
.shoulder_tabs button:hover{background:#e7e7e7;}
.shoulder_tabs button.active{background:#263f68; color:#fff;}
/* =========================================================
질환 PANEL
========================================================= */
.shoulder_panel{display:none;}
.shoulder_panel.active{display:block; animation:shoulderFade .5s ease;}
@keyframes shoulderFade{from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}
/* =========================================================
질환 소개
========================================================= */
.disease_intro{display:flex; justify-content:space-between; align-items:center; gap:80px;}
.disease_img{position:relative; overflow:hidden; width:35%; aspect-ratio:5/6; border-radius:15px; background:#f2f2f2;}
.disease_img img{display:block; width:100%; height:100%; object-fit:cover;}
.disease_txt{width:60%}
.disease_label{display:block; letter-spacing:1px;}
.disease_txt h2{line-height:1.3;}
.disease_txt h2 small{margin-left: 1px; color: #777; font-size: 18px; font-weight: 500; background: #263f68; color: #fff; letter-spacing: -1px; font-weight: bold; font-size: 23px; padding: 5px 15px; border-radius: 100px; position: relative; top: -6px;}
.disease_txt h3{line-height:1.4;}
.disease_txt p{color:#111;}
/* 공통 섹션 제목 */
.section_title>span{display:block; letter-spacing:1.5px;}
.section_title h3{line-height:1.45;}
.section_title p{color:#777; line-height:1.7;}
/* 증상 */
.symptom_list{display:grid; grid-template-columns:repeat(3,1fr);gap:0 30px;}
.symptom_item{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background: #f8f8f8; text-align: center; border-radius: 15px; padding:30px 0;}
.symptom_icon{display:flex; align-items:center; justify-content:center;}
.symptom_icon img{display:block; width:100px;}
.symptom_item h4{line-height:1.4;}
.symptom_item h4 i{background: #000; color: #fff; font-size: 14px; border-radius: 100px; padding: 2px 10px; display: block; width: fit-content; margin: 5px auto;}
.symptom_item p{color:#666; line-height:1.6;}
.frozen_principle{width:100%;}
.principle_list{width:70%;margin:0 auto;margin-top:40px; display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:20px;}
.principle_item{display:flex; align-items:center; padding:30px 40px; background:#f8f8f8;border-radius:100px; gap:0 20px;}
.principle_item img{width:20px;filter:hue-rotate( 145deg)}
.principle_item h4{line-height:1.4;}
.principle_item p{color:#666; line-height:1.6;}
.frozen_beaf{width:100%;}
.frozen_case_wrap{position:relative; padding:50px; border-radius:35px; background:#f6f8fa;}
.frozen_case_slide{overflow:hidden;}
/* CASE */
.frozen_case_top{margin-bottom:25px; display: flex; justify-content: center;}
.frozen_case_num{display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 18px; border-radius:30px; background:#000;margin:0 auto; color:#fff; font-size:15px; font-weight:bold;}
/* 전 / 중 / 후 */
.frozen_case_photos{display:grid; grid-template-columns:repeat(3,1fr); gap:25px;}
.frozen_photo_group h4{text-align:center; font-size:22px;}
/* 2장 */
.frozen_photo_pair{display:grid; grid-template-columns:repeat(2,1fr); gap:8px; overflow:hidden; border-radius:18px;}
/* 개별 사진 */
.frozen_photo{position:relative; overflow:hidden; background:#e9ecef;border-radius:15px;}
.frozen_photo img{display:block; width:100%; height:100%; object-fit:cover;}
/* BEFORE / DURING / AFTER */
.frozen_photo span{position:absolute; z-index:2; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; height:34px; background:rgba(26,112,148,.9); color:#fff; font-size:13px; font-weight:bold; letter-spacing:.5px;}
/* =========================================================
컨트롤
========================================================= */
.frozen_case_control{display:flex; align-items:center; justify-content:center; gap:20px;}
.frozen_case_prev,
.frozen_case_next{display:flex; align-items:center; justify-content:center; width:45px; height:45px; padding:0; border:1px solid #d8dfe4; border-radius:50%; background:#fff; color:#1a7094; font-size:18px; cursor:pointer; transition:.3s;}
.frozen_case_prev:hover,
.frozen_case_next:hover{border-color:#1a7094; background:#1a7094; color:#fff;}
/* pagination */
.frozen_case_pagination{position:static !important; display:flex; align-items:center; justify-content:center; width:auto !important;}
.frozen_case_pagination .swiper-pagination-bullet{width:7px; height:7px; margin:0 5px !important; background:#bcc4ca; opacity:1; transition:.3s;}
.frozen_case_pagination .swiper-pagination-bullet-active{width:25px; border-radius:10px; background:#1a7094;}
.treatment_process{margin-top:140px;}
.process_list{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px;}
.process_item{position:relative; min-width:0; overflow:hidden; border-radius:15px; background:#f8f8f8;}
.process_item .num{position:absolute; z-index:2; top:20px; left:20px; display:flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:50%; background:#1a7094; color:#fff; font-size:13px; font-weight:bold;}
.process_img{width:100%; height:240px; overflow:hidden; background:#eee;}
.process_img img{display:block; width:100%; height:100%; object-fit:cover;}
.process_img video{display:block; width:100%; height:100%; object-fit:cover;}
.process_txt{padding:30px;}
.process_txt h4{line-height:1.4;}
.process_txt p{color:#111;}
.process_txt strong{display:block;}
/* =========================================================
치료 POINT
========================================================= */
.treatment_point{display: flex; flex-direction: column; gap: 8px; border-radius: 18px;}
.treatment_point p{color:#000 !important; display:flex;justify-content:center;align-items:center;font-weight:500}
.treatment_point p i{width: 1.3rem; height: 1.3rem; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 100px; color: #fff; font-size: 12px; font-weight: 900; position: relative; top: 1px; margin-right: 6px;}
/* =========================================================
일반 치료
========================================================= */
.basic_treatment{margin-top:140px;}
.treatment_cards{display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.treatment_cards2{grid-template-columns:repeat(3,1fr); width: 75%; margin-left: auto; margin-right: auto;}
/* 2열 치료 카드 */
.treatment_card{border-radius:15px;overflow:hidden;position:Relative;background:#000;aspect-ratio: 5 / 3;}
.rom_tre_card{background:blue;}
.treatment_card_img{opacity:0.5; width:100%; height:100%;}
.treatment_card_img img{display:block; width:100%; height:100%; object-fit:cover;}
.treatment_card h4{text-align:Center; color:#fff;font-weight:bold; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.treatment_card h4 strong{display: block; margin: 0 auto; margin-bottom: 4px; background: #fff; font-size: 16px; border-radius: 100px; padding: 0 8px; width: fit-content; color: #1b168c; font-weight: bold;}
/* 3열 치료 카드 */
.treatment_cards.three .treatment_card{display:block; min-height:0;}
.treatment_cards.three .treatment_card_img{height:220px; min-height:0;}
.treatment_cards.three .treatment_card>div:last-child{min-height:170px; padding:28px 30px 30px;}
/* =========================================================
회전근개 치료
========================================================= */
.rotator_process{padding:60px; border-radius:15px; background:#f6f8fa;}
.rotator_steps{display:flex; align-items:stretch;}
.rotator_step{position:relative; flex:1; min-width:0; overflow:hidden; border:1px solid #edf0f3; border-radius:25px; background:#fff;}
.step_num{position:absolute; z-index:2; top:18px; left:18px; display:flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:50%; background:#1a7094; color:#fff; font-size:13px; font-weight:bold;}
.rotator_step_img{width:100%; height:220px; overflow:hidden; background:#eee;}
.rotator_step_img img{display:block; width:100%; height:100%; object-fit:cover;}
.rotator_step_txt{padding:30px;}
.rotator_step_txt small{display:block;}
.rotator_step_txt h4{line-height:1.45;}
.rotator_arrow{display:flex; align-items:center; justify-content:center; flex:0 0 65px; color:#1a7094; font-size:30px; font-weight:300;}
/* 회전근개 진단 안내 */
.rotator_notice{text-align:center;}

/* =========================================================
768px 이하
========================================================= */
@media(max-width:768px){

  .shoulder_tabs{grid-template-columns:repeat(2,1fr);gap:10px;}
  .shoulder_tabs button{min-height:58px;padding:10px;font-size:16px;}
  .shoulder_tabs button small{font-size:11px;}

  .disease_intro{flex-direction:column;align-items:flex-start;gap:30px;}
  .disease_img{width:100%;max-width:420px;margin:0 auto;aspect-ratio:5/4;}
  .disease_txt{width:100%;}
  .disease_txt h2 small{display:inline-block;margin-top:8px;font-size:16px;padding:4px 12px;top:0;}

  .section_title p br{display:none;}

  .symptom_list{grid-template-columns:1fr;gap:15px;}
  .symptom_item{padding:25px 15px;}
  .symptom_icon img{width:85px;}

  .principle_list{width:100%;margin-top:30px;gap:12px;}
  .principle_item{padding:22px 25px;border-radius:20px;align-items:flex-start;}

  .frozen_case_wrap{padding:30px 20px;border-radius:20px;}
  .frozen_case_photos{grid-template-columns:1fr;gap:30px;}
  .frozen_photo_group h4{font-size:19px;}

  .treatment_process{margin-top:90px;}
  .process_list{grid-template-columns:1fr;gap:20px;}
  .process_img{height:auto;aspect-ratio:5/3;}
  .process_txt{padding:25px;}

  .basic_treatment{margin-top:90px;}
  .treatment_cards{grid-template-columns:repeat(2,1fr);gap:15px;}
  .treatment_cards2{width:100%;grid-template-columns:repeat(2,1fr);}
  .treatment_point p{align-items:start;}
  .treatment_point p i {width: 1rem;height: 1rem;font-size: 10px;top: 3px;margin-right: 1%;}

  .rotator_process{padding:25px 20px;}
  .rotator_steps{flex-direction:column;gap:20px;}
  .rotator_arrow{display:none;}
  .rotator_step_img{height:auto;aspect-ratio:5/3;}
  .rotator_step_txt{padding:25px;}

}


/* =========================================================
480px 이하
========================================================= */
@media(max-width:480px){

  .shoulder_tabs{grid-template-columns:1fr 1fr;gap:8px;}
  .shoulder_tabs button{min-height:42px;padding:8px 6px;font-size:14px;border-radius:100px;}
  .shoulder_tabs button small{margin-top:2px;font-size:10px;}

  .disease_intro{gap:20px;}
  .disease_img{aspect-ratio:1/1;}
  .disease_label{font-size:13px;}
  .disease_txt h2{font-size:28px;}
  .disease_txt h2 small{font-size:13px;padding:3px 9px;}
  .disease_txt h3{font-size:16px;}
  .disease_txt p{font-size:14px;line-height:1.7;}

  .section_title>span{font-size:13px;}
  .section_title h3{font-size:16px;}
  .section_title p{font-size:14px;}

  .symptom_item{padding:22px 12px;}
  .symptom_icon img{width:75px;}
  .symptom_item h4{font-size:17px;}
  .symptom_item h4 i{font-size:11px;padding:2px 8px;}
  .symptom_item p{font-size:13px;}

  .principle_list{margin-top:25px;}
  .principle_item{padding:18px 20px;gap:12px;}
  .principle_item img{width:17px;}
  .principle_item h4{font-size:16px;}
  .principle_item p{font-size:13px;}

  .frozen_case_wrap{padding:25px 15px;}
  .frozen_case_num{height:28px;padding:0 14px;font-size:11px;}
  .frozen_photo_pair{gap:5px;border-radius:12px;}
  .frozen_photo{border-radius:10px;}
  .frozen_photo span{height:28px;font-size:11px;}

  .frozen_case_top{margin-bottom:15px}
  .frozen_case_control{gap:12px;}
  .frozen_case_prev,
  .frozen_case_next{width:38px;height:38px;font-size:15px;}

  .treatment_process{margin-top:70px;}
  .process_item .num{top:12px;left:12px;width:38px;height:38px;font-size:11px;}
  .process_txt{padding:20px;}
  .process_txt h4{font-size:18px;}
  .process_txt p{font-size:14px;}


  .treatment_point p{font-size:13px;text-align:center;}
  .treatment_point p i{flex:0 0 1.2rem;}

  .basic_treatment{margin-top:70px;}
  .treatment_cards{grid-template-columns:1fr;gap:12px;}
  .treatment_cards2{grid-template-columns:1fr;}
  .treatment_card{aspect-ratio:5/3;}
  .treatment_card h4{font-size:18px;}
  .treatment_card h4 strong{font-size:13px;}

  .rotator_process{padding:20px 15px;}
  .rotator_step{border-radius:15px;}
  .step_num{top:12px;left:12px;width:38px;height:38px;font-size:11px;}
  .rotator_step_txt{padding:20px;}
  .rotator_step_txt h4{font-size:18px;}

  .rotator_notice{font-size:14px;}

}