/* ============================================================
   ADD-ON 23   (sub07t : 쌍꺼풀 자연유착/매몰법·절개법·비교표)
   ------------------------------------------------------------
   · circle_cap : 원(체크+라벨) + 하단 설명 3단
   · circle_row : 원(체크+라벨) 좌측 + 설명 우측, 3행
   · cmp        : 상단 이미지 3칸 + 비교표(라벨열 + 3열)
   ============================================================ */

/* ---------- 공통 섹션 여백 ---------- */
.sec_natural{padding:calc(150 * var(--u)) 0 calc(150 * var(--u));}
.sec_incision{padding:calc(150 * var(--u)) 0 calc(150 * var(--u));}
.sec_compare{padding:calc(150 * var(--u)) 0 calc(180 * var(--u));}
.sec_natural .sec_cap_m{margin-top:max(20px, calc(46 * var(--u)));}

/* ============================================================
   circle_cap : 3단 (원 + 하단 설명)
   ============================================================ */
.circle_cap{display:flex;justify-content:center;gap:calc(60 * var(--u));margin-top:max(40px, calc(90 * var(--u)));}
.circle_cap>li{flex:1 1 0;min-width:0;max-width:calc(430 * var(--u));text-align:center;}
.circle_cap_ic{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(330 * var(--u));height:calc(330 * var(--u));margin:0 auto max(20px, calc(40 * var(--u)));border:1px solid #cfcfcf;border-radius:50%;}
.circle_cap_ic i{width:max(16px, calc(30 * var(--u)));height:max(9px, calc(16 * var(--u)));margin-bottom:max(14px, calc(28 * var(--u)));border-left:2px solid var(--point);border-bottom:2px solid var(--point);transform:rotate(-45deg);}
.circle_cap_ic b{font-size:max(16px, calc(24 * var(--u)));font-weight:600;line-height:1.4;letter-spacing:-0.03em;color:var(--point);}
.circle_cap>li>p{font-size:max(13px, calc(18 * var(--u)));line-height:1.7;letter-spacing:-0.03em;color:var(--txt);}

/* ============================================================
   circle_row : 원(좌) + 설명(우), 3행
   ============================================================ */
.circle_row{margin-top:max(40px, calc(90 * var(--u)));}
.circle_row>li{display:flex;align-items:center;gap:calc(70 * var(--u));}
.circle_row>li+li{margin-top:calc(70 * var(--u));}
.circle_row_ic{flex:0 0 calc(300 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(300 * var(--u));height:calc(300 * var(--u));border:1px solid #cfcfcf;border-radius:50%;text-align:center;}
.circle_row_ic i{width:max(16px, calc(28 * var(--u)));height:max(9px, calc(15 * var(--u)));margin-bottom:max(14px, calc(26 * var(--u)));border-left:2px solid var(--point);border-bottom:2px solid var(--point);transform:rotate(-45deg);}
.circle_row_ic b{font-size:max(15px, calc(23 * var(--u)));font-weight:600;line-height:1.4;letter-spacing:-0.03em;color:var(--point);}
.circle_row_tx{flex:1 1 auto;min-width:0;}
.circle_row_tx p{font-size:max(13px, calc(17 * var(--u)));line-height:1.85;letter-spacing:-0.03em;color:var(--txt);}

/* ============================================================
   cmp : 비교표 (상단 이미지 + 라벨열 + 3열)
   ============================================================ */
.cmp{margin-top:max(40px, calc(80 * var(--u)));}
.cmp_imgs{display:flex;margin-left:calc(180 * var(--u));border:1px solid #e6e6e6;border-bottom:0;}
.cmp_imgs>li{flex:1 1 0;min-width:0;padding:calc(34 * var(--u)) calc(20 * var(--u));text-align:center;}
.cmp_imgs>li+li{border-left:1px solid #e6e6e6;}
.cmp_imgs img{width:calc(200 * var(--u));max-width:70%;}

.cmp_table{width:100%;border-collapse:collapse;table-layout:fixed;}
.cmp_table col.cmp_lbl{width:calc(180 * var(--u));}
.cmp_table th,.cmp_table td{border:1px solid #e6e6e6;}
/* 헤더 : 라벨칸 비움 + 3칸 검정 */
.cmp_table thead th.cmp_lbl{border:0;background:none;}
.cmp_table thead th{padding:max(12px, calc(22 * var(--u))) 0;background:var(--point);font-size:max(14px, calc(20 * var(--u)));font-weight:600;letter-spacing:-0.03em;color:#fff;border-color:#2a2a2a;}
/* 본문 라벨열 */
.cmp_table tbody th{border-left:0;border-right:0;text-align:center;font-size:max(14px, calc(19 * var(--u)));font-weight:500;letter-spacing:-0.03em;color:var(--point);}
/* 본문 데이터칸 */
.cmp_table tbody td{padding:max(18px, calc(34 * var(--u))) calc(16 * var(--u));text-align:center;font-size:max(12px, calc(16 * var(--u)));line-height:1.6;letter-spacing:-0.03em;color:var(--txt);border-color:transparent;border-bottom:1px dashed #dcdcdc;}
.cmp_table tbody tr:last-child td{border-bottom:1px solid #e6e6e6;}
.cmp_table tbody td:first-of-type{border-left:1px solid #e6e6e6;}
.cmp_table tbody td:last-child{border-right:1px solid #e6e6e6;}
/* 짝수행(회복기간) 회색 */
.cmp_table tbody tr:nth-child(2) td{background:#f7f7f7;}

/* ============================================================
   ADD-ON 23 : responsive
   ============================================================ */
@media (max-width:1280px){
.sec_natural,.sec_incision{padding:100px 0;}
.sec_compare{padding:100px 0 120px;}
.circle_cap{gap:30px;}
.circle_cap_ic{width:calc(30vw - 30px);height:calc(30vw - 30px);max-width:330px;max-height:330px;}
.circle_row_ic{flex:0 0 240px;width:240px;height:240px;}
}
@media (max-width:1024px){
.circle_cap_ic{width:26vw;height:26vw;}
.circle_row>li{gap:40px;}
.circle_row_ic{flex:0 0 200px;width:200px;height:200px;}
}
@media (max-width:768px){
.sec_natural,.sec_incision{padding:70px 0;}
.sec_compare{padding:70px 0 70px;}
.circle_cap{flex-direction:column;align-items:center;gap:44px;}
.circle_cap>li{max-width:340px;}
.circle_cap_ic{width:220px;height:220px;}
.circle_row>li{flex-direction:column;text-align:center;gap:20px;}
.circle_row>li+li{margin-top:44px;}
.circle_row_ic{flex:0 0 auto;width:200px;height:200px;}
.circle_row_tx p{text-align:center;}
/* 비교표 : 라벨열 유지, 가로 스크롤 방지 위해 폰트 축소 */
.cmp{overflow-x:auto;}
.cmp_imgs{margin-left:90px;}
.cmp_table col.cmp_lbl{width:90px;}
.cmp_table tbody td{padding:16px 8px;font-size:12px;}
.cmp_imgs img{max-width:80%;}
}
@media (max-width:480px){
.cmp_imgs{margin-left:70px;}
.cmp_table col.cmp_lbl{width:70px;}
.cmp_table thead th{font-size:13px;}
}