@charset "utf-8";

/*========================================================================================================================================= */
/*================================================================ common ================================================================= */
/*========================================================================================================================================= */

/*section:last-of-type {padding-bottom: 120px;}*/
main {overflow: hidden;}

/* ------------------------------------------------------------------ */
/* === 서브페이지 공통 유튜브 영상(sub-youtube) === */
/* ------------------------------------------------------------------ */
.sub-youtube{background:#fff;padding:100px 0;}
.sub-youtube-head h2{color:#5d4638;}

/* ---------- 영상 그리드 ---------- */
.sub-youtube-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub-youtube-empty{grid-column:1/-1;text-align:center;padding:60px 0;}
.sub-youtube-card{
	background:#f8f6f3;
	border-radius:16px;
	overflow:hidden;
	cursor:pointer;
	transition:transform .25s ease;
}
.sub-youtube-card:hover{transform:translateY(-4px);}
.sub-youtube-thumb{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
	background-color:#5d4638;
	background-image:linear-gradient(135deg, #7a5c48, #4a382c);
	background-size:cover;
	background-position:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sub-youtube-play{
	width:52px;height:52px;
	border-radius:50%;
	background:rgba(255,255,255,.22);
	display:flex;align-items:center;justify-content:center;
	backdrop-filter:blur(2px);
}
.sub-youtube-play::before{
	content:"";
	border-style:solid;
	border-width:9px 0 9px 15px;
	border-color:transparent transparent transparent #fff;
	margin-left:4px;
}
.sub-youtube-title{
	padding:16px 18px;
	line-height:1.5;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	min-height:3em;
}

/* ---------- 더보러가기 버튼 ---------- */
.sub-youtube-btn{
	display:inline-block;
	padding:18px 40px;
	border-radius:999px;
	background:#5d4638;
	color:#fff;
	font-weight:700;
}

/* ---------- 영상 재생 모달 ---------- */
.sub-youtube-modal{position:fixed;inset:0;z-index:9999;display:none;}
.sub-youtube-modal.is-open{display:block;}
.sub-youtube-modal-dim{position:absolute;inset:0;background:rgba(0,0,0,.75);}
.sub-youtube-modal-body{
	position:relative;
	max-width:900px;
	width:90%;
	margin:5vh auto 0;
	z-index:1;
}
.sub-youtube-modal-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;}
.sub-youtube-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.sub-youtube-modal-close{
	position:absolute;
	top:-44px;right:0;
	width:36px;height:36px;
	border:none;
	background:transparent;
	color:#fff;
	font-size:32px;
	line-height:1;
	cursor:pointer;
}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub-youtube{padding:70px 0;}
	.sub-youtube-grid{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 769px){
	.sub-youtube-grid{grid-template-columns:1fr;gap:16px;}
	.sub-youtube-modal-body{margin-top:12vh;}
}
/* ------------------------------------------------------------------ */
/* === 서브페이지 공통 유튜브 영상 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브페이지 상단 비주얼(공통소스, sub-visual) === */
/* ------------------------------------------------------------------ */
.sub-visual{
	position:relative;
	height:420px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-items:center;
}
.sub-visual::after{
	content:"";
	position:absolute;inset:0;
	background:linear-gradient(90deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.45) 60%, rgba(0,0,0,.6) 100%);
}
.sub-visual .inner{position:relative;z-index:1;}
.sub-visual-kicker{color:#fff;opacity:.85;font-size:15px;font-weight:600;letter-spacing:3px;}
.sub-visual-title{color:#fff;font-size:42px;font-weight:800;margin-top:12px;}

/* ---------- 하단 탭 메뉴 (PC: 가로 탭바) ---------- */
.sub-tabs{background:#fff;border-bottom:1px solid #eee;position:relative;}
.sub-tabs ul{display:flex;}
.sub-tabs li{flex:1;border-right:1px solid #eee;}
.sub-tabs li:last-child{border-right:none;}
.sub-tabs li a{
	display:block;
	text-align:center;
	padding:10px;
	font-size:20px;
	font-weight:600;
	border-bottom:3px solid transparent;
	transition:color .2s, border-color .2s;
}
.sub-tabs li.active a{border-bottom-color:#5d4638;font-weight:700;}
.sub-tabs li a:hover{border-bottom-color:#c8a77c;}

/* 모바일 전용 토글(체크박스 + 라벨)은 PC에서는 안 보이게 숨김 */
.sub-tabs-toggle-input{display:none;}
.sub-tabs-toggle-label{display:none;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub-visual{height:320px;}
	.sub-visual-title{font-size:34px;}
}
@media screen and (max-width: 769px){
	.sub-visual-title{font-size:26px;}

	/* ---------- 모바일: 슬라이드다운 아코디언 메뉴 (JS 없이 CSS만으로 동작) ---------- */
	.sub-tabs-toggle-label{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:16px 20px;
		font-size:16px;
		font-weight:700;
		cursor:pointer;
	}
	.sub-tabs-arrow{
		width:10px;height:10px;
		border-right:2px solid #999;
		border-bottom:2px solid #999;
		transform:rotate(45deg);
		transition:transform .25s ease;
	}

	.sub-tabs ul{
		display:block;
		flex-wrap:unset;
		max-height:0;
		overflow:hidden;
		transition:max-height .3s ease;
	}
	.sub-tabs li{flex:none;border-right:none;border-top:1px solid #f2f2f2;}
	.sub-tabs li a{padding:14px 20px;font-size: 15px;text-align:left;border-bottom:none;}
	.sub-tabs li.active a{border-bottom:none;background:#f8f6f3;}

	/* 체크박스가 체크되면(=라벨 탭하면) 목록을 아래로 펼침 */
	.sub-tabs-toggle-input:checked ~ ul{max-height:400px;}
	.sub-tabs-toggle-input:checked ~ .sub-tabs-toggle-label .sub-tabs-arrow{transform:rotate(225deg);}
}
/* ------------------------------------------------------------------ */
/* === 서브페이지 상단 비주얼 끝 === */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* === 서브1-1 바른철학(sub1-1) === */
/* ------------------------------------------------------------------ */
.sub1-1{background:url(../img/sub/sub1-1_bg.png) center/cover no-repeat; padding:100px 0;position:relative;overflow:hidden;}

.sub1-1-intro h2{line-height:1.4;}
.sub1-1-intro p{color:#333;line-height:1.7;}
.sub1-1-intro p b{font-weight:700;}

.sub1-1-photo{max-width:1120px;margin-left:auto;margin-right:auto;border-radius:20px;overflow:hidden;}
.sub1-1-photo img{width:100%;display:block;}

.sub1-1-system h3{font-weight:800;}

.sub1-1-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;}
.sub1-1-card{
	background:#fff;
	border-radius:16px;
	padding:44px 30px;
	box-shadow:0 4px 16px rgba(93,70,56,.06);
}
.sub1-1-icon{width:auto;height:70px;object-fit:contain;margin-bottom:18px;}
.sub1-1-card-title{display:block;margin-bottom:14px;}
.sub1-1-card-desc{color:#555;line-height:1.7;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub1-1{padding:70px 0;}
}
@media screen and (max-width: 769px){
	.sub1-1-cards{grid-template-columns:1fr;}
	.sub1-1-card{padding:34px 24px;}
}
/* ------------------------------------------------------------------ */
/* === 서브1-1 바른철학 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브1-2 의료진 소개(sub1-2) === */
/* ------------------------------------------------------------------ */
.sub1-2{background:#fff;padding:100px 0;}

.sub1-2-list{display:flex;flex-direction:column;gap:70px;}
.sub1-2-doctor{display:flex;gap:60px;align-items:flex-start;}

.sub1-2-photo{
	flex:0 0 450px;
	aspect-ratio:450/500;
	border-radius:20px;
	overflow:hidden;
	border:1px solid #eee;
}
.sub1-2-photo img{width:100%;height:auto;object-fit:cover;display:block;}

.sub1-2-info{flex:1;padding-top:10px;}
.sub1-2-name{font-weight:800;}
.sub1-2-title{font-weight:800;margin-left:6px;}

.sub1-2-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.sub1-2-badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 18px;
	border-radius:999px;
	background:#f8f6f3;
	font-weight:600;
	color:#333;
}
.sub1-2-badge-icon{width:18px;height:18px;object-fit:contain;}

.sub1-2-career p{color:#555;line-height:1.9;}
.sub1-2-career + .sub1-2-career{margin-top:16px;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub1-2{padding:70px 0;}
	.sub1-2-doctor{flex-direction:column;gap:24px;}
	.sub1-2-photo{flex:none;width:100%;max-width:380px;}
}
@media screen and (max-width: 769px){
	.sub1-2-list{gap:50px;}
	.sub1-2-photo{max-width:100%;aspect-ratio:335/300;}
	.sub1-2-badge{padding:8px 14px;}
}
/* ------------------------------------------------------------------ */
/* === 서브1-2 의료진 소개 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브1-3 둘러보기(sub1-3) === */
/* ------------------------------------------------------------------ */
.sub1-3{background:#fff;padding:100px 0;}

/* ---------- 메인 슬라이드 ---------- */
.sub1-3-main{position:relative;border-radius:20px;overflow:hidden;}
.sub1-3-main .swiper-slide{aspect-ratio:1440/720;}
.sub1-3-main .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}

.sub1-3-main .swiper-button-prev,
.sub1-3-main .swiper-button-next{
	width:64px;height:64px;
	margin-top:-32px;
	background:rgba(93,70,56,.75);
	color:#fff;
}
.sub1-3-main .swiper-button-prev{left:0;}
.sub1-3-main .swiper-button-next{right:0;}
.sub1-3-main .swiper-button-prev::after,
.sub1-3-main .swiper-button-next::after{font-size:22px;}

/* ---------- 썸네일 슬라이드 ---------- */
.sub1-3-thumbs{padding:2px;}
.sub1-3-thumbs .swiper-slide{
	aspect-ratio:280/170;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer;
	opacity:.55;
	transition:opacity .2s;
}
.sub1-3-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.sub1-3-thumbs .swiper-slide-thumb-active{opacity:1;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub1-3{padding:70px 0;}
	.sub1-3-main .swiper-slide{aspect-ratio:4/3;}
	.sub1-3-main .swiper-button-prev,
	.sub1-3-main .swiper-button-next{width:48px;height:48px;margin-top:-24px;}
}

/* ------------------------------------------------------------------ */
/* === 서브1-3 둘러보기 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브1-4 진료시간(sub1-4) === */
/* ------------------------------------------------------------------ */
.sub1-4{background:#f8f6f3;padding:100px 0;}

.sub1-4-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}

.sub1-4-card{
	background:#fff;
	border-radius:16px;
	padding:44px 20px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:14px;
}
.sub1-4-day{font-weight:700;}
.sub1-4-time{font-weight:800;}

.sub1-4-card.is-highlight{background:#5d4638;}
.sub1-4-card.is-highlight .sub1-4-day,
.sub1-4-card.is-highlight .sub1-4-time{color:#fff;}

.sub1-4-badge{
	display:inline-block;
	padding:6px 16px;
	border-radius:999px;
	font-weight:700;
}
.sub1-4-badge.is-yellow{background:#f8b62a;}
.sub1-4-badge.is-tan{background:#c8a77c;color:#fff;}

/* ---------- 예약/상담 버튼 ---------- */
.sub1-4-btns{background:transparent;padding:0;gap:16px;}
.sub1-4-btn{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:20px;
	border-radius:12px;
	color:#fff;
	font-weight:700;
}
.sub1-4-btn.is-brown{background:#5d4638;}
.sub1-4-btn.is-tan{background:#c8a77c;}
.sub1-4-btn-icon{width:22px;height:22px;flex-shrink:0;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub1-4{padding:70px 0;}
	.sub1-4-grid{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 769px){
	.sub1-4-grid{grid-template-columns:1fr;}
	.sub1-4-card{padding:34px 20px;}
}
/* ------------------------------------------------------------------ */
/* === 서브1-4 진료시간 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브1-5 오시는 길(sub1-5) === */
/* ------------------------------------------------------------------ */
.sub1-5{background:#f8f6f3;padding:100px 0;}

/* ---------- 지도 ---------- */
.sub1-5-map{width:100%;border-radius:20px;overflow:hidden;}
.sub1-5-map .root_daum_roughmap{width:100% !important;}

/* ---------- 위치안내 / 주차안내 ---------- */
.sub1-5-info{display:flex;gap:80px;}
.sub1-5-location{flex:0 0 420px;}
.sub1-5-parking{flex:1;}

.sub1-5-highlight{display:inline-block;background:#f0dfc4;font-weight:700;padding:2px 4px;}

.sub1-5-parking-list{display:flex;flex-direction:column;gap:16px;}
.sub1-5-parking-card{background:#fff;border-radius:14px;padding:26px 28px;}
.sub1-5-parking-row{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sub1-5-parking-desc{margin-top:10px;}

.sub1-5-parking-btn{
	flex:0 0 auto;
	display:inline-block;
	padding:8px 18px;
	border-radius:999px;
	background:#c8a77c;
	color:#fff;
	font-weight:700;
	white-space:nowrap;
}
.sub1-5-parking-btn:hover{background: #5d4638;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub1-5{padding:70px 0;}
	.sub1-5-info{flex-direction:column;gap:40px;}
	.sub1-5-location{flex:none;}
}
@media screen and (max-width: 769px){
	.sub1-5-parking-row{gap:10px;}
	.sub1-5-parking-row a{font-size: 12px;}
	.sub1-5-parking-card{padding:22px 20px;}
}
/* ------------------------------------------------------------------ */
/* === 서브1-5 오시는 길 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브2 임플란트(sub2) === */
/* ------------------------------------------------------------------ */
/* 앵커 이동 시 상단 고정 헤더에 제목이 가리지 않도록 여유값을 둡니다.
   실제 고정 헤더 높이에 맞춰 숫자만 조절해주세요. */
.sub2-1{scroll-margin-top:110px;}

.sub2-1{background:url(../img/sub/sub2_1_bg.png) center/cover no-repeat;padding:100px 0;}

.sub2-1-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub2-1-card{
	border:1px solid #eee;
	border-radius:16px;
	padding:50px 30px;
	background: #fff;
}
.sub2-1-icon{width:64px;height:64px;object-fit:contain;margin-bottom:22px;}
.sub2-1-card-title{display:block;margin-bottom:18px;}
.sub2-1-card-desc{line-height:1.8;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub2-1{padding:70px 0;}
	.sub2-1-cards{grid-template-columns:1fr;}
}
/* ------------------------------------------------------------------ */
/* === 서브2 임플란트 끝 === */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* === 서브2-2 임플란트 재수술(sub2-2) === */
/* ------------------------------------------------------------------ */
.sub2-2{scroll-margin-top:110px;background:url(../img/sub/sub2_2_bg.png) center/cover no-repeat;padding:100px 0;}

.sub2-2-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;}
.sub2-2-card{
	background:#fff;
	border:1px solid #eee;
	border-radius:16px;
	padding:50px 40px;
}
.sub2-2-badge{
	display:inline-block;
	padding:8px 20px;
	border-radius:999px;
	font-weight:700;
	margin-bottom:20px;
}
.sub2-2-badge.is-tan{background:#e7d8c2;}
.sub2-2-badge.is-brown{background:#5d4638;color:#fff;}
.sub2-2-card-title{display:block;margin-bottom:16px;}
.sub2-2-card-desc{line-height:1.8;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub2-2{padding:70px 0;}
	.sub2-2-cards{grid-template-columns:1fr;}
	.sub2-2-card{padding:36px 26px;}
}
/* ------------------------------------------------------------------ */
/* === 서브2-2 임플란트 재수술 진행과정(sub2-2-process) === */
/* ------------------------------------------------------------------ */
.sub2-2-process{
	position:relative;
	padding:110px 0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#111; /* 이미지 로딩 전/실패 시 대체 배경 */
}
.sub2-2p-title{color:#fff;}
.sub2-2p-foot{color:#fff;}

.sub2-2p-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub2-2p-card{
	background:#fff;
	border-radius:16px;
	padding:44px 34px;
}
.sub2-2p-num{display:block;font-weight:800;margin-bottom:26px;}
.sub2-2p-card-title{display:block;margin-bottom:14px;}
.sub2-2p-card-desc{line-height:1.8;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub2-2-process{padding:70px 0;}
	.sub2-2p-cards{grid-template-columns:1fr;}
}
/* ------------------------------------------------------------------ */
/* === 서브2-3 전체 임플란트(sub2-3) === */
/* ------------------------------------------------------------------ */
.sub2-3{scroll-margin-top:110px;background:#fff;padding:100px 0;}

.sub2-3-photos{display:flex;justify-content:center;gap:60px;}
.sub2-3-photo{flex:0 0 420px;}
.sub2-3-photo img{width:100%;display:block;}

.sub2-3-table-wrap{max-width:1200px;margin-left:auto;margin-right:auto;}
.sub2-3-table{width:100%;border-collapse:collapse;}
.sub2-3-table thead th{
	background:#5d4638;
	color:#fff;
	text-align:left;
	padding:20px 24px;
	font-weight:700;
}
.sub2-3-table tbody th{
	text-align:left;
	padding:20px 24px;
	font-weight:700;
	white-space:nowrap;
}
.sub2-3-table tbody td{padding:20px 24px;line-height:1.6;}
.sub2-3-table tbody tr:nth-child(odd){background:#f8f6f3;}
.sub2-3-table-note{text-align:center;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub2-3{padding:70px 0;}
	.sub2-3-photos{flex-wrap:wrap;gap:24px;}
	.sub2-3-photo{flex:0 0 calc((100% - 24px) / 2);}
	.sub2-3-table thead th{padding: 10px;text-align: center;}
	.sub2-3-table tbody th{padding: 10px;text-align: center;}
	.sub2-3-table tbody td{padding: 10px;text-align: center;}
}
@media screen and (max-width: 769px){
	.sub2-3-photos{align-items:center;}
	.sub2-3-photo{flex:none;max-width:280px;}
	.sub2-3-table-wrap{overflow-x:auto;}
}
@media screen and (max-width: 600px){
	.sub2-3-photo{max-width:150px;}
}
/* ------------------------------------------------------------------ */
/* === 서브2-4 상악동 거상술 임플란트(sub2-4) === */
/* ------------------------------------------------------------------ */
.sub2-4{scroll-margin-top:110px;background:url(../img/sub/sub2_4_bg.png) center/cover no-repeat;padding:100px 0;}

.sub2-4-kicker{letter-spacing:.05em;}

/* ---------- before/after 비교(합성 이미지 1장) ---------- */
.sub2-4-compare{text-align:center;}
.sub2-4-compare img{max-width:100%;display:inline-block;border-radius:16px;}

/* ---------- 종류 카드(이미지 좌 / 내용 우) ---------- */
.sub2-4-types{display:flex;flex-direction:column;gap:24px;}
.sub2-4-type-card{
	display:flex;
	align-items:center;
	gap:50px;
	background:#fff;
	border-radius:20px;
	padding:40px 50px;
}
.sub2-4-type-img{flex:0 0 300px;}
.sub2-4-type-img img{width:100%;display:block;}
.sub2-4-type-content{flex:1;}
.sub2-4-type-badge{
	display:inline-block;
	padding:6px 18px;
	border-radius:999px;
	background:#e7d8c2;
	font-weight:700;
	margin-bottom:16px;
}
.sub2-4-type-title{display:block;margin-bottom:14px;}
.sub2-4-type-desc{line-height:1.8;}

/* ---------- 하단 배너 ---------- */
.sub2-4-banner{background:url(../img/sub/sub2_4_banner.png) center/cover no-repeat;}
.sub2-4-banner-inner{display:flex;align-items:stretch;}
.sub2-4-banner-text{flex:0 0 50%;padding:90px 0;color:#fff;}
.sub2-4-banner-text h3,
.sub2-4-banner-text p{color:#fff;}
.sub2-4-banner-photo{
	flex:0 0 50%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

/* ===================== 반응형(1024px 이하 기존 블록에 추가) ===================== */
@media screen and (max-width: 1024px){
	.sub2-4{padding:70px 0;}
	.sub2-4-compare{gap:24px;}
	.sub2-4-type-card{gap:30px;padding:34px 30px;}
	.sub2-4-type-img{flex:0 0 160px;}
	.sub2-4-banner-text{padding:60px 0;}
}
@media screen and (max-width: 769px){
	.sub2-4-compare{flex-direction:column;}
	.sub2-4-compare-arrow{transform:rotate(90deg);}
	.sub2-4-type-card{flex-direction:column;text-align:center;}
	.sub2-4-type-img{flex:none;max-width:200px;}
	.sub2-4-banner {background: rgba(0, 0, 0, 0.5) url(../img/sub/sub2_4_banner.png) right / cover no-repeat;
    background-blend-mode: darken;}
	.sub2-4-banner-inner{flex-direction:column;}
	.sub2-4-banner-text{flex:none;padding:60px 0;text-align:center;}

}
/* ------------------------------------------------------------------ */
/* === 서브2-5 상악동 세정술(sub2-5) === */
/* ------------------------------------------------------------------ */
.sub2-5{scroll-margin-top:110px;background:url(../img/sub/sub2_5_bg.png) center/cover no-repeat;}

.sub2-5-body{max-width:900px;margin-left:auto;margin-right:auto;}
.sub2-5-foot{max-width:900px;margin-left:auto;margin-right:auto;}

.sub2-5-compare{display:flex;justify-content:center;gap:60px;}
.sub2-5-compare-img img{width:100%;display:block;border-radius:16px;}

/* ===================== 반응형(기존 블록에 추가) ===================== */
@media screen and (max-width: 1024px){
	.sub2-5{padding:70px 0;}
	.sub2-5-compare{gap:24px;}
	.sub2-5-compare-img{flex:0 0 calc((100% - 24px) / 2);}
	.sub2-5-compare-img:first-child::after{right:-13px;}
}
@media screen and (max-width: 769px){
	.sub2-5-compare{flex-direction:column;align-items:center;}
	.sub2-5-compare-img{flex:none;max-width:320px;width:100%;}
	.sub2-5-compare-img:first-child::after{display:none;}
}
/* ------------------------------------------------------------------ */
/* === 서브2-6 고난도 임플란트(sub2-6) === */
/* ------------------------------------------------------------------ */
.sub2-6.bg-gray{scroll-margin-top:110px;background:url(../img/sub/sub2-6_bg.png) center/cover no-repeat;padding:100px 0;}

.sub2-6-photo{max-width:1000px;margin-left:auto;margin-right:auto;}
.sub2-6-photo img{width:100%;display:block;border-radius:24px;}

.sub2-6-about{max-width:900px;margin-left:auto;margin-right:auto;}

/* ---------- 해당 조건 체크리스트 ---------- */
.sub2-6-conditions{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;}
.sub2-6-condition{
	display:flex;
	align-items:center;
	gap:14px;
	background:#fff;
	border-radius:14px;
	padding:24px 30px;
}
.sub2-6-condition-icon{width:22px;height:22px;flex-shrink:0;}

/* ---------- 접근 방식 3단계 ---------- */
.sub2-6-approach{max-width:900px;margin-left:auto;margin-right:auto;}

.sub2-6-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub2-6-step-card{
	background:#fff;
	border-radius:16px;
	padding:44px 34px;
}
.sub2-6-step-num{display:block;margin-bottom:26px;}
.sub2-6-step-title{display:block;margin-bottom:14px;}
.sub2-6-step-desc{line-height:1.8;}

/* ===================== 반응형(기존 블록에 추가) ===================== */
@media screen and (max-width: 1024px){
	.sub2-6{padding:70px 0;}
	.sub2-6-conditions{grid-template-columns:1fr;}
	.sub2-6-steps{grid-template-columns:1fr;}
}
@media screen and (max-width: 769px){
	.sub2-6-condition{padding:20px 22px;}
	.sub2-6-step-card{padding:34px 26px;}
}

/* ------------------------------------------------------------------ */
/* === 서브3 만성질환자 임플란트(sub3) === */
/* ------------------------------------------------------------------ */

/* 상단 비주얼 배경(공통소스 sub_visual.php + 이 클래스 조합으로 배경 지정) */
.sub-visual.sub3-visual{background:url(../img/sub/sub3_visual.png) center/cover no-repeat;}

/* 공통: 브라운 하이라이트 바 */
.sub3-highlight{display: inline-block;background:#5d4638;border-radius:5px;padding: 5px 20px;}
.sub3-highlight p{font-weight:700;}
.sub3-mark{background:#f8b62a;color:#3a2c22;padding:2px 10px;border-radius:4px;}
.sub3-mark.is-tan{background:#c8a77c;color:#fff;}

/* 공통: 아웃라인 뱃지 */
.sub3-badge{
	display:inline-block;
	padding:10px 24px;
	border-radius:999px;
	border:1px solid #d9cfc4;
	background:#fff;
	font-weight:700;
}

/* 공통: 전/후 케이스 갤러리(사진 + 하단 라벨 바) */
.sub3-case-row{display:flex;gap:16px;}
.sub3-case{flex:1;border-radius:12px; overflow: hidden;} 
.sub3-case img{width:100%;display:block;border-radius:12px 12px 0 0;} /* 사진에만 라운드+클리핑 */
.sub3-case .blur{border-radius:12px 12px 0 0;overflow:hidden;} /* 블러 래퍼는 자체 클리핑 */
.sub3-case-label{
	display:block;
	text-align:center;
	padding:16px 14px;
	font-weight:700;
	line-height:1.5;
	background:#eee;
	color:#3a2c22;
	overflow: hidden;
}
.sub3-case-label.is-brown{background:#5d4638;color:#fff;}
.sub3-case-note{color:#000;}

/* 공통: 번호 이미지 카드(설명 단계) — 4열/2열 모두 사용 */
.sub3-process-grid{display:grid;gap:24px;}
.sub3-process-grid.cols-4{grid-template-columns:repeat(4, 1fr);}
.sub3-process-grid.cols-2{grid-template-columns:repeat(2, 1fr);}

.sub3-process-img{position:relative;border-radius:16px;overflow:hidden;}
.sub3-process-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}
.sub3-process-num{
	position:absolute;
	top:16px;left:16px;
	width:44px;height:44px;
	border-radius:50%;
	background:#5d4638;
	color:#fff;
	font-weight:800;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:2;
}
.sub3-process-title{
	position:absolute;
	left:0;right:0;bottom:0;
	background:#5d4638;
	color:#fff;
	text-align:center;
	font-weight:700;
	line-height:1.5;
	padding:16px 14px;
	z-index:2;
}
.sub3-process-desc{margin-top:18px;line-height:1.8;}

/* ---------- 서브3-1 만성질환자 임플란트 ---------- */
.sub3-1{background:url(../img/sub/sub3_1_bg.png) center/cover no-repeat;padding:100px 0;}
.sub3-1-desc{max-width:900px;margin-left:auto;margin-right:auto;}

.sub3-1-video{text-align:center;}
.sub3-1-video-frame{
	position:relative;
	max-width:900px;
	width:100%;
	margin:0 auto;
	aspect-ratio:16/9;
	border:8px solid #5d4638;
	border-radius:16px;
	overflow:hidden;
	background:#000;
}
.sub3-1-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ---------- 서브3-2 심혈관 질환 ---------- */
.sub3-2{background:url(../img/sub/sub3_2_bg.png) top center/cover no-repeat;padding:100px 0;}

/* ---------- 서브3-3 뇌혈관 질환 ---------- */
.sub3-3{background:url(../img/sub/sub3_3_bg.png) center/cover no-repeat;padding:100px 0;}
.sub3-3-process{background:#fff;padding:100px 0;}

/* ---------- 서브3-4 당뇨·고혈압 환자 ---------- */
.sub3-4{background:url(../img/sub/sub3_4_bg.png) center/cover no-repeat;padding:100px 0;}

/* ---------- 서브3-5 신장질환(투석) 환자 ---------- */
.sub3-5{background:#F7F8F7 url(../img/sub/sub3_5_bg.png) center/cover no-repeat;padding:100px 0;}

.sub3-5-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub3-5-step-card{
	background:#fff;
	border-radius:16px;
	padding:44px 34px;
}
.sub3-5-step-num{display:block;margin-bottom:15px;}
.sub3-5-step-title{display:block;margin-bottom:14px;}
.sub3-5-step-desc{line-height:1.8;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub3-1{padding:70px 0;}
	.sub3-1-video-frame{border-width:6px;}

	.sub3-2, .sub3-3{padding:70px 0;}
	.sub3-3-process{padding:70px 0;}
	.sub3-process-grid.cols-4{grid-template-columns:repeat(2, 1fr);}
	.sub3-process-grid.cols-2{grid-template-columns:1fr;}

	.sub3-4{padding:70px 0;background-size:50%;}
	.sub3-case-row{flex-wrap:wrap;}
	.sub3-case{flex:0 0 calc((100% - 16px) / 2);}

	.sub3-5{padding:70px 0;background-size:45%;}
	.sub3-5-steps{grid-template-columns:1fr;}
}
@media screen and (max-width: 480px){
	.sub3-2, .sub3-3, .sub3-4, .sub3-5{background-image:none;}
	.sub3-case-row{flex-direction:column;}
	.sub3-case{flex:none;}
	.sub3-process-grid.cols-4{grid-template-columns:1fr;}
}
/* ------------------------------------------------------------------ */
/* === 서브3 만성질환자 임플란트 끝 === */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* === 서브4 교정치료(sub4) === */
/* ------------------------------------------------------------------ */

/* 상단 비주얼 배경 */
.sub-visual.sub4-visual{background:url(../img/sub/sub4_visual_bg.png) center/cover no-repeat;}

/* 공통: 브라운 하이라이트 바(서브3의 .sub3-highlight와 동일한 톤) */
.sub4-highlight{display:inline-block;background:#5d4638;border-radius:8px;padding:5px 20px;}
.sub4-highlight p{color:#fff;font-weight:700;}

/* 공통: 전/후 케이스 갤러리(서브3 .sub3-case-row와 동일 패턴) */
.sub4-case-row{display:flex;gap:16px;justify-content:center;}
.sub4-case-photo{position:relative;flex:1;max-width:460px;border-radius:12px;overflow:hidden;}
.sub4-case-photo img{width:100%;display:block;}
.sub4-case-label{
	display:block;
	text-align:center;
	padding:16px 14px;
	font-weight:700;
	line-height:1.5;
	background:#eee;
}
.sub4-case-label.is-brown{background:#5d4638;color:#fff;}

/* ---------- 서브4-1 임플란트 교정 ---------- */
.sub4-1{background:#fff;padding:100px 0;}

.sub4-1-row{display:flex;align-items:center;gap:60px;text-align:left;}
.sub4-1-photo{flex:0 0 45%;}
.sub4-1-photo img{width:100%;border-radius:16px;display:block;}
.sub4-1-text{flex:1;}

.sub4-1-cases{text-align:left;}

/* 케이스 상단 헤딩 알약형 배너 */
.sub4-case-heading{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:24px;
	background:linear-gradient(135deg, #8a6a52, #5d4638);
	border-radius:100px;
	padding:16px 50px 16px 150px;
	color:#fff;
}
.sub4-case-heading-icon{
	position:absolute;
	left:0;top:50%;
	transform:translateY(-50%);
	width:110px;height:110px;
	border-radius:50%;
	background:#fff;
	padding:10px;
	box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.sub4-case-tag{display:block;color:#9c9c9c;letter-spacing:2px;font-weight:700;}

/* 치료대상 박스 */
.sub4-case-target{
	display:flex;
	align-items:flex-start;
	gap:40px;
	background:#f3f0ec;
	border-radius:16px;
	padding:30px 50px;
	width:100%;
	max-width:940px;
	margin:0 auto;
	text-align:left;
}
.sub4-case-target-label{font-weight:700;color:#5d4638;flex:0 0 auto;white-space:nowrap;}
.sub4-case-target ul{list-style:none;margin:0;padding:0;}
.sub4-case-target li{margin-top:8px;position:relative;padding-left:20px;}
.sub4-case-target li:first-child{margin-top:0;}

.sub4-case-target ul li::before{
	content:'·';
	position:absolute;
	left:0;
	top:0;
	font-weight:800;
	font-size:1.4em;
	line-height:1;
	color:#5d4638;
}

/* 치료과정(스텝) */
.sub4-step-badge{
	display:inline-block;
	background:#8a7565;
	color:#fff;
	border-radius:999px;
	padding:12px 30px;
	font-weight:700;
}
.sub4-step-badge b{font-weight:800;margin-right:6px;}

.sub4-step-images{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.sub4-step-img{flex:1 1 280px;}
.sub4-step-img img{width:100%;border-radius:8px;display:block;}
.sub4-step-images.is-single .sub4-step-img{flex:0 1 900px;max-width:900px;}

/* ---------- 서브4-2 성장기 교정 ---------- */
.sub4-2{background:url(../img/sub/sub4_2_bg.png) top /cover no-repeat;padding:100px 0;}

.sub4-2-intro-row{display:flex;align-items:center;gap:60px;text-align:left;}
.sub4-2-intro-photo{flex:0 0 45%;}
.sub4-2-intro-photo img{width:100%;border-radius:16px;display:block;}
.sub4-2-intro-text{flex:1;}

.sub4-2-why-cases{max-width:900px;margin:0 auto;}

/* 6~7세 조기교정 카드 */
.sub4-2-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub4-2-step-card{
	background:#fff;
	border-radius:16px;
	padding:44px 34px;
	text-align:left;
}
.sub4-2-step-num{display:block;margin-bottom:26px;}
.sub4-2-step-title{display:block;margin-bottom:14px;}
.sub4-2-step-desc{line-height:1.8;}

/* 마지막 배너(전체 배경 이미지 + 좌측 텍스트, 서브2-4 배너와 동일한 패턴) */
.sub4-2-banner{
	position:relative;
	background-color:#5d4638;
	background-image:url(../img/sub/sub4_2_banner.png);
	background-size:cover;
	background-position:right center;
	background-repeat:no-repeat;
}
.sub4-2-banner::before{
	content:'';
	position:absolute;
	inset:0;
	background:linear-gradient(90deg, rgba(93,70,56,.95) 0%, rgba(93,70,56,.85) 40%, rgba(93,70,56,0) 70%);
}
.sub4-2-banner-inner{position:relative;z-index:1;}
.sub4-2-banner-text{max-width:600px;padding:110px 0;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub4-1{padding:70px 0;}
	.sub4-1-row{flex-direction:column;align-items:start;gap:20px;}
	.sub4-1-photo{flex:0 0 auto;width:60%;}

	.sub4-case-heading{width: 100%;padding:14px 30px 14px 90px;justify-content: center;}
	.sub4-case-heading-icon{width:90px;height:90px;}

	.sub4-case-row{flex-wrap:wrap;}
	.sub4-case-photo{flex:0 0 calc((100% - 16px) / 2);max-width:none;}

	.sub4-2{padding:70px 0;background-size:55%;}
	.sub4-2-intro-row{flex-direction:column;gap:30px;}
	.sub4-2-intro-photo{flex:0 0 auto;width:60%;}
	.sub4-2-intro-text{text-align: center;}

	.sub4-2-steps{grid-template-columns:1fr;}

	.sub4-2-banner-text{padding:70px 0;}
}
@media screen and (max-width: 769px){
	.sub4-1-photo, .sub4-2-intro-photo{width:100%;}
	.sub4-case-row{flex-direction:column;}
	.sub4-case-target{display: block;padding: 30px;}
	.sub4-case-target-label{display: block;margin-bottom: 10px;}
	.sub4-case-photo{flex:none;}
	.sub4-step-images.is-single .sub4-step-img{max-width:100%;}
	.sub4-2{background:#faf7f3;}
	.sub4-2-banner::before{background:rgba(93,70,56,.85);}

}
/* ------------------------------------------------------------------ */
/* === 서브4 교정치료 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브5 일반진료(sub5) === */
/* ------------------------------------------------------------------ */

/* 상단 비주얼 배경 */
.sub-visual.sub5-visual{background:url(../img/sub/sub5_visual_bg.png) center/cover no-repeat;}

/* 공통: 브라운 하이라이트 바(서브4의 .sub4-highlight와 동일한 톤) */
.sub5-highlight{display:inline-block;background:#5d4638;border-radius:8px;padding:5px 20px;}
.sub5-highlight p{color:#fff;font-weight:700;}

/* 공통: 단계별 4카드 그리드(충치치료/잇몸치료에서 공유) */
.sub5-stage-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;text-align:center;}
.sub5-stage-card{background:#f5f3f0;border-radius:12px;overflow:hidden;}
.sub5-stage-img img{width:100%;margin:0 auto;display:block;}
.sub5-stage-title{padding:14px 10px;font-size: 22px;font-weight:700;background:#c8a77c;color:#fff;}
.sub5-stage-title.stage-1{background:#c8a77c;color:#fff;}
.sub5-stage-title.stage-2{background:#a3805f;color:#fff;}
.sub5-stage-title.stage-3{background:#6b4f3a;color:#fff;}
.sub5-stage-title.stage-4{background:#2b1f17;color:#fff;}
.sub5-stage-desc{padding:22px 16px;line-height:1.7;color:#666;min-height:150px;}
.sub5-stage-footer{padding:16px 10px;font-weight:700;}
.sub5-stage-footer.is-black{background:#111;color:#fff;}
.sub5-stage-footer.stage-1{background:#c8a77c;color:#fff;}
.sub5-stage-footer.stage-2{background:#a3805f;color:#fff;}
.sub5-stage-footer.stage-3{background:#6b4f3a;color:#fff;}
.sub5-stage-footer.stage-4{background:#2b1f17;color:#fff;}

/* ---------- 서브5-1 충치치료 ---------- */
.sub5-1{background: linear-gradient(   181deg,   #f3f3f3 0%,   #ffffff 100% );padding:100px 0;}

.sub5-1-video{text-align:center;}
.sub5-1-video-frame{
	position:relative;
	max-width:900px;
	width:100%;
	margin:0 auto;
	aspect-ratio:16/9;
	border:8px solid #5d4638;
	border-radius:16px;
	overflow:hidden;
	background:#000;
}
.sub5-1-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ---------- 서브5-2 잇몸치료 ---------- */
.sub5-2{padding:100px 0;}

/* ---------- 서브5-3 사랑니발치 ---------- */
.sub5-3{background:#f8f6f3;padding:100px 0;}

.sub5-3-photo{max-width:900px;margin:0 auto;}
.sub5-3-photo img{width:100%;border-radius:16px;display:block;}

.sub5-3-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;text-align:left;}
.sub5-3-step-card{
	background:#fff;
	border-radius:16px;
	padding:44px 34px;
}
.sub5-3-step-num{display:block;margin-bottom:26px;}
.sub5-3-step-title{display:block;margin-bottom:14px;}
.sub5-3-step-desc{line-height:1.8;color:#555;}

/* ---------- 서브5-4 보철치료 ---------- */
.sub5-4{background:url(../img/sub/sub5-4_bg.png) center/cover no-repeat;padding:100px 0;}

.sub5-4-row{display:flex;align-items:center;gap:60px;}
.sub5-4-text{flex:1;}
.sub5-4-photo{flex:0 0 30%;}
.sub5-4-photo img{width:100%;border-radius:16px;display:block;}

.sub5-4-cases{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
.sub5-4-case-photo{border-radius:12px;overflow:hidden;background:#000;}
.sub5-4-case-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}

/* ---------- 서브5-5 구강검진 ---------- */
.sub5-5{
	position:relative;
	background:url(../img/sub/sub5-5_bg.png) center/cover no-repeat;
	padding:100px 0;
}
.sub5-5 .inner{position:relative;z-index:1;}

.sub5-5-badge{
	display:inline-block;
	background:#5d4638;
	color:#fff;
	border-radius:999px;
	padding:10px;
	font-weight:700;
}

.sub5-5-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;max-width:1000px;margin:0 auto;text-align:left;}
.sub5-5-card{background:#fff;border-radius:16px;padding:40px;}
.sub5-5-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e0d8;}
.sub5-5-card-head p{}
.sub5-5-card-head span{font-weight:400;}
.sub5-5-card-icon{width:48px;height:48px;object-fit:contain;}
.sub5-5-card-list{list-style:none;margin:0;padding:0;}
.sub5-5-card-list li{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e0d8;}
.sub5-5-card-list li:first-child{margin-top:0;padding-top:0;border-top:0;}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub5-1{padding:70px 0;}
	.sub5-1-video-frame{border-width:6px;}
	
	.sub5-stage-grid{grid-template-columns:repeat(2, 1fr);}
	.sub5-stage-title{font-size: 17px;}

	.sub5-2{padding:70px 0;}
	.sub5-3{padding:70px 0;}
	.sub5-3-steps{grid-template-columns:1fr;}

	.sub5-4{padding:70px 0;}
	.sub5-4-row{flex-direction:column;}
	.sub5-4-photo{flex:0 0 auto;width:60%;}
	.sub5-4-cases{grid-template-columns:1fr;}

	.sub5-5{padding:70px 0;}
	.sub5-5-cards{grid-template-columns:1fr;}
}
@media screen and (max-width: 769px){
	/*.sub5-stage-grid{grid-template-columns:1fr;}*/
	.sub5-4-photo{width:100%;}
	.sub5-stage-desc{font-size: 13px !important;min-height:auto;}
	.sub5-5-card{padding: 20px;}
	.sub5-5-card-head span{display: block;}
}
/* ------------------------------------------------------------------ */
/* === 서브5 일반진료 끝 === */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* === 서브6 바른본 특수진료(sub6) === */
/* ------------------------------------------------------------------ */

/* 상단 비주얼 배경 */
.sub-visual.sub6-visual{background:url(../img/sub/sub6_visual_bg.png) center/cover no-repeat;}

/* 공통: 전/후 케이스 갤러리(서브3/4와 동일 패턴, 4열도 지원) */
.sub6-case-row{display:flex;gap:16px;justify-content:center;}
.sub6-case-row.cols-4 .sub6-case-photo{flex:1;}
.sub6-case-photo{position:relative;flex:1;max-width:460px;border-radius:12px;overflow:hidden;}
.sub6-case-photo img{width:100%;display:block;}
.sub6-case-label{
	display:block;
	text-align:center;
	padding:16px 14px;
	font-weight:700;
	line-height:1.5;
	background:#eee;
}
.sub6-case-label.is-brown{background:#5d4638;color:#fff;}

/* 공통: STEP 4단계 프로세스 그리드(사진 + 단계 컬러바 + 설명) */
.sub6-process-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;text-align:center;}
.sub6-process-card{background:#f5f3f0;border-radius:12px;overflow:hidden;}
.sub6-process-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}
.sub6-process-step{padding:14px 10px;font-weight:700;font-size: 22px;color:#fff;}
.sub6-process-step.stage-1{background:#c8a77c;}
.sub6-process-step.stage-2{background:#a3805f;}
.sub6-process-step.stage-3{background:#6b4f3a;}
.sub6-process-step.stage-4{background:#2b1f17;}
.sub6-process-desc{padding:20px 16px;line-height:1.7;color:#666;}

/* ---------- 서브6-1 치근단 절제술 ---------- */
.sub6-1{background:#fff;padding:100px 0;}
.sub6-1-photo{max-width:900px;margin:0 auto;}
.sub6-1-photo img{width:100%;border-radius:16px;display:block;}
.sub6-1-cases{max-width:1000px;margin:0 auto;}

/* ---------- 서브6-2 턱관절 세정술 ---------- */
.sub6-2{background:#f8f6f3;padding:100px 0;}
.sub6-2-photo{max-width:700px;margin:0 auto;}
.sub6-2-photo img{width:100%;border-radius:16px;display:block;}

/* ---------- 서브6-3 물혹/종양 제거 ---------- */
.sub6-3{background:#fff;padding:100px 0;}

.sub6-3-groups{max-width:900px;margin:0 auto;text-align:left;}
.sub6-3-group{background:#f8f4ee;border-radius:16px;padding:40px 44px;margin-top:24px;}
.sub6-3-group:first-child{margin-top:0;}
.sub6-3-group.is-warn{background:#efe4d6;}
.sub6-3-group-title{text-align:center;margin-bottom:24px;}

.sub6-3-item{display:flex;align-items:center;gap:24px;margin-top:24px;}
.sub6-3-item:first-of-type{margin-top:0;}
.sub6-3-item-photo{flex:0 0 100px;width:100px;height:100px;border-radius:50%;overflow:hidden;}
.sub6-3-item-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.sub6-3-item-text{flex:1;}
.sub6-3-item-text p:first-child{color:#3a2c22;}
.sub6-3-item-text p:last-child{line-height:1.7;color:#555;}

/* 서브6-3 하단 배너(전체 배경 텍스트, 사진 없이 브라운 톤) */
.sub6-3-banner{background:url(../img/sub/sub6_3_banner.png) center/cover no-repeat;padding:0;}
.sub6-3-banner-inner{padding:80px 0;}
.sub6-3-banner-text{text-align: left;}

/* ---------- 서브6-4 편평태선 ---------- */
.sub6-4{background:#fff;padding:100px 0;}

.sub6-4-row{display:flex;align-items:center;gap:60px;text-align:left;}
.sub6-4-photo{flex:0 0 42%;}
.sub6-4-photo img{width:100%;border-radius:16px;display:block;}
.sub6-4-text{flex:1;}

.sub6-4-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;text-align:center;}
.sub6-4-card{border-radius:12px;overflow:hidden;}
.sub6-4-card-title{padding:26px 16px;color:#fff;}
.sub6-4-card-title.is-tan{background:#c8a77c;}
.sub6-4-card-title.is-mid{background:#a3805f;}
.sub6-4-card-title.is-dark{background:#2b1f17;}
.sub6-4-card-info{padding:24px 16px;background:#1c1c1c;color:#fff;line-height:1.6;}

.sub6-4-row2{display:flex;align-items:center;gap:60px;text-align:left;}
.sub6-4-row2-text{flex:1;}
.sub6-4-row2-photo{flex:0 0 40%;}
.sub6-4-row2-photo img{width:100%;border-radius:16px;display:block;}

.sub6-4-banner{
	position:relative;
	background:url(../img/sub/sub6_4_banner.png) center/cover no-repeat;
	border-radius:24px;
	padding:60px 50px;
	text-align:center;
	overflow:hidden;
}

/* ===================== 반응형 ===================== */
@media screen and (max-width: 1024px){
	.sub6-1{padding:70px 0;}
	.sub6-1-cases{max-width:none;}
	.sub6-case-row{flex-wrap:wrap;}
	.sub6-case-photo{flex:0 0 calc((100% - 16px) / 2);max-width:none;}
	.sub6-case-row.cols-4 .sub6-case-photo{flex:0 0 calc((100% - 16px) / 2);max-width:none;}
	.sub6-process-step{font-size: 17px;}
	.sub6-process-grid{grid-template-columns:repeat(2, 1fr);}

	.sub6-2{padding:70px 0;}

	.sub6-3{padding:70px 0;}
	.sub6-3-group{padding:34px 26px;}
	.sub6-3-banner-inner{padding:60px 20px !important;}

	.sub6-4{padding:70px 0;}
	.sub6-4-row{flex-direction:column;gap:20px;text-align: center;}
	.sub6-4-photo{flex:0 0 auto;width:60%;}
	.sub6-4-grid{grid-template-columns:1fr;}
	.sub6-4-row2{flex-direction:column-reverse;gap:30px;}
	.sub6-4-row2-photo{flex:0 0 auto;width:60%;}
	.sub6-4-banner{padding:44px 30px;}
}
@media screen and (max-width: 769px){
	.sub6-case-row{flex-direction:column;}
	.sub6-case-photo, .sub6-case-row.cols-4 .sub6-case-photo{flex:none;}
	.sub6-3-item{flex-direction:column;text-align:center;}
	.sub6-3-banner{background: rgba(0, 0, 0, 0.5) url(../img/sub/sub6_3_banner.png) center / cover no-repeat; background-position: right; background-blend-mode: darken;}

	.sub6-4-photo, .sub6-4-row2-photo{width:100%;}
	.sub6-process-desc{font-size: 13px  !important;}
	}
/* ------------------------------------------------------------------ */
/* === 서브6 바른본 특수진료 끝 === */
/* ------------------------------------------------------------------ */