/* 2026-09-24: 고정 height + overflow:hidden 에 글이 잘리던 구역(전 쪽 실측) 정리 — 사용자 "hidden 때문에 글자들이 안 보인다".
· 한국어에서도 잘리던 규칙: height → min-height (설계 높이는 최소값으로 그대로, 글이 길 때만 늘어난다).
· 번역에서만 잘리던 규칙: 한국어는 원래 height 그대로 두고, 파일 끝 html[data-tgi-lang] 절에서만 height:auto + min-height.
원본: /home/tanggleps/_backup_fontfix_20260924_minh.tgz */
/* [2026-09-22] 글자 규칙만 한국어 전용(html[lang="ko"] …)으로 좁혔다.
이 파일은 한국어 원본 *이미지* 의 글꼴을 1:1 로 맞추려고 만든 한국어 전용 계층이라
(나눔바른고딕·Gmarket Sans·scd1 을 !important 로 못박고 52.6292px 같은 소수점 크기를 쓴다)
번역 쪽에 그대로 걸리면 영문에 한글 글꼴이 강제되고 등급에 없는 소수점 크기가 생긴다.
그러나 같은 파일 안에 섹션 높이·이미지 위치·배경·좌표 등 **원본 디자인에 필요한 레이아웃**도
함께 들어 있어 링크를 통째로 뺄 수는 없다 → 규칙을 갈라 글자만 한국어로 좁히고
레이아웃은 모든 언어에 그대로 적용한다. 영문 조판은 _i18n/en-system.css 한 곳에서 정한다. */
/* man_02_01 — 원본 이미지 실측 글꼴 보정 (원본 www.tanggleps.com/htm/man_02_01.php 의 이미지와 1:1 대조)
규칙에 --tgff:1 을 붙이면 js/site.js 의 자동 글꼴 치환이 그 요소를 건드리지 않는다. 데스크톱(min-width:1025px)만. */
/* 배율 변수 --k: 조각은 1920 고정이라 1px (sub.css .tg-fr>*{--k:1px}); 없을 때를 대비해 var(--k,1px) 로 쓴다. 선택자에 섹션 id 를 넣어 페이지 안 #tg-ref-fit(!important) 블록보다 우선한다. */
/* ══ 히어로 260829txyce — sub/top/man_02.jpg 실측(1920): TANG:GLE 잉크 33×186 (x1086 y174) GloberThinFree / 여유증 리프팅 50×314 (y229) Gmarket Sans Bold #454545 /
설명 Light 18×330·345 (y312·338, 줄간격 26) #888 / 회색 판 y449 h16 x1087~1579 / 항목 이름 Regular 14×55 #4b4b4b (y591) · 값 Bold 15×58 #000 (y611) / 안내 13×263 #8b8b8b (y1015, 오른끝 1572)
변환본은 TANG:GLE 을 Oswald Light 49px+scaleX(.74)+자간 5.1, 제목을 NanumBG 59.4px 로 두었음 ══ */
@media (min-width:1025px){
[data-tc="260829txyce"] #hero .s00__eyebrow{color:#fd6325!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__eyebrow{font-size:calc(44*var(--k,1px))!important;line-height:1!important}
[data-tc="260829txyce"] #hero .s00__eyebrow>span{transform:none!important;margin-left:0!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__eyebrow>span{font-family:'GloberThinFree','scd1',sans-serif!important;font-weight:400!important;--tgff:1;letter-spacing:0!important;-webkit-text-stroke:.35px currentColor}
[data-tc="260829txyce"] #hero .s00__title{color:#454545!important;margin-left:0!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__title{font-family:'gmsb','Gmarket Sans',sans-serif!important;font-weight:700!important;--tgff:1;font-size:calc(53*var(--k,1px))!important;letter-spacing:0!important;line-height:1!important}
[data-tc="260829txyce"] #hero .s00__lead{color:#888!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__lead{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17.3*var(--k,1px))!important;letter-spacing:calc(.25*var(--k,1px))!important;word-spacing:0!important;line-height:calc(26*var(--k,1px))!important}
[data-tc="260829txyce"] #hero .s00__k{color:#4b4b4b!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__k{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(15.8*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="260829txyce"] #hero .s00__v{color:#000!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__v{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:700!important;--tgff:1;font-size:calc(16*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="260829txyce"] #hero .s00__note{color:#8b8b8b!important}
html[lang="ko"] [data-tc="260829txyce"] #hero .s00__note{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(12*var(--k,1px))!important;letter-spacing:0!important;word-spacing:0!important}
}
/* 히어로 세로 자리 (글꼴 바꾼 뒤 잉크 행 대조: TANG:GLE 164→174, 제목 234→229, 설명 307→313, 회색 판 451→449, 사양표 589=589) */
@media (min-width:1025px){
[data-tc="260829txyce"] #hero .s00__eyebrow{margin-top:calc(174*var(--k,1px))!important}
[data-tc="260829txyce"] #hero .s00__title{margin-top:calc(6*var(--k,1px))!important}
[data-tc="260829txyce"] #hero .s00__lead{margin-top:calc(30*var(--k,1px))!important}
[data-tc="260829txyce"] #hero .s00__bar{margin-top:calc(87*var(--k,1px))!important}
}
/* ══ 프롤로그 260817w0kzn — man/02_01_01.jpg(382) 실측: 제목 주황 [253,103,16] scd1 잉크 52·54 폭195/446 오른끝 865 줄간격 69 (y172·240) / 설명 Light 20h 폭251·360 #717171 줄간격 32 (y330·362)
Prologue Oswald Regular 잉크 31×83 (x1049 y180) + 대시 29×1 (x1145 y202) / 본문 Light 17h 폭546·551·545·435 4줄 줄간격 35 (y244~) #696969
변환본은 Prologue 를 NanumBG 900 34px+scaleX(.561), 본문 단어간격 -.1648em(붙어 보임) 으로 두었음 ══ */
@media (min-width:1025px){
[data-tc="260817w0kzn"] #sec-00 .s00-title{color:#fd6710!important}
html[lang="ko"] [data-tc="260817w0kzn"] #sec-00 .s00-title{font-family:'scd1','S-Core Dream',sans-serif!important;font-weight:400!important;--tgff:1;-webkit-text-stroke:.35px currentColor;font-size:calc(56*var(--k,1px))!important;letter-spacing:calc(-2*var(--k,1px))!important;word-spacing:0!important;line-height:calc(69*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-lead{color:#717171!important}
html[lang="ko"] [data-tc="260817w0kzn"] #sec-00 .s00-lead{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(22*var(--k,1px))!important;letter-spacing:0!important;word-spacing:0!important;line-height:calc(32*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-label{color:#474747!important;gap:0!important}
html[lang="ko"] [data-tc="260817w0kzn"] #sec-00 .s00-label{font-size:calc(30*var(--k,1px))!important;font-weight:400!important;line-height:1!important}
[data-tc="260817w0kzn"] #sec-00 .s00-label-word{transform:none!important;width:auto!important}
html[lang="ko"] [data-tc="260817w0kzn"] #sec-00 .s00-label-word{font-family:'Oswald-regular','Oswald',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(30*var(--k,1px))!important;letter-spacing:calc(-1*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-hair{width:calc(29*var(--k,1px))!important;height:1px!important;background:#474747!important;margin-left:calc(14*var(--k,1px))!important;margin-block-start:calc(22*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-body{color:#696969!important}
html[lang="ko"] [data-tc="260817w0kzn"] #sec-00 .s00-body{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17*var(--k,1px))!important;letter-spacing:calc(.2*var(--k,1px))!important;word-spacing:0!important;line-height:calc(35*var(--k,1px))!important}
}
/* 프롤로그 세로·가로 자리 (잉크 행 대조): 설명 333→330, 본문 238→244, 대시 x1149→1145 · y198→202 */
@media (min-width:1025px){
[data-tc="260817w0kzn"] #sec-00 .s00-col--start{gap:calc(22*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-col--end{gap:calc(30*var(--k,1px))!important}
[data-tc="260817w0kzn"] #sec-00 .s00-hair{margin-left:calc(10*var(--k,1px))!important;margin-block-start:calc(26*var(--k,1px))!important}
}
/* ══ 본문 26082982oty — man/02_01_02.jpg(5398) 실측(fontmatch·glyphcmp 2026-09-18):
영문 라벨(Special Points·Who?·How?·Effect!) Oswald Regular 30 자간 -1 (잉크 폭 135·56) / '탱글성형외과' scd1 40 (잉크 36×226) / 큰 주황 제목 scd1 55 (52×670) ·
구역 제목(어떤 분들에게…·수술은 어떻게…·어떤 효과가…) scd1 48 (45×601·615·462) · 회색 소제목 '여유증 리프팅' scd1 35 자간 -.5 (30×203) /
카드 제목 Regular 24 (20×178) · 카드 설명 Light 17 (15×279) / Who? 목록 Regular 20 자간 -.3 (21×282, 변환은 Light 21 로 가늘었음) /
본문·설명 Light 17 자간 .2 (763·866·344) 줄간격 35 / 띠 제목 '약간 처짐'·'여유증 수술 + …' Bold 21 (18×80·99, 24×374; 변환의 '약간 처짐' 32px 자간 -2.27 은 오류) /
동그라미 번호 Oswald Regular 29 (24×26) ══ */
@media (min-width:1025px){
html[lang="ko"] [data-tc="26082982oty"] #sec-00 .s00__eyebrow,
html[lang="ko"] [data-tc="26082982oty"] #sec-02 .s02__eyebrow,
html[lang="ko"] [data-tc="26082982oty"] #sec-03 .s03__eyebrow,
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__eyebrow{font-family:'Oswald-regular','Oswald',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(30*var(--k,1px))!important;letter-spacing:calc(-1*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-00 .s00__kicker{color:#343434!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-00 .s00__kicker{font-family:'scd1','S-Core Dream',sans-serif!important;font-weight:400!important;--tgff:1;-webkit-text-stroke:.35px currentColor;font-size:calc(40*var(--k,1px))!important;letter-spacing:calc(.3*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-00 .s00__title{color:#fd6814!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-00 .s00__title{font-family:'scd1','S-Core Dream',sans-serif!important;font-weight:400!important;--tgff:1;-webkit-text-stroke:.35px currentColor;font-size:calc(55*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="26082982oty"] #sec-00 .s00__lead{color:#6e6e6e!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-00 .s00__lead{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1}
[data-tc="26082982oty"] #sec-01 .s01__title{color:#393939!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-01 .s01__title{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(24*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="26082982oty"] #sec-01 .s01__body{color:#616161!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-01 .s01__body{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17*var(--k,1px))!important;letter-spacing:calc(.2*var(--k,1px))!important;line-height:calc(26*var(--k,1px))!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-02 .s02__kicker,
html[lang="ko"] [data-tc="26082982oty"] #sec-03 .s03__kicker,
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__kicker{font-family:'scd1','S-Core Dream',sans-serif!important;font-weight:400!important;--tgff:1;-webkit-text-stroke:.35px currentColor;font-size:calc(35*var(--k,1px))!important;letter-spacing:calc(-.5*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-03 .s03__kicker,[data-tc="26082982oty"] #sec-07 .s07__kicker{color:#3c3c3c!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-02 .s02__title,
html[lang="ko"] [data-tc="26082982oty"] #sec-03 .s03__title,
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__title{font-family:'scd1','S-Core Dream',sans-serif!important;font-weight:400!important;--tgff:1;-webkit-text-stroke:.35px currentColor;font-size:calc(48*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="26082982oty"] #sec-03 .s03__title,[data-tc="26082982oty"] #sec-07 .s07__title{color:#fd7531!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-02 .s02__t{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(20*var(--k,1px))!important;letter-spacing:calc(-.3*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-03 .s03__body{color:#626262!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-03 .s03__body{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17*var(--k,1px))!important;letter-spacing:calc(.2*var(--k,1px))!important;line-height:calc(35*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-04 .s04__note,[data-tc="26082982oty"] #sec-05 .s05__note,[data-tc="26082982oty"] #sec-06 .s06__note{color:#606060!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-04 .s04__note,
html[lang="ko"] [data-tc="26082982oty"] #sec-05 .s05__note,
html[lang="ko"] [data-tc="26082982oty"] #sec-06 .s06__note{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17*var(--k,1px))!important;letter-spacing:calc(.2*var(--k,1px))!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-04 .s04__tagk,
html[lang="ko"] [data-tc="26082982oty"] #sec-04 .s04__tagv,
html[lang="ko"] [data-tc="26082982oty"] #sec-05 .s05__tagk,
html[lang="ko"] [data-tc="26082982oty"] #sec-05 .s05__tagv,
html[lang="ko"] [data-tc="26082982oty"] #sec-06 .s06__tagk,
html[lang="ko"] [data-tc="26082982oty"] #sec-06 .s06__tagv{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:700!important;--tgff:1;font-size:calc(21*var(--k,1px))!important;letter-spacing:0!important} /* 같은 잣대(JPEG 저장 뒤 채움)로 재면 원본 .346 = Bold .333 (Regular .223) — site.js 가 700→400 으로 낮추던 것 */
[data-tc="26082982oty"] #sec-04 .s04__cap,[data-tc="26082982oty"] #sec-05 .s05__cap,[data-tc="26082982oty"] #sec-06 .s06__cap{color:#252525!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-04 .s04__cap,
html[lang="ko"] [data-tc="26082982oty"] #sec-05 .s05__cap,
html[lang="ko"] [data-tc="26082982oty"] #sec-06 .s06__cap{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(20*var(--k,1px))!important;letter-spacing:0!important}
[data-tc="26082982oty"] #sec-07 .s07__lead{color:#515050!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__lead{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:300!important;--tgff:1;font-size:calc(17*var(--k,1px))!important;letter-spacing:calc(.2*var(--k,1px))!important;line-height:calc(30*var(--k,1px))!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__n{font-family:'Oswald-regular','Oswald',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(29*var(--k,1px))!important;letter-spacing:0!important} /* 눈 대조: Light 는 너무 가늘다 */
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__t{font-family:'NanumBG','NanumBarunGothic',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(20*var(--k,1px))!important;letter-spacing:calc(-.25*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-07 .s07__photo{width:calc(612*var(--k,1px))!important;top:calc(77*var(--k,1px))!important;object-position:left top!important} /* 원본 사진은 x960 부터 오른끝(1920)까지 — 팔 바깥선이 아래로 갈수록 x1573 까지 나오므로 tc 그림(612, 원본과 1:1) 을 다 보인다(2026-09-18: 565 로 자르던 것은 팔이 세로로 잘렸음). 1572~1920 은 원본 사진의 옅은 회색 바탕 → 아래 #sec-07 background 의 effect_bg_r.jpg */
}
/* 본문 구역 높이를 원본 이미지 자리와 같게 (글꼴 크기를 바꾸며 줄어든 만큼 되돌림): 400·779·865·454·642·673·718·867 = 5398 */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-00{height:calc(400*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-01{height:calc(779*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-02{height:calc(865*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-03{height:calc(454*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-04{height:calc(642*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-05{height:calc(673*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-06{height:calc(718*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"] #sec-07{height:calc(867*var(--k,1px))!important;box-sizing:border-box}
/* Special Points 머리 세로 자리 (잉크 행: 탱글성형외과 218→220, 제목 266→274, 설명 344→355) */
[data-tc="26082982oty"] #sec-00 .s00__kicker{margin-top:calc(30*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-00 .s00__title{margin-top:calc(13*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-00 .s00__lead{margin-top:calc(24*var(--k,1px))!important}
}
/* Who? 구역: 번호 01~05 는 원본이 넓은 굵은 숫자(잉크 16×22 x318, 채움 .52 — Noto Sans KR Bold 20 자간 1; 처음 잡았던 나눔바른고딕 Bold 는 채움 .33 으로 가늘었음) — 변환은 Oswald 20.8 / 세로 자리(잉크 행): 제목 1511→1516, 설명 1591→1600, 목록 1662→1676, 항목 간격 50→50.75 */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-02 .s02__n{color:#ffe600!important;position:relative;top:calc(-1*var(--k,1px))}
html[lang="ko"] [data-tc="26082982oty"] #sec-02 .s02__n{font-family:'nsk','Noto Sans KR',sans-serif!important;font-weight:700!important;--tgff:1;font-size:calc(20*var(--k,1px))!important;letter-spacing:calc(1*var(--k,1px))!important} /* 2026-09-18 재대조(shots/gcd_m0201_01.png): 원본 숫자는 채움 .52·획 3 의 굵은 꼴(1 에 받침 있음) — NanumBG Bold(채움 .33) 는 너무 가늘고 Noto Sans KR Bold 20 이 같다 */
[data-tc="26082982oty"] #sec-02 .s02__title{margin-top:calc(11*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-02 .s02__lead{margin-top:calc(34*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-02 .s02__list{margin-top:calc(55*var(--k,1px))!important;gap:calc(30.75*var(--k,1px))!important}
}
/* Effect! 구역: 원본은 구역 위 77px 이 흰색이고 따뜻한 바탕(#fcfbf9)과 사진이 y4608 부터 시작 (변환은 구역 머리부터 바탕색) */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-07{background:url(https://channel-static.rebeauty.co.kr/tanggleps/ko/tc/26082982oty/effect_bg_r.jpg) no-repeat right calc(77*var(--k,1px))/calc(348*var(--k,1px)) calc(790*var(--k,1px)),linear-gradient(to bottom,#fff 0 calc(77*var(--k,1px)),#fcfbf9 calc(77*var(--k,1px)))!important} /* 오른쪽 348px = 원본 이미지 x1572~1920·y4990~5780 을 그대로 잘라 둔 것(사진 바탕의 회색 그러데이션) */
}
/* Special Points 카드 큰 번호 01~03: 원본 Oswald Bold(채움 .45, 잉크 폭 47) — 변환은 가변 Oswald 500 (채움 .30) */
@media (min-width:1025px){
html[lang="ko"] [data-tc="26082982oty"] #sec-01 .s01__num{font-family:'Oswald-bold','Oswald',sans-serif!important;font-weight:400!important;--tgff:1;font-size:calc(55*var(--k,1px))!important;letter-spacing:0!important}
}
/* ══ BEFORE&AFTER 앨범 썸네일(공통 문제, 이 쪽에서만 바로잡음): main.css 의 .thumb{aspect-ratio:16/9;overflow:hidden;border-radius:10px} 가
sub.css .mod-album .thumb{height:auto} 와 만나 썸네일 상자가 305×172 로 잘려 제목 글이 잘리고 모서리가 둥글어짐 → 원본은 305×205(사진 153+12+제목 40), 각진 모서리 ══ */
@media (min-width:1025px){
.mod-album .thumb{aspect-ratio:auto!important;overflow:visible!important;border-radius:0!important}
}
/* ══ 1536 폭 대비: 조각은 1920 고정 캔버스인데 fr01(프롤로그) 의 자체 변수(--s00-h:min(19.896vw,382px) 등)와 fr01·fr02 의 --gutter 는 vw 라
좁은 창에서 줄어들어 구역이 305px 로 잘리고 글이 옆으로 밀린다(site.js 는 --k/--s 류만 px 로 고정) → 1920 기준 px 값으로 못 박는다 ══ */
@media (min-width:1025px){
[data-tc="260817w0kzn"].fr01{--gutter:40px;--section-pad-block:165px}
[data-tc="260817w0kzn"] #sec-00{--s00-h:382px;--s00-pad-top:165px;--s00-plate-w:21px;--s00-plate-top:6px;--s00-pad-end:78px;--s00-pad-start:77px;--s00-col-end-top:11px;
height:auto!important;min-height:calc(382*var(--k,1px))!important;box-sizing:border-box}
[data-tc="26082982oty"].fr02{--gutter:40px}
}
/* Effect! 동그라미 자리: 원본 위 5062·왼쪽 313 (우리 5054·316) */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-07 .s07__circles{margin-top:calc(53*var(--k,1px))!important;margin-left:calc(-3*var(--k,1px))!important}
}
/* 동그라미 속 짧은 줄·글 자리: 원본 줄 y5157 (우리 5154) · 글 5187 (우리 5180) / 줄은 원본이 더 연함(흰 28%) */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-07 .s07__bar{margin:calc(16*var(--k,1px)) 0 calc(30*var(--k,1px))!important;background:rgba(255,255,255,.28)!important}
}
/* 색 보정 (원본 획 중심 색 실측): TANG:GLE [255,80,2] / 주황 제목들 [255,97~98,2] / 회색 소제목 '탱글성형외과'·'여유증 리프팅' 획 중심 54 인데 우리 가는 획이 평균 80 으로 옅게 재져 조금 더 진하게+획 .5 */
@media (min-width:1025px){
[data-tc="260829txyce"] #hero .s00__eyebrow{color:#ff5002!important}
[data-tc="260817w0kzn"] #sec-00 .s00-title{color:#ff6102!important}
[data-tc="26082982oty"] #sec-00 .s00__title{color:#ff6202!important}
[data-tc="26082982oty"] #sec-03 .s03__title,[data-tc="26082982oty"] #sec-07 .s07__title{color:#ff6102!important}
[data-tc="26082982oty"] #sec-00 .s00__kicker,[data-tc="26082982oty"] #sec-03 .s03__kicker,[data-tc="26082982oty"] #sec-07 .s07__kicker{color:#333!important}
html[lang="ko"] [data-tc="26082982oty"] #sec-00 .s00__kicker,
html[lang="ko"] [data-tc="26082982oty"] #sec-03 .s03__kicker,
html[lang="ko"] [data-tc="26082982oty"] #sec-07 .s07__kicker{-webkit-text-stroke:.4px currentColor}
}
/* ══ 2026-09-18 재점검(실측 shots/o_·c_man_02_01.png 픽셀 대조) — 공통 모듈이 이 쪽 원본과 다른 곳을 이 쪽 css 에서만 바로잡음. 공통 css 를 고치면 이 블록은 지워도 된다 ══ */
/* B&A(#bna): 원본 카드는 x320~920·1000~1600 (.bna_wrap 좌우 margin 4/40) 인데 우리는 316·1004 → 가운데 정렬+열 간격 80 /
'더 많은 전후사진 보기' 버튼: inline-block 이 글줄 기준선에 걸려 4px 내려앉아 구역이 1180(원본 100+1076) → 69 고정 */
@media (min-width:1025px){
.mod-bna .bna-grid{justify-content:center!important;column-gap:80px!important}
.mod-bna .bna-more{height:69px}
html[lang="ko"] .mod-bna .bna-more{line-height:0}
.mod-bna .bna-more-btn{vertical-align:top}
}
/* BEFORE&AFTER 앨범: 원본 목록(#listArea 1280)은 x316 부터(썸네일 316·641·966·1291, 밑줄 316~1595) 인데 우리는 320 → -4 /
썸네일 제목 색: 원본은 스크립트 경합에 따라 '모두 주황 보통'(08:26 스크린샷) 또는 '선택만 주황 굵게·나머지 #333'(10:15 스크린샷) 로 잡힌다 → 후자가 공통 css 기본값이라 그대로 둔다 /
글꼴: 원본은 font-family:'nanum'(@font-face 가 404 라 브라우저 기본 한글 글꼴 = 윈도우 맑은 고딕, 리눅스 Noto Sans CJK) — 공통 css 의 'Malgun Gothic',…,'NanumBG' 는 맑은 고딕이 없는 환경에서 NanumBG 로 떨어져 원본보다 좁게 보임 → 원본과 똑같이 미선언 이름만 둔다 */
@media (min-width:1025px){
.mod-album .listArea{margin-left:-4px}
html[lang="ko"] .mod-album .thumb .subject{font-family:'nanum'!important}
html[lang="ko"] .mod-album .s_notice p{font-family:'nanum'!important}
}
/* OH! TANG:GLE TV 목록(#mc_youtube .thumb_wrap): 원본은 선택 안 된 썸네일 grayscale(100%), 선택 썸네일 4px #ff7800 테두리·제목 #ff7800, 모든 썸네일 1px rgba(0,0,0,.2) 선 /
항목 간격 122(16+90+16, 밑줄은 .txt_wrap:before 로 글 아래 x180~ 에 absolute) — 우리는 li border-bottom 이라 123 이고 밑줄이 썸네일 밑까지·16px 아래 /
설명(.txt2)은 원본 XML 의
이 그대로 줄바꿈되고 40px 에서 잘릴 뿐 말줄임표 없음 → pre-line + 말줄임 해제 */
@media (min-width:1025px){
.mod-tv .tv-item{border-bottom:0!important;position:relative}
.mod-tv .tv-item::after{content:'';position:absolute;left:180px;right:0;top:105px;height:1px;background:rgba(0,0,0,.1)}
.mod-tv .tv-item .tv-thumb::after{content:'';position:absolute;inset:0;border:1px solid rgba(0,0,0,.2);pointer-events:none}
.mod-tv .tv-item:not(.on) .tv-thumb img{filter:grayscale(100%)}
.mod-tv .tv-item.on .tv-thumb{outline:4px solid #ff7800!important;outline-offset:-4px!important}
.mod-tv .tv-item.on .tv-t{color:#ff7800!important}
html[lang="ko"] .mod-tv .tv-item .tv-d{display:block!important;-webkit-line-clamp:none!important;height:40px!important;overflow:hidden!important}
html[lang="ko"] .mod-tv .tv-item .tv-d{white-space:normal!important} /* 2026-09-19: pre-line 은 HTML 의
뒤 실제 줄바꿈 문자까지 줄바꿈으로 세어 매 줄 뒤에 빈 줄이 하나씩 끼었다(40px 상자에 글 1줄만 보임). 원본은
만 줄바꿈하므로 normal 이 맞다 */
}
/* == sizefix man_02_01 == */
@media (min-width:1025px){
html[lang="ko"] [data-fr="fr02"] #sec-00>div.wrap>h2.s00__title.aos-animate{font-size:54.8px!important;letter-spacing:0.0px!important}
html[lang="ko"] [data-fr="fr02"] #sec-02 h2.s02__title{font-size:48.3px!important;letter-spacing:0.0px!important}
html[lang="ko"] [data-fr="fr02"] #sec-04 span.s04__tagv{font-size:21.2px!important;letter-spacing:0.0px!important}
html[lang="ko"] [data-fr="fr02"] #sec-05>div.wrap>p.s05__note.aos-animate:nth-of-type(2){font-size:17.1px!important;letter-spacing:0.2px!important}
html[lang="ko"] [data-fr="fr00"] #hero>div.s00__grid>div.s00__panel>p.s00__eyebrow:nth-of-type(1)>span{font-size:43.3px!important;letter-spacing:0.0px!important} /* TANG:GLE */
html[lang="ko"] [data-fr="fr00"] #hero h1.s00__title{font-size:53.4px!important;letter-spacing:0.0px!important} /* 여유증 리프팅 */
html[lang="ko"] [data-fr="fr00"] #hero p.s00__lead{font-size:16.4px!important;letter-spacing:0.24px!important} /* 탄력 있는 가슴으로 남자만의 매력 */
html[lang="ko"] [data-fr="fr00"] #hero span.s00__k{font-size:15.8px!important;letter-spacing:0.0px!important} /* 수술시간 */
html[lang="ko"] [data-fr="fr00"] #hero span.s00__v{font-size:15.5px!important;letter-spacing:0.0px!important} /* 2~3시간 */
html[lang="ko"] [data-fr="fr00"] #hero p.s00__note{font-size:12.0px!important;letter-spacing:0.0px!important} /* 환자의 상태나 수술방법에 따라 차 */
[data-fr="fr01"] #sec-00 h2.s00-title{width:456px!important}
html[lang="ko"] [data-fr="fr01"] #sec-00 h2.s00-title{font-size:55.5px!important;letter-spacing:-1.98px!important} /* 남성만의가슴 탄력을 되찾다! */
html[lang="ko"] [data-fr="fr01"] #sec-00 span.s00-label-word{font-size:29.7px!important;letter-spacing:-0.99px!important} /* Prologue */
html[lang="ko"] [data-fr="fr01"] #sec-00 p.s00-body{font-size:17.0px!important;letter-spacing:0.2px!important} /* 여유증 수술 전에도 피부 처짐이 */
html[lang="ko"] [data-fr="fr02"] #sec-00>div.wrap>p.s00__eyebrow.eyebrow.aos-animate:nth-of-type(1){font-size:29.3px!important;letter-spacing:-0.98px!important} /* Special Points */
html[lang="ko"] [data-fr="fr02"] #sec-00>div.wrap>p.s00__kicker.aos-animate:nth-of-type(2){font-size:40.0px!important;letter-spacing:0.3px!important} /* 탱글성형외과 */
html[lang="ko"] [data-fr="fr02"] #sec-00>div.wrap>p.s00__lead.aos-animate:nth-of-type(3){font-size:16.0px!important;letter-spacing:0.0px!important} /* 탱글성형외과만의 특별한 차이를 지 */
html[lang="ko"] [data-fr="fr02"] #sec-01 h3.s01__title{font-size:24.0px!important;letter-spacing:0.0px!important} /* 탄력 있는 가슴라인 */
html[lang="ko"] [data-fr="fr02"] #sec-01 p.s01__body{font-size:17.2px!important;letter-spacing:0.2px!important} /* 여유증 리프팅을 통해 남성만의 탄 */
html[lang="ko"] [data-fr="fr02"] #sec-02>div.s02__panel>div.wrap.s02__wrap>p.eyebrow.s02__eyebrow:nth-of-type(1){font-size:29.1px!important;letter-spacing:-0.97px!important} /* Who? */
html[lang="ko"] [data-fr="fr02"] #sec-02 p.s02__kicker{font-size:35.6px!important;letter-spacing:-0.5px!important} /* 여유증 리프팅 */
html[lang="ko"] [data-fr="fr02"] #sec-02 p.s02__lead{font-size:17.2px!important;letter-spacing:0.32px!important} /* 탱글성형외과의 여유증 리프팅, 자 */
html[lang="ko"] [data-fr="fr02"] #sec-02 span.s02__n{font-size:22.1px!important;letter-spacing:0.0px!important} /* 01 */
html[lang="ko"] [data-fr="fr02"] #sec-02 span.s02__t{font-size:20.0px!important;letter-spacing:-0.3px!important} /* 가슴의 피부 탄력과 처짐이 심한 */
html[lang="ko"] [data-fr="fr02"] #sec-03>div.wrap>p.eyebrow.s03__eyebrow.aos-animate:nth-of-type(1){font-size:29.1px!important;letter-spacing:-0.97px!important} /* How? */
html[lang="ko"] [data-fr="fr02"] #sec-03>div.wrap>p.s03__kicker.aos-animate:nth-of-type(2){font-size:35.4px!important;letter-spacing:-0.5px!important} /* 여유증 리프팅 */
html[lang="ko"] [data-fr="fr02"] #sec-03>div.wrap>h2.s03__title.aos-animate{font-size:48.2px!important;letter-spacing:0.0px!important} /* 수술은 어떻게 이루어 질까요? */
[data-fr="fr02"] #sec-03>div.wrap>p.s03__body.aos-animate:nth-of-type(3){width:767px!important}
html[lang="ko"] [data-fr="fr02"] #sec-03>div.wrap>p.s03__body.aos-animate:nth-of-type(3){font-size:17.2px!important;letter-spacing:0.2px!important} /* 처짐 정도가 경미하면 일반적으로 */
html[lang="ko"] [data-fr="fr02"] #sec-04 span.s04__tagk{font-size:22.1px!important;letter-spacing:0.0px!important} /* 약간 처짐 */
html[lang="ko"] [data-fr="fr02"] #sec-04>div.wrap>p.s04__note.aos-animate:nth-of-type(2){font-size:17.0px!important;letter-spacing:0.2px!important} /* 처짐 정도가 경미한 경우라면 일반 */
html[lang="ko"] [data-fr="fr02"] #sec-04 figcaption.s04__cap{font-size:20.1px!important;letter-spacing:0.0px!important} /* 여유증 수술 */
html[lang="ko"] [data-fr="fr02"] #sec-05 span.s05__tagk{font-size:21.4px!important;letter-spacing:0.0px!important} /* 중등도 처짐 */
html[lang="ko"] [data-fr="fr02"] #sec-05 span.s05__tagv{font-size:21.0px!important;letter-spacing:0.0px!important} /* 추가적으로 유륜 주위 절개 리프팅 */
html[lang="ko"] [data-fr="fr02"] #sec-05 figcaption.s05__cap{font-size:20.1px!important;letter-spacing:0.0px!important} /* 여유증 수술 */
html[lang="ko"] [data-fr="fr02"] #sec-06 span.s06__tagk{font-size:21.8px!important;letter-spacing:0.0px!important} /* 심한 처짐 */
html[lang="ko"] [data-fr="fr02"] #sec-06 span.s06__tagv{font-size:21.4px!important;letter-spacing:0.0px!important} /* 수직절개법 */
html[lang="ko"] [data-fr="fr02"] #sec-06>div.wrap>p.s06__note.aos-animate:nth-of-type(2){font-size:17.0px!important;letter-spacing:0.2px!important} /* 가슴의 처짐이 매우 심한 경우라면 */
html[lang="ko"] [data-fr="fr02"] #sec-06 figcaption.s06__cap{font-size:20.1px!important;letter-spacing:0.0px!important} /* 수직 절개 */
html[lang="ko"] [data-fr="fr02"] #sec-07>div.wrap.s07__wrap>p.eyebrow.s07__eyebrow.aos-animate:nth-of-type(1){font-size:27.7px!important;letter-spacing:-0.92px!important} /* Effect! */
html[lang="ko"] [data-fr="fr02"] #sec-07>div.wrap.s07__wrap>p.s07__kicker.aos-animate:nth-of-type(2){font-size:35.4px!important;letter-spacing:-0.5px!important} /* 여유증 리프팅 */
html[lang="ko"] [data-fr="fr02"] #sec-07>div.wrap.s07__wrap>h2.s07__title.aos-animate{font-size:48.2px!important;letter-spacing:0.0px!important} /* 어떤 효과가 있을까요? */
[data-fr="fr02"] #sec-07>div.wrap.s07__wrap>p.s07__lead.aos-animate:nth-of-type(3){width:348px!important}
html[lang="ko"] [data-fr="fr02"] #sec-07>div.wrap.s07__wrap>p.s07__lead.aos-animate:nth-of-type(3){font-size:17.3px!important;letter-spacing:0.2px!important} /* 탱글성형외과는 차별화된 기술력과디 */
html[lang="ko"] [data-fr="fr02"] #sec-07 span.s07__t{font-size:19.6px!important;letter-spacing:-0.25px!important} /* 탄력 있는 가슴라인 */
html[lang="ko"] [data-fr="fr02"] #sec-07 span.s07__n{font-size:25.5px!important;letter-spacing:0.0px!important} /* 04 */
}
/* == /sizefix man_02_01 == */
/* ===== 검수 반영 2026-09-19 (man_02_01) ===== */
@media (min-width:1025px){
/* TV 재생 중 썸네일 주황 테두리: outline(-4px offset) 은 .tv-thumb 의 overflow:hidden 에 잘려 화면에 안 그려졌다
→ 이미 1px 회색 선을 그리고 있는 .tv-thumb::after 를 4px #ff7800 으로 바꾼다(같은 자리, 잘리지 않음) */
.mod-tv .tv-item.on .tv-thumb{outline:0!important}
.mod-tv .tv-item.on .tv-thumb::after{border:4px solid #ff7800!important}
/* BEFORE&AFTER 앨범 썸네일 제목: 원본은 보고 있는 사례만 #ff6600 굵게, 나머지는 #333 보통
(공통 sub.css 는 넷 다 #ff6600 보통 — 이 쪽에서만 덮어쓴다) */
.mod-album .thumb .subject{color:#333!important}
html[lang="ko"] .mod-album .thumb .subject{font-weight:normal!important}
.mod-album .thumb.on .subject{color:#ff6600!important}
html[lang="ko"] .mod-album .thumb.on .subject{font-weight:bold!important}
/* 하단 TANG:GLE REAL Selfie '+' 원형 단추가 원본보다 10px 아래였다 (공통 sub.css:436 bottom:60px) */
.mod-selfie-bot .selfie-head .more-round{bottom:70px!important}
/* fr02 #sec-03 머리글: 큰 제목 5px·설명 10px 위에 있었다. 구역 높이(454)는 아래 여백을 10 줄여 유지
(--s03-g2/-g3 는 자식 요소 자신에게 선언돼 있어 구역에 덮어써도 안 먹는다 → margin 을 직접 준다) */
[data-tc="26082982oty"] #sec-03 .s03__title{margin-top:calc(11*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-03 .s03__body{margin-top:calc(24*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-03{padding-bottom:calc(3*var(--k,1px))!important}
/* fr02 #sec-07 머리글: 큰 제목 5px·설명 9px 위에 있었다. 아래 원 동그라미는 원본과 맞으므로 그 위 여백을 9 줄인다 */
[data-tc="26082982oty"] #sec-07 .s07__title{margin-top:calc(10*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-07 .s07__lead{margin-top:calc(40*var(--k,1px))!important}
[data-tc="26082982oty"] #sec-07 .s07__circles{margin-top:calc(44*var(--k,1px))!important}
}
/* fr02 #sec-02 번호 01~05: 원본 잉크 15x22 채움 .52 — 22.1px/자간0(잉크 16x24 채움 .40) 은 크고 성글었다.
glyphcmp(shots/gcn_m0201_num.png) 로 nsk 800 20px 자간0 이 원본과 같은 굵기·폭임을 확인. sizefix 블록보다 뒤에 둔다 */
@media (min-width:1025px){
html[lang="ko"] [data-fr="fr02"] #sec-02 span.s02__n{font-family:'nsk','Noto Sans KR',sans-serif!important;font-weight:800!important;--tgff:1;font-size:calc(20*var(--k,1px))!important;letter-spacing:0!important}
}
/* #sec-07 동그라미 글(.s07__t): sizefix 가 19.6px 로 줄이면서 잉크 폭이 원본 147 → 140 (95%) 으로 좁아졌다.
20px 일 때 원본과 같은 147 이었으므로 되돌린다(같은 특이도, sizefix 블록보다 뒤) */
@media (min-width:1025px){
html[lang="ko"] [data-fr="fr02"] #sec-07 span.s07__t{font-size:calc(20*var(--k,1px))!important;letter-spacing:calc(-.25*var(--k,1px))!important}
}
/* #sec-07 동그라미 안 글줄이 원본보다 5px 위였다(잉크 우리 5182~5200 / 원본 5187~5204, 원 윗변은 5115/5116 로 맞음)
— 번호(.s07__n) 와 가로줄(.s07__bar) 은 제자리라 줄 아래 여백만 5 늘려 글줄만 내린다 */
@media (min-width:1025px){
[data-tc="26082982oty"] #sec-07 .s07__bar{margin:calc(16*var(--k,1px)) 0 calc(35*var(--k,1px))!important}
}
/* 히어로 제목(여유증 리프팅): 글자 상자는 원본과 같은 x1087 인데 글꼴 좌측 여백 때문에 잉크가 4~5px 오른쪽에서 시작했다
(글자별 실측 원본 x1086~1399 / 우리 1091~1403, 폭은 313 으로 동일) — 왼쪽으로 4px 당긴다 */
@media (min-width:1025px){
[data-fr="fr00"] #hero h1.s00__title{margin-left:calc(-4*var(--k,1px))!important}
}
/* sec-04·05·06 사진 설명(figcaption): 20.1px 에서 잉크 폭이 원본보다 3~4% 넓었다
(여유증 수술 94/91 · 유두, 유륜 복합체 고정술 201/193 · 수직 절개 76/73 · 피부 절제 후 모아줌 158/154) → 20px(실측 92/91 · 155/154) */
@media (min-width:1025px){
html[lang="ko"] [data-fr="fr02"] #sec-04 figcaption.s04__cap,
html[lang="ko"] [data-fr="fr02"] #sec-05 figcaption.s05__cap,
html[lang="ko"] [data-fr="fr02"] #sec-06 figcaption.s06__cap{font-size:calc(20*var(--k,1px))!important}
}
/* fr01(프롤로그) 제목: sizefix 가 넣은 width:456px 때문에 '가슴 탄력을 되찾다!' 가 두 줄로 쪼개져 제목이 3줄이 되고,
그 아래 설명(.s00-lead)이 조각 높이 382 밖으로 밀려 overflow:hidden 에 잘려 아예 안 보였다.
원본은 제목 2줄 + 설명 2줄이고 모두 x866~868 에서 오른쪽 맞춤 → 폭 제한을 풀어 칸(오른끝 872)을 채운다 */
@media (min-width:1025px){
[data-fr="fr01"] #sec-00 h2.s00-title{width:auto!important}
}
/* ── 끝줄 여유·조각 인라인 높이 — 한국어 틀의 끝줄 깎기(margin-bottom:-9~-10px)로 늘어난 구역에서도 마지막 줄 글자 꼬리가
구역 끝(overflow)에 걸렸다 → 아래 여백 12px. 'all' 은 한국어도 8px 걸리던 곳 (2026-09-24) ── */
@media (min-width:1025px){
html[data-tgi-lang] [data-tc="260817w0kzn"] #sec-00{padding-bottom:calc(12*var(--k,1px))!important}
}