@charset "utf-8";
/* [일하는 규칙 24 · GD-23] 병렬 조각 전용 임시 CSS — 갈래 E(시설안내 s1_2 · 미용시술 s6 ·
   게시판형 3종 s7·s8·s9) 담당 전용. main.css/sub.css 등 공통 파일은 직접 고치지 않는다.
   합류 시 지휘자가 이 파일을 sub.css 로 흡수할지 별도 유지할지 판정한다.
   [P-03] 이 파일도 자체 @media 를 두지 않는다 — 반응형은 responsive.css 로 이관(퍼피-2 몫).
   클래스 접두: s1_2- / s6_1- / s6789- (여러 서브 게시판형이 공유하는 조각) */

/* ─────────────────────────────────────────────
   s6789-s-title — 게시판형 3종(s7·s8·s9)의 s_title
   sub.css 의 .s-title(548px 계열) 은 h2 white-space:nowrap 이라 "시술·수술 안내" 같은
   긴 제목이 짤린다 — 이 3종 전용으로 nowrap 해제 오버라이드만 추가한다.
───────────────────────────────────────────── */
.s6789-s-title h2{white-space:normal;}
/* [11차 회차 · .lede 폭] 공통 .page-header.type2 .lede{max-width:420px}가 이 3장 모두를
   시안보다 좁게 잡아 2줄이 3~4줄로 밀렸다 — 노드 실측 폭으로 페이지마다 덮는다(공용 CSS 안 건드림).
   s6_1(792:7403 w561) · s7_1/s7_2/s7_3(827:8777 w432, 페이지 공통 인트로 문구라 3탭 동일) ·
   s9_1(808:9873 w908). */
.s6_1 .page-header .lede{max-width:561px;}
.s7_1 .page-header .lede,.s7_2 .page-header .lede,.s7_3 .page-header .lede{max-width:432px;}
.s9_1 .page-header .lede{max-width:908px;}
.page-header.sub9 .lede{max-width:908px;}
/* [12차 회차 · P5E-N04 해소] s8_1·s8_2 만 빠져 있었다 — 노드 808:9523 w640 */
.s8_1 .page-header .lede,.s8_2 .page-header .lede{max-width:640px;}
.page-header.sub8 .lede{max-width:640px;}

/* [2차 회차 · 좌표 수정] .lnb 가 .page-header 안에서 position:absolute 라 문서 흐름에서 빠지므로,
   바로 다음 형제인 s_title 이 페이지헤더(722) 바로 아래(722)에 붙어버렸다(시안은 812 — 90px 간격).
   s1_1/s1_2 는 .real-cont 에 padding-top:90px 를 줘서 이 간격을 만들었다 — 같은 상수를
   게시판형 3종(.real-cont 밖에 놓인 s_title)에도 그대로 적용한다(G-14 피그마 실측값 90px). */
.s6789-s-title{margin-top:90px;}

/* ─────────────────────────────────────────────
   [4차 회차 · min-height 자가 검증 — 1차 시도 실패, 정정] JS 런타임 오버라이드로 지우고 재는
   방법(minheight-audit.js)이 전부 diff=0 을 찍어 "불필요"로 잘못 판정하고 실제로 CSS 에서
   지웠더니 docH 가 5049→3863 / 5451→3297 로 무너졌다 — 오버라이드가 실제로 안 먹혔던
   테스트 버그였다(강제 복구 후 재확인: `getComputedStyle().minHeight` 가 "0px" 로 잡히는
   정상 삭제 상태에서도 실제 높이는 목표보다 작았다). **min-height 는 지방이식 갈래와 같은
   이유로 필요했다 — 콘텐츠가 실제로 그만큼 없다.** 되돌려 원래 값 유지, §4차 미해소로 남긴다.
───────────────────────────────────────────── */
/* [11차 회차 · s1_2 히어로 채널차 폐쇄 중 발견] 공통 .page-header.type1 은 s1_1 전용 크롭(bg_s101.jpg)을
   그대로 s1_2 에도 물려준다 — 시안은 같은 원본 사진(imageHash 동일, 7차 확인)이지만 노드 809:10239가
   left:0 top:-33.03% h:265.93% 로 훨씬 확대·다른 위치(아치형 통로)를 보여준다. s1_2 전용 크롭으로
   재추출해 덮는다(공통 css/sub.css 는 그대로). */
.s1_2 .page-header{background-image:url(../images/sub/bg_s102_hero.jpg);}
/* [12차 회차 · P5E-N06 정정] 문장 정정 — "크롭이 시안 노드 사이에서 달랐다"는 틀렸다. use_figma로
   두 노드(582:545 s1_1 · 809:10239 s1_2)의 imageTransform 을 직접 비교하니 완전히 동일한 행렬
   [[1,0,~0],[0,0.37604,0.12421]]이었다 — 차이는 "노드 ↔ 우리 bg_s101.jpg" 사이에 있었다.
   즉 기존 bg_s101.jpg 도 같은 이유로 잘못 크롭돼 있었다(1차 검수가 s1_1을 별도로 재지 않아
   이번에 처음 드러났다 — "악화"가 아니다). 공용 css/sub.css의 .type1 참조 파일명(bg_s101.jpg)은
   그대로 두고, 같은 정확한 변형으로 재추출한 별도 파일(bg_s101_hero.jpg)을 .s1_1 스코프에서만
   덮는다(기존 파일을 덮어쓰지 않음 — 편집 도구가 파괴적 덮어쓰기를 막았다). */
.s1_1 .page-header{background-image:url(../images/sub/bg_s101_hero.jpg);}
/* [20차 · s1_1 +17 해소] 공통 `css/sub.css` 20차 집행(eyebrow 16→24 · h2 48→57)으로 `.s-title` 자체
   높이가 168→185(+17, 시안 582:911 184 와 ±1)로 커졌다 — 부품은 정상, 그 아래 여백(`.art-flex
   margin-top:132px`, css/sub.css:147)이 옛 168 기준으로 잡혀 있어 다음 섹션(02_section, y1112)
   시작점이 1112→1129(+17)로 같이 밀렸다. `.s-title` 은 건드리지 않고(공통·정상) 여백만 132-17=115
   로 스코프 오버라이드(공통 sub.css 미접촉). 재측정 — stBottom(997)+115=1112, 시안 y1112 ±0. */
.s1_1 .arti01 .art-flex{margin-top:115px;}
.s1_2 .real-cont{padding:90px 0 250px;}
.s1_2 article ~ article{margin-top: 150px;}
.s1_2 .arti01{margin-top: 80px;}

