@charset "utf-8";
/* ============================================================
   common_sub.css   -   서브페이지 공통 / 반응형
   ------------------------------------------------------------
   [ 반응형 설계 ]
   · 시안 기준 캔버스 1920px, inner 1500px
   · --u : 디자인 1px 을 뜻하는 가변 단위
           --u = min(1px, 0.052083vw)  =  1920 이하에서는 화면폭에 비례 축소,
                                          1920 이상에서는 1px 로 고정
     → 1920 ~ 1281px 구간은 시안 비율 그대로 자동 축소되므로 별도 분기 불필요
   · 글자는 max(최소값, n*var(--u)) 로 하한선을 둬 가독성 유지
   · 1280 이하 : 인트로 흰박스 흐름배치 / 768 이하 : 1단 / 480 이하 : 여백 축소
   ============================================================ */

/* ---------- variable ---------- */
.sub_wrap{--u:min(1px, 0.0520833vw);--inner:calc(1500 * var(--u));--point:#1f1f1f;--bg-gray:#f3f3f3;--txt:#666;--txt-sub:#9a9a9a;--line:#3d3d3d;--head-h:calc(1392 * var(--u));--head-img-w:calc(989 * var(--u));--head-img-top:calc(470 * var(--u));--logo-top:calc(258 * var(--u));--logo-left:calc(45 * var(--u));--select-top:calc(634 * var(--u));--select-w:calc(684 * var(--u));--copy-top:calc(1020 * var(--u));--copy-left:calc(820 * var(--u));--box-top:calc(1138 * var(--u));--box-h:calc(817 * var(--u));--box-tit-top:calc(74 * var(--u));--box-tit-left:calc(53 * var(--u));--box-tit-w:calc(650 * var(--u));--box-txt-top:calc(310 * var(--u));--box-txt-left:calc(757 * var(--u));--box-txt-w:calc(700 * var(--u));--vid-w:calc(502 * var(--u));--vid-h:calc(894 * var(--u));--vid-top:calc(169 * var(--u));--vid-right:calc(73 * var(--u));--sec-pd:calc(170 * var(--u));--row-gap:calc(80 * var(--u));--card-gap:calc(19 * var(--u));}

/* ---------- base ---------- */
.sub_wrap{position:relative;min-width:320px;overflow:hidden;color:#222;font-family:'Pretendard','Noto Sans KR',sans-serif;letter-spacing:-0.03em;word-break:keep-all;}
.sub_wrap .inner{position:relative;width:var(--inner);margin:0 auto;}
.sub_wrap img{display:block;max-width:100%;}
.sub_wrap .tc{text-align:center;margin-top:4%}
.sub_wrap .tr{text-align:right;}

/* ---------- text ---------- */
.label_en{display:block;font-family:'Montserrat',sans-serif;font-size:max(11px, calc(14 * var(--u)));font-weight:400;letter-spacing:0.22em;color:#a5a5a5;}
.sec_tit{margin-top:calc(26 * var(--u));text-align:center;font-size:max(22px, calc(46 * var(--u)));font-weight:600;line-height:1.35;letter-spacing:-0.04em;color:var(--point);}
.sec_subtit{margin-top:calc(26 * var(--u));text-align:center;font-size:max(13px, calc(18 * var(--u)));font-weight:400;line-height:1.35;letter-spacing:-0.04em;color:var(--point);}
.sec_tit_en{font-size:max(28px, calc(60 * var(--u)));font-weight:800;line-height:1.43;letter-spacing:-0.05em;color:var(--point);position:relative;}
.sec_stit{font-size:max(19px, calc(30 * var(--u)));font-weight:600;line-height:1.4;color:var(--point);}
.sec_txt{font-size:max(15px, calc(18 * var(--u)));line-height:1.78;color:var(--txt);}
.sec_txt+.sec_txt{margin-top:max(20px, calc(32 * var(--u)));}

/* ---------- section ---------- */
.sec{padding:var(--sec-pd) 0;background:#fff;}
.sec.sec_visual{padding-bottom:0;}
.sec_gray{background:var(--bg-gray);}
.sec_black{background:var(--point);}
.sec_pt0{padding-top:0;}
.sec_pb0{padding-bottom:0;}

/* ---------- head ---------- */
.sub_head{position:relative;background:#fff;}
.sub_head:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--head-h);background:var(--point);}
.sub_head .inner{height:calc(var(--box-top) + var(--box-h));}
.sub_head_img{position:absolute;top:var(--head-img-top);right:0;width:var(--head-img-w);z-index:1;}
.sub_logo{position:absolute;top:var(--logo-top);left:calc(50% - 50vw + var(--logo-left));z-index:2;font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-0.02em;color:#fff;white-space:nowrap;font-size:max(40px, calc(150 * var(--u)));}
.sub_logo span{font-size:max(26px, calc(110 * var(--u)));}
.sub_select{position:absolute;top:var(--select-top);left:calc(50% - 50vw);z-index:3;width:calc(50vw - var(--inner) / 2 + var(--select-w));}
.sub_copy{position:absolute;top:var(--copy-top);left:var(--copy-left);z-index:2;font-family:'Times New Roman',serif;font-size:max(17px, calc(34 * var(--u)));letter-spacing:0;color:rgba(255,255,255,.45);}

/* ---------- head : 인트로 흰박스 ---------- */
.sub_box{position:absolute;top:var(--box-top);left:0;z-index:2;width:100%;height:var(--box-h);background:#fff;}
.sub_box_tit{position:absolute;top:var(--box-tit-top);left:var(--box-tit-left);width:var(--box-tit-w);}
.sub_box_tit .label_en{margin-top:calc(22 * var(--u));text-align:right;}
.sub_box_txt{position:absolute;top:var(--box-txt-top);left:var(--box-txt-left);width:var(--box-txt-w);}
.sub_box_txt .sec_stit{margin-bottom:max(24px, calc(40 * var(--u)));}

/* ---------- visual + video ---------- */
.visual_box{position:relative;width:calc(50vw + var(--inner) / 2);margin-left:calc(50% - 50vw);}
.visual_box>img{width:100%;}
.visual_vid,.visual_img{position:absolute;top:var(--vid-top);right:var(--vid-right);width:var(--vid-w);height:var(--vid-h);object-fit:cover;background:#fff;z-index:5;}
.visual_cap{width:var(--vid-w);margin:calc(38 * var(--u)) var(--vid-right) 0 auto;text-align:center;font-size:max(14px, calc(22 * var(--u)));color:#333;}

/* ---------- 이미지 + 텍스트 2단 ---------- */
.cont_row{display:flex;justify-content:center;align-items:center;gap:var(--row-gap);margin-top:var(--row-gap);}
.cont_row_img{flex:0 0 auto;}
.cont_row_txt{flex:1 1 auto;}

/* ---------- 카드(METHOD) 리스트 ---------- */
.card_list{display:flex;justify-content:space-between;gap:var(--card-gap);margin-top:var(--row-gap);}
.card_list>li{flex:1 1 0;min-width:0;}
.card_img img{width:100%;}
.card_cap{padding:max(20px, calc(34 * var(--u))) calc(20 * var(--u)) max(24px, calc(40 * var(--u)));background:var(--point);text-align:center;}
.card_cap strong{display:block;margin-bottom:max(12px, calc(20 * var(--u)));font-family:'Montserrat',sans-serif;font-size:max(15px, calc(20 * var(--u)));font-weight:600;letter-spacing:0.1em;color:#fff;}
.card_cap p{font-size:max(13px, calc(16 * var(--u)));line-height:1.75;color:#b5b5b5;}

/* ---------- Q&A ---------- */
.qna{display:flex;}
.qna_tit{flex:0 0 calc(530 * var(--u));padding-left:calc(15 * var(--u));}
.qna_tit span{display:block;margin-bottom:max(16px, calc(26 * var(--u)));font-family:'Montserrat',sans-serif;font-size:max(17px, calc(26 * var(--u)));font-weight:600;letter-spacing:0.06em;color:#fff;}
.qna_tit strong{display:block;font-family:'Montserrat',sans-serif;font-size:max(44px, calc(90 * var(--u)));font-weight:800;line-height:1;color:#fff;}
.qna_list{flex:1 1 auto;min-width:0;}
.qna_list>li{padding-bottom:max(28px, calc(46 * var(--u)));border-bottom:1px solid var(--line);}
.qna_list>li+li{padding-top:max(32px, calc(52 * var(--u)));}
.qna_list .q{display:flex;font-size:max(16px, calc(20 * var(--u)));line-height:1.5;font-weight:600;color:#fff;}
.qna_list .a{display:flex;margin-top:max(20px, calc(34 * var(--u)));}
.qna_list em{flex:0 0 max(28px, calc(44 * var(--u)));font-family:'Montserrat',sans-serif;font-style:normal;font-size:max(16px, calc(20 * var(--u)));font-weight:600;line-height:1.5;color:#fff;}
.qna_list .a_txt{flex:1 1 auto;min-width:0;}
.qna_list .a_txt p{font-size:max(13px, calc(16 * var(--u)));line-height:1.87;color:var(--txt-sub);}
.qna_list .a_txt p+p{margin-top:max(18px, calc(30 * var(--u)));}

/* ---------- foot ---------- */
.sub_foot{padding:calc(0 * var(--u)) 0 calc(120 * var(--u));background:#fff;}
.sub_foot .inner{display:flex;align-items:center;gap:calc(30 * var(--u));}
.sub_foot span{flex:0 0 auto;font-family:'Montserrat',sans-serif;font-size:max(11px, calc(14 * var(--u)));letter-spacing:0.22em;color:#a5a5a5;}
.sub_foot i{flex:1 1 auto;height:1px;background:var(--point);}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* ---------- 1280 이하 : 인트로 흰박스 흐름배치 ---------- */
@media (max-width:1280px){
.sub_wrap .inner{width:100%;padding:0 40px;}
.sub_head .inner{height:auto;padding-top:var(--box-top);padding-bottom:60px;}
.sub_head:before{height:auto;bottom:0;}
.sub_box{position:relative;top:0;height:auto;margin:0 -40px;padding:60px 40px 70px;}
.sub_box_tit{position:relative;top:0;left:0;width:100%;}
.sub_box_tit .label_en{text-align:left;}
.sub_box_txt{position:relative;top:0;left:0;width:100%;margin-top:50px;}
.visual_box{width:calc(100% + 80px);margin-left:-40px;}
.qna_tit{flex:0 0 32%;padding-left:0;}
.sub_foot{padding:80px 0 80px;}
}

/* ---------- 1024 이하 : 헤더 상단 정리 ---------- */
@media (max-width:1024px){
.sub_wrap .inner{padding:0 30px;}
.sec{padding:100px 0;}
.sub_head .inner{padding-top:calc(1050 * var(--u));}
.sub_head_img{top:calc(560 * var(--u));width:62%;}
.sub_logo{top:calc(300 * var(--u));left:30px;}
.sub_copy{top:calc(1080 * var(--u));left:auto;right:30px;}
.sub_select{left:0;width:80%;}
.sub_box{margin:0 -30px;padding:50px 30px 60px;}
.cont_row{gap:40px;}
.cont_row_img{flex:0 0 42%;}
.card_cap{padding:20px 15px 24px;}
.qna_tit{flex:0 0 30%;}
}

/* ---------- 768 이하 : 1단 배치 ---------- */
@media (max-width:768px){
.sub_wrap .inner{padding:0 20px;}
.sec{padding:70px 0;}
.sec_tit{margin-top:16px;}
.sec_subtit{margin-top:16px;}
.sub_head{display:block;margin-top:70px;}
.sub_head:before{bottom:0;}
.sub_head_img{position:relative;top:0;width:100%;}
.sub_head .inner{padding:40px 20px 50px;}
.sub_logo{position:relative;top:0;left:0;margin-bottom:24px;font-size:44px;white-space:normal;}
.sub_select{position:relative;top:0;left:0;width:100%;margin-bottom:30px;}
.sub_copy{position:relative;top:0;left:0;right:auto;margin-bottom:34px;font-size:18px;text-align:left;}
.sub_box{margin:0 -20px;padding:40px 20px 50px;}
.sub_box_txt{margin-top:34px;}
.visual_box{width:calc(100% + 40px);margin-left:-20px;}
.visual_vid{position:relative;top:0;right:0;width:70%;height:auto;aspect-ratio:502 / 894;margin:20px auto 0;}
.visual_cap{width:100%;margin:14px 0 0;}
.cont_row{flex-direction:column;gap:26px;margin-top:34px;}
.cont_row_img{flex:0 0 auto;width:100%;max-width:420px;margin:0 auto;}
.card_list{flex-direction:column;gap:26px;margin-top:34px;}
.qna{flex-direction:column;}
.qna_tit{flex:0 0 auto;margin-bottom:34px;}
.qna_list>li+li{padding-top:28px;}
.sub_foot{padding:70px 0 50px;}
.sub_foot .inner{gap:16px;}
}

/* ---------- 480 이하 ---------- */
@media (max-width:480px){
.sec{padding:55px 0;}
.sub_logo{font-size:34px;}
.sub_copy{font-size:16px;}
.sub_box{padding:34px 20px 40px;}
.sec_tit_en{font-size:26px;}
.sec_tit{font-size:20px;}
.sec_subtit{font-size:17px;}
.sec_stit{font-size:17px;}
.sec_txt{font-size:14px;}
.visual_vid{width:100%;}
.card_cap p{font-size:12px;}
.card_cap p br{display:none;}
.qna_tit strong{font-size:38px;}
.qna_list .q{font-size:15px;}
.qna_list em{flex:0 0 24px;font-size:15px;}
.qna_list .a_txt p{font-size:12.5px;}
.sub_foot{padding:55px 0 40px;}
}

/* ============================================================
   ADD-ON COMPONENTS   (sub45 : ES.NOSE 에서 신규 사용 / 전 페이지 공용)
   ------------------------------------------------------------
   · visual_txt  : 비주얼 사진 위 흰색 오버레이 텍스트
   · cont_tit    : 2단 영역 안에서 쓰는 좌측정렬 제목
   · sec_sub     : 가운데 정렬 소제목
   · sec_mark    : 형광펜 강조줄
   · ba_list     : BEFORE / AFTER 비교 리스트
   · sec_cap     : 콘텐츠 하단 캡션
   · cont_row_rev: 2단 좌우 반전 (이미지 오른쪽)
   ============================================================ */

/* ---------- 추가 변수 ---------- */
.sub_wrap{--blue:#9cc1f5;--bar-gray:#c2c0c1;--mark-w:calc(1012 * var(--u));}

/* ---------- 유틸 ---------- */
.sub_wrap .tl{text-align:left;}

/* ---------- 비주얼 위 오버레이 텍스트 ---------- */
.visual_txt{position:absolute;right:0;top:calc(715 * var(--u));z-index:1;width:85%;background:rgba(255,255,255,0.8);padding:3%;}
.visual_txt strong{display:block;margin-bottom:max(18px, calc(40 * var(--u)));font-size:max(17px, calc(26 * var(--u)));font-weight:600;line-height:1.4;}
.visual_txt p{font-size:max(12px, calc(18 * var(--u)));line-height:1.78;}

/* ---------- 2단 영역용 제목 / 반전 ---------- */
.cont_tit{margin-bottom:max(22px, calc(50 * var(--u)));font-size:max(22px, calc(46 * var(--u)));font-weight:600;line-height:1.35;letter-spacing:-0.04em;color:var(--point);}
.cont_row_rev{flex-direction:row-reverse;}

/* ---------- 소제목 / 형광펜 강조 ---------- */
.sec_sub{margin-top:max(34px, calc(81 * var(--u)));text-align:center;font-size:max(16px, calc(28 * var(--u)));font-weight:600;line-height:1.4;color:var(--point);}
.sec_mark{position:relative;margin-top:max(14px, calc(33 * var(--u)));text-align:center;font-size:max(16px, calc(28 * var(--u)));font-weight:600;line-height:1.4;color:var(--point);}
.sec_mark:before{content:"";position:absolute;left:50%;bottom:0;z-index:0;width:var(--mark-w);max-width:100%;height:max(10px, calc(23 * var(--u)));background:var(--blue);transform:translateX(-50%);}
.sec_mark span{position:relative;z-index:1;}

/* ---------- BEFORE / AFTER ---------- */
.ba_list{display:flex;justify-content:space-between;gap:calc(56 * var(--u));margin-top:max(40px, calc(100 * var(--u)));}
.ba_list>li{flex:1 1 0;min-width:0;}
.ba_img img{width:100%;}
.ba_bar{display:flex;}
.ba_bar span{flex:1 1 50%;padding:max(7px, calc(17 * var(--u))) 0;text-align:center;font-family:'Montserrat',sans-serif;font-size:max(11px, calc(16 * var(--u)));font-weight:500;letter-spacing:0.06em;color:#fff;background:var(--bar-gray);}
.ba_bar span+span{background:var(--blue);}

/* ---------- 캡션 ---------- */
.sec_cap{margin-top:max(20px, calc(46 * var(--u)));text-align:center;font-size:max(13px, calc(20 * var(--u)));color:#666;}

/* ---------- ADD-ON : responsive ---------- */
@media (max-width:1280px){
.visual_txt{width:auto;right:calc(560 * var(--u));}
}

@media (max-width:1024px){
.visual_txt{position:relative;left:0;top:0;right:0;width:100%;padding:24px 30px 0;color:var(--point);}
.visual_txt strong{margin-bottom:14px;}
.visual_txt p{color:var(--txt);}
.cont_tit{margin-bottom:20px;}
.ba_list{gap:24px;}
}

@media (max-width:768px){
.visual_txt{padding:20px 20px 0;}
.cont_row_rev{flex-direction:column;}
.sec_sub{margin-top:24px;}
.sec_mark{margin-top:12px;}
.sec_mark:before{width:100%;}
.ba_list{flex-direction:column;gap:26px;margin-top:30px;}
.sec_cap{margin-top:18px;}
}


/* ---------- 유틸 ---------- */
.sub_wrap .lh_s{line-height:1.2;}

/* ---------- 비주얼 우측 블리드 ---------- */
.visual_box_r{width:calc(50vw + var(--inner) / 2);margin-left:0;}

/* ---------- 구분선 ---------- */
.sec_div{width:100%;height:2px;background:var(--point);}

/* ---------- 체크 아이콘 ---------- */
.chk{display:flex;align-items:center;}
.chk:before{content:"";flex:0 0 auto;width:max(10px, calc(16 * var(--u)));height:max(6px, calc(9 * var(--u)));margin:0 max(8px, calc(14 * var(--u))) max(3px, calc(6 * var(--u))) 0;border-left:2px solid var(--point);border-bottom:2px solid var(--point);transform:rotate(-45deg);}

/* ---------- 라인업 리스트 ---------- */
.lineup{width:calc(1182 * var(--u));margin:max(36px, calc(86 * var(--u))) auto 0;}
.lineup>li{display:flex;align-items:flex-start;gap:calc(54 * var(--u));}
.lineup>li+li{margin-top:max(30px, calc(36 * var(--u)));}
.lineup_img{flex:0 0 calc(278 * var(--u));}
.lineup_img img{width:100%;}
.lineup_txt{flex:1 1 auto;min-width:0;padding-top:calc(30 * var(--u));}
.lineup_tit{margin-bottom:max(12px, calc(28 * var(--u)));font-size:max(16px, calc(24 * var(--u)));font-weight:600;line-height:1.3;color:var(--point);}
.lineup_txt .sec_txt{font-size:max(13px, calc(17 * var(--u)));}

/* ---------- 태그 ---------- */
.tag_list{display:flex;flex-wrap:wrap;gap:calc(7 * var(--u));margin-top:max(14px, calc(30 * var(--u)));}
.tag_list span{min-width:calc(139 * var(--u));padding:max(6px, calc(11 * var(--u))) calc(16 * var(--u));border-radius:100px;text-align:center;font-size:max(12px, calc(16 * var(--u)));line-height:1.4;color:#fff;background:var(--point);}

/* ---------- 원형 포인트 리스트 ---------- */
.circle_list{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(26 * var(--u));margin-top:max(36px, calc(80 * var(--u)));}
.circle_list>li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(275 * var(--u));height:calc(275 * var(--u));border:1px solid var(--point);border-radius:50%;text-align:center;}
.circle_list .ico{width:max(16px, calc(28 * var(--u)));height:max(9px, calc(15 * var(--u)));margin-bottom:max(16px, calc(30 * var(--u)));border-left:2px solid var(--point);border-bottom:2px solid var(--point);transform:rotate(-45deg);}
.circle_list p{padding:0 calc(20 * var(--u));font-size:max(13px, calc(20 * var(--u)));line-height:1.75;color:var(--point);}

/* ---------- CASE 리스트 ---------- */
.case_list{margin-top:max(20px, calc(51 * var(--u)));}
.case_list>li{display:flex;font-size:max(13px, calc(18 * var(--u)));line-height:1.6;color:var(--txt);}
.case_list>li+li{margin-top:max(12px, calc(31 * var(--u)));}
.case_list>li b{position:relative;flex:0 0 calc(124 * var(--u));font-family:'Montserrat',sans-serif;font-size:max(11px, calc(15 * var(--u)));font-weight:500;color:var(--point);}
.case_list>li b:after{content:"|";position:absolute;left:calc(94 * var(--u));font-weight:400;color:#c9c9c9;}

/* ---------- ADD-ON 2 : responsive ---------- */
@media (max-width:1280px){
.visual_box_r{width:calc(100% + 40px);}
.lineup{width:100%;}
.circle_list>li{width:calc(24% - 14px);height:auto;aspect-ratio:1 / 1;}
}

@media (max-width:1024px){
.lineup>li{gap:30px;}
.lineup_txt{padding-top:0;}
.circle_list{gap:16px;}
.circle_list>li{width:calc(50% - 8px);}
.case_list>li b{flex:0 0 110px;}
.case_list>li b:after{left:80px;}
}

@media (max-width:768px){
.visual_box_r{width:calc(100% + 20px);}
.lineup>li{flex-direction:column;align-items:center;gap:18px;text-align:center;}
.lineup>li+li{margin-top:40px;}
.lineup_img{flex:0 0 auto;width:180px;}
.lineup_txt{width:100%;}
.lineup_tit{justify-content:center;}
.tag_list{justify-content:center;}
.tag_list span{min-width:auto;padding:7px 16px;}
.circle_list>li{width:calc(50% - 8px);}
.case_list>li{flex-wrap:wrap;}
.case_list>li b{flex:0 0 90px;}
.case_list>li b:after{left:64px;}
}


/* ============================================================
   ADD-ON COMPONENTS 3   (sub37 : 피부질환 및 흉터 에서 신규 사용 / 전 페이지 공용)
   ------------------------------------------------------------
   · card_ko : 기존 card_list 를 그대로 쓰되 캡션이 국문 제목인 카드
               (이미지 1:1 + 검정 캡션박스, 4단 이상도 자동 대응)
   ============================================================ */

/* ---------- 국문 캡션 카드 ---------- */
.sec_skin{padding:calc(150 * var(--u)) 0 calc(222 * var(--u));}
.card_ko{margin-top:calc(79 * var(--u));}
.card_ko .card_img img{width:100%;}
.card_ko .card_cap{display:flex;flex-direction:column;justify-content:center;min-height:calc(250 * var(--u));padding:calc(40 * var(--u)) calc(20 * var(--u));background:#000;}
.card_ko .card_cap strong{margin-bottom:max(10px, calc(25 * var(--u)));font-family:'Pretendard','Noto Sans KR',sans-serif;font-size:max(17px, calc(28 * var(--u)));font-weight:700;line-height:1.3;letter-spacing:-0.04em;color:#fff;}
.card_ko .card_cap p{font-size:max(13px, calc(17 * var(--u)));line-height:1.65;color:#fff;}

/* ---------- ADD-ON 3 : responsive ---------- */
@media (max-width:1280px){
.sec_skin{padding:100px 0 120px;}
.card_ko{margin-top:50px;}
.card_ko .card_cap{min-height:0;padding:26px 14px;}
}

@media (max-width:1024px){
.card_ko{flex-wrap:wrap;}
.card_ko>li{flex:0 0 calc(50% - 10px);}
}

@media (max-width:768px){
.sec_skin{padding:70px 0 70px;}
.card_ko{flex-direction:row;flex-wrap:wrap;gap:14px;margin-top:30px;}
.card_ko>li{flex:0 0 calc(50% - 7px);}
.card_ko .card_cap{padding:18px 10px;}
}

/* ============================================================
   ADD-ON COMPONENTS 4   (sub39 : 스킨부스터 라인업 에서 신규 사용 / 전 페이지 공용)
   ------------------------------------------------------------
   · card_col3 : card_ko 카드를 3단 그리드로 (361px 고정폭, 가운데 정렬)
   · 카드 높이 균등 : 같은 줄의 검정 캡션박스 하단을 자동으로 맞춤
   ============================================================ */

/* ---------- 카드 높이 균등 ---------- */
.card_ko>li{display:flex;flex-direction:column;}
.card_ko .card_cap{flex:1 1 auto;}

/* ---------- 국문 캡션 카드 : 3단 그리드 ---------- */
.card_col3{flex-wrap:wrap;justify-content:center;width:calc(1121 * var(--u));margin-left:auto;margin-right:auto;row-gap:calc(21 * var(--u));}
.card_col3>li{flex:0 0 calc(361 * var(--u));}
.card_col3 .card_cap{min-height:calc(277 * var(--u));}
/* ---------- 국문 캡션 카드 : 4단 그리드 ---------- */
.card_col4{flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;row-gap:calc(21 * var(--u));}
.card_col4>li{flex:0 0 calc(361 * var(--u));flex:0 0 24%;}
.card_col4 .card_cap{min-height:calc(277 * var(--u));}

/* ---------- ADD-ON 4 : responsive ---------- */
@media (max-width:1280px){
.card_col3{width:100%;row-gap:20px;}
.card_col3>li{flex:0 0 calc(33.333% - 13px);}
.card_col3 .card_cap{min-height:0;}
.card_col4{width:100%;row-gap:20px;}
.card_col4>li{flex:0 0 calc(25% - 13px);}
.card_col4 .card_cap{min-height:0;}
}

@media (max-width:768px){
.card_col3{row-gap:14px;}
.card_col3>li{flex:0 0 calc(50% - 7px);}
.card_col4{row-gap:14px;}
.card_col4>li{flex:0 0 calc(50% - 7px);}
}


/* ============================================================
   ADD-ON COMPONENTS 5   (sub28 : 힙&골반 지방이식 에서 신규 사용 / 전 페이지 공용)
   ------------------------------------------------------------
   · visual_txt_r : 비주얼 오버레이 박스를 우측 하단에 배치 (회색 불투명)
   · sec_sub_s    : 제목 아래 한 줄 소제목 (sec_sub 보다 작은 버전)
   · img_row      : 이미지 2~3장 가로 나열
   · sec_cap_m    : 여러 줄 가운데 캡션
   ============================================================ */

/* ---------- 비주얼 오버레이 : 우측 ---------- */
.visual_txt_r{left:auto;right:0;top:calc(651 * var(--u));width:calc(1092 * var(--u));padding:calc(105 * var(--u)) calc(87 * var(--u));background:#e1e1e1;}
.visual_txt_r strong{margin-bottom:max(16px, calc(40 * var(--u)));font-size:max(17px, calc(28 * var(--u)));}
.visual_txt_r p{line-height:1.95;}

/* ---------- 소제목 (작은 버전) ---------- */
.sec_sub_s{margin-top:max(12px, calc(38 * var(--u)));text-align:center;font-size:max(14px, calc(24 * var(--u)));font-weight:400;line-height:1.5;color:#444;}

/* ---------- 이미지 가로 나열 ---------- */
.img_row{display:flex;justify-content:center;gap:calc(27 * var(--u));margin-top:max(34px, calc(81 * var(--u)));}
.img_row>li{/*flex:0 0 calc(479 * var(--u));*/min-width:0;}
.img_row img{width:100%;}

/* ---------- 여러 줄 가운데 캡션 ---------- */
.sec_cap_m{margin-top:max(20px, calc(57 * var(--u)));line-height:1.65;}

/* ---------- 섹션 여백 ---------- */
.sec_hip{padding:calc(83 * var(--u)) 0 calc(290 * var(--u));}

/* ---------- ADD-ON 5 : responsive ---------- */
@media (max-width:1280px){
.img_row>li{flex:1 1 0;}
}

@media (max-width:1024px){
.visual_txt_r{right:auto;top:0;width:100%;padding:24px 30px 0;background:none;}
.visual_txt_r strong{margin-bottom:14px;}
.sec_hip{padding:70px 0 120px;}
.img_row{gap:20px;margin-top:40px;}
}

@media (max-width:768px){
.visual_txt_r{padding:20px 20px 0;}
.sec_hip{padding:50px 0 70px;}
.img_row{gap:14px;margin-top:30px;}
}

@media (max-width:480px){
.img_row{flex-direction:column;align-items:center;}
.img_row>li{flex:0 0 auto;width:100%;max-width:360px;}
}

/* ============================================================
   ADD-ON COMPONENTS 6   (sub29 : 지방흡입 부위 에서 신규 사용 / 전 페이지 공용)
   ------------------------------------------------------------
   · img_row_cap : img_row 각 이미지 아래에 개별 캡션이 붙는 형태
   ============================================================ */

/* ---------- 이미지 + 개별 캡션 나열 ---------- */
.img_row_cap{gap:calc(49 * var(--u));margin-top:max(36px, calc(101 * var(--u)));}
.img_row_cap>li{flex:0 0 calc(279 * var(--u));text-align:center;}
.img_row_cap p{margin-top:max(12px, calc(22 * var(--u)));font-size:max(13px, calc(18 * var(--u)));line-height:1.65;color:#333;}

/* ---------- 섹션 여백 ---------- */
.sec_part{padding:calc(101 * var(--u)) 0 calc(218 * var(--u));}

/* ---------- ADD-ON 6 : responsive ---------- */
@media (max-width:1280px){
.img_row_cap{gap:30px;margin-top:50px;}
.img_row_cap>li{flex:1 1 0;}
.sec_part{padding:80px 0 110px;}
}

@media (max-width:768px){
.img_row_cap{gap:14px;margin-top:34px;}
.sec_part{padding:60px 0 70px;}
}

@media (max-width:480px){
.img_row_cap{flex-direction:row;align-items:center;gap:26px;}
.img_row_cap>li{flex:0 0 auto;width:100%;max-width:300px;}
}

/* ============================================================
   ADD-ON 7   (sub30 : 가슴확대 수술방법)
   ------------------------------------------------------------
   card_ko(3단) 그대로 재사용. 캡션 박스 높이만 페이지 스코프로 확대.
   ============================================================ */
.sub30 .sec_way{padding:calc(150 * var(--u)) 0 calc(232 * var(--u));}
.sub30 .card_col3 .card_cap{min-height:calc(250 * var(--u));}

@media (max-width:1280px){
.sub30 .sec_way{padding:100px 0 120px;}
.sub30 .card_col3 .card_cap{min-height:0;}
}
@media (max-width:768px){
.sub30 .sec_way{padding:70px 0 70px;}
}

/* ============================================================
   ADD-ON 8   (sub31 : 처진가슴의 기준)
   ------------------------------------------------------------
   img_row_cap 를 4단으로. 캡션이 한 줄 라벨(정상/1단계…)인 형태.
   ============================================================ */
.img_row_cap4{flex-wrap:wrap;gap:calc(19 * var(--u));}
.img_row_cap4>li{flex:0 0 calc(358 * var(--u));}
.img_row_cap4 p{font-weight:500;color:var(--point);}

.sub31 .sec_grade{padding:calc(150 * var(--u)) 0 calc(200 * var(--u));}
.sub31 .img_row_cap4 p{margin-top:max(16px, calc(40 * var(--u)));font-size:max(15px, calc(22 * var(--u)));}

@media (max-width:1024px){
.img_row_cap4>li{flex:0 0 calc(50% - 10px);}
.sub31 .sec_grade{padding:100px 0 110px;}
}
@media (max-width:768px){
.sub31 .sec_grade{padding:70px 0 70px;}
}

/* ============================================================
   ADD-ON 9   (sub32 : 가슴재수술 원인 / 구형구축 단계별 증상)
   ------------------------------------------------------------
   · 상단 : card_ko 4단 (검정 캡션) 재사용
   · 하단 : circle_step - 작은 원(체크+라벨) + 원 아래 개별 캡션
   ============================================================ */

/* ---------- 원(체크+단계) + 하단 캡션 ---------- */
.circle_step{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(20 * var(--u));margin-top:max(36px, calc(90 * var(--u)));}
.circle_step>li{flex:0 0 calc(250 * var(--u));text-align:center;}
.circle_step_ic{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(161 * var(--u));height:calc(161 * var(--u));border:1px solid var(--point);border-radius:50%;margin:0 auto;}
.circle_step_ic i{width:max(14px, calc(24 * var(--u)));height:max(8px, calc(13 * var(--u)));margin-bottom:max(8px, calc(16 * var(--u)));border-left:2px solid var(--point);border-bottom:2px solid var(--point);transform:rotate(-45deg);}
.circle_step_ic b{font-size:max(15px, calc(22 * var(--u)));font-weight:600;color:var(--point);}
.circle_step p{margin-top:max(16px, calc(38 * var(--u)));font-size:max(13px, calc(18 * var(--u)));line-height:1.65;color:var(--txt);}

/* ---------- 섹션 여백 ---------- */
.sub32 .sec_cause{padding:calc(150 * var(--u)) 0 calc(150 * var(--u));}
.sub32 .sec_step{padding:calc(150 * var(--u)) 0 calc(180 * var(--u));}

/* ---------- ADD-ON 9 : responsive ---------- */
@media (max-width:1280px){
.circle_step{gap:calc(70 * var(--u));}
.sub32 .sec_cause{padding:100px 0 100px;}
.sub32 .sec_step{padding:100px 0 120px;}
}

@media (max-width:1024px){
.circle_step{gap:40px 8%;}
.circle_step>li{flex:0 0 40%;}
.circle_step_ic{width:calc(161 * var(--u));height:calc(161 * var(--u));min-width:120px;min-height:120px;}
}

@media (max-width:768px){
.circle_step{gap:34px 5%;}
.circle_step>li{flex:1 0 45%;}
.sub32 .sec_cause{padding:70px 0 70px;}
.sub32 .sec_step{padding:70px 0 70px;}
}

@media (max-width:480px){
.circle_step_ic{min-width:100px;min-height:100px;}
}

/* ============================================================
   ADD-ON 10   (sub33 : 시술정보 바 + 줄기세포 지방이식 효과)
   ------------------------------------------------------------
   · info_bar    : 상단 검정 정보바 (아이콘 + 2~3줄 텍스트, 세로 구분선)
   · circle_eff  : 체크 원 5개 (circle_step 계열, 라벨 없음)
   ============================================================ */

/* ---------- 상단 검정 정보바 ---------- */
.info_bar{background:var(--point);}
.info_bar .inner{display:flex;}
.info_bar>.inner>li{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:calc(24 * var(--u));height:calc(180 * var(--u));}
.info_bar>.inner>li+li{border-left:1px solid #3a3a3a;}
.info_bar_ic{flex:0 0 auto;width:calc(52 * var(--u));min-width:26px;}
.info_bar_ic img{width:100%;}
.info_bar_tx{font-size:max(13px, calc(20 * var(--u)));line-height:1.5;color:#fff;text-align:center;}

/* ---------- 체크 원 (라벨 없음) ---------- */
.circle_eff{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(123 * var(--u));margin-top:max(36px, calc(90 * var(--u)));}
.circle_eff>li{flex:0 0 calc(178 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(178 * var(--u));height:calc(178 * var(--u));border:1px solid var(--point);border-radius:50%;text-align:center;}
.circle_eff .ico{width:max(16px, calc(26 * var(--u)));height:max(9px, calc(14 * 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_eff p{padding:0 calc(10 * var(--u));font-size:max(14px, calc(21 * var(--u)));line-height:1.4;color:var(--point);}

/* ---------- 섹션 여백 ---------- */
.sub33 .sec_eff{padding:calc(150 * var(--u)) 0 calc(180 * var(--u));}

/* ---------- ADD-ON 10 : responsive ---------- */
@media (max-width:1280px){
.circle_eff{gap:calc(60 * var(--u));}
.sub33 .sec_eff{padding:100px 0 120px;}
}

@media (max-width:1024px){
.info_bar>.inner>li{flex-direction:column;gap:10px;height:auto;padding:26px 6px;text-align:center;}
.info_bar_tx{font-size:14px;}
.circle_eff{gap:30px 6%;}
.circle_eff>li{flex:0 0 30%;width:auto;height:auto;aspect-ratio:1/1;}
}

@media (max-width:768px){
.info_bar>.inner{flex-wrap:wrap;padding:0;justify-content: center;}
.info_bar>.inner>li{flex:0 0 33.333%;}
.info_bar>.inner>li:nth-child(n-3){border-bottom:1px solid #3a3a3a;}
.info_bar>.inner>li:nth-child(4){border-left:0;}
.circle_eff{gap:26px 8%;}
.circle_eff>li{flex:0 0 46%;}
.circle_eff p{font-size:14px;}
.sub33 .sec_eff{padding:70px 0 70px;}
}


/* ============================================================
   ADD-ON 11   (sub27 : 검정 라벨 박스 2종)
   ------------------------------------------------------------
   · sec_tit_en_sub : 영문 대제목(sec_tit_en) 아래 검정 라벨
                      (좌측정렬, 흰 텍스트) - PHP상 h3.sec_tit_en 안의 p
   · sec_tit 안 span > p : 국문 대제목(sec_tit) 아래 검정 라벨
                      (가운데정렬, 흰 텍스트)
   ============================================================ */

/* ---------- 영문 제목 아래 검정 라벨 (좌측정렬) ---------- */
.sec_tit_en_sub{display:inline-block;margin-top:max(8px, calc(11 * var(--u)));padding:max(4px, calc(6 * var(--u))) max(8px, calc(14 * var(--u)));font-family:'Montserrat',sans-serif;font-size:max(11px, calc(15 * var(--u)));font-weight:600;line-height:1.2;letter-spacing:0;color:#fff;background:var(--point); position:absolute;left:0;bottom:-30px;}

/* ---------- 국문 제목 아래 검정 라벨 (가운데정렬) ---------- */
.sec_tit span{display:inline-block;position: relative;}
.sec_tit span p,.sec_tit>p{display:inline-block;margin-top:max(8px, calc(12 * var(--u)));padding:max(4px, calc(6 * var(--u))) max(10px, calc(16 * var(--u)));font-size:max(12px, calc(17 * var(--u)));font-weight:400;line-height:1.2;letter-spacing:-0.02em;color:#fff;background:var(--point);position:absolute;left:0;bottom:-30px;}
@media (max-width:768px){
.sec_tit_en_sub{bottom:-25px;}
.sec_tit span p,.sec_tit>p{bottom:-25px;}
}

/* ============================================================
   ADD-ON 12   (sub16 : NOSE 코성형철학 페이지)
   ------------------------------------------------------------
   · phil_head  : 헤더(풀블리드 사진 + 세리프 타이틀 + 흰 인트로박스)
   · phil_num   : 번호 뱃지(테두리 사각) + 제목 + 본문 블록
   · point_card : POINT 01~03 (배경사진 위 아이콘/라벨/제목/본문)
   ============================================================ */

/* ---------- 헤더 : 가로 꽉 찬 이미지 + 중앙 타이틀 ---------- */
.phil_head{position:relative;}
.phil_head_img{position:relative;width:100vw;margin-left:calc(50% - 50vw);}
.phil_head_img>img{width:100%;display:block;}
/* 타이틀 : 이미지 세로 중앙에 얹힘 */
.phil_head_ttl{position:absolute;left:0;top:48%;transform:translateY(-50%);width:100%;text-align:center;font-family:'Times New Roman',serif;font-size:max(30px, calc(96 * var(--u)));font-weight:400;letter-spacing:0.15em;color:#fff;white-space:nowrap;}
.phil_head_copy{position:absolute;left:50%;transform:translateX(-50%);width:var(--inner);bottom:calc(280 * var(--u));text-align:right;font-family:'Times New Roman',serif;font-size:max(15px, calc(45 * var(--u)));color:rgba(255,255,255,.85);}

/* ---------- 흰색 인트로 박스 (.sub_box 와 동일 톤) ---------- */
.phil_box{position:relative;z-index:2;width:var(--inner);margin:calc(-265 * var(--u)) auto 0;padding:calc(88 * var(--u)) calc(53 * var(--u)) calc(80 * var(--u));background:#fff;}
.phil_box_head{margin-bottom:calc(80 * var(--u));}
.phil_box_head .label_dr{display:block;margin-bottom:max(8px, calc(14 * var(--u)));font-size:max(15px, calc(50 * var(--u)));font-weight:500;color:var(--point);}
.phil_box_head h2{display:inline-block;font-size:max(30px, calc(120 * var(--u)));font-weight:700;letter-spacing:-0.04em;color:var(--point);}
.phil_box_head h2 span{margin-left:calc(20 * var(--u));font-family:'Montserrat',sans-serif;font-size:max(11px, calc(15 * var(--u)));font-weight:400;letter-spacing:0.22em;color:#a5a5a5;}

/* ---------- 번호 블록 ---------- */
.phil_num+.phil_num{margin-top:calc(90 * var(--u));}
.phil_num_no{display:flex;align-items:center;justify-content:center;width:calc(60 * var(--u));height:calc(60 * var(--u));min-width:34px;min-height:34px;border:1px solid var(--point);font-family:'Montserrat',sans-serif;font-size:max(15px, calc(24 * var(--u)));color:var(--point);}
.phil_num_tit{margin:calc(38 * var(--u)) 0 calc(30 * var(--u));font-size:max(18px, calc(30 * var(--u)));font-weight:600;letter-spacing:-0.04em;color:var(--point);}
.phil_num_tit.on_img{color:#fff;}
.phil_num_no.on_img{border-color:#fff;color:#fff;}
.sec2 .phil_num{}
.sec2 .phil_visual_txt .phil_num_no{border-color:#000;color:#000;}
.sec2 .phil_visual_txt .phil_num_tit{color:#000;}

/* ---------- block2 : 풀블리드 이미지 + 얹힌 텍스트 ---------- */
.phil_visual{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(70 * var(--u));}
.phil_visual>img{width:100%;display:block;}
.phil_visual_txt{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(85 * var(--u));width:var(--inner);color:#fff;}
.phil_visual_txt .phil_num_no{border-color:#fff;color:#fff;}
.phil_visual_txt .phil_num_tit{color:#fff;}
.phil_visual_txt .visu_ban{background:url('/sub/img/sub16t_03.jpg') no-repeat;background-size:cover;background-position:center;padding:140px 80px;color:#fff;}
.phil_visual_txt .visu_ban .sec_txt{color:#fff;}
.phil_visual_txt .sec_txt+.sec_txt{margin-top:max(20px, calc(30 * var(--u)));}

/* ---------- block3 : 텍스트 + 스컬 이미지 ---------- */
.phil_row{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(80 * var(--u));padding:calc(120 * var(--u)) 0;}
.phil_row_txt{flex:1 1 auto;min-width:0;}
.phil_row_img{flex:0 0 calc(560 * var(--u));}
.phil_row_img img{width:100%;}

/* ---------- POINT 섹션 ---------- */
.point_head{font-family:'Montserrat',sans-serif;font-size:max(22px, calc(42 * var(--u)));font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:var(--point);}
.point_list{display:flex;justify-content:space-between;gap:calc(17 * var(--u));margin-top:max(30px, calc(53 * var(--u)));max-width:1280px;margin-left:auto;}
.point_list>li{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background-repeat:no-repeat;background-size:cover;}
/* 카드 내용 : 이미지 세로 가운데 정렬 */
.point_card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:85px 30px 60px;text-align:center;color:#fff;}
.point_card_ic{width:calc(117 * var(--u));max-width:88px;margin:0 auto calc(30 * var(--u));}
.point_card_ic img{width:100%;}
/* POINT 라벨 : 흰색 알약(pill) + 진한 텍스트 */
.point_card_no{display:inline-block;margin-bottom:max(10px, calc(20 * var(--u)));padding:max(4px, calc(6 * var(--u))) max(14px, calc(24 * var(--u)));border-radius:100px;background:#fff;font-family:'Montserrat',sans-serif;font-size:max(11px, calc(16 * var(--u)));font-weight:600;letter-spacing:0.04em;color:var(--point);}
.point_card_tit{margin-bottom:max(12px, calc(22 * var(--u)));font-size:max(15px, calc(24 * var(--u)));font-weight:600;letter-spacing:-0.04em;}
.point_card_tx{font-size:max(12px, calc(16 * var(--u)));line-height:1.6;color:rgba(255,255,255,.82);word-break:keep-all;}

/* ---------- 섹션 여백 ---------- */
.sub16 .sec_point{padding:calc(150 * var(--u)) 0 0;}

/* ---------- ADD-ON 12 : responsive ---------- */
@media (max-width:1280px){
.phil_box{width:100%;padding:60px 40px 40px;}
.phil_visual_txt{width:100%;padding:0 40px;}
.phil_row{gap:50px;padding:80px 0;}
.phil_row_img{flex:0 0 42%;}
}

@media (max-width:1000px){
.phil_head{margin-top:70px;}
.phil_head_ttl{font-size:44px;}
.phil_head_copy{font-size:18px;width:auto;left:auto;right:30px;transform:none;}
.phil_visual_txt{top:12%;}
.point_list{gap:12px;}
}

@media (max-width:768px){
.phil_head_ttl{font-size:26px;white-space:normal;padding:0 20px;}
.phil_box{margin-top:-40px;padding:40px 20px 30px;}
.phil_box_head{margin-bottom:40px;}
.phil_visual_txt{position:static;transform:none;width:100%;padding:24px 20px 0;color:var(--point);}
.phil_visual_txt .phil_num_no{border-color:var(--point);color:var(--point);}
.phil_visual_txt .phil_num_tit{color:var(--point);}
.phil_visual_txt .sec_txt{color:var(--txt);}
.phil_visual{margin-bottom:0;}
.phil_row{flex-direction:column;gap:26px;padding:60px 0;}
.phil_row_img{flex:0 0 auto;width:100%;max-width:420px;margin:0 auto;}
.point_list{flex-direction:column;gap:14px;flex-wrap: wrap;justify-content: center;}
.point_list>li{max-width:420px;margin:0 auto;overflow:visible;flex:0 0 48%;margin:0;}
.point_card_ic{width:35px;margin-bottom:10px;}
.point_card{padding:30px 20px;}
.sub16 .sec_point{padding:70px 0 0;}
.phil_visual_txt .visu_ban{padding:35px 20px;}
}

/* ============================================================
   ADD-ON 13   (sub18 : 비주얼 하단 반투명 흰 박스 + 텍스트)
   ------------------------------------------------------------
   · visual_txt_btm : 사진 하단에 걸치는 가로 꽉 찬 반투명 흰 박스.
     좌측은 inner(210) 기준, 우측은 화면 끝까지 풀블리드.
     기존 .visual_txt 를 함께 붙여 사용 (색/폰트 상속).
     <div class="visual_txt visual_txt_btm"> ... </div>
   ============================================================ */

.visual_txt_btm{left:calc(50vw - var(--inner) / 2);right:0;top:auto;bottom:0;width:auto;padding:calc(68 * var(--u)) calc(90 * var(--u)) calc(60 * var(--u)) calc(104 * var(--u));background:rgba(255,255,255,.88);color:var(--point);}
.visual_txt_btm strong{margin-bottom:max(18px, calc(38 * var(--u)));font-size:max(18px, calc(30 * var(--u)));font-weight:600;letter-spacing:-0.04em;color:var(--point);}
.visual_txt_btm p{font-size:max(13px, calc(18 * var(--u)));line-height:1.85;color:#555;}
.visual_txt_btm p+p{margin-top:max(18px, calc(32 * var(--u)));}

/* ---------- ADD-ON 13 : responsive ---------- */
@media (max-width:1280px){
.visual_txt_btm{right:-40px;padding:44px 40px 40px 40px;}
}

@media (max-width:1024px){
.visual_txt_btm{position:relative;left:0;right:0;bottom:0;padding:30px 30px 0;background:none;}
.visual_txt_btm p{color:var(--txt);}
}

@media (max-width:768px){
.visual_txt_btm{padding:24px 20px 0;}
.visual_txt_btm strong{font-size:20px;}
}