/* ============================================================
   ADD-ON 24   (sub08t : 눈매교정 비절개?/절개? 2단 비교)
   ------------------------------------------------------------
   · cmp2 : [좌 패널] [가운데 라벨열] [우 패널]
       패널 = 이미지(회색) + 검정 제목바 + 본문 3행(점선 구분)
       라벨열 = 상단 스페이서 + 대상/회복기간/장점 (본문 행과 정렬)
   ============================================================ */

.sec_cmp2{padding:calc(150 * var(--u)) 0 calc(180 * var(--u));}

.cmp2{display:flex;justify-content:center;margin-top:max(40px, calc(80 * var(--u)));}
.cmp2_panel{flex:0 0 calc(443 * var(--u));min-width:0;background:#f8f8f8;}
.cmp2_lbl{flex:0 0 calc(142 * var(--u));min-width:0;text-align:center;}

/* 이미지 (회색 배경 상단) */
.cmp2_img{box-sizing:border-box;padding:calc(58 * var(--u)) 0 calc(54 * var(--u));text-align:center;}
.cmp2_img img{width:calc(263 * var(--u));max-width:66%;margin:0 auto;}

/* 검정 제목바 */
.cmp2_ttl{display:flex;align-items:center;justify-content:center;height:calc(77 * var(--u));min-height:44px;background:#222;text-align:center;font-size:max(15px, calc(23 * var(--u)));font-weight:500;letter-spacing:-0.03em;color:#fff;}

/* 본문 3행 */
.cmp2_body{}
.cmp2_body li{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(129 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u));text-align:center;font-size:max(13px, calc(17 * var(--u)));line-height:1.6;letter-spacing:-0.03em;color:var(--txt);}
.cmp2_body li+li{border-top:1px dashed #d8d8d8;}

/* 가운데 라벨열 */
.cmp2_lbl_top{height:calc(455 * var(--u));}
.cmp2_lbl ul li{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:calc(129 * var(--u));font-size:max(14px, calc(23 * var(--u)));font-weight:500;letter-spacing:-0.03em;color:var(--point);}

/* ============================================================
   ADD-ON 24 : responsive
   ============================================================ */
@media (max-width:1280px){
.sec_cmp2{padding:100px 0 120px;}
.cmp2_panel{flex:1 1 0;}
.cmp2_lbl{flex:0 0 120px;}
.cmp2_lbl_top{height:calc(24vw + 100px);}
}
@media (max-width:1024px){
.cmp2_ttl{font-size:15px;}
.cmp2_body li{min-height:120px;padding:16px 14px;}
.cmp2_lbl ul li{min-height:120px;font-size:15px;}
.cmp2_lbl_top{height:calc(30vw + 60px);}
}
@media (max-width:768px){
.sec_cmp2{padding:70px 0 70px;}
.cmp2_lbl{flex:0 0 58px;}
.cmp2_lbl_top{height:calc(46vw + 40px);}
.cmp2_lbl ul li{min-height:132px;font-size:12px;}
.cmp2_body li{min-height:132px;padding:12px 7px;font-size:11px;line-height:1.5;}
.cmp2_img{padding:22px 0 18px;}
.cmp2_img img{max-width:76%;}
.cmp2_ttl{font-size:12px;height:auto;min-height:0;padding:11px 0;}
}
@media (max-width:400px){
.cmp2_lbl ul li,.cmp2_body li{min-height:70px;}
.cmp2_lbl_top{height:calc(31vw + 36px);}
}