/* ─────────────────────────────────────────────
   s1_2 — 시설안내 갤러리(02_section, 노드 827:8690)
   [LIB-02] 슬라이더는 플러그인(Swiper) — 여기서는 레이아웃만, 초기화는 퍼피-4 몫
───────────────────────────────────────────── */
.s1_2-gallery{margin-top:0;}
.s1_2-gallery__main{position:relative; overflow:hidden;}
.s1_2-gallery__main .swiper-slide img{width:100%;height:810px;object-fit:cover;}
.s1_2-gallery__arr{
	position:absolute;top:50%;transform:translateY(-50%);z-index:2;
	width:52px;height:52px;border:.867px solid #999;border-radius:26px;
	background:rgba(255,255,255,.7); display: flex; align-items: center; justify-content: center;
}
.s1_2-gallery__arr > img {display: block; max-width: 100%; margin: 0 auto;}
.s1_2-gallery__arr--prev{left:30px;}
.s1_2-gallery__arr--next{right:30px;}
.s1_2-gallery__thumb{margin-top:30px;}
/* .s1_2-gallery__thumb .swiper-wrapper{gap:13px;} */
.s1_2-gallery__thumb .swiper-slide{width:168px;flex:0 0 auto;opacity:.57;transition:opacity var(--t-base) linear;}
.s1_2-gallery__thumb .swiper-slide.swiper-slide-thumb-active{opacity:1;}
.s1_2-gallery__thumb .swiper-slide img{width:168px;height:94px;object-fit:cover;}

/* s1_2 본문 피처 블록(03~06_section 공통) */
/* [15차 회차 · P5E-N15 해소] 03/04/06_section(각 노드 x357~358 w1198)은 컨테이너(1440) 전체가
   아니라 가운데 정렬된 좁은 폭이다 — 요소는 전부 있고 가로 배치만 달랐다(개수 대조로는 안 잡힘).
   arti02(03_section)·arti03(04_section)·arti05(06_section) 전수 적용(같은 클래스 공유 · 규칙19). */
.s1_2-feature{margin-top:100px;width:1198px;margin-left:auto;margin-right:auto;}
/* [17차 · line-height 전수 감사] 시안 텍스트 스타일(I808:6927;774:5092 등) lineHeight 150%(30×1.5=45) —
   line-height 선언 자체가 없어 렌더 h3 높이가 30(브라우저 기본 normal ≈ 폰트 100%)이었다. 다른 갈래
   교훈 그대로 — "보정 margin"이 아니라 line-height 누락이 뿌리다. */
.s1_2 .arti04 {width: 100%; height: 389px; background: url(../images/sub/bg_s102_band.jpg) 50% 50% no-repeat; background-size: cover; padding: 54px 0;}
.s1_2-feature h3{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-.6px;color:var(--c-text-alt);}
/* [15차 회차 · P5E-N14 해소 — 4차 s6_1 은 고쳤는데 여기 4곳(필러/안전장치/세척기/관리장치 제목)이
   빠졌었다(규칙19). CSS radial-gradient 마스크로 원을 그린 것 자체가 FIG-06(CSS 로 그린 모양도
   제작)·FIG-04(임의 도형 대체) 위반 — 노드 774:5091 실제 SVG(남색 마름모◆)를 그대로 추출해 배치. */
.s1_2-feature h3 .ico{display:inline-block;width:19px;height:19px;background:url(../images/sub/ico_bullet_navy.svg) no-repeat center/contain;}
.s1_2-feature__list{margin-top:16px;}
.s1_2-feature__list li{position:relative;padding-left:27px;font-size:18px;line-height:1.7;letter-spacing:-.36px;color:var(--c-text-alt);}
.s1_2-feature__list li:before{content:'';position:absolute;left:8px;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--c-text-alt);}
/* [3차 회차 · FIG-02 캡처 대조로 발견] <picture> 로 감싸면서 실제 flex 자식이 img 가 아니라
   picture 가 됐는데, 아래 규칙들이 여전히 img 만 겨냥해 폭 지정이 안 먹고 이미지가 실낱처럼
   찌그러졌다(구현 캡처 vs 시안 나란히 대조로 발견 — 02_section 03/04 이미지, 06_section
   "고주파 및 LED"). picture 에도 동일 flex 규칙을 준다. */
