@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"안성제일한방병원"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#F8F8F8 ;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.subsec-pdt {padding-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.mt-60 {margin-top: var(--padding-60) !important;}
.mt-40 {margin-top: var(--padding-40) !important;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.linetextbx {margin-bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.linetextbx.ty2 {margin-bottom: clamp(25px, calc( 45 / var(--inner) * 100vw ), 45px);}
.linetextbx .linetext {padding-left:clamp(15px, calc( 15 / var(--inner) * 100vw ), 15px); position: relative; font-size:var(--font-size-24); font-weight: 600; }
.linetextbx .linetext::before {content:''; position: absolute; left:0; top:4px; width:clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); height: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); background:var(--color-primary);}
.linetextbx.border {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}

.docdor-grid {display: flex;flex-direction: column; gap: var(--padding-100);}
.dordor-item {padding: var(--padding-60) var(--padding-65); border: 1px solid #ddd; border-radius: var(--border-radius-24);}
.dordor-item .flxWrap {gap: var(--padding-60); align-items: center; margin-bottom: var(--padding-60);}
.dordor-item .imgbx {width: clamp(120px, calc( 180 / var(--inner) * 100vw ), 180px);}
.dordor-item .images {position:relative; padding-bottom:122.22%; overflow:hidden; border-radius: 16px;}
.dordor-item .images img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.dordor-item .textbx {flex: 1;}
.dordor-item .textbx .badge {display: inline-flex; align-items: center;justify-content: center; margin-bottom: var(--padding-25); padding:0 20px; min-width: clamp(80px, calc( 90 / var(--inner) * 100vw ), 90px); height: clamp(36px, calc( 40 / var(--inner) * 100vw ), 40px); font-size: var(--font-size-18); border-radius: 60px; background: var(--color-primary); color: #fff; line-height: 1;}
.dordor-item .namebx {display: flex; align-items: flex-end; gap: 8px; margin-bottom: var(--padding-25); line-height: 1.1;}
.dordor-item .namebx .name {font-size:var(--font-size-36); font-weight: 600;  letter-spacing: 1.2;}
.dordor-item .namebx .position {display: block; margin-bottom: 2px; font-size: var(--font-size-20); font-weight: 500;}
.dordor-item .engname {font-size: var(--font-size-18); font-weight: 500; color: #686868;}
.docdor-info-list {display: flex; flex-wrap: wrap; gap:var(--padding-40);}
.docdor-info-item {width: calc(50% - var(--padding-20)); border-top: 2px solid #242424; text-align: center;} 
.docdor-info-item .head {font-size: var(--font-size-18); font-weight: 500; background: rgba(248, 248, 248, 1);}
.docdor-info-item .head,
.docdor-info-item .body .item {padding:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px) 10px; border-bottom: 1px solid #ddd; line-height: 1.4;}
.docdor-info-item .body .item  {color: var(--color-body);}

.hours-grid {display: flex; gap: var(--padding-30); overflow: hidden;}
.hours-griditem {flex: 1;  padding: var(--padding-40); border: 1px solid #ddd; border-radius: var(--border-radius-24); text-align: center;}
.hours-griditem .hours-icon {margin-bottom: var(--padding-30);}
.hours-griditem .hours-icon img {width: clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px); }
.hours-griditem .hours-title {margin-bottom: var(--padding-15); font-size: var(--font-size-18); font-weight: 600; }
.hours-griditem .hours-info {display: flex; flex-direction: column; gap: 5px; font-size: var(--font-size-18); font-weight: 600; line-height: 1.55;}
.hours-griditem .hours-note {font-size: var(--font-size-16); color: var(--color-danger); }

.aroundslide {max-width: 1200px; margin: 0 auto;}
.slidebox .image {position:relative; padding-bottom:60%; overflow:hidden;}
.slidebox .image img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.main-slide,
.sub-slide {position: relative;}
.slidebox .btn-arrow {margin-top: 0; transform: translateY(-50%); color:#BEBEBE; width:24px; height:24px;}
.slidebox .btn-arrow::after {display: none;}
.main-slide .btn-arrow {width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.main-slide .title {position: absolute; bottom: var(--padding-30); left: 50%; transform: translateX(-50%); display: inline-flex;align-items: center; justify-content: center; min-width:clamp(150px, calc( 400 / var(--inner) * 100vw ), 400px); height: clamp(40px, calc( 48 / var(--inner) * 100vw ), 48px); border-radius: 80px; background: rgba(0, 0, 0, 0.6); font-size:var(--font-size-18); font-weight: bold; color: #fff;}
.main-slide .swiper-button-prev {left:0;}
.main-slide .swiper-button-next {right:0;}
.sub-slide {margin-top:var(--padding-30); padding:0 var(--padding-60);}
.sub-slide .swiper-button-prev {left:0}
.sub-slide .swiper-button-next {right:0;}
.sub-slide .swiper-slide-thumb-active .image:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid var(--color-primary);}

.mapwrap .map {border-radius: var(--border-radius-24); overflow: hidden;}
.mapinfo-icngrid {display: grid;grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: var(--padding-60);}
.mapinfo-icnitem {display: flex;align-items: center;gap:var(--padding-20);}
.mapinfo-icnitem .icn {width: clamp(60px, calc( 88 / var(--inner) * 100vw ), 88px);}
.mapinfo-icnitem .textbx {flex: 1; letter-spacing: -0.5px;}
.mapinfo-icnitem .tit {margin-bottom: var(--padding-15); font-size:var(--font-size-22); font-weight: 600;}
.mapinfo-icnitem .dec {font-size: var(--font-size-18); line-height: 1.33; color: var(--color-body);}
.mapinfotext-item {margin-top: var(--padding-100);}
.mapinfotext-item .linetextbx {margin-bottom: var(--padding-20); padding-bottom: var(--padding-20); border-bottom: 1px solid #ddd;}
.mapinfotext-item .mapinfotext {padding-left: 14px; font-size: var(--font-size-18);color: var(--color-body);}

.commtopsec .topicntxtbx {display: flex;align-items: center; gap: var(--padding-30 ); margin-bottom: var(--padding-30); padding-bottom: var(--padding-30); border-bottom: 2px solid var(--color-primary);}
.topicntxtbx .icn {width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);} 
.topicntxtbx .textbx {flex: 1; letter-spacing: -00.5px;}
.topicntxtbx .textbx .tit {margin-bottom: 10px; font-size:var(--font-size-24); font-weight: 600;}
.topicntxtbx .textbx .dec {color: #686868; line-height: 1.5;}
.commtopsec .comminner {padding:var(--padding-25) var(--padding-30); font-size: var(--font--size-20); font-weight: 600; background: #F8F8F8; border-radius: 16px; line-height: 1.75;}
.commtopsec .comminner.ty2 {font-size: var(--font-size-16); color: var(--color-body); font-weight: 400;}
.commtopsec .comminner.bgwhite {background: #fff;}
.commtopsec .commtxtbx {margin-top: var(--padding-25); font-size: var(--font-size-18); line-height: 1.5;}
.commtopsec .addcommwrap {margin-top: var(--padding-60);}

.sub2_1_1-grd {display: flex;gap:var(--padding-30); flex-wrap: wrap;}
.sub2_1_1-item {width: calc(50% - var(--padding-30)); }
.sub2_1_1-item .text {padding-top:var(--padding-25); font-size: var(--font-size-20); font-weight: 500; letter-spacing: -0.5px; text-align: center;}

.commtablewrap thead th {background: var(--color-primary); color: #fff; font-size: var(--font-size-18); font-weight: 600;}
.commtablewrap th,
.commtablewrap td {padding: clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px) 10px; text-align: center; line-height: 1.5; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.commtablewrap th:last-child,
.commtablewrap td:last-child {border-right: none;}
.commtablewrap tbody th {background: rgba(125, 43, 47, 0.05); font-weight: 500;}
.commtablewrap tbody .small {font-size:var(--font-size-14); color: var(--color-body); font-weight: 400; line-height: 1.5;}
.commtablewrap tbody td {color: var(--color-body); background: #fff;}

.program-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-30); }
.program-item {padding:var(--padding-30);  border: 1px solid #ddd; border-radius: var(--border-radius-24); letter-spacing: -0.6px; background: #fff;}
.program-item .program-num {display: inline-flex; align-items: center; justify-content: center; width: clamp(34px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(34px, calc( 48 / var(--inner) * 100vw ), 48px); background: var(--color-primary); color: #fff; font-size: var(--font-size-22); font-weight: 600; border-radius: 8px;}
.program-item .program-tit {margin-top: var(--padding-20); margin-bottom: var(--padding-20); font-size: var(--font-size-20); font-weight: 600; line-height: 1.4;}
.program-item .program-list {display: flex; flex-direction: column; gap: var(--padding-10);}
.program-item .program-list li {position: relative; padding-left: 11px; font-size: var(--font-size-15); line-height: 1.5; color: var(--color-body);}
.program-item .program-list li::before {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: var(--color-primary); border-radius: 50%;}


.sub2_1_4 {background: url(../images/sub/sub2_1_4-bg.jpg) no-repeat center center / cover;}
.injection-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: var(--padding-30);}
.injection-item {width: calc((100% - var(--padding-30) * 2) / 3); padding:var(--padding-30); padding-right: 15px; border-radius: var(--border-radius-24);  border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.20); text-align: left; color: #fff;}
.injection-item .injection-icon {margin-bottom: var(--padding-20); }
.injection-item .injection-icon img {width: clamp(40px, calc( 48 / var(--inner) * 100vw ), 48px); }
.injection-item .injection-tit {margin-bottom: var(--padding-12); font-size: var(--font-size-20); font-weight: 600; line-height: 1.5;}
.injection-item .injection-tit .eng {display: inline-block; font-size: var(--font-size-15); font-weight: 400; color: rgba(255, 255, 255, 0.40); letter-spacing: -0.9px;}
.injection-item .injection-text {letter-spacing: -0.6px; line-height: 2; font-size: var(--font-size-15); font-weight: 400;}
.injection-item .injection-benefit {font-weight: 600;}

.commflxWrap {display: flex;flex-wrap: wrap; gap:var(--padding-60); align-items: center;}
.commflxWrap .imgbx {width:clamp(300px, calc( 540 / var(--inner) * 100vw ), 540px);}
.commflxWrap .textbx {flex: 1; display: flex;flex-direction: column;gap:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.commflxWrap .textbx .item {padding: var(--padding-12) var(--padding-20); border: 1px solid #ddd; border-radius: 60px; background: #fff;}
.commflxWrap .textbx .text {padding-left: clamp(24px, calc( 33 / var(--inner) * 100vw ), 33px); position: relative;font-size: var(--font-size-18); line-height: 1.66;}
.commflxWrap .textbx .text::before {content: ''; position: absolute; left: 0; top: 2px;  width: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); height: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); background: url(../images/sub/check.png) no-repeat center center / contain; }
.commflxWrap.reverse {flex-direction: row-reverse;}

.recommend-grid {display: flex; justify-content: center; flex-wrap: wrap; gap: var(--padding-45) var(--padding-30); padding-top: 20px;}
.recommend-item {width: calc((100% - var(--padding-30) * 3) / 4); padding: var(--padding-50) var(--padding-15) var(--padding-35); position: relative; background: #fff; border-radius:16px; border: 1px solid #ddd; text-align: center;}
.recommend-item .recommend-num {display: inline-flex; align-items: center; justify-content: center; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: clamp(55px, calc( 70 / var(--inner) * 100vw ), 70px); height: 32px; background: var(--color-primary); color: #fff; font-size: var(--font-size-18); font-weight: bold; border-radius: 50%;}
.recommend-item .recommend-icon {margin-bottom: var(--padding-25);}
.recommend-item .recommend-icon img {width: clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px); }
.recommend-item .recommend-text {line-height: 1.75; color: var(--color-body); letter-spacing: -0.5px; font-weight: 500; letter-spacing: -0.8px;}
.recommend-item .recommend-text .tit {margin-bottom:10px; font-size:var(--font-size-18); font-weight: 600; line-height: 1.55;}
.recommend-item.col-2 {width: calc((100% - var(--padding-30) * 1) / 2);}
.recommend-item.col-3 {width: calc((100% - var(--padding-30) * 2) / 3);}
.recommend-item.col-5 {width: calc((100% - var(--padding-30) * 4) / 5);}

.sub2_1_8 .mapinfo-icngrid {display: flex; gap: var(--padding-60);}

.commlast-wrap {background: linear-gradient(180deg, #7D2B2F 0%, #BB1930 100%); color: #fff; text-align: center; letter-spacing: -0.6px;}
.commlast-wrap .txt1 {margin-bottom: 10px; font-size: var(--font-size-40); font-weight: 600; line-height: 1.5;}
.commlast-wrap .txt2 {margin-bottom: var(--padding-30); font-size: var(--font-size-18); line-height: 1.66;}
.commlast-wrap .btn-apply {display: inline-flex;align-items: center;justify-content: center; padding:0 20px; min-width: clamp(130px, calc( 160 / var(--inner) * 100vw ), 160px); height: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); font-weight: 500; border-radius: 60px; background: #fff; color: var(--color-primary); line-height: 1;}
.commlast-wrap .btn-apply:hover {background: var(--color-primary); color: #fff;}

.sub3_1_1 {background: url(../images/sub/sub3_1_1-bg.jpg) no-repeat center center / cover;}

.lifting-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--padding-30); margin-top: var(--padding-60);}
.lifting-item {padding: var(--padding-30); border-radius:var(--border-radius-24); border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(10px);}

.lifting-item .lifting-num {display: inline-flex; align-items: center; justify-content: center; width: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); margin-bottom: var(--padding-20); background: var(--color-primary); color: #fff; font-size: var(--font-size-22); font-weight: bold; border-radius: 8px; line-height: 1;}
.lifting-item .lifting-tit {margin-bottom: var(--padding-12); font-size: var(--font-size-24); font-weight: 700; color: #fff;}
.lifting-item .lifting-desc {line-height: 2; color: #fff;}

.lifting-item .lifting-section {margin-top: var(--padding-30); padding-top: var(--padding-30); border-top: 1px dashed rgba(255, 255, 255, 0.20);}

.lifting-item .lifting-section-tit {margin-bottom: var(--padding-20); font-size: var(--font-size-20); font-weight: 600; line-height: 1.4; color: #fff;}
.lifting-item .lifting-list {display: flex; flex-direction: column; gap: var(--padding-15);}
.lifting-item .lifting-list li {position: relative; padding-left: clamp(24px, calc( 33 / var(--inner) * 100vw ), 33px); font-size: var(--font-size-18); line-height: 1.66; color: #fff;}
.lifting-item .lifting-list li::before {content: ''; position: absolute; left: 0; top: 4px; width: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); height: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); background: url(../images/sub/check2.png) no-repeat center center / contain;}
.lifting-item .lifting-principle {color: #fff; line-height: 2;}

.sub3_2_1-vs {display: flex;align-items: center;gap: var(--padding-60);justify-content: center; margin-bottom: var(--padding-60);}
.sub3_2_1-vs .vstext {font-size:var(--font-size-40); font-weight: 700;}
.quotext .text {display: inline-block; padding:0 clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px); position: relative; font-size: var(--font-size-32); font-weight: 600;}
.quotext .text:after ,
.quotext .text:before  {position: absolute; content: ''; top: 0; width:clamp(18px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px); background-size: contain !important; background-repeat: no-repeat;}
.quotext .text:after {left: 0; background-image: url(../images/sub/quo-1.png);}
.quotext .text:before {right: 0; background-image: url(../images/sub/quo-2.png);}
.quodowntext {margin-top: 20px ; text-align: center; font-size: var(--font-size-18); line-height: 1.55; color: var(--color-body);}
.quotext.white {color: #fff;} 
.quotext.white .text:after {left: 0; background-image: url(../images/sub/quo-new1.png);}
.quotext.white .text:before {right: 0; background-image: url(../images/sub/quo-new2.png);}
.quodowntext.white {color: #fff;}



.growth-circles {display: flex; align-items: center; justify-content: center; gap: var(--padding-55); position: relative;}
.growth-circles:after {position: absolute; content: ''; left: 50%; transform: translateX(-50%); width:50%; height: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); background: #F5F5F5; z-index: -1;}
.growth-circle {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: clamp(150px, calc( 280 / var(--inner) * 100vw ), 280px); aspect-ratio: 1 / 1;  border-radius: 50%; text-align: center; letter-spacing: -0.6px;}
.growth-circle:not(.growth-center) {background: var(--color-primary); color: #fff;}
.growth-circle:not(.growth-center):after {position: absolute;content: '';  width: clamp(130px, calc( 250 / var(--inner) * 100vw ), 250px); aspect-ratio: 1 / 1;  border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 0.40);}
.growth-circle .circle-label {font-size: var(--font-size-26); font-weight: bold; margin-bottom: 5px;}
.growth-circle .circle-age {font-size: var(--font-size-40); font-weight: bold;}
.growth-center {padding: 0 var(--padding-20); background: #fff;}
.growth-center .growth-title {margin-bottom: var(--padding-10); font-size: var(--font-size-30); font-weight: 600;}
.growth-center .growth-desc { color: var(--color-body);}

.growth-curve {padding-top: 20px; margin-bottom: var(--padding-40); text-align: center;}
.growth-warning {display: inline-flex; justify-content: center; align-items: center; gap: 5px; padding: 10px  var(--padding-35); background: #F5F5F5; border-radius: 60px;}
.growth-warning .warning-icon {width: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px);  }
.growth-warning .warning-text {flex: 1; line-height: 1.87; font-weight: 500;}
.growth-warning.ty2 {background: rgba(255, 255, 255, 0.40); color: #fff;}
.growth-warning.ty3 {background: #fff; }
.growth-warning.ty4 {background: rgba(125, 43, 47, 0.03); }

.case-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--padding-30); }
.case-item {padding: var(--padding-30); background: #fff; border-radius: 16px; text-align: center; border: 1px solid #ddd;}
.case-item .case-icon {margin-bottom: var(--padding-20);}
.case-item .case-icon img {width: clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); }
.case-item .case-main {line-height: 1.75; color: var(--color-body);}
.case-grid.col-6 {grid-template-columns: repeat(6, 1fr);}

.process-grid+.process-grid {margin-top: var(--padding-40);}
.process-grid {display: flex; justify-content: center; flex-wrap: wrap; gap:var(--padding-60)  var(--padding-30);  position: relative; z-index: 2; overflow: hidden;}
/* .process-grid:after {position: absolute; content: ''; top: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); left: 50%; transform: translateX(-50%); width: 80%; border: 1px dashed #ddd; z-index: -1;} */
.process-item {width: calc((100% - 3 * var(--padding-30)) / 4) ; position: relative; text-align: center; letter-spacing: -0.7px;}
.process-item:not(:last-child)::before {position: absolute; content: ''; width: 100%; border-top: 2px dashed #ddd; left: 50%; top:  clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); z-index: -1;}
.process-item:not(:last-child)::after {content: ''; position: absolute; right: calc(var(--padding-30) * -1); top: 42%; transform: translateY(-50%); width: clamp(22px, calc( 65 / var(--inner) * 100vw ), 65px); height: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); background: url(../images/sub/arrow.png) no-repeat center center / contain; z-index: 1;}
.process-item .process-step {display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; height: clamp(32px, calc( 40 / var(--inner) * 100vw ), 40px); margin-bottom: var(--padding-20); background: var(--color-primary); color: #fff; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold; border-radius: 50%;}
.process-item .process-icon {margin-bottom: var(--padding-25);}
.process-item .process-icon img {width: clamp(55px, calc( 72 / var(--inner) * 100vw ), 72px); }
.process-item .process-tit {margin-bottom: 10px; font-size: var(--font-size-18); font-weight: 600; line-height: 1.55; }
.process-item .process-desc {line-height: 1.55; color: var(--color-body);}
.process-item.col-3 {width: calc((100% - 2 * var(--padding-30)) / 3) ;}
.process-grid.white:after {width: 65%;}
.process-grid.white {color: #fff;}
.process-grid.white .process-item .process-desc {color: #fff;}
.process-grid.white .process-item:not(:last-child)::after {background-image: url(../images/sub/arrow-white.png);}
.process-grid.step .process-item:nth-child(3)::after {display: none;}
.process-grid.step .process-item:nth-child(3)::before {display: none;}

.numtext-grid {display: grid; grid-template-columns: repeat(2,1fr); gap: var(--padding-30);}
.numtxt-item {display: flex; gap:var(--padding-20); padding:var(--padding-30); background: #fff; border: 1px solid #ddd; border-radius: var(--border-radius-24); letter-spacing: -0.7px;}
.numtxt-item .numberbx {width: clamp(40px, calc( 48 / var(--inner) * 100vw ), 48px);}
.numtxt-item .num {display: flex;align-items: center;justify-content: center;width: clamp(40px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(40px, calc( 48 / var(--inner) * 100vw ), 48px); font-size: var(--font-size-22); line-height: 1; font-weight: bold; color: #fff; background: var(--color-primary); border-radius:8px;}
.numtxt-item .textbx {flex: 1; display: flex;flex-direction: column; gap:12px;}
.numtxt-item .tit {font-size: var(--font-size-20); font-weight: 600; line-height: 1.5;}
.numtxt-item .desc {color: var(--color-body); line-height: 2;}
.numtext-grid.ty2 {grid-template-columns: repeat(3,1fr);}
.numtext-grid.ty2 .numtxt-item {flex-direction: column;}

.downarrow {padding:var(--padding-40) 0; text-align: center;}
.sub3_3_2 .growth-warning {margin-top: var(--padding-60);}

.sub3_3_3 {background: url(../images/sub/sub3_3_3-bg.jpg) no-repeat 50% 50% / cover;}


.sub3_3_5 .flxWrap {align-items: center; gap:var(--padding-40);}
.sub3_3_5 .imgbx {width: clamp(300px, calc( 400 / var(--inner) * 100vw ), 400px);}
.sub3_3_5 .imgbx img {width: 100%;}
.sub3_3_5 .textbx {flex: 1;}
.sub3_3_5 .textbx .title {margin-bottom: var(--font-size-20); font-size:var(--font-size-24); font-weight: 600; line-height: 1.33;}
.sub3_3_5 .textbx .desc {color: var(--color-body); font-weight: 1.75;}

.disease-grid {display: grid; grid-template-columns: repeat(2,1fr); gap:var(--padding-30);}
.disease-item {border-radius: 16px; border: 1px solid #ddd; overflow: hidden;}
.disease-item .images img {width: 100%;}
.disease-item .textbx {padding:var(--padding-30);}
.disease-item .toptext {margin-bottom:var(--padding-30); padding-bottom: var(--padding-30); border-bottom: 1px dashed #ddd;}
.disease-item .title {margin-bottom: var(--padding-12); font-size:var(--font-size-24); font-weight: bold;}
.disease-item .title .small {display: inline-block;padding-left: 6px; font-size:var(--font-size-15); font-weight: 400; color: var(--color-body);}
.disease-item .text {color: var(--color-body); line-height: 2;}
.disease-item .check-tit {margin-bottom:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-size: var(--font-size-18); font-weight: bold;}
.disease-item .checklist {display: flex;flex-direction: column;gap: 10px;}
.disease-item .checkitem {padding-left:clamp(24px, calc( 33 / var(--inner) * 100vw ), 33px); position: relative; color: var(--color-body); line-height: 1.7;}
.disease-item .checkitem:after {content: ''; position: absolute; left: 0; top: 1px;  width: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); height: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); background: url(../images/sub/check.png) no-repeat center center / contain; }


.sub4_1_4 {background: url(../images/sub/sub4_1_4-bg.jpg) no-repeat 50% 50% / cover;}
.treatment-system {display: flex;  align-items: center; gap:var(--padding-40) var(--padding-80); }
.treatment-col {flex: 1; background: #fff; border-radius: var(--border-radius-24); overflow: hidden;}
.treatment-header {padding: var(--padding-15) ; background: var(--color-primary); color:#fff; font-size: var(--font-size-20); font-weight: 600; text-align: center; line-height: 1.5;}
.treatment-list {padding: var(--padding-35) var(--padding-40);}
.system-item {display: flex; align-items: flex-start; gap:10px; padding-bottom: var(--padding-25); margin-bottom: var(--padding-25); border-bottom: 1px dashed #ddd;}
.system-item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.system-check {flex-shrink: 0; width: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); height: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); margin-top: 2px; background: var(--color-primary); border-radius: 50%; position: relative;}
.system-check::after {content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--color-white); font-size: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold;}
.system-content {flex: 1;}
.system-tit {margin-bottom: var(--padding-10); font-size: var(--font-size-18); font-weight: 600; line-height: 1.66; }
.system-desc {font-size: var(--font-size-16); line-height: 1.87; color: var(--color-body);}
.treatment-plus svg {width: var(--padding-40);aspect-ratio: 1 / 1;}

.comflxWrap {display: flex; flex-wrap: wrap; align-items: center;gap:var(--padding-80);}
.comflxWrap .imgbx {width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px);}
.comflxWrap .imgbx img {width: 100%; border-radius: 32px;}
.comflxWrap .textbx {flex: 1; letter-spacing: -0.8px;}
.comflxWrap .title {font-size:var(--font-size-32); font-weight: 600;}
.comflxWrap .decbx {margin-top: var(--padding-30);}
.comflxWrap .dec {color: var(--color-body); line-height: 1.66; font-size: var(--font-size-18);}
.comflxWrap .dec + .dec {padding-top: var(--padding-25);}

.commbg {background: url(../images/sub/sub4_1_4-bg.jpg) no-repeat 50% 50% / cover;}
.commtext {font-size: var(--font-size-18); color: var(--color-body); line-height: 1.77;}

.commbullet-list {padding-left: var(--padding-15);}
.commbullet-item {padding-left:12px; position: relative; font-size: var(--font-size-18); color: var(--color-body); line-height: 1.77;}
.commbullet-item:after {position: absolute; content: ''; left: 0; top: clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); width: 3px; height: 3px; background: var(--color-body); border-radius: 50%;}

.noncovered-wrap .commtablewrap thead th {font-size: var(--font-size-16); font-weight: 600;}
.noncovered-wrap .commtablewrap tbody th {font-size: var(--font-size-16); font-weight: 600; background: #fff;}
.noncovered-wrap .commtablewrap th, 
.noncovered-wrap .commtablewrap td {padding:12px 10px;}