.s1_2-feature__imgs{display:flex;gap:48px;margin-top:35px;}
.s1_2-feature__imgs figure{border-radius:var(--r-md);}
.s1_2-feature__imgs figure figcaption {margin-top: 20px; text-align: center; font-size: 18px; color: #3a3a3a; line-height: 1.7; letter-spacing: -.36px; font-weight: 400;}
.s1_2-feature__imgs picture{display:block;}
.s1_2-feature__imgs--2 > picture,
.s1_2-feature__imgs--2 > img{width:1%;flex:1 1 0;height:430px;}
.s1_2-feature__imgs--2 > img{width:100%;height:100%;}
/* .arti05(관리장치)는 자식이 picture/img 가 아니라 figure(사진+캡션 묶음) — figure 를 flex 아이템으로 */
/* [17차 · P5E-N18 수정] 시안(808:6936 Frame1683)은 좌(781=사진쌍 프레임)·우(374=단일사진) 비균등 분배인데
   flex:1 1 0(균등)을 걸어 우측이 374→574(+201)로 밀렸었다 — arti02/04/06_section과 같은 "폭 계열" 재발.
   지워 보기로 확정: flex:1 1 0 제거 후 574→374 복귀, 좌측도 574→781 로 돌아와 시안과 ±0. */
.s1_2-feature__imgs--care{gap:43px;}
.s1_2-feature__imgs--care > figure{width:auto;flex:none;}
/* .s1_2-feature__imgs--care > figure:first-child{flex:0 0 781px;}
.s1_2-feature__imgs--care > figure:last-child{flex:0 0 374px;} */
.s1_2-feature__imgs--care > figure > picture{display:block;width:100%;}
.s1_2-feature__imgs--care > figure > img{max-width:100%;height:282px;border-radius:var(--r-md); margin: 0 auto; display: block;}
/* [19차 · line-height 미검증 9곳 닫는 중 발견] 시안 노드(675:2851/2843) 직접 조회 — fontSize:18,
   lineHeight:170%(1.7) 인데 16px/1.6 으로 둘 다 달랐다(다른 섹션의 --3 figcaption 은 이미 18/1.7
   로 맞아 있었다 — 같은 컴포넌트인데 --care 만 빠졌다, 재발 유형). 값 그대로 맞춘다. 색상은 노드
   fills 1번째가 rgb(58,58,58)≈#3a3a3a 인데 기존 토큰(--c-text-sub #666·--c-text-alt #1e1e1e)
   어느 쪽도 정확히 일치하지 않아 — 이번 회차 범위(line-height) 밖이라 색상은 그대로 두고 별도
   확인 필요로 남긴다(fills 배열에 20% 검정 레이어 3개가 더 있어 원인 특정에 추가 조사 필요). */
.s1_2-feature__imgs--care > figure figcaption{margin-top:16px;font-size:18px;line-height:1.7;color:var(--c-text-sub);text-align:center;}
.s1_2-feature__imgs--3{gap:35px;}
.s1_2-feature__imgs--3 figure{width:1%;flex:1 1 0;}
.s1_2-feature__imgs--3 picture{display:block;width:100%;height:282px;}
.s1_2-feature__imgs--3 img{max-width: 100%; display: block;}
.s1_2-feature__imgs--3 figcaption{margin-top:20px;font-size:18px;line-height:1.7;letter-spacing:-.36px;color:var(--c-text-alt);text-align:center;}
.s1_2-feature--split{position:relative;}
.s1_2-feature--split .inner {display: flex; gap: 172px; align-items: center; max-width: 1200px; margin: 0 auto; width: 100%;}
.s1_2-feature--split .inner img {border-radius: 10px;}
/* [14차 회차 · P5E-N13] 675:2864 배경 장식밴드 — 섹션 폭 밖까지 풀블리드(1916 ≈ 뷰포트 전체),
   콘텐츠 뒤(z-index 낮음)에 절대배치. 1920 작업폭 기준 좌우 대칭 배치. */
.s1_2-feature__band{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1916px;height:389px;z-index:0;}
.s1_2-feature__band picture,.s1_2-feature__band img{display:block;width:100%;height:100%;object-fit:cover;}
.s1_2-feature--split > .s1_2-feature__txt,.s1_2-feature--split > picture{position:relative;z-index:1;}
.s1_2-feature--split .s1_2-feature__txt{width:1%;flex:1 1 auto;}
.s1_2-feature--split > picture{display:block;flex:0 0 374px;height:282px;}
.s1_2-feature--split > picture img{width:100%;height:100%;border-radius:var(--r-md);object-fit:cover;}
.s1_2-feature__imgs--care{align-items:flex-start;}
.s1_2-feature__pair{display:flex;gap:14px;background:var(--c-bg-weak);border-radius:var(--r-md);padding:24px;}
.s1_2-feature__pair picture,
.s1_2-feature__pair img{width:1%;flex:1 1 0;border-radius:var(--r-sm);object-fit:cover;}
.s1_2-feature__pair img{width:100%;}
/* [FIG-06] 피그마 원본 675:2850 자리는 실제 사진이 아니라 회색 플레이스홀더다 — 그대로 재현 */
.s1_2-feature__placeholder{width:1%;flex:1 1 0;border-radius:var(--r-sm);background:#d9d9d9;}

/* ─────────────────────────────────────────────
   [7차 회차 · arti02~05 min-height 4곳 최종 판정] 물리적으로 CSS 파일의 min-height 값을
   0으로 바꿔 재로드·재측정한 뒤(런타임 JS 오버라이드 아님 — 4차의 그 버그를 반복하지 않음)
   복원하는 방식으로 각 줄을 판정했다. figma 프레임 자체의 명시 높이(get_metadata)와 대조:
   - arti01(1092) — 5차에서 이미 구멍(배경 2겹·s_title 누락) 해소 완료. natural=1092 diff=0.
   - arti02(868) — 필러 프레임 자체 높이 718(796:8892). get_metadata 1:1 재대조로 노드
     796:8862·796:8864 문단 2개 누락을 추가 발견·반영(구멍이었다 — 채워 넣음). 반영 후
     natural=637, 프레임 높이(718)에는 아직 못 미치나(폰트 폴백 차로 추정) 엘리먼트는 전수 확인
     완료. 868-718=150 은 다음 섹션 전까지의 여백(간격 고정) — min-height 유지.
   - arti03(804) — 리쥬란 프레임 높이 654(808:8565). 요소 전수 확인(제목+2문단+이미지+2톤배경)
     통과 — 구멍 없음. natural=774, 804-654=150(간격 고정, 다른 곳과 같은 상수) — min-height 유지.
   - arti04(882) — **구조 오류로 확인된 구멍.** 808:8566 실측이 좌우 2열이 아니라 위아래 2행
     (808:8171 y0 h366 + 808:8173 y366 h366 = 732)인데 좌우 2열로 지어 natural=520 까지
     눌려 있었다. 이번 회차에 2행 구조로 재작성 → natural=752(프레임 높이 732 에 근접).
     882-732=150(같은 간격 상수) — min-height 유지.
   - arti05(775) — 히알리제 프레임 높이 499(808:8567). 요소 전수 확인(제목+2문단+일러스트,
     일러스트는 3차에 이미 해소) 통과 — 구멍 없음. natural=476, 775-499=276(간격 상수가 다른데
     — 히알리제 뒤에 바로 Footer 가 오는 마지막 섹션이라 다른 세 곳과 달리 「다음 섹션 여백」이
     아니라 「Footer 앞 여백」이라 값이 다르다 — 정상). min-height 유지.
   **결론 — 5곳 전부 「진짜 간격 고정」, 그 중 arti02·04 는 안에 진짜 구멍이 있었고 이번에 채웠다.**
   값을 지운 곳은 없다(높이를 맞추려고 값을 더하지도 않았다 — 구조를 바로잡았을 뿐).
───────────────────────────────────────────── */
.s6_1 .real-cont{padding:0;}
.s6_1 article ~ article{margin-top:0;}
.s6_1 .arti01{min-height:642px;}
.s6_1 .arti02{min-height:auto; position: relative; padding: 140px 0 0px}
.s6_1 .arti03{min-height:auto;}
.s6_1 .arti04{min-height:882px; padding: 150px 0;}
/* .s6_1 .arti05{min-height:775px;} */

/* ─────────────────────────────────────────────
   s6_1 — 미용시술(결정-05: .lnb 없음)
───────────────────────────────────────────── */
/* [3차 회차 · FIG-02 캡처 대조로 발견 · FIG-04] 히어로가 공용 골격 더미(s-visual02.jpg, "SUB VISUAL 2"
   플레이스홀더 문구가 박힌 이미지)로 나가고 있었다 — s6_1 전용 실사진 오버라이드가 없었다.
   노드 792:7329(sub_v6 배경) 렌더 결과를 cover-crop 해 bg_s601.jpg/.webp 로 배치한다. */
.s6_1 .page-header{background-image:url(../images/sub/bg_s601.jpg);}
/* [11차 회차 · 노드 확인] 792:7329(Rectangle 17) fills 배열을 use_figma 로 직접 열어보니
   이미지 위에 SOLID rgba(43,28,18,.3) + GRADIENT_LINEAR(위→아래, 검정 20%→투명) 2겹이 더 있다
   (공용 .page-header.type2:after{content:none} 로 죽는 일반 오버레이와는 별개 — 이 페이지는
   오버레이가 "있다"가 노드로 확인된 정답이다). ::after 를 새로 열 필요 없이 background 자체에
   겹쳐 그린다(레이어 순서 = 위에 적은 것이 위로 그려짐).
   [13차 회차 · P5E-N07 해소 · 재발 유형] s1_1/s9_1 은 imageTransform 을 반영해 재추출했는데
   s6_1 만 원본 그대로(bg_s601.jpg) 써서 확대·위치가 어긋나 있었다(규칙 19 — 전수 처리 누락).
   792:7329 fills[0].imageTransform=[[0.9095,0,0.01683],[0,0.9095,0.06047]] 그대로 크롭 재계산해
   bg_s601_fix.jpg 로 교체. */
.s6_1 .page-header{
	background-image:
		linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 18.421%),
		linear-gradient(0deg, rgba(43,28,18,.3), rgba(43,28,18,.3)),
		url(../images/sub/bg_s601_fix.jpg);
}

/* [6차 회차 · 차단 해소] 게시판 3종(+복제본)도 같은 함정 — 공용 .page-header.type2(css/sub.css:20)
   가 골격 더미 s-visual02.jpg 를 깔고 있는데 갈래 CSS 가 안 덮어서 워터마크 이미지가 그대로
   나가고 있었다(계산값 722 는 정상이라 좌표 검사로는 안 잡힘 — 캡처를 열어야 보인다).
   노드 확인 결과 인사이트(827:8700)·성형정보(808:9446)·상담예약(808:9796) 히어로는
   **서로 다른 사진 3장**이다(추출 원본 평균색 채널차 34~107 — 같은 사진 재사용 아님).
   렌더 결과를 그대로 cover-crop 배치(원본 대비 채널차 0.0 — ±3 이내). 공용 css/sub.css 는
   건드리지 않고 이 파일에서만 덮는다.
   [12차 회차] 배경 사진 지정은 아래 오버레이 겹침 규칙에 함께 합쳐 한 선언으로 정리했다
   (여기 있던 단독 background-image 3줄은 삭제 — 중복 선언 방지). */

/* [10차 회차 · 차단 P5E-B01 1차 해소] 원인 확정 — 공용 css/sub.css:95~98 이
   `.page-header.type1~4:after{content:none}` 로 전 type 오버레이를 죽여 놓았다.
   [12차 회차 · P5E-B02 재발 해소] 1차에서 공용 기본값 rgba(0,0,0,.3) 하나로 6장을 덮었는데,
   `use_figma`로 실제 fills 를 열어보니 페이지마다 다른 값이었다(s6_1 은 11차에 이미 정확히
   맞혔는데 같은 방법을 옆 6장에 안 번지게 한 것이 재발 원인 — 규칙 19):
   827:8703(s7 전체 3탭 공용 히어로)·808:9449(s8 2탭 공용) = SOLID rgb(43,28,18) op=.40 +
   GRADIENT_LINEAR 검정→투명 op=.20(visible) · 808:9799(s9) = SOLID rgb(43,28,18) op=.21 만
   (그라디언트 fill 은 visible:false 라 넣지 않는다). ::after 대신 .page-header 배경 자체에
   겹쳐 그린다(s6_1 과 같은 방식 — 이 파일 안에서만, 공용 css/sub.css 미접촉). */
.s7_1 .page-header:after,.s7_2 .page-header:after,.s7_3 .page-header:after,
.s8_1 .page-header:after,.s8_2 .page-header:after,.s9_1 .page-header:after{content:none;}
.s7_1 .page-header,.s7_2 .page-header,.s7_3 .page-header{
	background-image:
		linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%),
		linear-gradient(0deg, rgba(43,28,18,.4), rgba(43,28,18,.4)),
		url(../images/sub/bg_s701.jpg);
}
.s8_1 .page-header,.s8_2 .page-header{
	background-image:
		linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%),
		linear-gradient(0deg, rgba(43,28,18,.4), rgba(43,28,18,.4)),
		url(../images/sub/bg_s801.jpg);
}

.page-header.sub8{
	background-image:
		linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%),
		linear-gradient(0deg, rgba(43,28,18,.4), rgba(43,28,18,.4)),
		url(../images/sub/bg_s801.jpg);
}
.s9_1 .page-header{
	background-image:
		linear-gradient(0deg, rgba(43,28,18,.21), rgba(43,28,18,.21)),
		url(../images/sub/bg_s901.jpg);
}

.page-header.sub9{
	background-image:
		linear-gradient(0deg, rgba(43,28,18,.21), rgba(43,28,18,.21)),
		url(../images/sub/bg_s901.jpg);
}
/* [10차 회차 · N01 원인 확정] s9_1 은 오버레이가 아니라 자산 자체가 문제였다 — 노드
   808:9799(Rectangle17) 원본 렌더 URL을 「센터 크롭」으로만 처리해 실제 피그마 배치(스케일
   109.95%, left -1.85%, top -6.65%)와 인물·광원 위치가 어긋나 있었다. 그 정확한 배율·오프셋
   그대로 재처리해 bg_s901.jpg/.webp 를 다시 뽑았다(크롭만 교체, CSS 는 그대로). */

/* [5차 회차 재작성] 노드 792:7417 실측 그대로 — 배경 사진(792:7418, opacity .2 텍스처+cover 사진)
   + 남색 반투명·블러(792:7419, rgba(0,15,72,.28) backdrop-blur 1.15px) 2겹 위에 s_title(흰
   eyebrow "Aesthetic Procedures"+"미용시술"+구분선, 792:7421)과 흰 글자 본문(792:7422)이 있다.
   피그마 절대좌표 w1920 h642 를 그대로 전체너비 배경으로 깐다(1920 폭 기준 작업 — 그 아래 폭은
   퍼피-2 반응형 몫). */
/* [15차 회차 · P5E-N12 원인 확정 — 지워서 확인] .s6_1-intro(폭 1440, .container 자식)의
   overflow:hidden 이 풀블리드 배경(.s6_1-intro__bg1/bg2, left:50%+translateX(-50%)로 뷰포트
   전체폭 계산되는 자식)을 부모 폭(1440)만큼만 눈에 보이게 잘라내고 있었다. getBoundingClientRect
   는 클리핑과 무관하게 자식 박스 자체의 "계산값"(x0 w1920)을 그대로 돌려주기 때문에 DOM 측정으로는
   전혀 안 보였다(FIG-02 "계산값이 정상이어도 그림은 다를 수 있다"의 실례). 지워서 확인 — 제거해도
   깨지는 다른 요소 없음(서브타이틀은 별도 z-index absolute라 무관) — 제거한다. */
.s6_1-intro{position:relative;text-align:center;}
.s6_1-intro__bg1,.s6_1-intro__bg2{
	position:absolute !important;left:50%;transform:translateX(-50%);width:1920px;z-index:-1 !important;
}
.s6_1-intro__bg1{top:0;height:642px;}
.s6_1-intro__bg1:after{content:'';position:absolute;inset:0;background:rgba(0,15,72,.28);backdrop-filter:blur(1.15px);}
.s6_1-intro__bg1 picture,.s6_1-intro__bg1 img,
.s6_1-intro__bg2 picture,.s6_1-intro__bg2 img{display:block;width:100%;height:100%;object-fit:cover;}
/* [792:7323 "물결"] 서브타이틀(y1504) 구간의 배경 밴드 — arti01 기준 상대 top = 1364-722 = 642 */
.s6_1-intro__bg2{top:0;height:643px;}
.s6_1-intro__body{position:relative;z-index:1;padding:95px 0 0;}
/* [19차 · 지휘자 실측] 공통 `.s-title .eyebrow`(css/sub.css)는 font-size 만 선언하고 line-height 가
   없어 시안(582:911, 16px/150%=24)과 달리 16(비율1)로 렌더된다 — s1_1·s4_1·s5_1 도 전부 h16 으로
   같은 미스가 있으나 공통 파일이라 내 몫이 아니다. s6_1 은 위 `.s6_1-intro__body p` 선택자가 이
   eyebrow 까지 덮어 27.19(16×1.7)로 더 크게 어긋나 있었다(그 규칙은 `>` 로 좁혀 해소). 여기서는
   s6_1 스코프에서만 시안 목표값(24=16×1.5)으로 직접 맞춘다(공통 sub.css 는 안 건드림). */
.s6_1-intro__body .s-title .eyebrow{color:var(--c-accent);line-height:1.5;}
.s6_1-intro__body .s-title h2{margin-top:13px;color:#fff;white-space:nowrap;}
/* [14차 회차 · P5E-N12 해소] use_figma 로 구분선 노드(I792:7421;582:892) 실제 fill 을 여니
   rgb(0.930,0.712,0.160) = 골드(--c-accent)였다 — 흰 반투명은 눈대중으로 넣은 값이었다. */
.s6_1-intro__body .s-title .line{background:var(--c-accent);}
/* [19차 · line-height 미검증 닫는 중 발견] 노드 792:7423 직접 조회 — lineHeight 가 비율(%)이 아니라
   PIXELS 리터럴 34.9(기존 1.4=56px 로 잘못 가정) — G-14 시안 리터럴 그대로 적용(±0 허용오차 안). */
.s6_1-intro__body h3{
	margin-top:80px;font-size:40px;font-weight:100;line-height:34.9px;letter-spacing:-.8px;color:#fff;
}
.s6_1-intro__body h3 strong{font-weight:600;}
/* [19차 · 지휘자 발견 — s6_1 eyebrow h27.19(시안 24 와도 다름)] 이 규칙이 자손 선택자(space)라
   `.s-title` 안의 `.eyebrow`(같은 <p> 태그)까지 잡아 line-height:1.7(16×1.7=27.2)을 씌우고
   있었다 — `.s-title .eyebrow{font-size:16px}`(공통 sub.css)는 font-size 만 선언해 그 속성만
   이겼고, line-height 는 경쟁 상대가 없어 이 규칙이 그대로 적용됐다. 직계자식(`>`)으로 좁혀 의도한
   본문 문단(.s6_1-intro__body 의 직계 <p>)만 잡고 중첩된 eyebrow <p>는 건드리지 않는다. */
.s6_1-intro__body > p{margin-top:36px;font-size:18px;line-height:1.7;letter-spacing:-.36px;color:#fff;}
/* [792:7416 서브타이틀, 절대좌표 x414 y1504 w1093, arti01 기준 상대 top=1504-722=782] —
   792:7323 물결 배경(bg2, top642~1285) 위에 얹힌다 */
/* [19차 · line-height 미검증 닫는 중 발견] 노드 `I792:7416;738:3883` 직접 조회 — fontSize:40(기존 32
   와 다름) · fontWeight:Medium(500, 기존 600) · lineHeight:160%(1.6, 기존 1.5) · letterSpacing:-2%
   (40px 기준 -0.8px, 기존 -.64px 는 32px 기준 -2%였다 — 비율은 맞았으나 폰트크기 자체가 틀려 절대값도
   틀렸다). 글꼴 금지 경계는 글꼴 파일/시스템 교체를 말하고, 이미 쓰는 Pretendard 안에서 값을 시안에
   맞추는 것은 해당 없음(G-14). */
.s6_1-subtitle{
	font-size:40px;font-weight:500;line-height:1.6;letter-spacing:-.8px;color:var(--c-text-alt); text-align: center; margin-bottom: 150px;
}
.s6_1-tx{margin-top:100px;}
/* [12차 회차 · P5E-N05 해소] 필러(796:8892)는 시안에서 컨테이너(x240 w1440) 전체가 아니라
   x323 w1234 인 좁은 박스다(왼쪽 여백 323-240=83px, 컨테이너 폭 그대로 안 씀). 폭을 좁히니
   문단이 줄바꿈이 늘어 세로로 키가 커져 min-height 없이도 시안 세로 위치에 닿는지 재확인 대상. */
.arti02.s6_1-tx{width:1234px;margin-left:83px;margin-right:0;}
/* 흉터패키지(808:8566)도 x323 w1274(왼쪽 여백 83px, 컨테이너 폭 아님) — 같은 이유로 좁힌다.
   내부 2행(.s6_1-tx__row)은 이미 자체 폭(530+60+530=1120)이라 1274 안에 들어간다. */
.arti04.s6_1-tx{width:1274px;margin-left:83px;margin-right:0;}
/* [13차 회차 · P5E-N11 해소] 노드 796:8859(높이45) = 아이콘19px+gap10+텍스트, 실제로는 텍스트
   자체 line-height(30px×1.5=45)가 45를 만든다 — 아이콘을 넣고 line-height:1.5 를 명시한다.
   아이콘은 노드 774:5091(Vector) SVG를 그대로 추출해 배치(FIG-04 — 임의 도형 대체 금지). */
.s6_1-tx h3,.s6_1-band__txt h3{
	display:flex;align-items:center;gap:10px;line-height:1.5;
	font-size:30px;font-weight:500;letter-spacing:-.6px;color:var(--c-text-alt);
}
.s6_1-tx h3:before,.s6_1-band__txt h3:before{
	content:'';flex:0 0 19px;width:19px;height:19px;
	background:url(../images/sub/ico_bullet.svg) no-repeat center/contain;
}
.s6_1-tx p{margin-top:16px;font-size:18px;line-height:1.7;letter-spacing:-.36px;color:var(--c-text-alt);}
.s6_1-tx__todo{color:var(--c-text-weak);font-style:italic;}
.s6_1-tx__list{margin-top:16px;}
.s6_1-tx__list li{position:relative;padding-left:27px;font-size:18px;line-height:1.7;letter-spacing:-.36px;color:var(--c-text-alt);}
.s6_1-tx__list li ~ li{margin-top:16px;}
.s6_1-tx__list li:before{content:'';position:absolute;left:8px;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--c-text-alt);}
.s6_1-tx__imgs{display:flex;gap:20px;margin-top:24px;}
/* [13차 회차 · P5E-N05 잔여(이미지 -81→-66) 마감] 필러 섹션(796:8874, 절대 y2166) 실측 —
   본문 리스트 아래 여백이 24px 로는 부족했다. 아이콘 반영 후 재측 결과 남은 66px 을 그대로 채운다. */
.arti02 .s6_1-tx__imgs{margin-top:90px;}
.s6_1-tx__imgs picture,
.s6_1-tx__imgs img{width:1%;flex:1 1 0;}
.s6_1-tx__imgs img{width:100%;height:366px;border-radius:var(--r-md);object-fit:cover;}
/* [5차 회차 · get_design_context(808:8567) 재확인] 히알리제 구간 배경 rect(808:7372) 실측
   `#f6f6f6` 전체폭 밴드 — 통째로 빠져 있었다. .container 안쪽이라 vmax box-shadow 로 풀-블리드. */
.s6_1-tx--split{
	display:flex;align-items:center;gap:0;
	box-shadow:0 0 0 100vmax #f6f6f6;clip-path:inset(0 -100vmax);
	background:#f6f6f6;padding:60px 0 135px;
}
/* [17차 · P5E-N19 수정] 시안(808:7374 텍스트프레임 x323 w534 · 808:8174 일러스트 x960 w651, group
   local 기준 — arti05 는 .container(x240) 안에 있어 group-local 을 그대로 못 쓴다) 텍스트가
   flex:1 1 auto(잔여공간 채움)로 729(+195)까지 늘고, 일러스트는 flex-gap:60 고정이라 텍스트 폭이
   바뀌면 같이 밀리는 종속 구조였다 — 「고정폭으로 교체」만으로는 안 되고 두 요소를 독립 좌표로
   분리해야 했다(gap 을 요소 사이 值이 아니라 개별 margin-left 로 고정): text margin-left
   = 323-240(arti 좌표) = 83 · illust margin-left = 960-(240+83+534) = 103(시안 두 프레임 사이
   실측 간격, gap 상수 60 이 아니었다). */
.s6_1-tx--split .s6_1-tx__txt{box-sizing:border-box;width:534px;flex:0 0 534px;margin-left:83px;padding-left:0;}
.s6_1-tx--split .s6_1-tx__illust{display:block;flex:0 0 auto;width:651px;margin-left:103px;}
.s6_1-tx--split .s6_1-tx__illust img{width:100%;height:auto;}
/* [7차 회차 · 구조 정정] 808:8566 실측 — 좌우 2열이 아니라 위아래 2행(각 366 높이) 스택.
   행1=텍스트+이미지, 행2=이미지+텍스트(좌우 반전). */
/* [10차 회차 · N02 해소] 시안 808:8171(y0 h366)+808:8173(y366 h366)은 gap 0 으로 맞붙어 있다 —
   임의로 넣은 20px gap 이 2행 y 를 3852 시안 대비 +20(3872) 로 밀고 있었다. gap 제거. */
.s6_1-tx--rows{display:flex;flex-direction:column;gap:0;}
.s6_1-tx__row{display:flex;align-items:center;gap:60px;}
.s6_1-tx__row .s6_1-tx__col{width:1%;flex:1 1 0;}
.s6_1-tx__row {}
.s6_1-tx__row img{width:100%;height:366px;border-radius:var(--r-md);object-fit:cover;display:block;flex:0 0 530px;}

/* 리쥬란/스킨부스터 — 2톤 밴드(피그마 796:8875 #f6f6f6 · 796:8909 #0b0f0f) */
/* [14차 회차 · P5E-N05b 해소] 808:8565 실측 그대로 절대좌표 배치로 재작성 — padding/flex 신축이
   높이(654→774)·텍스트폭(534→815)·이미지 위치(x+58 y+75)를 전부 밀고 있었다. 그룹 자체 높이 654,
   텍스트 796:8894 는 그룹 기준 left323 top155 w534, 이미지 796:8903 은 left1137 top0 w405 h654
   (그룹과 같은 높이 — 꽉 참). 검정 패널 비율(44.6%=857/1920)은 이미 정확했으니 유지. */
.s6_1-band{position:relative;left:50%;transform:translateX(-50%);width:1920px;height:654px;border-radius:var(--r-lg);overflow:hidden;background:#f6f6f6;}
.s6_1-band:before{content:'';position:absolute;top:0;right:0;bottom:0;width:44.6%;background:#0b0f0f;z-index:0;}
.s6_1-band__txt{position:absolute;z-index:1;left:323px;top:155px;width:534px;}
.s6_1-band__txt h3{color:var(--c-text-alt);}
.s6_1-band__img{position:absolute;z-index:1;left:1137px;top:0;width:405px;height:654px;display:block;overflow:hidden;}
.s6_1-band__img img{width:405px;height:654px;object-fit:cover;}

/* ─────────────────────────────────────────────
   s6789-faq — 결정-42 게시판 표준형(FAQ 아코디언, s7)
   js/custom/accordion-1.0.0.inpiad.js data-accordion 구조를 그대로 쓴다(INT-01)
───────────────────────────────────────────── */
.s6789-faq__item{border-bottom:1px solid var(--c-line);}
.s6789-faq__q{
	display:flex;align-items:center;gap:16px;width:100%;padding:28px 0;
	font-size:var(--fs-body-l);font-weight:600;color:var(--c-text);text-align:left;
}
.s6789-faq__mark{
	display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;
	border-radius:50%;background:var(--c-primary);color:#fff;font-size:15px;font-weight:700;
}
.s6789-faq__mark--a{background:var(--c-accent);}
.s6789-faq__q[aria-expanded="true"]{color:var(--c-primary);}
.s6789-faq__a{display:flex;gap:16px;padding:0 0 28px;}
.s6789-faq__a p{font-size:var(--fs-body-s);line-height:1.8;color:var(--c-text-sub);}

/* ─────────────────────────────────────────────
   s6789-gallery — 결정-42 게시판 표준형(갤러리 카드, s8) — CSS-07 Grid(2차원)
───────────────────────────────────────────── */
.s6789-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:32px;}
.s6789-gallery__item a{display:block;}
.s6789-gallery__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:var(--c-bg-weak);}
.s6789-gallery__thumb img{width:100%;height:100%;object-fit:cover;}
.s6789-gallery__play{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.5);
}
.s6789-gallery__play:before{
	content:'';position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);
	border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff;
}
.s6789-gallery__tit{display:block;margin-top:16px;font-size:var(--fs-body-s);font-weight:600;color:var(--c-text);
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* [TYP-04] */
.s6789-gallery__date{display:block;margin-top:6px;font-size:var(--fs-caption);color:var(--c-text-weak);}

/* 반응형 2단계(E) — 아래는 1920 폭 값은 그대로 두고(@media 안에서만) 하위 폭에서
   넘치는 본문만 잡는다. 시안이 1920 하나뿐이라(하위 폭 시안 없음) 여기서부터는
   새 요소를 만들지 않고 기존 요소 재배치로만 대응한다. */
@media (max-width:1919px){
	/* s1_2 arti04 풀블리드 장식밴드(width:1916px, left:50%+translateX(-50%))가 1920 미만
	   폭에서는 뷰포트 밖으로 실제 튀어나와 문서 스크롤폭을 늘렸다(2026-09-24 실측 —
	   .s1_2-feature--split 제거 시 1440폭 scrollWidth 238→0). 밴드는 장식(aria-hidden)이라
	   보이는 그림은 그대로 두고 넘치는 부분만 가린다. */
	.s1_2-feature--split{overflow:hidden;}
	/* s6_1 arti01(.s6_1-intro) 히어로 배경 2장(bg1/bg2, width:1920px)도 같은 구조 — 15차
	   회차 주석(위 §"P5E-N12")이 이 clip 을 DOM 값만 보고 지웠는데, 1920 미만 폭에서는
	   실제로 뷰포트를 넘어 진짜 가로 스크롤을 만든다(2026-09-24 실측 — .s6_1-intro 제거 시
	   1440폭 scrollWidth 240→0). 좁은 폭 한정으로 다시 건다 */
	.s6_1-intro{overflow:hidden;}
	/* s6_1 arti03(.s6_1-band) 밴드 자체(width:1920px)도 자기 자신 안의 자식만 자르고
	   있었을 뿐 자기 박스는 그대로 넓어 부모(.arti03)가 넘쳤다 — 부모에서 자른다 */
	.s6_1 .arti03{overflow:hidden;}
}

@media (max-width:1024px){
	/* s1_2 각 article(.s1_2-feature)이 폭 1198px 고정이라 좁은 폭에서 그대로 넘쳤다
	   (2026-09-24 실측 — 1024폭 scrollWidth 189px 초과). 컨테이너 폭에 맞춰 줄이고
	   내부 이미지 나열은 flex-wrap 으로 접는다 — 새 요소 없이 기존 flex 배치만 바꾼다 */
	.s1_2-feature{width:100%;max-width:1198px;padding:0 var(--pad-side);box-sizing:border-box;}
	.s1_2-feature--split{flex-wrap:wrap;gap:40px;}
	.s1_2-feature--split > .s1_2-feature__txt{flex:1 1 100%;order:2;}
	.s1_2-feature--split > picture{flex:0 0 auto;width:100%;max-width:374px;height:auto;order:1;}
	.s1_2-feature--split > picture img{height:auto;}
   .s1_2-feature__imgs {gap: 35px;}
	.s1_2-feature__imgs img {height: auto;}
	.s1_2-feature__imgs--2 > picture,.s1_2-feature__imgs--2 > img{flex:1 1 240px;height:auto;}
	.s1_2-feature__imgs--3 figure{flex:1 1 160px;}
	.s1_2-feature__imgs--3 picture,.s1_2-feature__imgs--3 img{height:auto;}
	/* arti05 .imgs--care 의 두 figure(781px·374px 고정폭)가 좁은 폭에서 그대로 남아 있었다
	   (2026-09-24 실측 — 375폭에서 이 article 만 숨겨도 scrollWidth 811→375로 떨어짐,
	   .arti04 를 숨겨도 안 떨어져 arti05 단독 원인임을 확인) — 세로로 쌓는다 */
	.s1_2-feature__imgs--care{flex-wrap:wrap;gap:24px;}
	.s1_2-feature__imgs--care > figure:first-child,
	.s1_2-feature__imgs--care > figure:last-child{flex:1 1 100%;width:100%;}
	.s1_2-feature__imgs--care > figure > picture > img{height:auto;}

   .s1_2-gallery__main {height: 500px;}
   .s1_2-feature--split .inner {gap: 50px;}
}
@media (max-width:768px){
	.s1_2-feature__imgs {flex-wrap:wrap; gap: 20px;}
	.s1_2-feature__imgs figure {flex: 0 0 calc(50% - 10px);}
	.s1_2-feature__imgs figure img {margin: 0 auto; display: block;}
	.s1_2-feature__imgs--2 > picture,.s1_2-feature__imgs--2 > img{flex:1 1 100%;}
	.s1_2-feature__imgs--3{flex-wrap:wrap;}
	.s1_2-feature__imgs--3 figure{flex:1 1 45%;}

   .s1_2-gallery__main {height: 350px;} 
   .s1_2-gallery__thumb .swiper-slide img {height: auto;}

   .s1_2 .arti04 {height: auto;}
   .s1_2-feature--split .inner {flex-wrap: wrap;}
   .s1_2-feature--split .s1_2-feature__txt {width: 100%;}
   .s1_2-feature--split .inner img {margin: 0 auto; display: block;}

   .s1_2-feature h3 {font-size: 22px;}

}

@media (max-width: 480px){
	.s1_2-feature__imgs figure figcaption {font-size: 14px;}
}

@media (max-width:1024px){
	/* s6_1 arti02·arti04(.s6_1-tx)가 폭 1234/1274px + margin-left:83px 고정 좌표라
	   좁은 폭에서 그대로 남아 있었다(2026-09-24 실측 — 1024폭에서 .arti02 계산폭 1234).
	   컨테이너 폭 100% + 여백 제거로 흐름에 맞춘다 */
	.arti02.s6_1-tx,.arti04.s6_1-tx{width:100%;margin-left:0;margin-right:0;box-sizing:border-box;}
	.s6_1-tx--split{flex-direction:column;align-items:flex-start;gap:32px;padding:40px var(--pad-side);}
	.s6_1-tx--split .s6_1-tx__txt{width:100%;flex:1 1 auto;margin-left:0;}
	.s6_1-tx--split .s6_1-tx__illust{width:100%;max-width:651px;margin-left:0;}
	.s6_1-tx__imgs{flex-wrap:wrap;}
}
@media (max-width:768px){
	.s6_1-tx--split{padding-left:var(--pad-side);padding-right:var(--pad-side);}
	
}

@media (max-width:1310px){
	/* 1300 검증폭 전용 — .arti02/.arti04(.s6_1-tx) 고정폭+margin-left:83px 가 1024 미만
	   전용 규칙에는 안 걸려 1300 에서 32~54px 만큼 남아 있었다(2026-09-24 실측,
	   scrollWidth 1300폭 1386). 스택 전환 없이 폭만 흐름에 맞춘다 */
	.arti02.s6_1-tx,.arti04.s6_1-tx{width:100%;margin-left:0;margin-right:0;box-sizing:border-box;}
	/* arti05(.s6_1-tx--split) 텍스트(534+margin-left83)+일러스트(651+margin-left103) 합이
	   1371px 로 1300 폭에서 86px 넘친다(2026-09-24 실측 — arti05 숨김 시 scrollWidth
	   1386→1300). 두 요소 다 고정폭+고정 margin-left 좌표라 흐름 폭으로 바꾼다 */
}

@media (max-width:480px){
   .s1_2-feature {padding: 0;}
   .s1_2-feature h3 {font-size: 18px;}
   .s1_2-feature__list li {font-size: 16px;}
   .s1_2-feature__imgs {gap:30px 10px;}
   .s1_2-feature__imgs--3 figcaption {margin-top: 16px;font-size: 16px;}
   .s1_2-feature__imgs--care > figure figcaption {font-size: 16px;}

   .s1_2 article ~ article {margin-top: 80px;}
}


@media (max-width:1439px){
	.s6_1 > .container {padding: 0 !important;}
   .s6_1 .arti01 {padding: 0 15px;}
   .s6_1-subtitle {padding: 0 15px; width: 100%;}
   .arti02.s6_1-tx {padding: 140px 15px;}
   .arti04.s6_1-tx {padding: 150px 15px;}
}

@media (max-width: 1400px){
   .s6_1-band {width: 100%;}
   .s6_1-band__txt {left: 15px; width: calc(100% - 600px);}
   .s6_1-band__img {right: 13%; left: initial;}
}

@media (max-width: 1024px){
   .s6_1-subtitle {font-size: 30px;}
   .s6_1-tx h3, .s6_1-band__txt h3 {font-size: 26px;}
   .s6_1-band__txt {left: 15px; width: calc(100% - 500px);}
   .s6_1-band__img {right: 5%;}
   .s6_1-tx__row ~ .s6_1-tx__row {margin-top: 60px;}
   .s6_1-tx__row img {max-width: 400px;}
   .s6_1-tx--split img {max-width: 450px; width: 100%;}
   
   .s1_2-gallery__main .swiper-slide img {height: 500px; object-fit: initial;}
}

@media (max-width: 768px){
   .arti02.s6_1-tx {padding: 50px 15px 100px;}
   .s6_1-intro__body h3 {font-size: 26px; margin-top: 40px;}
   .s6_1-subtitle {font-size: 26px; margin-bottom: 100px;}
   .s6_1-subtitle br {display: none;}
   .s6_1-tx h3, .s6_1-band__txt h3 {font-size: 20px;}
   .s6_1-tx__imgs img {height: auto;}
   .s6_1-band {height: auto; padding: 50px 15px;}
   .s6_1-band:before {display: none;}
   .s6_1-band__txt {width: 100%; position: static;}
   .s6_1-band__img {position: static; margin-top: 40px; width: 100%; height: auto;}
   .s6_1-band__img img {width: 100%; height: auto;}
   .s6_1-tx__row {flex-wrap: wrap; gap: 40px;}
   .s6_1-tx__row:first-child {flex-direction: column-reverse;}
   .s6_1-tx__row .s6_1-tx__col {width: 100%;}
   .s6_1-tx__row img {max-width: 100%; height: auto; flex: none;}
   .s6_1-tx--split {flex-wrap: wrap;}

}

@media (max-width: 480px){
   .s6_1-intro__body h3 {font-size: 22px;}
   .s6_1-intro__body > p br {display: none;}
   .s6_1-subtitle {font-size: 22px;}
   .s6_1-tx h3, .s6_1-band__txt h3 {font-size: 18px;}
   .s6_1-tx__list li {font-size: 16px;}
   .arti04.s6_1-tx {padding: 100px 15px;}
   .s6_1 .arti05 {min-height: auto;}
   .s6_1-tx--split img {height: auto;}
   .s1_2-gallery__main {height: 200px;}
   .s1_2-gallery__main .swiper-slide img {height: 200px;}
   .s1_2-gallery__arr {width: 45px; height: 45px;}
   .s1_2-gallery__arr--prev {left: 5px;}
   .s1_2-gallery__arr--next {right: 5px;}
}