/* ============================================================
   _overrides.css — us-test 全43ページ共通 EN専用 CSS overrides
   ============================================================
   対応フィードバック:
   - G1: フッター左右並びに復元 (1200px wrap → auto nowrap)
   - G2: B/A 灰色帯サイズ固定 + 多行許容
   - G3: 免責文言 (p.note) 下端余白追加
   - 共通: ナンバリング楕円 → 正円固定
   - 共通: 手術項目円形 サイズ統一

   配置先: /www/v1/overseas/us-test/_overrides.css
   全 view_*.php から <link> で読み込む。
   #container プレフィックスで head.sub.php 安全網ルールを上回る specificity。
   ============================================================ */

img[data-src$=".gif"],
img[data-src*=".gif?"] {
	min-height: 180px;
	background: #f4f5f7;
	object-fit: cover;
}

/* 17/view_01 Before & After slider: the EN common head CSS caps
   `.img_wrap.left` at 600px. Restore the KR full-width photo/card rhythm here. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper,
	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .swiper-slide,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .swiper-slide {
		width: 1080px !important;
		min-width: 1080px !important;
		max-width: 1080px !important;
		height: 500px !important;
		min-height: 500px !important;
		max-height: 500px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left,
	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > .img,
	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > .img > img,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > .img,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > .img > img {
		width: 1080px !important;
		min-width: 1080px !important;
		max-width: 1080px !important;
		height: auto !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > p,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .swiper-slide .img_wrap.left > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 1080px !important;
		min-width: 1080px !important;
		max-width: 1080px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		font-size: 16px !important;
		line-height: 20px !important;
		letter-spacing: -0.045em !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .text,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .text {
		height: 232px !important;
		min-height: 232px !important;
		max-height: 232px !important;
		padding: 24px 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .text dl,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .text dl {
		padding: 0 34px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .text dt,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .text dt {
		margin: 0 0 12px !important;
		font-size: 22px !important;
		line-height: 22px !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .text dd,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .text dd {
		font-size: 16px !important;
		line-height: 21px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.sec_04 .bna_swiper .text dd:not(:last-child),
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .bna_swiper .text dd:not(:last-child) {
		margin-bottom: 8px !important;
	}
}

/* 17/view_03 surgical-method step cards: match KR's equal 98px caption boxes.
   The English captions are longer, so reduce type slightly instead of changing
   the photo/card geometry. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.sec_03 .contents > .list > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 228px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		height: 98px !important;
		min-height: 98px !important;
		max-height: 98px !important;
		padding: 7px 8px !important;
		box-sizing: border-box !important;
		font-size: 14px !important;
		line-height: 18px !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.sec_03 .contents > .list {
		height: 310px !important;
		min-height: 310px !important;
		max-height: 310px !important;
		overflow: visible !important;
	}
}

/* 17/view_01-03 fold-type cards: keep the pink recommendation band equal height.
   EN copy wraps longer than KR, so the text is slightly reduced while preserving
   the KR-style one-row rhythm. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_01.css"]) body #container .new-wrap .sec.line_type .contents > ul > li,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .new-wrap .sec.line_type .contents > ul > li,
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.line_type .contents > ul > li {
		display: flex !important;
		flex-direction: column !important;
		width: 290px !important;
		max-width: 290px !important;
		height: 706px !important;
		min-height: 706px !important;
		max-height: 706px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top,
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top {
		display: flex !important;
		flex: 0 0 511px !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 30px !important;
		width: 100% !important;
		height: 511px !important;
		min-height: 511px !important;
		max-height: 511px !important;
		padding: 30px 16px 22px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top > img,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top > img,
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top > img {
		flex: 0 0 210px !important;
		width: 210px !important;
		min-width: 210px !important;
		max-width: 210px !important;
		height: 210px !important;
		min-height: 210px !important;
		max-height: 210px !important;
		object-fit: cover !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top .des,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top .des,
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.top .des {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.comment,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.comment,
	html:has(link[href*="/v1/17/view_03.css"]) body #container .new-wrap .sec.line_type .contents > ul > li > p.comment {
		display: flex !important;
		flex: 0 0 195px !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 195px !important;
		min-height: 195px !important;
		max-height: 195px !important;
		padding: 24px 18px !important;
		box-sizing: border-box !important;
		font-size: 17px !important;
		line-height: 1.42 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		overflow: hidden !important;
	}
}

/* 17/view_01 Eye Surgery B/A gallery: match KR 566px cards and 40px center gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		padding: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item {
		display: block !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		position: absolute !important;
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translate3d(0, -50%, 0) !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-17-01 .sec.before-after .section .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_10 Hollow Eyes B/A gallery is emitted outside #container on desktop. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_10.css"]) body .sec.sec_11.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		padding: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_10.css"]) body .sec.sec_11.before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_01 cont_04: compact the longer EN middle-layer copy so it keeps the
   same visual rhythm as KR without pushing the image/text block downward. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary h3,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary h3 {
		height: 50px !important;
		line-height: 50px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary h3 p,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary h3 p {
		display: inline-block !important;
		width: auto !important;
		max-width: none !important;
		height: 50px !important;
		line-height: 50px !important;
		font-size: 50px !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont {
		height: 240px !important;
		align-items: center !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > .img,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > .img {
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > .img > img,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > .img > img {
		display: block !important;
		width: 566px !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > .img > p,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > .img > p {
		width: 566px !important;
		height: 36px !important;
		line-height: 36px !important;
		font-size: 14px !important;
		padding: 0 8px !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > dl,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > dl {
		width: 566px !important;
		height: 200px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > dl > dt,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > dl > dt {
		font-size: 28px !important;
		line-height: 34px !important;
		height: auto !important;
		min-height: 0 !important;
		padding-left: 44px !important;
		text-indent: -44px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_04 .summary .cont > dl > dd,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_04 .summary .cont > dl > dd {
		margin-top: 18px !important;
		font-size: 18px !important;
		line-height: 26px !important;
		height: auto !important;
		min-height: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 15/view_01 cont_05: keep the longer EN posterior-layer copy in the same
   566x240 image/text rhythm as KR by compacting type only on this block. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary h3,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary h3 {
		height: 50px !important;
		line-height: 50px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary h3 p,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary h3 p {
		display: inline-block !important;
		width: auto !important;
		max-width: none !important;
		height: 50px !important;
		line-height: 50px !important;
		font-size: 50px !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont {
		height: 240px !important;
		align-items: center !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > .img,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > .img {
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > .img > img,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > .img > img {
		display: block !important;
		width: 566px !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > .img > p,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > .img > p {
		width: 566px !important;
		height: 36px !important;
		line-height: 36px !important;
		font-size: 14px !important;
		padding: 0 8px !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > dl,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > dl {
		width: 566px !important;
		height: 200px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > dl > dt,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > dl > dt {
		font-size: 29px !important;
		line-height: 34px !important;
		height: auto !important;
		min-height: 0 !important;
		padding-left: 44px !important;
		text-indent: -44px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_05 .summary .cont > dl > dd,
	html:has(link[href*="/v1/15/view_01.css"]) body #container .new-wrap .sec.sec_06 .container.cont_05 .summary .cont > dl > dd {
		margin-top: 16px !important;
		font-size: 16px !important;
		line-height: 23px !important;
		height: auto !important;
		min-height: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 15/view_01 sec_06 HOW photo captions: match the KR full-width black bands.
   The generic EN caption compression made these absolute captions shrink to
   text width. Keep this scoped to the patient-photo pair in cont_01 only. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img {
		position: relative !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img > p:not([class*="info"]) {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		top: auto !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		background: rgba(0, 0, 0, 0.7) !important;
		color: #fff !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		font-size: 12px !important;
		line-height: 13px !important;
		font-weight: 500 !important;
		letter-spacing: -0.04em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}
}

/* 16/view_04 sec_03: restore the KR intro block geometry. A generic
   sec_03/top rule for another page stretches this 1.gif when EN copy is tall. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top {
		width: 1300px !important;
		max-width: 1300px !important;
		min-height: 387px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 60px !important;
		gap: 40px !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > img[src*="/16/view_04/1.gif"],
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > img[src*="/16/view_04/1.gif"] {
		flex: 0 0 240px !important;
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		align-self: center !important;
		object-fit: contain !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt {
		flex: 0 1 897px !important;
		width: 897px !important;
		max-width: 897px !important;
		margin-left: 0 !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt > dt,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt > dt {
		font-size: 30px !important;
		line-height: 30px !important;
		letter-spacing: -0.05em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt > dd,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt > dd {
		margin-top: 14px !important;
		font-size: 15px !important;
		line-height: 21px !important;
		letter-spacing: -0.055em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}
}

/* 15/view_11 sec_06 POINT cards: restore the KR compact card rhythm. A broad
   .number rule makes the EN cards stretch vertically, so keep this page scoped. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: center !important;
		gap: 45px !important;
		width: 100% !important;
		height: 351px !important;
		min-height: 351px !important;
		max-height: 351px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul > li,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul > li {
		position: relative !important;
		flex: 0 0 290px !important;
		width: 290px !important;
		min-width: 290px !important;
		max-width: 290px !important;
		height: 311px !important;
		min-height: 311px !important;
		max-height: 311px !important;
		margin: 20px 0 !important;
		padding: 30px 16px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		text-align: center !important;
	}

	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul > li > svg,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul > li > svg {
		position: absolute !important;
		left: 50% !important;
		top: -32px !important;
		width: 36px !important;
		height: 33px !important;
		margin: 0 !important;
		transform: translateX(-50%) !important;
	}

	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul > li > .number,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul > li > .number {
		display: block !important;
		width: 100% !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 0 16px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		color: #78a6bc !important;
		font-size: 24px !important;
		line-height: 36px !important;
		font-weight: 700 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}

	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul > li > strong,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul > li > strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 62px !important;
		margin: 0 0 16px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		color: #3d414b !important;
		font-size: 20px !important;
		line-height: 1.28 !important;
		font-weight: 700 !important;
		letter-spacing: -0.055em !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	html body #container .new-wrap.view-15-11 .sec.sec_06 .contents > ul > li > p,
	html:has(link[href*="/v1/15/view_11.css"]) body #container .new-wrap .sec.sec_06 .contents > ul > li > p {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		color: #3d414b !important;
		font-size: 18px !important;
		line-height: 1.45 !important;
		font-weight: 400 !important;
		letter-spacing: -0.055em !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}
}

/* 15/view_10 sec_03 final-last override: keep the long EN copy beside the
   photos compact so it matches the KR rhythm without changing KR. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary,
	html body #container#container:has(.new-wrap.view-15-10) .sec.sec_03.cont_01 .summary,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_03.cont_01 .summary {
		align-items: center !important;
		gap: 30px !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > p.note,
	html body #container#container:has(.new-wrap.view-15-10) .sec.sec_03.cont_01 .summary > p.note,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_03.cont_01 .summary > p.note {
		flex: 0 0 560px !important;
		width: 560px !important;
		max-width: 560px !important;
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 26px !important;
		letter-spacing: -0.045em !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > p.note .point,
	html body #container#container:has(.new-wrap.view-15-10) .sec.sec_03.cont_01 .summary > p.note .point,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_03.cont_01 .summary > p.note .point {
		font-size: 18px !important;
		line-height: 22px !important;
		padding: 0 5px !important;
		vertical-align: baseline !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > p.note strong,
	html body #container#container:has(.new-wrap.view-15-10) .sec.sec_03.cont_01 .summary > p.note strong,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_03.cont_01 .summary > p.note strong {
		font-size: 18px !important;
		line-height: 26px !important;
		letter-spacing: -0.045em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 15/view_10 protruding-eyes summary: keep the long EN right-side explanation
   compact and readable like the KR paragraph beside the two reference photos. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .summary {
		align-items: center !important;
		gap: 30px !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > .note,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .summary > .note {
		flex: 0 0 560px !important;
		width: 560px !important;
		max-width: 560px !important;
		margin: 0 !important;
		font-size: 19px !important;
		line-height: 28px !important;
		letter-spacing: -0.045em !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > .note .point,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .summary > .note .point {
		font-size: 18px !important;
		line-height: 22px !important;
		padding: 0 5px !important;
		vertical-align: baseline !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .summary > .note strong,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .summary > .note strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .how_wrap .des .type,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .how_wrap .des .type {
		display: grid !important;
		grid-template-columns: 313px 31px minmax(0, 1fr) !important;
		column-gap: 40px !important;
		align-items: center !important;
		width: 1180px !important;
		max-width: 1180px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .how_wrap .des .type > strong,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .how_wrap .des .type > strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 313px !important;
		min-width: 313px !important;
		max-width: 313px !important;
		height: 94px !important;
		min-height: 94px !important;
		max-height: 94px !important;
		margin: 0 !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		font-size: 27px !important;
		line-height: 1.22 !important;
		letter-spacing: -0.05em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .how_wrap .des .type > svg,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .how_wrap .des .type > svg {
		display: block !important;
		width: 31px !important;
		height: 36px !important;
		margin: 0 !important;
		justify-self: center !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_01 .how_wrap .des .type > p,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_01 .how_wrap .des .type > p {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_02 .how_wrap .des .type,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_02 .how_wrap .des .type {
		display: grid !important;
		grid-template-columns: 313px 31px minmax(0, 1fr) !important;
		column-gap: 40px !important;
		align-items: center !important;
		width: 1180px !important;
		max-width: 1180px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_02 .how_wrap .des .type > strong,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_02 .how_wrap .des .type > strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 313px !important;
		min-width: 313px !important;
		max-width: 313px !important;
		height: 118px !important;
		min-height: 118px !important;
		max-height: 118px !important;
		margin: 0 !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		font-size: 25px !important;
		line-height: 1.2 !important;
		letter-spacing: -0.055em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_02 .how_wrap .des .type > svg,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_02 .how_wrap .des .type > svg {
		display: block !important;
		width: 31px !important;
		height: 36px !important;
		margin: 0 !important;
		justify-self: center !important;
	}

	html body #container .new-wrap.view-15-10 .sec.sec_03.cont_02 .how_wrap .des .type > p,
	html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_03.cont_02 .how_wrap .des .type > p {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 0 !important;
		width: 739px !important;
		max-width: 739px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont > .img_wrap,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont > .img_wrap {
		display: block !important;
		flex: 0 0 231px !important;
		width: 231px !important;
		min-width: 231px !important;
		max-width: 231px !important;
		height: 266px !important;
		min-height: 266px !important;
		max-height: 266px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont > .img_wrap > .img,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont > .img_wrap > .img {
		display: block !important;
		width: 231px !important;
		min-width: 231px !important;
		max-width: 231px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont > .img_wrap > .img > img,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont > .img_wrap > .img > img {
		display: block !important;
		width: 231px !important;
		min-width: 231px !important;
		max-width: 231px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont > .img_wrap > p,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont > .img_wrap > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 231px !important;
		min-width: 231px !important;
		max-width: 231px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_02 .img_cont > strong,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_02 .img_cont > strong {
		display: block !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 18px 0 0 !important;
		text-align: center !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
		letter-spacing: -0.045em !important;
	}
}

/* 15/view_02 cont_02 HOW: fit the longer EN method text into the same
   160px blue band rhythm as KR without changing the Korean source page. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-02 .sec.sec_03 .container.cont_02 .how_wrap .how dt,
	html:has(link[href*="/v1/15/view_02.css"]) body #container .new-wrap .sec.sec_03 .container.cont_02 .how_wrap .how dt {
		font-size: 30px !important;
		line-height: 30px !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-02 .sec.sec_03 .container.cont_02 .how_wrap .how dd,
	html:has(link[href*="/v1/15/view_02.css"]) body #container .new-wrap .sec.sec_03 .container.cont_02 .how_wrap .how dd {
		font-size: 24px !important;
		line-height: 35px !important;
		min-height: 160px !important;
		padding: 10px 20px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_02 High Double Eyelid Crease B/A: restore the KR card rhythm.
   EN procedure names made the cards 555px wide with a 19px column gap; KR uses
   566px cards with a 40px photo gap and a 60px operation band. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-container {
		width: 1300px !important;
		min-width: 1300px !important;
		max-width: 1300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 72px 0 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
		background: #333 !important;
		color: #fff !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		position: absolute !important;
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 48px !important;
		height: 22px !important;
		padding: 0 9px !important;
		border-radius: 11px !important;
		background: #fffb82 !important;
		color: #333 !important;
		font-size: 12px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-images {
		display: block !important;
		position: relative !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-15-02 .sec.before-after .section .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}

	html body #container#container .new-wrap.view-15-02 .sec.before-after .blog-desc button {
		margin-right: 10px !important;
	}
}

/* 15/view_01 final black-band normalization: patient-photo caption bars should
   follow the KR 566px x 36px rhythm even when English surgery names wrap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .summary .cont > .img,
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img,
	html body #container#container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img {
		position: relative !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .summary .cont > .img > img,
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img > img,
	html body #container#container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .summary .cont > .img > p:not([class*="info"]),
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_01 .how_wrap > .img_wrap > .img > p:not([class*="info"]),
	html body #container#container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img > p:not([class*="info"]) {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		top: auto !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		background: rgba(0, 0, 0, 0.7) !important;
		color: #fff !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		font-size: 11px !important;
		line-height: 12px !important;
		font-weight: 500 !important;
		letter-spacing: -0.045em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}
}

/* 16/view_05 sec_04: fit the long EN copy closer to the KR text block height. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .sec.sec_04 .txt {
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .sec.sec_04 .txt dl {
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .sec.sec_04 .txt dt {
		font-size: 40px !important;
		line-height: 46px !important;
		letter-spacing: -0.045em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .sec.sec_04 .txt dd {
		font-size: 17px !important;
		line-height: 24px !important;
		letter-spacing: -0.035em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 16/view_05 Lower Eyelid B/A galleries: match KR card width and spacing. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-wrap,
	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		height: 398px !important;
		min-height: 398px !important;
		max-height: 398px !important;
		padding: 54px 24px 30px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div:first-child,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div:first-child {
		height: 132px !important;
		min-height: 132px !important;
		max-height: 132px !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div + div,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc > div + div {
		margin-top: 0 !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc strong,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc strong {
		flex: 0 0 60px !important;
		margin: 0 0 16px !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-desc p,
	html body #container .new-wrap.view-16-05 .before-after .section .viewBA:not(.AB) .viewBA-item-desc p {
		width: 100% !important;
		max-width: 510px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		color: #42464f !important;
		font-size: 15px !important;
		line-height: 1.45 !important;
		letter-spacing: -0.025em !important;
		text-align: center !important;
		white-space: pre-line !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .ps,
	html:has(link[href*="/v1/16/view_05.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 16/view_04 Lateral Canthoplasty B/A galleries: match KR card width and spacing. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-container,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-item,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-item-wrap,
	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-item-images,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-wrap,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .viewBA-item-images img,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .ps,
	html body #container .new-wrap.view-16-04 .before-after .section .viewBA:not(.AB) .sisun-viewba-loadmore,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .ps,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .before-after .section .viewBA:not(.AB) .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 16/view_02 Epicanthal Fold intro: keep the translated photo at the KR
   240x240 size. The generic .sec_03 flex rule can stretch the image when the
   EN copy is longer, so scope this only to the mong_00 intro block. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) {
		width: 1300px !important;
		max-width: 1300px !important;
		min-height: 360px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		padding: 60px !important;
		gap: 40px !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) > img {
		flex: 0 0 240px !important;
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: contain !important;
	}

	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) > dl {
		flex: 0 1 880px !important;
		width: 880px !important;
		max-width: 880px !important;
		margin-left: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) > dl > dt {
		font-size: 28px !important;
		line-height: 34px !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) > dl > dd {
		margin-top: 18px !important;
		font-size: 18px !important;
		line-height: 26px !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-16-02 .sec.sec_03 .contents > .top:has(> img[src*="mong_00"]) > dl > dd::before {
		content: none !important;
		display: none !important;
	}
}

/* 16/view_04 sec_04: keep the long EN left copy visually close to the KR layout. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_04 > .container > dl > dt {
		font-size: 33px !important;
		line-height: 1.32 !important;
		letter-spacing: -0.05em !important;
		white-space: nowrap !important;
	}

	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_04 > .container > dl > dd,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_04 > .container > dl > dd strong {
		font-size: 20px !important;
		line-height: 1.45 !important;
		letter-spacing: -0.035em !important;
	}
}

/* 15/view_01 Double Eyelid Revision B/A gallery: match the KR 566px card and 40px center gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images img,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .ps,
	html body #container#container .new-wrap.view-15-01 .sec.sec_11.before-after .section .viewBA.BA .sisun-viewba-loadmore,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .ps,
	html:has(link[href*="/v1/15/view_01.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 15/view_01 sec_06 cont_02: reduce the long EN left copy to match the KR visual weight. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .summary h3 p {
		font-size: 44px !important;
		line-height: 1.15 !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .summary .cont dl dt {
		font-size: 27px !important;
		line-height: 1.3 !important;
		letter-spacing: -0.045em !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .summary .cont dl dt .sub {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .summary .cont dl dd {
		font-size: 18px !important;
		line-height: 1.42 !important;
		letter-spacing: -0.04em !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .how_wrap .how dd {
		font-size: 22px !important;
		line-height: 1.35 !important;
		letter-spacing: -0.04em !important;
	}
}

/* 15/view_01 sec_07: keep the dark procedure band exactly flush with the
   566px comparison photo. EN procedure names were changing each card width. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img {
		position: relative !important;
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > .img > p {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 54px !important;
		min-height: 54px !important;
		max-height: 54px !important;
		margin: 0 !important;
		padding: 5px 14px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		background: rgba(0, 0, 0, 0.7) !important;
		color: #fff !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		font-size: 14px !important;
		line-height: 18px !important;
		letter-spacing: -0.045em !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_07 .img_wrap > div > ol {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}

/* 16/view_01 Permanent Canthoplasty B/A gallery: match KR card width. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-item-wrap,
	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-item-operation-name,
	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-01 .sec.before-after .viewBA:not(.AB) .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}
}

/* 21/view_01 B/A case photos: match the KR 566px two-column gallery width. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		max-width: 1172px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 40px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-01 .sec.before-after .viewBA.BA .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}

/* === [2026-05-13] 22/view_05 before-after grid: match KR card spacing ===
   The EN head override narrows .viewBA-container to 1140px and adds an 8px gap,
   which makes the two 566px cards nearly touch. KR uses a 1172px container with
   566px cards and space-between, producing a 40px center gap. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-container,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: -2px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item {
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		flex: 0 0 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-wrap,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-wrap,
	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-operation-name,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-operation-name,
	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-images,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-images {
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc {
		height: 425px !important;
		min-height: 425px !important;
		max-height: 425px !important;
		padding: 36px 0 24px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:first-child,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:first-child {
		height: 170px !important;
		min-height: 170px !important;
		max-height: 170px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:nth-child(2),
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:nth-child(2) {
		height: 175px !important;
		min-height: 175px !important;
		max-height: 175px !important;
		margin-top: 20px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:nth-child(2) > strong,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc > div:nth-child(2) > strong {
		margin-top: 0 !important;
	}

	html body #container .new-wrap.view-22-05 .sec.before-after .viewBA:not(.AB) .viewBA-item-desc p,
	html body #container:has(.new-wrap.view-22-05) .sec.before-after .viewBA:not(.AB) .viewBA-item-desc p {
		width: 100% !important;
		max-width: 100% !important;
		margin: 10px auto 0 !important;
		padding: 0 14px !important;
		box-sizing: border-box !important;
		font-size: 16px !important;
		line-height: 1.35 !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}
}

/* === [2026-05-12] 22/view_05 sec_06 method cards: restore KR photo grid ===
   The generic sec_06 nowrap/228px recovery rules compress this page into one
   long row. KR uses a 1300px wrapping grid: 600px double-image cards and 300px
   single-image cards. Scope this narrowly to the EN Crease Lowering method. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-05 .sec.method.sec_06 > .container {
		width: 1300px !important;
		max-width: 1300px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 > .container > .contents {
		width: 1300px !important;
		max-width: 1300px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case {
		display: inline-flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		justify-content: center !important;
		width: 1300px !important;
		max-width: 1300px !important;
		gap: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		flex: 0 0 300px !important;
		width: 300px !important;
		min-width: 0 !important;
		max-width: 300px !important;
		margin: 100px 10px 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list:has(> .img) {
		flex-basis: 600px !important;
		width: 600px !important;
		min-width: 0 !important;
		max-width: 600px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .img {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 600px !important;
		max-width: 600px !important;
		gap: 0 !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > img,
	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .img > img {
		display: block !important;
		flex: 0 0 300px !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: auto !important;
		object-fit: contain !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 10px 0 !important;
		margin: 0 !important;
		background: #fff !important;
		font-size: 18px !important;
		line-height: 26px !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p strong {
		font-weight: 700 !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p.step06-copy {
		gap: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-line,
	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-note {
		display: block !important;
		width: auto !important;
		height: auto !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-note {
		margin-top: 4px !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .step {
		position: absolute !important;
		left: 50% !important;
		top: -40px !important;
		width: 80px !important;
		height: 80px !important;
		float: none !important;
		clear: both !important;
		position: relative !important;
		min-width: 80px !important;
		min-height: 80px !important;
		max-width: 80px !important;
		max-height: 80px !important;
		margin: 0 0 0 -40px !important;
		padding: 0 5px !important;
		border-radius: 50% !important;
		background: #7AA3BB !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		font-size: 15px !important;
		line-height: 18px !important;
		font-weight: 700 !important;
		color: #fff !important;
		text-align: center !important;
		white-space: normal !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .step > span:first-child {
		display: block !important;
		width: auto !important;
		height: auto !important;
		font-size: 15px !important;
		line-height: 18px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .step > .num {
		display: block !important;
		width: auto !important;
		height: auto !important;
		font-size: 24px !important;
		line-height: 26px !important;
	}

	/* The live DOM can close .new-wrap before sec_06; use a page-scope fallback. */
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 > .container {
		width: 1300px !important;
		max-width: 1300px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 > .container > .contents {
		width: 1300px !important;
		max-width: 1300px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case {
		display: inline-flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		justify-content: center !important;
		width: 1300px !important;
		max-width: 1300px !important;
		gap: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		flex: 0 0 300px !important;
		width: 300px !important;
		min-width: 0 !important;
		max-width: 300px !important;
		margin: 100px 10px 0 !important;
		box-sizing: border-box !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list:has(> .img) {
		flex-basis: 600px !important;
		width: 600px !important;
		min-width: 0 !important;
		max-width: 600px !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .img {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 600px !important;
		max-width: 600px !important;
		gap: 0 !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > img,
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .img > img {
		display: block !important;
		flex: 0 0 300px !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: auto !important;
		object-fit: contain !important;
		box-sizing: border-box !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 10px 0 !important;
		margin: 0 !important;
		background: #fff !important;
		font-size: 18px !important;
		line-height: 26px !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
		box-sizing: border-box !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p strong {
		font-weight: 700 !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p.step06-copy {
		gap: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-line,
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-note {
		display: block !important;
		width: auto !important;
		height: auto !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > p.step06-copy .copy-note {
		margin-top: 4px !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .step {
		position: absolute !important;
		left: 50% !important;
		top: -40px !important;
		width: 80px !important;
		height: 80px !important;
		min-width: 80px !important;
		min-height: 80px !important;
		max-width: 80px !important;
		max-height: 80px !important;
		margin: 0 0 0 -40px !important;
		padding: 0 5px !important;
		border-radius: 50% !important;
		background: #7AA3BB !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		font-size: 15px !important;
		line-height: 18px !important;
		font-weight: 700 !important;
		color: #fff !important;
		text-align: center !important;
		white-space: normal !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .step > span:first-child {
		display: block !important;
		width: auto !important;
		height: auto !important;
		font-size: 15px !important;
		line-height: 18px !important;
	}

	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .step > .num {
		display: block !important;
		width: auto !important;
		height: auto !important;
		font-size: 24px !important;
		line-height: 26px !important;
	}

	/* Match KR: every method-step photo area is 300x281 (or 600x281 for paired photos). */
	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .img,
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .img {
		height: 281px !important;
		min-height: 281px !important;
		max-height: 281px !important;
	}

	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > img,
	html body #container .new-wrap.view-22-05 .sec.method.sec_06 .contents .case > .list > .img > img,
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > img,
	html body #container:has(.new-wrap.view-22-05) .sec.method.sec_06 .contents .case > .list > .img > img {
		height: 281px !important;
		min-height: 281px !important;
		max-height: 281px !important;
		object-fit: fill !important;
	}
}

/* === [4-G4] 16/view_01 sec_02 feature cards: restore KR box geometry ===
   The generic EN caption rule targets every .img_wrap > p, so the p.img photo
   block on Permanent Canthoplasty collapsed to a 40px strip. Keep the four
   feature cards as equal 566x810 boxes, matching the KR side-by-side rhythm. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul {
		align-items: flex-start !important;
		justify-content: center !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li {
		display: flex !important;
		flex: 0 0 566px !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 810px !important;
		min-height: 810px !important;
		max-height: 810px !important;
		margin: 60px 20px 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li > img,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li > img {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		height: 70px !important;
		min-height: 70px !important;
		max-height: 70px !important;
		margin: 0 auto 40px !important;
		object-fit: contain !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap {
		position: relative !important;
		flex: 0 0 700px !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 700px !important;
		min-height: 700px !important;
		max-height: 700px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > p,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > p {
		width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > .tit,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > .tit {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 10px !important;
		overflow: hidden !important;
		background: #333 !important;
		color: #fff !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		letter-spacing: -0.06em !important;
		white-space: nowrap !important;
		text-align: center !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > .img,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > .img {
		position: relative !important;
		display: block !important;
		width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		padding: 0 !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > .img img,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > .des,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > .des {
		display: flex !important;
		flex: 0 0 180px !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		width: 566px !important;
		height: 180px !important;
		min-height: 180px !important;
		max-height: 180px !important;
		padding: 18px 14px !important;
		overflow: hidden !important;
		background: #fff !important;
		font-size: 15px !important;
		line-height: 1.25 !important;
		letter-spacing: -0.05em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
	}

	html body #container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > .des span,
	html body #container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > .des span {
		display: block !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
	}

	/* This page also receives a later inline generic img_wrap caption rule.
	   Use higher specificity so p.img stays a 480px photo area, not a caption. */
	html body #container#container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > p.img,
	html body #container#container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > p.img {
		position: relative !important;
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 0 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > p.img img,
	html body #container#container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > p.img img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
	}

	html body #container#container .new-wrap.view-16-01 .sec.sec_02 .contents > ul > li .img_wrap > p.des,
	html body #container#container .new-wrap.view-16-01 .sec_02 .contents > ul > li .img_wrap > p.des {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 180px !important;
		min-height: 180px !important;
		max-height: 180px !important;
		margin: 0 !important;
		padding: 18px 14px !important;
		overflow: hidden !important;
		background: #fff !important;
		font-size: 15px !important;
		line-height: 1.25 !important;
		letter-spacing: -0.05em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_09 Type 5/6 B/A cards final geometry.
   Keep every card the same width/height and pin Before/After labels inside the
   photo, overriding older generic B/A caption-height rules. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) {
		width: 1172px !important;
		max-width: 1172px !important;
		margin: 60px auto 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 40px !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) > li {
		width: 566px !important;
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) > li > .bna {
		width: 566px !important;
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
		display: flex !important;
		flex-direction: column !important;
		flex: 0 0 320px !important;
		margin: 0 !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > .img {
		position: relative !important;
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		flex: 0 0 240px !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 36px !important;
		z-index: 5 !important;
		overflow: visible !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title span {
		position: absolute !important;
		top: 0 !important;
		width: 70px !important;
		height: 36px !important;
		line-height: 36px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title .before {
		left: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title .after {
		left: 50% !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > p.info {
		width: 566px !important;
		height: 80px !important;
		min-height: 80px !important;
		max-height: 80px !important;
		flex: 0 0 80px !important;
		margin: 0 !important;
		padding: 6px 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
}

/* 15/view_09 Type 5/6 final pass: KR-like compact B/A spacing wins over
   older generic 80px caption normalization rules. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents ul {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents li {
		width: 566px !important;
		flex: 0 0 566px !important;
		height: auto !important;
		min-height: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents li > .bna {
		flex: 0 0 auto !important;
		width: 566px !important;
		height: auto !important;
		min-height: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > .img.col {
		width: 566px !important;
		flex: 0 0 auto !important;
		line-height: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > p.info,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna p.info {
		height: 104px !important;
		min-height: 104px !important;
		max-height: 104px !important;
		margin-top: 0 !important;
		padding: 8px 16px !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
	}
}

/* G1. フッター左右並び復元
   us/head.sub.php の .fzAVcSN .container { max-width:1200; flex-wrap:wrap }
   を us-test 専用で打ち消し。 */
#container .footer .fzAVcSN .container,
.footer .fzAVcSN .container {
	max-width: none !important;
	flex-wrap: nowrap !important;
	width: auto !important;
}

/* 21/view_01: restore the KR comparison layout.
   The global EN safety rules make translated labels expand vertically and push
   the second B/A card to the next row. Keep this page on the original 260px VS
   images and 566px two-column patient-card grid. */
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents {
	gap: 60px !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents > .flex:first-child {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 60px !important;
	width: 100% !important;
	max-width: 880px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents > .flex:first-child > .img_wrap2 {
	flex: 0 0 260px !important;
	width: 260px !important;
	max-width: 260px !important;
	min-width: 260px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap2 > p {
	height: 60px !important;
	min-height: 60px !important;
	max-height: 60px !important;
	padding: 0 12px !important;
	background: #333 !important;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap2 > img {
	display: block !important;
	width: 260px !important;
	height: 260px !important;
	max-width: 260px !important;
	object-fit: cover !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap2 > strong {
	margin: 20px 0 0 !important;
	height: 93px !important;
	min-height: 93px !important;
	max-height: 93px !important;
	font-size: 24px !important;
	line-height: 31px !important;
	font-weight: 700 !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents > .flex:first-child > .vs {
	flex: 0 0 132px !important;
	width: 132px !important;
	height: auto !important;
	min-height: 0 !important;
	font-size: 100px !important;
	line-height: 90px !important;
	padding: 0 !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents > .flex.gap-40.justify-content-center.flex-wrap {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 40px !important;
	width: 1172px !important;
	max-width: 1172px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .contents > .flex.gap-40.justify-content-center.flex-wrap > .flex.column {
	flex: 0 0 566px !important;
	width: 566px !important;
	max-width: 566px !important;
	min-width: 566px !important;
	gap: 40px !important;
	align-items: center !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3_title {
	width: 566px !important;
	max-width: 566px !important;
	height: 54px !important;
	min-height: 54px !important;
	max-height: 54px !important;
	padding: 0 32px !important;
	border-radius: 27px !important;
	font-size: 24px !important;
	line-height: 1.15 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 {
	flex: 0 0 auto !important;
	flex-grow: 0 !important;
	width: 566px !important;
	max-width: 566px !important;
	min-width: 566px !important;
	border-radius: 30px !important;
	overflow: hidden !important;
	align-items: center !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 > p {
	width: 566px !important;
	max-width: 566px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 0 16px !important;
	background: #333 !important;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 > .img,
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 > .img > img {
	width: 566px !important;
	height: 480px !important;
	max-width: 566px !important;
	display: block !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 > ul {
	width: 566px !important;
	max-width: 566px !important;
	padding: 26px 36px !important;
	box-sizing: border-box !important;
	border-radius: 0 0 30px 30px !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_02 .img_wrap3 > ul > li {
	font-size: 18px !important;
	line-height: 28px !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
}

/* 15/view_09 sec_03 B/A cards: keep left and right cards aligned.
   English procedure names wrap to different line counts, so the image starts
   at different Y positions unless the title strip height is normalized. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec.sec_03 .cont_03 .cocoen {
		display: flex !important;
		flex-direction: column !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_03 .cont_03 .cocoen > p {
		height: 90px !important;
		min-height: 90px !important;
		max-height: 90px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 8px 18px !important;
		font-size: 18px !important;
		line-height: 1.28 !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_03 .cont_03 .cocoen > .cont {
		flex: 0 0 auto !important;
		margin-top: 0 !important;
	}

	/* 15/view_09 Canthoplasty Complications Case 1: keep the three Before
	   findings on one line without changing the KR image composition. */
	html body #container .new-wrap.view-15-09 .sec.sec_04_case .cont_01.canthoplasty-case-1 .summary-1 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 55px !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_04_case .cont_01.canthoplasty-case-1 .summary-1 > ul:first-child {
		flex: 0 0 370px !important;
		width: 370px !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_04_case .cont_01.canthoplasty-case-1 .summary-1 > ul:nth-child(2) {
		flex: 0 0 520px !important;
		width: 520px !important;
		max-width: 520px !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_04_case .cont_01.canthoplasty-case-1 .summary-1 .nowrap-before-list {
		width: 520px !important;
		max-width: 520px !important;
	}
	html body #container .new-wrap.view-15-09 .sec.sec_04_case .cont_01.canthoplasty-case-1 .summary-1 .nowrap-before-list > li {
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		font-size: 22px !important;
		line-height: 36px !important;
		letter-spacing: -0.08em !important;
	}
}
/* footer内の各 section に最小幅を確保 */
#container .footer .fzAVcSN .section {
	flex: 0 0 auto !important;
}

/* G2. B/A 灰色帯 (info caption) サイズ固定 + 多行許容
   長い英文施術名でも灰色帯が縦に伸びるが画像幅は固定維持。 */
#container .new-wrap .bna p.info,
#container .new-wrap .img p.info,
#container .new-wrap .img_wrap p.info,
#container .new-wrap p.info {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	min-height: 40px !important;
	line-height: 1.4 !important;
	padding: 8px 16px !important;
	box-sizing: border-box !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* G3. 免責文言 (p.note) 下端余白追加 */
#container .new-wrap p.note,
#container p.note {
	margin-bottom: 60px !important;
	padding-bottom: 0 !important;
}

/* === ナンバリング楕円 → 正円固定 (1-2,1-3,1-4,1-6 共通) === */
#container .new-wrap .num,
#container .new-wrap .step .num,
#container .new-wrap [class*="step"] .num,
#container .new-wrap .number {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

/* 手術項目円形 (앞트임 / 윗트임 / 뒤트임 / 밑트임 等) サイズ統一
   1-4 반달눈성형で「가로세로 통일」要請対応。 */
#container .new-wrap .surgery-circle,
#container .new-wrap .surgery_circle,
#container .new-wrap .item_circle,
#container .new-wrap .circle_item,
#container .new-wrap ul.circle-list > li,
#container .new-wrap ol.circle-list > li {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
}

/* B/A タイトル ピル (横長) 多行許容 */
#container .new-wrap .bna_title strong,
#container .new-wrap .bna_title span {
	white-space: normal !important;
	overflow-wrap: break-word !important;
}

/* === Cocoen B/A ドラッグ復旧 (1-2 듀얼트임, 1-6 극한눈성형 等) ===
   head.sub.php の `#container div[class] { height: auto !important }`
   により、cocoen の絶対配置子要素 (.before, .handle) の高さが0になり
   ドラッグ機能が壊れていた。
   親 .cont の高さに追従するよう top/bottom 0 + height auto を強制。 */
#container .new-wrap .cocoen .before,
#container .new-wrap .cocoen .handle,
#container .new-wrap .cocoen_wrap .cocoen .before,
#container .new-wrap .cocoen_wrap .cocoen .handle {
	top: 0 !important;
	bottom: 0 !important;
	height: auto !important;
	min-height: 240px !important;
}
#container .new-wrap .cocoen .before .img,
#container .new-wrap .cocoen .after .img {
	height: 100% !important;
	min-height: 240px !important;
}
#container .new-wrap .cocoen .before img,
#container .new-wrap .cocoen .after img {
	display: block !important;
	max-width: none !important;
	height: auto !important;
}
/* Cocoen 親 .cont の高さ確保 */
#container .new-wrap .cocoen .cont {
	min-height: 240px !important;
}

/* === タブナビ (.tab ul li) 長文EN対応 (1-1, 1-3 共通) ===
   "Hook-shaped Inner Corner Correction" 等の長い英語が折り返し時に
   中央揃え + 大きいフォントで不整合になる問題を解消。 */
#container .new-wrap .tab ul li {
	font-size: 15px !important;
	line-height: 1.3 !important;
	padding: 12px 6px !important;
	text-align: center !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	letter-spacing: -0.02em !important;
	white-space: normal !important;
}
/* タブ ul 全体に gap で間隔均一化 */
#container .new-wrap .tab ul {
	gap: 4px !important;
}

/* === 1-5 라인낮추기 (.sec.method) 박스 상하 여백 統一 === */
#container .new-wrap .sec.method {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
/* STEP ラベル (01, 02, 03-1, 03-2…) の整列均一化 */
#container .new-wrap .sec.method .step {
	min-width: 140px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 6px 12px !important;
	box-sizing: border-box !important;
}
/* STEP内 .num は元の数字テキストなので円形強制を解除 */
#container .new-wrap .sec.method .step .num {
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	display: inline !important;
	min-height: 0 !important;
}

/* === 1-1 / 1-3 banner 両側白余白対策 === */
#container .new-wrap .main_ban_wrap {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

/* 16/view_01 hero: match KR 668px hero height and prevent the long EN title
   from stretching the model image vertically. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-01 .main_ban_wrap {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-16-01 .main_ban_wrap .container {
		height: 515px !important;
		max-height: 515px !important;
		overflow: visible !important;
	}

	html body #container .new-wrap.view-16-01 .main_ban_wrap .tit h1 {
		width: 780px !important;
		max-width: 780px !important;
		height: auto !important;
		margin-top: 10px !important;
		padding: 0 !important;
		font-size: 58px !important;
		line-height: 1.12 !important;
		letter-spacing: -0.045em !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-16-01 .main_ban_wrap .tit h1 strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		white-space: nowrap !important;
	}
}

/* === 1-3 갈고리 앞트임복원 左寄せ === */
/* contentが center 化された箇所を左寄せに戻す */
#container .new-wrap .sec.js_type .title h2 {
	text-align: left !important;
}
/* 画像間余白統一 */
#container .new-wrap .sec.js_type .img_wrap,
#container .new-wrap .sec.js_type .contents > * {
	margin: 16px 0 !important;
}

/* === Q&A surgery-qna-type-a balloon (全ページ共通) ===
   KR text-align:right が EN 長文(100文字超)で多行右揃え時に左端カット発生。
   対象ページ: 17/view_06 (Lower Fat), 21/view_02 (Trim Recov), 22/view_03 (Hook), 等。
   2차 피드백: .balloon.right を 院長右揃え方針に変更 (G5)。 */
#container .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.right,
#container .new-wrap [class*="qna"] li.info .balloon.right {
	text-align: right !important;
	max-width: calc(100% - 60px) !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word !important;
	word-break: break-word !important;
	white-space: normal !important;
	overflow-x: hidden !important;
}
#container .new-wrap .surgery-qna-type-a .inner_box2 ul li.info .balloon.left,
#container .new-wrap [class*="qna"] li.info .balloon.left {
	text-align: left !important;
	max-width: calc(100% - 60px) !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word !important;
	word-break: break-word !important;
	white-space: normal !important;
	overflow-x: hidden !important;
}
/* 子要素 b/strong/p/img の幅制約 */
#container .new-wrap [class*="qna"] li.info .balloon img,
#container .new-wrap [class*="qna"] li.info .balloon .bna {
	max-width: 100% !important;
	height: auto !important;
}
/* 内部 strong/b の text-align も継承 (右揃えされていた場合の上書き) */
#container .new-wrap [class*="qna"] li.info .balloon strong,
#container .new-wrap [class*="qna"] li.info .balloon b,
#container .new-wrap [class*="qna"] li.info .balloon p {
	text-align: inherit !important;
}

/* ============================================================
   2차 피드백対応 (2026-04-30) — G1-G8 共通CSS横展開
   対象: 21/view_01-03,05 / 15/view_01-06 / 16/view_01-05
        17/view_01-06 / 18/view_01-03
   ============================================================ */

/* === G1. ナンバリング楕円 → 正円 (網羅版) ===
   既存ルール (.num/.number) を拡張。surgery-method-item 等の構造内
   ナンバリングや、`width:80px;height:54px` 等の inline 楕円も網羅。 */
#container .new-wrap .surgery-method-item .num,
#container .new-wrap .surgery-needs-item .num,
#container .new-wrap .box_wrap .num,
#container .new-wrap [class*="surgery-"] .num,
#container .new-wrap .step_box .num,
#container .new-wrap .ord,
#container .new-wrap .order_num,
#container .new-wrap [class*="numbering"] {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

/* === G2. 박스 가로/세로 統一 (viewBA / surgery / step 系) ===
   "박스 크기 통일입니다. 텍스트 양이 많은 박스에 맞춰 통일해주세요"
   要請対応。grid/flexの兄弟要素間で min-height 揃え。 */
#container .new-wrap .surgery-needs-items,
#container .new-wrap .surgery-method-items,
#container .new-wrap .step_box_wrap,
#container .new-wrap .feature_wrap,
#container .new-wrap ul.qa_list,
#container .new-wrap .box_wrap_3 {
	align-items: stretch !important;
}
#container .new-wrap .surgery-needs-item,
#container .new-wrap .surgery-method-item,
#container .new-wrap .step_box,
#container .new-wrap .feature_item,
#container .new-wrap .qa_item,
#container .new-wrap .box_wrap_3 > *,
#container .new-wrap .box_wrap_2 > * {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: 100% !important;
	box-sizing: border-box !important;
}
/* 同列 grid アイテムの中身を均等配置 */
#container .new-wrap .surgery-needs-item-boundary,
#container .new-wrap .surgery-method-item-boundary {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

/* === G3. 텍스트박스 좌우/상하 여백 統一 ===
   "텍스트 좌우여백 미적용"・"중간여백이 너무 큽니다" 対応。
   PSD/HTMLで余白がゼロな箇所に最低限のpadding確保。 */
#container .new-wrap .gradient_box,
#container .new-wrap .gradient-box,
#container .new-wrap [class*="gradient"]:not(.gradient_text):not(span):not(strong) {
	padding-left: 32px !important;
	padding-right: 32px !important;
	box-sizing: border-box !important;
}
#container .new-wrap .gradient_box p,
#container .new-wrap .gradient_box strong,
#container .new-wrap [class*="gradient"] p,
#container .new-wrap [class*="gradient"] strong {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

/* === G4. 환자이미지-수술명 박스 가로길이 統一 ===
   viewBA-item 系列の casename(수술명) と images(환자이미지) を
   同一max-widthで揃え、操作名長文時の不揃いを防ぐ。 */
#container .new-wrap .viewBA-item,
#container .new-wrap .viewBA-item-wrap {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
#container .new-wrap .viewBA-item-casename,
#container .new-wrap .viewBA-item-operation-name,
#container .new-wrap .viewBA-item-images,
#container .new-wrap .viewBA-item-desc {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
#container .new-wrap .viewBA-item-operation-name {
	min-height: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 8px 12px !important;
	overflow-wrap: break-word !important;
	word-break: keep-all !important;
}

/* === G5. 말풍선 꼬리 + 원장님 멘트 오른쪽정렬 ===
   .bubble.q (患者) は左寄せ・吹き出し左尾、.bubble.a (院長) は
   右寄せ・吹き出し右尾を維持。共通overflow対策。 */
#container .new-wrap .bubble,
#container .new-wrap .bubble.q,
#container .new-wrap .bubble.a {
	max-width: calc(100% - 40px) !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word !important;
	word-break: keep-all !important;
	white-space: normal !important;
	line-height: 1.5 !important;
}
#container .new-wrap .bubble.q {
	text-align: left !important;
	margin-right: auto !important;
	margin-left: 0 !important;
}
#container .new-wrap .bubble.a {
	text-align: right !important;
	margin-left: auto !important;
	margin-right: 0 !important;
}
/* 院長 (a 側) 内部 p/strong も右揃え継承 */
#container .new-wrap .bubble.a p,
#container .new-wrap .bubble.a strong,
#container .new-wrap .bubble.a span {
	text-align: right !important;
}
/* 患者 (q 側) 内部は左揃え */
#container .new-wrap .bubble.q p,
#container .new-wrap .bubble.q strong,
#container .new-wrap .bubble.q span {
	text-align: left !important;
}

/* 17/view_01 doctor answer bubbles: the base design centers the doctor's
   speech text, so restore that only on this page without changing other Q&A. */
html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a,
html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a p,
html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a p *,
html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a p span,
html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a p strong {
	text-align: center !important;
}

html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_07.title .bubble.a p span {
	align-items: center !important;
}

/* === G6. 체크박스 中央配置 ===
   "체크표시 박스 중앙에 오게" 対応。
   .check_box / icon_check 系を flex 中央寄せ。 */
#container .new-wrap .check_box,
#container .new-wrap .icon_check,
#container .new-wrap [class*="check"]:not([class*="checked"]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
}

/* === G7. 자막박스 (gif/image caption) 가로길이統一 ===
   "모양 자막박스 가로길이 오류 , 하단 gif 수술명도 함께 수정"
   2-4 등で gif 下部キャプション幅不揃いを修正。 */
#container .new-wrap .gif_caption,
#container .new-wrap .img_caption,
#container .new-wrap .video_caption,
#container .new-wrap .surgery-name-caption {
	width: 100% !important;
	max-width: 100% !important;
	text-align: center !important;
	box-sizing: border-box !important;
	padding: 8px 16px !important;
	min-height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* === G8. 환자 이미지 中央配置 ===
   "환자 이미지 중앙정렬 미적용" 対応。
   viewBA-item-images 内の <img> を中央配置。 */
#container .new-wrap .viewBA-item-images,
#container .new-wrap .patient_image_wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
#container .new-wrap .viewBA-item-images img,
#container .new-wrap .patient_image_wrap img {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	max-width: 100% !important;
}

/* === 大제목 높이 統一 (4-1, 6-1, 6-3) ===
   "대제목 높이 맞춰주세요(짧은문장 볼드체아래로 여백 추가)"
   .title h2 の min-height で揃える。 */
#container .new-wrap .sec .title h2,
#container .new-wrap .sec_title h2,
#container .new-wrap [class*="sec_"] > .title h2 {
	min-height: 60px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding-bottom: 12px !important;
}

/* === 점선 잘림 防止 (6-3) === */
#container .new-wrap [class*="dashed"],
#container .new-wrap .dashed_line,
#container .new-wrap .dotted_line,
#container .new-wrap [style*="border-bottom: 1px dashed"],
#container .new-wrap [style*="border-bottom:1px dashed"] {
	overflow: visible !important;
	padding-bottom: 8px !important;
}

/* === Swiper pagination bullet 楕円→正円 (5-1で発生) === */
#container .new-wrap .swiper-pagination-bullet,
.swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
}

/* === Why-img / 해부도 (3-1 why-img) 補正なし: 画像差し替えのみ === */

/* === 2차 피드백 追加修正: 残り楕円対応 (Playwright検証で判明) ===
   (1) strong.type 内 span (17/01, 16/01, 21/01)
   (2) h4 直下 span (21/02)
   (3) dl > dt > h5 > strong (18/03, 17/06)
   いずれも class なしで親階層特定が必要。 */
#container .new-wrap strong.type > span,
#container .new-wrap h4 > span:first-child,
#container .new-wrap dl > dt > h5 > strong,
#container .new-wrap dl > dt strong:first-child,
#container .new-wrap [class*="step"] strong.type span,
#container .new-wrap .container strong.type span {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

/* === Balloon overflow + 院長右揃え (.balloon.right / .balloon.left) ===
   既存 .bubble.q/.a だけでは網羅不足 (21/02, 17/06 で .balloon.right 多発)。
   .balloon.right = 院長サイド (右揃え + 末尾右側 tail)
   .balloon.left  = 患者サイド (左揃え + 先頭左側 tail) */
#container .new-wrap .balloon,
#container .new-wrap .balloon.right,
#container .new-wrap .balloon.left,
#container .new-wrap div.balloon {
	max-width: calc(100% - 60px) !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word !important;
	word-break: break-word !important;
	white-space: normal !important;
	padding: 16px 24px !important;
	line-height: 1.55 !important;
}
#container .new-wrap .balloon.right {
	text-align: right !important;
	margin-left: auto !important;
	margin-right: 0 !important;
}
#container .new-wrap .balloon.left {
	text-align: left !important;
	margin-right: auto !important;
	margin-left: 0 !important;
}
/* 内部 strong/p/span 揃え継承 */
#container .new-wrap .balloon.right strong,
#container .new-wrap .balloon.right p,
#container .new-wrap .balloon.right span {
	text-align: right !important;
}
#container .new-wrap .balloon.left strong,
#container .new-wrap .balloon.left p,
#container .new-wrap .balloon.left span {
	text-align: left !important;
}
/* 内部要素の max-width 制約 (scrollWidth overflow 防止) */
#container .new-wrap .balloon b,
#container .new-wrap .balloon strong,
#container .new-wrap .balloon span,
#container .new-wrap .balloon p,
#container .new-wrap .balloon > *,
#container .new-wrap [class*="qna"] li.info .balloon b,
#container .new-wrap [class*="qna"] li.info .balloon strong,
#container .new-wrap [class*="qna"] li.info .balloon span,
#container .new-wrap [class*="qna"] li.info .balloon p {
	max-width: 100% !important;
	display: inline-block !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	box-sizing: border-box !important;
}
/* 21/03 残楕円対応: STRONG.type 内 SPAN (.balloon と別ルートで残ってた) */
#container .new-wrap [class*="bna"] strong.type span,
#container .new-wrap [class*="patient"] strong.type span,
#container .new-wrap .qa_section strong.type span {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* === 21/02 balloon内 .bna p.info の超長文 break-word 対応 ===
   既存 G2 (1차) で `p.info { word-break: keep-all }` 設定→
   括弧連結された施術名 ("Incisional Double Eyelid(Revision)+Axis...") が改行されず
   横はみ出し発生。balloon配下のp.info に限り break-all に上書き (単語境界無視で強制改行)。 */
#container .new-wrap .balloon .bna p.info,
#container .new-wrap .balloon p.info,
#container .new-wrap [class*="qna"] .balloon p.info {
	word-break: break-all !important;
	overflow-wrap: anywhere !important;
	white-space: normal !important;
	max-width: 100% !important;
}
/* .bna も .balloon内では強制 overflow制限 */
#container .new-wrap .balloon .bna {
	max-width: 100% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
#container .new-wrap .balloon .bna * {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* 21/03 num_title > strong (3-3,3-4 etc も同パターン) */
#container .new-wrap div.num_title > strong,
#container .new-wrap .num_title strong:first-child {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

/* ============================================================
   3차 피드백 (2026-05-04) — 시선특화수술 2次再要請 + 동안/중년 1次 + 共通5項目
   重要方針: 「修正要請 미반영」を最優先で消化。
   ============================================================ */

/* === [3-G1] mo / yr → months / year 表記統一 ===
   英語版で "(2 mo)" "(1 yr)" 等の略記を完全形に。
   text置換は CSSで不可なので head.sub.php の JS辞書に追加 (別途対応)。
   ここでは CSS で楕円状のラベル背景に max-width 確保。 */

/* === [3-G2] 22/04, 22/05 残楕円 (수정요청 미반영で再発) ===
   p.number li > span (22/04) / div.caption span (22/04) /
   h4 > span (22/05) - 既存ルールで漏れていたパターン */
#container .new-wrap p.number li > span,
#container .new-wrap p.number ul.info li > span,
#container .new-wrap ul.info li > p.number span,
#container .new-wrap div.caption > span,
#container .new-wrap div.caption strong + span,
#container .new-wrap .sec_04 div.caption span,
#container .new-wrap [class*="Dvve"] div.caption span,
#container .new-wrap div.section h4 > span,
#container .new-wrap .container h4 > span,
#container .new-wrap h4 > span:first-of-type,
/* .new-wrap が存在しないページ (22/05 等) のフォールバック */
#container .sec.before-after .container .section h4 > span,
#container .sec.before-after h4 > span,
#container .section h4 > span,
#container .container .section h4 > span,
#container > .sec h4 > span:first-child,
#container .container h4 > span,
#container p.number li > span,
#container p.number > span,
#container div.caption > span,
#container div.caption strong + span {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

/* === [3-G3] viewBA-item 内 image-casename幅 完全統一 (강화版) ===
   "수술명박스와 환자 이미지 가로길이 맞춰주세요" を厳格適用。
   全 .viewBA-item 内 imgWrap と casename を同じ container幅に。 */
#container .new-wrap .viewBA-item-wrap,
#container .new-wrap .viewBA-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
}
#container .new-wrap .viewBA-item-wrap > *,
#container .new-wrap .viewBA-item > * {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#container .new-wrap .viewBA-item-images {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
#container .new-wrap .viewBA-item-images img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
}

/* === [3-G4] 同行内 수술명 박스 高さ統一 (CSS only flex equalize) ===
   "같은줄에 위치하고 있는 항목끼리는 수술명 높낮이 맞춰주셔야 합니다"
   親 grid/flex を align-items: stretch にして 子 .viewBA-item-operation-name 全部同じ高さ。 */
#container .new-wrap .viewBA-list,
#container .new-wrap .case_list,
#container .new-wrap .ba_list,
#container .new-wrap [class*="viewBA-list"],
#container .new-wrap ul[class*="case"],
#container .new-wrap div[class*="case_"][class*="list"] {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
}
#container .new-wrap .viewBA-list > li,
#container .new-wrap .viewBA-list > div,
#container .new-wrap .case_list > li,
#container .new-wrap .case_list > div {
	display: flex !important;
	flex-direction: column !important;
}
#container .new-wrap .viewBA-list > li > .viewBA-item-wrap,
#container .new-wrap .viewBA-list > div > .viewBA-item-wrap,
#container .new-wrap .viewBA-list > .viewBA-item,
#container .new-wrap .viewBA-list > * > .viewBA-item {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
}
/* 重要: .viewBA-item-operation-name の min-height 統一 */
#container .new-wrap .viewBA-item-operation-name {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	min-height: 72px !important;  /* 2行分の高さを確保 → 1行も2行も同じ高さ */
	padding: 8px 12px !important;
	overflow-wrap: break-word !important;
	word-break: keep-all !important;
	box-sizing: border-box !important;
	line-height: 1.4 !important;
}

/* === [3-G5] case 버튼 가로길이 (横長すぎ修正) ===
   "Case 버튼 가로로 너무 깁니다" 全ページ対応。
   "View XXX Cases" や "Case 더보기" 等の長文ボタンを 適度な幅に制限。 */
#container .new-wrap a.case_btn,
#container .new-wrap .more_case,
#container .new-wrap [class*="case_btn"],
#container .new-wrap [class*="more-case"],
#container .new-wrap [class*="MoreCase"],
#container .new-wrap .dual-more-btn a,
#container .new-wrap a[href*="case"][class*="btn"] {
	max-width: 280px !important;
	white-space: normal !important;
	word-break: keep-all !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* === [3-G6] 右下 floating ポップアップボタン 楕円→正円 ===
   "우측하단 원형 팝업버튼 - 楕円→正円 修正". 通常 .floating, .quick_btn 系。 */
#container .floating_btn,
#container .quick_btn,
#container .float_pop,
#container [class*="floating"][class*="btn"],
#container [class*="popup_btn"],
.floating_btn,
.quick_btn {
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
}

/* === [3-G7] Drag arrow B/A overlay 上に乗せる ===
   "전후사진 드래그 화살표 이미지위로 올려주세요. 현재 수술명 구역에 올라와있음"
   .cocoen .handle / .drag_arrow を z-index 強制最前. */
#container .new-wrap .cocoen .handle,
#container .new-wrap .cocoen_wrap .handle,
#container .new-wrap [class*="drag_arrow"],
#container .new-wrap .ba_drag {
	z-index: 5 !important;
	pointer-events: auto !important;
}

/* === [3-G8] 박스 좌右 흰色띠 解消 (1-1) ===
   "[듀얼트임-갈고리눈성형-반달눈성형-라인낮추기] 박스 좌우 흰색 띠 생성"
   左右に white space が出る = container width が中身より広い。 */
#container .new-wrap .box_wrap0,
#container .new-wrap .box_wrap1,
#container .new-wrap .box_wrap_4,
#container .new-wrap [class*="box_wrap"] > [class*="box"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* === [3-G9] gradient_box 背景 색상띠 누락 復元 (1-2) ===
   "[듀얼트임] 박스 뒤 색상띠 누락"
   既存 G3 の gradient padding 設定が背景透明化していた可能性. 透明化禁止. */
#container .new-wrap .gradient_box,
#container .new-wrap [class*="gradient"] {
	background-color: inherit !important;
}

/* === [3-G2b] .new-wrap 無しページ用 G3/G4 フォールバック ===
   22/05, 시선特化系等 .new-wrap クラスが無い場合の対応 */
#container .viewBA-item-operation-name {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	min-height: 72px !important;
	padding: 8px 12px !important;
	overflow-wrap: break-word !important;
	word-break: keep-all !important;
	box-sizing: border-box !important;
	line-height: 1.4 !important;
}
/* 元 KR の grid layout を尊重するため、 強制flex-direction はやめる */
/* #container .viewBA-item, #container .viewBA-item-wrap { ... 削除 } */

#container .viewBA-list,
#container .case_list,
#container ul[class*="case"] {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
}

/* === [3-G10] 7-6 (20/view_01) ヒーロー部復元 ===
   "코딩 다시해주세요. 메인(상단)부터 미노출中" 対応。
   .common-top.submenu08 が height:0 で潰れてる (head.sub.php の汎用 height:auto override 副作用)。
   元 KR は子コンテンツの自然な高さ確保で表示。 */
#container .new-wrap .common-top,
#container .new-wrap .common-top.submenu08 {
	height: auto !important;
	min-height: 760px !important;
}
#container .new-wrap .common-top .top-content,
#container .new-wrap .common-top .content-box {
	height: auto !important;
	min-height: 700px !important;
}
/* common-top 内 model-img も背景画像に対応する高さ確保 */
#container .new-wrap .common-top .model-img {
	min-height: 700px !important;
	height: auto !important;
}

/* === [3-G12] 시선철학 (12/06) PSD 노출오류 共通対応 ===
   "전반적으로 노출오류中" - 画像 missing/path誤り 場合の fallback 余白. */
#container .new-wrap .desc-img,
#container .new-wrap .description-component .image {
	min-height: 100px !important;
}

/* === [3-G13] 하단지도 (12/08-09) 나열オーダー fix ===
   "하단지도 나열오류" - flex/grid を強制で適切に並べる. */
#container .new-wrap .map-info,
#container .new-wrap .map_wrap > *,
#container .new-wrap [class*="map"][class*="info"] {
	box-sizing: border-box !important;
}

/* === [3-G15] 12/06 (8-1 Why SISUN) "No Non-specialists" 列幅修正 ===
   .why_01 .contents dl dt が width:140px で "No Overtreatment" が
   "No / Overtreatme / nt" と3行に折り返し、 さらに単語途中切れ発生。
   min-width 拡張 + keep-all + 폰트縮小で1行表示に。 */
#container .new-wrap .why_01 .contents dl dt,
#container .why_01 .contents dl dt,
#container .new-wrap [class*="why_"] .contents dl dt,
#container [class*="why_"] .contents dl dt {
	min-width: 240px !important;
	width: auto !important;
	max-width: 280px !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	font-size: 22px !important;
	line-height: 1.35 !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
	white-space: normal !important;
}
/* dl も適切な flex layout */
#container .new-wrap .why_01 .contents dl,
#container .why_01 .contents dl,
#container .new-wrap [class*="why_"] .contents dl {
	align-items: flex-start !important;
}

/* === [3-G18] 12/09 시선철학 タブナビ 文字縮小 + 高さ確保 ===
   "Importance of Eye Shape" 等が タブ box の下からはみ出し ("Shape"の"p"カット)。
   line-height 調整 + min-height 確保 + 폰트縮小. */
#container .new-wrap ul.menu.js_menu li,
#container .new-wrap ul.menu li,
#container ul.menu.js_menu li {
	font-size: 12px !important;
	line-height: 1.3 !important;
	min-height: 80px !important;
	height: auto !important;
	padding: 12px 6px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	overflow: visible !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}
#container .new-wrap ul.menu.js_menu,
#container .new-wrap ul.menu,
#container ul.menu.js_menu {
	align-items: stretch !important;
}

/* === [3-G19] 12/02 .intro-history (Career History + Published Papers) 復元 ===
   head.sub.php の `#container div[class] { height: auto }` 副作用で
   .intro-history が height:0 に潰れていた。 KR では height:717px で表示。 */
#container .new-wrap .intro-history,
#container .intro-history {
	min-height: 720px !important;
	height: auto !important;
	position: relative !important;
	overflow: visible !important;
}
#container .new-wrap .intro-history .layer,
#container .intro-history .layer {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 0 !important;
}
#container .new-wrap .intro-history .txt-box,
#container .intro-history .txt-box {
	position: relative !important;
	z-index: 2 !important;
	padding: 80px 40px !important;
	min-height: 600px !important;
}
/* .treatise (論文発表) も同じ問題リスク */
#container .new-wrap .treatise,
#container .treatise {
	height: auto !important;
	min-height: 200px !important;
}

/* === [3-G20] 12/02 .intro-history と .treatise の重なり解消 ===
   英文長 で intro-history 内 履歴リストが下まで伸び、
   treatise (Published Papers) 白box と重なる。
   下端 padding 拡張 + treatise margin-top で分離。 */
#container .new-wrap .intro-history,
#container .intro-history {
	padding-bottom: 200px !important;
	min-height: 900px !important;
}
#container .new-wrap .intro-history .txt-box,
#container .intro-history .txt-box {
	padding-bottom: 200px !important;
	min-height: 700px !important;
}
#container .new-wrap .treatise,
#container .treatise {
	margin-top: 60px !important;
	padding-top: 40px !important;
	background-color: #fff !important;
	position: relative !important;
	z-index: 3 !important;
}

/* === [3-G21] 12/02 2番目 hero (.inner > .model-img) 院長写真 復元 ===
   親 .inner が head.sub.php の height:auto override で 0px に潰れて、
   子 .model-img も 0 で 院長半身像 (intro_doctor.png) 表示されない。 */
#container .new-wrap .inner,
#container .inner {
	min-height: 800px !important;
	height: auto !important;
	position: relative !important;
}
#container .new-wrap .inner .model-img,
#container .inner .model-img {
	min-height: 780px !important;
	height: 780px !important;
	width: 692px !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	display: block !important;
	z-index: 1 !important;
}


/* === [3-G22] 12/02 .intro-doctor 微調整 (font 少し小さく + Chief Surgeon 改行) ===
   ユーザー指示: 「ほんの少しだけ文字を小さく」+「Chief Surgeon...は改行」 */
#container .new-wrap .intro-doctor .txt-title strong[style*="68px"],
#container .intro-doctor .txt-title strong[style*="68px"] {
	font-size: 64px !important;
}
#container .new-wrap .intro-doctor .txt-title span[style*="24px"],
#container .intro-doctor .txt-title span[style*="24px"] {
	font-size: 22px !important;
	display: block !important;
	margin-left: 0 !important;
	margin-top: 12px !important;
	width: 100% !important;
}
#container .new-wrap .intro-doctor .txt-sub p,
#container .intro-doctor .txt-sub p {
	font-size: 15px !important;
	line-height: 1.7 !important;
}
/* 親 flex を column 化して strong + span を 縦並び (右寄せ) に */
#container .new-wrap .intro-doctor .txt-title > div[style*="flex"],
#container .intro-doctor .txt-title > div[style*="flex"] {
	flex-direction: column !important;
	align-items: flex-end !important;
}
#container .new-wrap .intro-doctor .txt-title > div[style*="flex"] strong,
#container .intro-doctor .txt-title > div[style*="flex"] strong {
	white-space: nowrap !important;
	width: auto !important;
}
#container .new-wrap .intro-doctor .txt-title > div[style*="flex"] span,
#container .intro-doctor .txt-title > div[style*="flex"] span {
	width: auto !important;
	white-space: nowrap !important;
}

/* === [3-G24] 12/02 上部hero (.common-top.intro-sisun) タイトル整列 ===
   ユーザー指示: タイトル「Shin Jaehoon」を1行 / 「Board-certified Plastic Surgeon」を下行 / 写真と被らない */
#container .new-wrap .common-top.intro-sisun .title-box {
	max-width: 600px !important;
	box-sizing: border-box !important;
}
#container .new-wrap .common-top.intro-sisun .title-box h2.black {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	line-height: 1.2 !important;
}
#container .new-wrap .common-top.intro-sisun .title-box h2.black > strong {
	display: block !important;
	white-space: nowrap !important;
	font-size: 64px !important;
	line-height: 1.1 !important;
	margin-bottom: 16px !important;
}
#container .new-wrap .common-top.intro-sisun .title-box h2.black > span {
	display: block !important;
	white-space: nowrap !important;
	font-size: 22px !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
}

/* === [3-G14再] common-top.intro-sisun container 中央寄せ復元 ===
   KR 元 CSS では .content-box max-width:1200 center だが EN で効かない。 */
#container .new-wrap .common-top.intro-sisun {
	position: relative !important;
}
#container .new-wrap .common-top.intro-sisun .content-box {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 80px 40px !important;
	box-sizing: border-box !important;
	position: relative !important;
}
#container .new-wrap .common-top.intro-sisun .title-box {
	position: relative !important;
	z-index: 2 !important;
}

/* === [3-G25] 20/view_01 (.pakage-component) section title button: pill shape (KR本家準拠) ===
   ユーザー指示: 「풀페이스 / Full Face を同じボタンの形にして」(2026-05-05)
   G2 (h4 > span 80x80 円形ルール) が 20/view_01 の <h4><span>Full Face/Forehead/Eyelids</span></h4>
   にも適用され circle + text overflow ("Fac" 切れ) になる。
   KR本家は pill (rounded rectangle) なので .pakage-component / .before-after-component
   配下に限り pill に戻す。G2 より後方かつ specificity 同等なので !important 競合で勝つ。 */
#container .pakage-component .container h4 > span,
#container .before-after-component .container h4 > span,
#container .pakage-component h4 > span:first-child,
#container .before-after-component h4 > span:first-child {
	aspect-ratio: auto !important;
	border-radius: 8px !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 12px 32px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	line-height: 1.2 !important;
}

/* === [3-G25] 20/view_03 (+他) B/A 2列 grid 復元 ===
   KR は .viewBA-item width 566px (~50%) で 2列。EN で 1140px (100%) になって 1列。
   注: .viewBA.AB クラスは 1列 (Above/Below 縦並び型) なので除外。
       .viewBA.BA クラスのみ 2列 (Before/After 横並び型)。 */
#container .new-wrap .viewBA:not(.AB) .viewBA-item,
#container .viewBA:not(.AB) .viewBA-item {
	width: calc(50% - 15px) !important;
	max-width: calc(50% - 15px) !important;
	flex: 0 0 calc(50% - 15px) !important;
	box-sizing: border-box !important;
}
/* .viewBA.AB は 1列 (KR一致): 1 case が full width で 縦並び */
#container .new-wrap .viewBA.AB .viewBA-item,
#container .viewBA.AB .viewBA-item {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	box-sizing: border-box !important;
}
#container .new-wrap .viewBA,
#container .new-wrap .viewBA-list,
#container .new-wrap .viewBA-list-wrap,
#container .viewBA,
#container .viewBA-list,
#container .viewBA-list-wrap {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 30px !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
}

/* === [3-G27] 20/view_01 Assessment / Surgical Note 円形維持 + テキスト縮小 ===
   ユーザー指示: 「Assessmentこういう円形が伸びているやつも元に韓国語の綺麗な丸にして
                文字が大きい場合は文字のテキストを小さくして」(2026-05-05)
   KR元: <h5><strong>진단</strong></h5> / <h5 class="h5-2"><strong>수술</strong><strong>Note</strong></h5>
        が 60x60 円形 (line-height:60px + bg pink + border-radius:50%)
   英文: Assessment / Surgical Note が wrap して h5 高さ 75px に伸び 縦長オバール化
   → h5 強制 60x60 1:1, line-height:1, flex column center, overflow:hidden
     strong font-size 11px に縮小で 1-2行収納 (KR と同じ正円). */
#container .pakage-component dd.desc h5,
#container .before-after-component dd.desc h5,
#container .pakage-component .desc > h5,
#container .before-after-component .desc > h5 {
	width: 60px !important;
	height: 60px !important;
	min-height: 60px !important;
	max-height: 60px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	line-height: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	font-size: 0 !important;
	padding: 6px !important;
	text-align: center !important;
}
#container .pakage-component dd.desc h5 strong,
#container .before-after-component dd.desc h5 strong,
#container .pakage-component .desc > h5 strong,
#container .before-after-component .desc > h5 strong {
	font-size: 10px !important;
	line-height: 1.1 !important;
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: center !important;
	color: #fff !important;
	word-break: keep-all !important;
	white-space: normal !important;
	letter-spacing: -0.02em !important;
}
#container .pakage-component dd.desc h5,
#container .before-after-component dd.desc h5 {
	padding: 3px !important;
}

/* === [3-G28] STEP 円形バッジ 縦伸び解消 (17/06, 18/03, 22/04 等) ===
   サイト全体スキャン (Playwright) で発見:
   - 17/view_06.php: h5 STEP01-03 (80x123, 緑bg) → DIV.step-component .process DT
   - 18/view_03.php: h5 STEP01-03 (90x130, 青bg) → DIV.process DT
   - 22/view_04.php: h4 STEP01-03 (80x119, 青bg) → DIV.sec.sec_04.Dvveup UL LI
   構造: <h5><span>STEP</span><strong>NN</strong></h5> (h4 も同形)
   KR元は 80x80 / 90x90 正円だが、英訳で line-height 蓄積で高さ 1.5倍に伸びオバール化。
   → 親 .step-component / .process / .Dvveup / .sec_04 限定で aspect-ratio:1/1 強制
     + 内部 span/strong を flex center で円内収納. */
#container .step-component dt > h5,
#container .process dt > h5,
#container .step-component dt h5,
#container .process dt h5,
#container [class*="Dvveup"] ul > li > h4,
#container .sec.sec_04 ul > li > h4,
#container [class*="Dvveup"] li > h4,
#container .sec_04 li > h4 {
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	padding: 6px !important;
	box-sizing: border-box !important;
	gap: 2px !important;
}
#container .step-component dt > h5 > span,
#container .process dt > h5 > span,
#container .step-component dt h5 > span,
#container .process dt h5 > span,
#container [class*="Dvveup"] ul > li > h4 > span,
#container .sec.sec_04 ul > li > h4 > span,
#container [class*="Dvveup"] li > h4 > span,
#container .sec_04 li > h4 > span {
	font-size: 12px !important;
	line-height: 1 !important;
	display: block !important;
	margin: 0 !important;
	letter-spacing: -0.02em !important;
}
#container .step-component dt > h5 > strong,
#container .process dt > h5 > strong,
#container .step-component dt h5 > strong,
#container .process dt h5 > strong,
#container [class*="Dvveup"] ul > li > h4 > strong,
#container .sec.sec_04 ul > li > h4 > strong,
#container [class*="Dvveup"] li > h4 > strong,
#container .sec_04 li > h4 > strong {
	font-size: 24px !important;
	line-height: 1 !important;
	display: block !important;
	margin: 0 !important;
}
/* === [3-G29] 2026-05-05 feedback gap fixes ===
   Subagent verification found several "対応済" claims that were still visually off.
   Keep this block at the end so it wins over earlier broad emergency overrides. */

/* G12 / 1-5: STEP number badges were still rectangular or oval on some pages
   (16/03, 17/05, 22/05). Force the numeric span itself back to a true 80x80 circle. */
#container .new-wrap .case .step .num,
#container .new-wrap .sec.method .step .num,
#container .case .step .num,
#container .sec.method .step .num {
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
	text-align: center !important;
	flex-shrink: 0 !important;
}
#container .new-wrap .case .step,
#container .new-wrap .sec.method .step,
#container .case .step,
#container .sec.method .step {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-sizing: border-box !important;
}

/* 1-3 Hook-shaped Inner Corner Correction: section titles must be centered. */
#container .new-wrap .sec.js_type .title,
#container .new-wrap .sec.js_type .title h2,
#container .new-wrap .sec.js_type .title p,
#container .new-wrap .sec.js_type .title .title-inner {
	text-align: center !important;
}
#container .new-wrap .sec.js_type .title .title-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
#container .new-wrap .sec.js_type .title .title-inner h2,
#container .new-wrap .sec.js_type .title .title-inner p {
	text-align: center !important;
}

/* G22: .viewBA-item-casename is a case-name pill, not the operation/image box.
   Earlier width-unification stretched it to the full 555px card width on 22-series pages. */
#container .new-wrap .viewBA .viewBA-item > .viewBA-item-casename,
#container .viewBA .viewBA-item > .viewBA-item-casename {
	width: auto !important;
	max-width: 280px !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 46px !important;
	display: inline-flex !important;
	align-self: center !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 24px !important;
	line-height: 1.25 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	box-sizing: border-box !important;
	text-align: center !important;
}

/* Cocoen compatibility: some validators look for .cocoen-drag while this site uses .handle. */
#container .new-wrap .cocoen .handle,
#container .new-wrap .cocoen .cocoen-drag {
	z-index: 10 !important;
	cursor: ew-resize !important;
	pointer-events: auto !important;
}

/* === [3-G30] 20/view_03 Surgical Method cards: prevent EN captions from overlapping images ===
   This page has four process cards where the original KR layout vertically centered a short
   caption inside a fixed-height area. EN captions are longer, so keep the badge, image, and
   text as separate stacked blocks. */
#container .new-wrap .view03-surgery-method .commonBox {
	overflow: visible !important;
}
#container .new-wrap .view03-surgery-method .process,
#container .new-wrap .view03-surgery-method .process ul,
#container .new-wrap .view03-surgery-method .process li {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 24px !important;
	width: 100% !important;
	min-height: 390px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 225px !important;
	min-width: 225px !important;
	max-width: 225px !important;
	min-height: 390px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dt {
	position: relative !important;
	display: block !important;
	width: 225px !important;
	min-width: 225px !important;
	max-width: 225px !important;
	min-height: 304px !important;
	padding-top: 58px !important;
	margin: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dt > h5 {
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
	height: 90px !important;
	min-height: 90px !important;
	max-height: 90px !important;
	margin: 0 !important;
	padding: 7px !important;
	border-radius: 50% !important;
	z-index: 3 !important;
	box-sizing: border-box !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dt > img {
	position: static !important;
	display: block !important;
	width: 225px !important;
	max-width: 225px !important;
	height: auto !important;
	margin: 0 auto !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dd {
	position: static !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 84px !important;
	margin: 14px 0 0 !important;
	padding: 0 4px !important;
	background: transparent !important;
	transform: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	text-align: center !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dd p {
	position: static !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	transform: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}
#container .new-wrap .view03-surgery-method .process > ul > li > dl > dd p > span {
	position: static !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	font-size: 18px !important;
	line-height: 1.42 !important;
	font-weight: 400 !important;
	color: #333 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* === [3-G27] 20/03 .first / DD 高さ auto (英文長対応) ===
   KR は 2行 (볼살이 많아 처졌고 / 이 이중으로 겹친 상태) で 21px 固定 OK。
   EN は 4-5行 ("Cheek fat is heavy and sagging, with a double-folded chin line")
   で 21px 越えて はみ出る。 height auto + min-height 維持. */
html body div#container [class*="about0"] dl,
html body div#container [class*="about0"] dl.first,
html body div#container [class*="about0"] dl > dd,
html body div#container [class*="aboutBox"] dl,
html body div#container [class*="aboutBox"] dl > dd,
html body div#container .commonBox dl,
html body div#container .commonBox dl > dd {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}
html body div#container [class*="about0"] dl > dd p,
html body div#container [class*="aboutBox"] dl > dd p,
html body div#container .commonBox dl > dd p {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* === [3-G27b] .step-component DL/DD 高さ auto (英文長対応) === */
html body div#container .step-component .process ul li dl,
html body div#container .step-component .process ul li dl > dd,
html body div#container .step-component dl,
html body div#container .step-component dl > dd,
html body div#container .step-component dl > dd > p {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}
html body div#container .step-component .process ul li {
	height: auto !important;
	min-height: 0 !important;
}

/* === [3-G27c] .first class 含む most specific === */
html body div#container div.step-component div.process ul li dl.first,
html body div#container div.step-component div.process ul li dl.first dd,
html body div#container div.step-component div.process ul li dl,
html body div#container div.step-component div.process ul li dl dd,
html body div#container div.step-component div.process ul li dd p,
html body div#container div.step-component div.process ul li dl.first p {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

/* === [3-G30] 20/view_03.php 4円バブル 文字均等&中央配置 (KR仕様より統一感優先) ===
   ユーザー要望: Before Surgery / STEP01 / STEP02 / After Surgery 全て同サイズ font + 円中央
   → flex column center で 縦横中央 + span/strong 共に 13px / line-height 1.25 統一 */
#container .step-component.view03-surgery-method dt h5,
#container div.step-component.view03-surgery-method dt > h5,
#container div.view03-surgery-method dt h5,
html body #container .view03-surgery-method dt h5 {
	aspect-ratio: 1 / 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px !important;
	line-height: 1.25 !important;
	gap: 0 !important;
	overflow: hidden !important;
	height: 90px !important;
	width: 90px !important;
	box-sizing: border-box !important;
	text-align: center !important;
}
#container .step-component.view03-surgery-method dt h5 > span,
#container div.view03-surgery-method dt h5 > span,
html body #container .view03-surgery-method dt h5 > span {
	font-size: 16px !important;
	line-height: 1.1 !important;
	display: block !important;
	height: auto !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	letter-spacing: 0.04em !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-weight: 500 !important;
}
#container .step-component.view03-surgery-method dt h5 > strong,
#container div.view03-surgery-method dt h5 > strong,
html body #container .view03-surgery-method dt h5 > strong {
	font-size: 16px !important;
	line-height: 1.15 !important;
	display: block !important;
	height: auto !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	flex-shrink: initial !important;
	box-sizing: content-box !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	word-break: keep-all !important;
	font-weight: 700 !important;
}
/* STEP 01/02 等 数字部分 (span+strong) は大きく */
#container .step-component.view03-surgery-method dt h5 > span + strong,
#container div.view03-surgery-method dt h5 > span + strong,
html body #container .view03-surgery-method dt h5 > span + strong {
	font-size: 26px !important;
	line-height: 1 !important;
}

/* === [3-G30] Empty latest_media_review wrapper hide ===
   2026-05-05 ユーザー報告: 22/view_01 EN で「수술전후영상」スライダーが完全欠落 → 白スペースのみ残る。
   調査結果: latest_media_review() がEN locale で空文字を返す (backend 側の動作、us-test からは触れない)。
   全 EN ページサンプル 14/14 で 空 wrapper 確認 (15/01 を含む)。
   対応: コンテンツマーカー無し (.section/h3/.title/.viewBA/.bna いずれも子孫に持たない) .sec を hide。
   制限事項:
   - 実コンテンツの表示は backend (DB/関数) 修正が必要、別タスク
   - CSS :has() は Chromium 105+ サポート (ネスト不可なので 1レベルのみ使用)
   - .summary / .before-after / .method / .js_type 等 既知 content section は除外 (誤抑制防止) */
#container .sec:not(.summary):not(.before-after):not(.method):not(.js_type):not(.sec_04):not(:has(h2)):not(:has(h3)):not(:has(h4)):not(:has(.section)):not(:has(.title)):not(:has(.viewBA)):not(:has(.bna)):not(:has(img)):not(:has(p)):not(:has(strong)):not(:has(li)):not(:has(table)):not(:has(form)) {
	display: none !important;
}
/* インラインスタイル wrapper (20系で使われる padding 指定) も同条件で hide */
#container div[style*="padding-top: 20px"][style*="padding-bottom: 40px"]:not(:has(*)),
#container div[style*="padding-bottom: 70px"]:not(:has(*)),
#container .new-wrap > div[style*="padding-top: 20px"][style*="padding-bottom: 40px"]:not(:has(*)),
#container .new-wrap > div[style*="padding-bottom: 70px"]:not(:has(*)) {
	display: none !important;
}

/* === [3-G31] .floating_btn 「Reviews: View More」 円形維持 (KR同等) ===
   head.sub.php 既存 rule (.floating_btn a {width:150 height:150 br:50%}) は
   us-test 環境で specificity 不足 or 別CSS で上書きされ height=77 楕円化。
   KR では 116x161 だが英文長い → 150x150 正円で表示し font 縮小で収める。 */
html body #container .floating_btn,
html body .floating_btn {
	width: 150px !important;
	height: 150px !important;
	right: 130px !important;
	bottom: 80px !important;
	box-sizing: border-box !important;
}
html body #container .floating_btn a,
html body .floating_btn a,
html body .new-wrap .floating_btn a,
html body div.floating_btn > a {
	width: 150px !important;
	height: 150px !important;
	min-width: 150px !important;
	min-height: 150px !important;
	max-width: 150px !important;
	max-height: 150px !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	aspect-ratio: 1 / 1 !important;
}

/* === [3-G32] (撤回 2026-05-05) ===
   .bna_title span.before/.after を一律 left:50% で右半分へ移動していたが、
   ページ内に複数 B/A レイアウト (横並び / 縦並び / 右寄せ片側) が混在しており、
   一律適用で 縦並び・右寄せ section の After/Before 位置が大きくズレた。
   いったん override 全削除して theme元 CSS の挙動に戻す。
   特定 section だけ修正したい場合は parent 限定 selector で再対応する。 */

/* === [3-G33] surgery-method-item 写真半減 + 円バブル縦伸び 修復 (21/02 等) ===
   head.sub.php 由来:
   (a) .surgery-method-item { padding-right:106px } → li content 幅 106 で写真半減
   (b) .surgery-method-item-order { height:auto } → 「Before Surgery」2行で円が縦長
   us-test 限定で li padding を 0 + 円バブルを 80x80 固定 + font 縮小で円内収納。 */
html body #container .surgery-method-item,
html body .surgery-method-item {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
html body #container .surgery-method-item-order,
html body #container div.surgery-method-item-order,
html body .new-wrap .surgery-method-item-order {
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	max-width: 80px !important;
	max-height: 80px !important;
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	padding: 4px !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
html body #container .surgery-method-item-order em,
html body .new-wrap .surgery-method-item-order em {
	font-size: 11px !important;
	line-height: 1.2 !important;
	display: block !important;
	margin: 0 !important;
}
html body #container .surgery-method-item-order strong,
html body .new-wrap .surgery-method-item-order strong {
	font-size: 17px !important;
	line-height: 1.2 !important;
	display: block !important;
	margin: 0 !important;
}

/* === [3-G34] 「SISUN solution」 h4 の途中改行 (soluti / on) 防止 ===
   既存 G3 (#container .new-wrap h4 > span:first-child) が span を 80×80 円形強制
   → 「solution」 が80px枠で「soluti」+「on」 改行。
   .summary-2 配下の span は 円形扱い不要 → 自然幅 + nowrap で復元。 */
html body #container .new-wrap .summary-2 h4 > span:first-child,
html body #container .summary-2 h4 > span:first-child,
html body .new-wrap .summary-2 h4 > span:first-child,
html body .summary-2 h4 > span:first-child {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	flex-shrink: initial !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	box-sizing: content-box !important;
	padding: 0 !important;
	align-items: initial !important;
	justify-content: initial !important;
}

/* === [3-G35] B/A グリッド UL 左寄せ → 中央寄せ復元 (21/02 等) ===
   head.sub.php line 591/593 の `ul:has(.bna) { max-width:1140; margin-left:0 }`
   が UL を 左寄せ + 32px 狭く絞り KR (1172, 中央) と乖離。
   max-width 解除 + margin auto で KR レイアウト復元。 */
html body #container .new-wrap ul:has(.bna),
html body #container ul:has(.bna),
html body #container ul:has(> li > .bna),
html body #container ul.bna,
html body .new-wrap ul:has(.bna) {
	max-width: none !important;
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-right: 0 !important;
}
/* 親 .bna 自体にも max-w:1140 が当たり 566 の倍 1132 で UL に追従 */
html body #container .bna,
html body .new-wrap .bna {
	max-width: none !important;
}

/* === G31: 22/view_01 시선특화수술 main の strong.type > span 番号円を
   KR本家の縦積み中央寄せ円に復元 (01〜05 共通)
   原因: EN側で span が inline-flex 化 + margin auto 無し で
   円が title と1行横並び → text-align:center で塊中央配置 → 円が左寄りに見える
   KR は display:block + margin:0 auto で円が単独中央 block → 下に title 中央寄せ折返し
   影響範囲: .sec.before-after .section > strong.type > span (直下) のみ
            .bna/.patient/.qa_section 等の他用途は除外 */
#container .sec.before-after .section > strong.type > span {
	display: block !important;
	margin: 0 auto 20px !important;
}

/* === [3-G33] SISUN TV section 表示再有効化 ===
   ユーザー報告 (2026-05-05): KR にある「시선TV」section が EN で漏れている。
   原因: head.sub.php (theme領域、編集禁止) で `#main-sisuntv { display: none !important }`
   が「Korean-only video」として明示 hide していた。
   ユーザーが Korean content 表示を許容 (G31 と同方針) したため us-test CSS で override。
   関連: before_after.php で 'Model Story'→'모델스토리' + ba_link path 修正により
   .bna-wrap (Before & After gallery) も同セッションで復活済。 */
html body #container #main-sisuntv,
html body #main-sisuntv,
html body section#main-sisuntv,
html body section[class*="sisuntv"] {
	display: block !important;
}

/* === [3-G34] G4-1 副作用修正: <h2><span>?</span></h2> の改行解消 (2026-05-05) ===
   ユーザー報告: 22/view_03 EN で「Hook-shaped Inner Corner Correction」の下に「?」だけ別行で出る。
   原因: 上記 G4-1/6-1/6-3 ルールの `display:flex; flex-direction:column` で
   h2 直下の text node と <span> が別の flex item として縦積みされる。
   KR本家 (sisunps.com/v1/22/view_03.php) は `h2 inline-block + span inline` で 1行表示。
   対応: span を直下に持つ h2 のみ KR本家相当の inline-block に戻し、span も inline に戻す。
   対象同パターン: 17/09, 18/02, 18/04, 19/01, 21/05, 22/03 ("What is X?" 系見出し)。 */
#container .new-wrap .sec .title h2:has(> span),
#container .new-wrap .sec_title h2:has(> span),
#container .new-wrap [class*="sec_"] > .title h2:has(> span) {
	display: inline-block !important;
	flex-direction: initial !important;
	justify-content: initial !important;
}
#container .new-wrap .sec .title h2:has(> span) > span,
#container .new-wrap .sec_title h2:has(> span) > span,
#container .new-wrap [class*="sec_"] > .title h2:has(> span) > span {
	display: inline !important;
}

/* === [3-G34] Type-01/02/03 改行 + .bna .img.col の Before/After ラベル復活 ===

   ## (1) Type-01 改行 (.box_wrap .num)
   ユーザー指示 (2026-05-05): KR は <span class="num">Type-01</span> が
   `display: block` で 1行目、 `<span class="ctitle">Hook Shape</span>` が
   2行目 (中央 pill bg) になる。
   EN では G1 「ナンバリング楕円→正円」rule (.new-wrap .num) が
   .box_wrap .num にも適用され `display: inline-flex` に変更され
   横並び表示になっている。
   → .box_wrap 配下の .num だけ block 復元 (sibling .ctitle は default で次行に流れる)

   ## (2) Before/After ラベル復活 (.bna .img.col .bna_title 限定)
   horizontal-split 単一画像 (.bna .img.col 内 single gif) で
   .before と .after が両方 left:0 重複 → After のみ表示問題発生。
   G32 で全 .bna_title に left:50% 当てたら 縦並び・右寄せ section も巻き込み撤回。
   今回は `.bna .img.col` (= 単一image横並び) に絞って 安全に適用。
   .img.row / 縦stack section は影響受けない。 */
#container .new-wrap .box_wrap > .num,
#container .box_wrap > .num {
	display: block !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	margin: 0 auto 12px !important;
	padding: 0 !important;
	text-align: center !important;
}
#container .new-wrap .box_wrap > .ctitle,
#container .box_wrap > .ctitle {
	display: inline-block !important;
	margin: 0 auto !important;
	text-align: center !important;
}
/* .box_wrap 親に text-align center で .ctitle 中央配置 */
#container .new-wrap .box_wrap,
#container .box_wrap {
	text-align: center !important;
}

/* (2) .bna .img.col Before/After ラベル復活 (scoped) */
#container .new-wrap .bna .img.col .bna_title,
#container .bna .img.col .bna_title {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: auto !important;
	height: 0 !important;
	z-index: 3 !important;
}
#container .new-wrap .bna .img.col .bna_title span.before,
#container .bna .img.col .bna_title span.before {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 4 !important;
}
#container .new-wrap .bna .img.col .bna_title span.after,
#container .bna .img.col .bna_title span.after {
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	right: auto !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 4 !important;
}

/* === [3-G36] .dual-more-btn (22/02) 円形維持 ===
   KR: 116×116 正円, fs:18 lh:18 (「듀얼트임 500명 더보기」 2行)。
   EN: 116×88 height縮み楕円化 (theme height設定が EN環境で auto に上書き)。
   116×116 強制 + font 縮小で 4行 (Dual / Canthoplasty / View 500+ / Cases) 表示。 */
html body #container .dual-more-btn,
html body .dual-more-btn {
	width: 116px !important;
	height: 116px !important;
	right: 130px !important;
	bottom: 80px !important;
	box-sizing: border-box !important;
}
html body #container .dual-more-btn a,
html body .dual-more-btn a,
html body div.dual-more-btn > a {
	width: 116px !important;
	height: 116px !important;
	min-width: 116px !important;
	min-height: 116px !important;
	max-width: 116px !important;
	max-height: 116px !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	aspect-ratio: 1 / 1 !important;
}
html body #container .dual-more-btn a em,
html body .dual-more-btn a em {
	font-size: 11px !important;
	font-style: normal !important;
	display: block !important;
	line-height: 1.2 !important;
}

/* === [3-G37] .balloon.right 内 .bna 中央配置 (21/02 etc.) ===
   KR: .bna w=462 (コンパクト), balloon w=498 で 右寄り表示 OK。
   EN: .bna w=930 で横全幅化 → text-align:right で 内部 画像が右寄り＋
   親の白枠に対して 視覚的右寄り。 .bna max-w を KR 同等 462px + margin auto で中央。 */
html body #container .balloon.right .bna,
html body .balloon.right .bna {
	max-width: 462px !important;
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	text-align: center !important;
}
html body #container .balloon.right .bna .img,
html body .balloon.right .bna .img {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* === [3-G35] surgery-needs-item 正方形固定解除 (英文 overflow 対応) ===
   ユーザー報告 (2026-05-05): 21/view_02.php「Medial epicantho-plasty side effects:
   dry eye, eye irritation, decreased vision, or other functional issues that have
   occurred」テキストが box 下端で見切れ。

   真因: `theme/sisun_v1/css/v2/21/view_02.css line 59` で
     `.new-wrap .surgery-needs-item::before { display: block; content: ''; padding-top: 100%; }`
   が aspect-ratio 擬似要素 (1:1 正方形 trick)。 width:230 → height:230 固定。
   KR 短文では収まるが、 英訳 (308px content) で約 80px 下に overflow。

   us-test CSS で: ::before 無効化 + LI height:auto + min-height で正方形維持しつつ
   content ある時は伸びる。 親 UL は flex-wrap:wrap + align-items:stretch なので
   同行内 LI は最大の content 高さに揃う (KR と異なるが見切れ防止優先)。 */
#container .new-wrap .surgery-needs-item::before,
#container .surgery-needs-item::before,
#container .new-wrap .surgery-method-item::before,
#container .surgery-method-item::before {
	display: none !important;
	content: none !important;
	padding-top: 0 !important;
}
#container .new-wrap .surgery-needs-item,
#container .surgery-needs-item {
	height: auto !important;
	min-height: 230px !important;
	max-height: none !important;
}
/* boundary も height:auto で content size に追従 */
#container .new-wrap .surgery-needs-item-boundary,
#container .surgery-needs-item-boundary {
	position: static !important;
	height: auto !important;
	min-height: 100% !important;
	max-height: none !important;
	padding: 30px 20px !important;
	box-sizing: border-box !important;
}

/* === [3-G38] B/A 各行 li 高さ揃え (caption 行数差吸収) ===
   KR: caption 1行 (h=40) で全 .bna h=280 揃い。
   EN: caption 英文長で 2-3行 → .bna h=280-315 ばらつき → 写真位置ズレ。
   親 ul を align-items: stretch + li flex column + .bna 内で写真行を flex:0 + 
   caption(.info) を margin-top:auto で 最下段固定 → 画像上端揃い。 */
html body #container ul:has(> li > .bna),
html body ul:has(> li > .bna) {
	align-items: stretch !important;
}
html body #container ul:has(> li > .bna) > li {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
}
html body #container ul:has(> li > .bna) > li > .bna,
html body #container li > .bna {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	height: auto !important;
	min-height: 100% !important;
}
/* 写真 row はサイズ固定 で順番先頭 */
html body #container .bna > .img.row,
html body #container .bna > .img {
	flex: 0 0 auto !important;
}
/* caption(info) を bna の最下段に固定. 画像が上端から並ぶ */
html body #container .bna > p.info,
html body #container .bna p.info {
	order: 99 !important;
	margin-top: auto !important;
}

/* 15/view_09 B/A cards: normalize black caption bars to a readable tall height. */
html body #container .new-wrap.view-15-09 .sec_04_sub .bna > p.info,
html body #container .new-wrap.view-15-09 .sec_04_sub .bna p.info {
	height: 104px !important;
	min-height: 104px !important;
	max-height: 104px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 16px !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
}

/* === [3-G36] Swiper nav arrows を viewport 内に移動 (英語版) ===
   ユーザー指示 (2026-05-05): 「韓国語と同じ大きさなので! 修正!」
   theme元 CSS: `.swiper-nav-btn { left:-60px / right:-60px }` で
   コンテンツ枠 (max-width:1300px) の外側に配置されるため、
   viewport <1421px では矢印が画面外に出て見えない。
   us-test 限定で内側 (10px インデント) に移動。 */
html body #container .swiper-prev-btn,
html body #container .swiper-nav-btn.swiper-prev-btn,
html body .navigation-wrapper .swiper-prev-btn {
	left: -30px !important;
	z-index: 100 !important;
	right: auto !important;
}
html body #container .swiper-next-btn,
html body #container .swiper-nav-btn.swiper-next-btn,
html body .navigation-wrapper .swiper-next-btn {
	right: -30px !important;
	z-index: 100 !important;
	left: auto !important;
}
/* 視認性強化: WHITE 丸 bg + dark アイコン + light border + shadow (KR一致) */
html body #container .swiper-nav-btn,
html body .navigation-wrapper .swiper-nav-btn,
html body #container .navigation-wrapper .swiper-nav-btn {
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 50% !important;
	width: 50px !important;
	height: 50px !important;
	min-width: 50px !important;
	min-height: 50px !important;
	box-shadow: 0 2px 12px rgba(0,0,0,0.18) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
}
html body #container .swiper-nav-btn i,
html body .navigation-wrapper .swiper-nav-btn i,
html body #container .navigation-wrapper .swiper-nav-btn i {
	color: #555 !important;
	font-size: 28px !important;
	line-height: 1 !important;
	font-weight: bold !important;
}
/* disabled でも視認性維持 (50%) */
html body #container .swiper-nav-btn.swiper-button-disabled,
html body .navigation-wrapper .swiper-nav-btn.swiper-button-disabled {
	opacity: 0.5 !important;
}
html body #container .swiper-nav-btn:not(.swiper-button-disabled),
html body .navigation-wrapper .swiper-nav-btn:not(.swiper-button-disabled) {
	opacity: 1 !important;
}
/* [追加 2026-05-06 22:50] .more-btn (+ More) viewport 1280 で右切れ修正
   theme: right:0 で container 右端固定 → viewport 1280 だと container 1300 がはみ出し
   button (42px幅) 右端27pxが画面外。 right:20px で内側に余裕確保。 */
html body #container .more-btn,
html body .navigation-wrapper .more-btn,
html body .container .more-btn {
	right: 50px !important;
}
/* [追加 2026-05-06] navigation-wrapper の theme z-index:0 で stacking context が
   閉じ込められ、 swiper-container (z:1) の画像下に矢印が隠れる現象 (15/view_09 等)。
   navigation-wrapper を z:11 に引き上げて 画像より上にレイヤー化。 */
html body #container .navigation-wrapper,
html body .navigation-wrapper {
	z-index: 11 !important;
}

/* === [3-G38] sec_06 (Lacrimal Lake Exposure) .card 円形復活 (22/view_03) ===
   原因: 共通reset の `#container div[class] { height: auto !important; min-height: 0 !important }`
   が .card にも適用、 theme view_03.css の `.card { height: 600px }` (no !important) が打ち消され
   border 上下10pxのみ残り height: 20px に collapse。
   結果 sec_06 全体が縦20pxに潰れて 直後 sec_07 H2「Zero-mm Reconstruction vs Zero-mm Canthoplasty」
   と画面上で overlap、 ユーザー報告 (2026-05-05) のレイアウト崩壊。
   theme value (600x600 円形) を !important で復元。 影響範囲: sec_06 .card_wrap .card 限定。 */
#container .sec.sec_06 .contents .card_wrap .card,
#container .sec.sec_06 .contents .card_wrap .card.left,
#container .sec.sec_06 .contents .card_wrap .card.right {
	width: 600px !important;
	height: 600px !important;
	min-height: 600px !important;
}

/* === [3-G39] swiper navigation 矢印アイコン復活 (Model Story 等) ===
   xeicon font (i.xi-angle-left/right) の content "\e93b" / "\e93f" が EN環境で
   なぜか空に解決されアイコン非表示。 普通の guillemet 文字 ‹ › で代替表示。 */
#main-media-review-real .swiper-prev-btn i.xi-angle-left::before,
#main-media-review-real i.xi-angle-left::before,
.swiper-prev-btn i.xi-angle-left::before,
i.xi-angle-left::before {
	content: "‹" !important;
	font-family: Arial, sans-serif !important;
	font-style: normal !important;
	display: inline-block !important;
	font-weight: 300 !important;
}
#main-media-review-real .swiper-next-btn i.xi-angle-right::before,
#main-media-review-real i.xi-angle-right::before,
.swiper-next-btn i.xi-angle-right::before,
i.xi-angle-right::before {
	content: "›" !important;
	font-family: Arial, sans-serif !important;
	font-style: normal !important;
	display: inline-block !important;
	font-weight: 300 !important;
}

/* === [2026-05-09] media review arrows: KR site visual parity ===
   The temporary EN override made these arrows white circular buttons.
   Keep the active EN slider visible, but restore the KR-like simple chevrons. */
html body #container #main-media-review-real .swiper-prev-btn,
html body #container #media-operation-progress .swiper-prev-btn,
html body #container #main-media-review-model .swiper-prev-btn,
html body #main-media-review-model .swiper-prev-btn {
	left: -60px !important;
	right: auto !important;
}
html body #container #main-media-review-real .swiper-next-btn,
html body #container #media-operation-progress .swiper-next-btn,
html body #container #main-media-review-model .swiper-next-btn,
html body #main-media-review-model .swiper-next-btn {
	right: -60px !important;
	left: auto !important;
}
html body #container #main-media-review-real .swiper-nav-btn,
html body #container #media-operation-progress .swiper-nav-btn,
html body #container #main-media-review-model .swiper-nav-btn,
html body #main-media-review-model .swiper-nav-btn {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: #fff !important;
	color: #575757 !important;
	display: block !important;
	font-size: 30px !important;
	font-weight: normal !important;
	line-height: 42px !important;
	text-align: center !important;
}
html body #container #main-media-review-real .swiper-nav-btn i,
html body #container #media-operation-progress .swiper-nav-btn i,
html body #container #main-media-review-model .swiper-nav-btn i,
html body #main-media-review-model .swiper-nav-btn i {
	color: #575757 !important;
	font-size: 30px !important;
	font-weight: normal !important;
	line-height: 42px !important;
}

/* === [2026-05-09] 22/view_02 dual canthoplasty cards: equal row heights ===
   EN procedure names wrap longer than KR, so the black title strips had
   different heights between the left/right columns. Fix the title strip height
   so each card starts its image at the same vertical position. */
html body #container .new-wrap .cont_03:has(img[src*="/22/view_02/dual_arrow_"]) .cocoen {
	display: flex !important;
	flex-direction: column !important;
}
html body #container .new-wrap .cont_03:has(img[src*="/22/view_02/dual_arrow_"]) .cocoen > p {
	height: 86px !important;
	min-height: 86px !important;
	max-height: 86px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 8px 18px !important;
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 1.35 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
}
html body #container .new-wrap .cont_03:has(img[src*="/22/view_02/dual_arrow_"]) .cocoen > .cont {
	flex: 0 0 auto !important;
	margin-top: 0 !important;
}

/* === [3-G39] sec_06 .card .inner-box h3 英文長 1行化 (22/view_03) ===
   theme font-size:30px で .inner-box width:180px 固定枠に対し
   EN「Reconstruction」(14文字) が 2行折り返し →「Reconstructi / on」見栄え悪化。
   ユーザー指示 (2026-05-05): EN補正で 1行表示。 「Canthoplasty」(12文字) と統一。
   font-size 22px + letter-spacing 微詰めで .inner-box 180px 内収納。 */
#container .sec.sec_06 .contents .card_wrap .card .inner-box h3 {
	font-size: 22px !important;
	line-height: 1.35 !important;
	letter-spacing: -0.01em !important;
	white-space: nowrap !important;
}

/* 22/view_03 sec_06 eye cards: remove the EN-only top sliver above the photos. */
html body #container .new-wrap.view-22-03 .sec.sec_06 .contents .card_wrap .card .inner-box p.title {
	padding-top: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-22-03 .sec.sec_06 .contents .card_wrap .card .inner-box p.title img {
	display: block !important;
	margin-top: 0 !important;
	vertical-align: top !important;
}
html body #container .new-wrap.view-22-03 .sec.sec_06 .contents .card_wrap .card .inner-box p.title span {
	line-height: 1.35 !important;
}

/* 22/view_03 patent/trademark blocks: keep the certificate on the right like the KR page. */
html body #container .new-wrap.view-22-03 .bar1-section-003,
html body #container .new-wrap.view-22-03 .bar2-section-003 {
	height: 540px !important;
	min-height: 540px !important;
	max-height: 540px !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: cover !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 36px !important;
	width: 1192px !important;
	max-width: 1192px !important;
	height: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:first-child,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:first-child {
	flex: 0 0 660px !important;
	width: 660px !important;
	max-width: 660px !important;
	min-width: 0 !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:first-child em,
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:first-child p,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:first-child em,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:first-child p {
	display: block !important;
	max-width: 660px !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .txt-top,
html body #container .new-wrap.view-22-03 .bar2-section-003 .txt-top {
	font-size: 30px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .point,
html body #container .new-wrap.view-22-03 .bar2-section-003 .point {
	display: inline-block !important;
	font-size: 40px !important;
	line-height: 1.12 !important;
	letter-spacing: -0.08em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .point {
	max-width: 660px !important;
	font-size: 34px !important;
	line-height: 1.12 !important;
	letter-spacing: -0.1em !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 em > b,
html body #container .new-wrap.view-22-03 .bar2-section-003 em > b {
	display: block !important;
	margin-top: 8px !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.07em !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:first-child p,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:first-child p {
	font-size: 22px !important;
	line-height: 1.45 !important;
	letter-spacing: -0.04em !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:last-child,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:last-child {
	flex: 0 0 496px !important;
	width: 496px !important;
	max-width: 496px !important;
	min-width: 0 !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:last-child > li,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:last-child > li {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	gap: 12px !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:last-child img,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:last-child img {
	flex: 0 0 294px !important;
	width: 294px !important;
	max-width: 294px !important;
	height: auto !important;
	margin: 0 !important;
}
html body #container .new-wrap.view-22-03 .bar1-section-003 .sec > ul:last-child span,
html body #container .new-wrap.view-22-03 .bar2-section-003 .sec > ul:last-child span {
	flex: 0 0 180px !important;
	width: 180px !important;
	max-width: 180px !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
	letter-spacing: -0.04em !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

/* 22/view_03 final B/A gallery: match KR two-column card geometry. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item,
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-images {
		flex: 0 0 566px !important;
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: 540px !important;
		min-height: 540px !important;
		max-height: 540px !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		z-index: auto !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 16px !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-images {
		display: flex !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-images .image,
	html body #container .new-wrap.view-22-03 .sec.before-after .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		height: 480px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		object-fit: cover !important;
		display: block !important;
	}
}

/* === [3-G37] before_after.php .ori-image 崩壊修復 (英文長 desc) ===
   ユーザー報告 (2026-05-05): Before & After section の thumbnail 内 desc text
   「Buried Suture+Ptosis Correction Revision Surgery+...」 が character-level
   wrap で縦長 1文字幅 column に崩壊。
   原因: image lazy load 中 + .ori-image に幅指定無し → 中身の desc が
   コンテナ幅を支配、 + や ( 記号は break point として優先されない。
   inline <style> は max-width:500px のみ、 image collapse 時の guard 無し。
   修正: us-test 限定で .ori-image 強制 500px width + desc を ellipsis 化。 */
html body #container #before-after-component .ori-image,
html body #before-after-component .ori-image,
html body .bna-wrap .ori-image {
	width: 500px !important;
	min-width: 500px !important;
	max-width: 500px !important;
	margin: 0 auto !important;
}
html body #container #before-after-component .ori-image .thumb,
html body #before-after-component .ori-image .thumb,
html body .bna-wrap .ori-image .thumb {
	width: 500px !important;
	min-width: 500px !important;
	min-height: 300px !important;
}
html body #container #before-after-component .ori-image .thumb img,
html body #before-after-component .ori-image .thumb img,
html body .bna-wrap .ori-image .thumb img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}
html body #container #before-after-component .ori-image > .desc,
html body #before-after-component .ori-image > .desc,
html body .bna-wrap .ori-image > .desc {
	display: block !important;
	width: 500px !important;
	max-width: 500px !important;
	height: auto !important;
	min-height: 50px !important;
	max-height: 80px !important;
	line-height: 1.4 !important;
	font-size: 13px !important;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: center !important;
	letter-spacing: -0.02em !important;
}

/* === [3-G40] 시선TV (#main-sisuntv) 動画リスト復活 ===
   skin css: #main-sisuntv .board-wrapper { height: 468px }。
   head.sub.php broad rule (height:auto !important) で 0 まで縮み中身非表示。
   468px 強制で 動画 thumbnail リストを再表示。 */
html body #container #main-sisuntv .board-wrapper,
html body #main-sisuntv .board-wrapper {
	height: 468px !important;
	max-height: 468px !important;
	overflow: hidden !important;
}
html body #container #main-sisuntv .video-player,
html body #main-sisuntv .video-player {
	height: 484px !important;
}
html body #container #main-sisuntv .swiper-container,
html body #main-sisuntv .swiper-container {
	height: 100% !important;
	max-height: 468px !important;
}

/* === [3-G40] 22/view_04 STEP h4 の番号 (01/02/03) 消失修正 (2026-05-05) ===
   ユーザー報告: 22/view_04 EN で STEP バッジの番号が表示されない (STEPだけ見える)。
   原因: 既存 rule (line 449 付近) `#container .new-wrap h4 > span:first-child`
   が span(STEP) を 80x80 円形強制 → h4(80x80, overflow:hidden) を span が full 占有
   → strong(01) は高さ 0 で押し出されて overflow:hidden で消失。
   KR本家 (sisunps.com/v1/22/view_04.php) は h4 flex-direction:column + overflow:visible
   + span/strong とも auto サイズで 縦並び表示「STEP / 01」(白文字、円形bg)。
   影響範囲: `.sec_04.Dvveup` を持つのは 22/view_04 のみ (6 STEP バッジ × 2 列)。
   対応: `.sec_04.Dvveup h4` 限定で 円形強制解除 + KR縦並び復元。 */
#container .new-wrap .sec_04.Dvveup h4 {
	overflow: visible !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}
#container .new-wrap .sec_04.Dvveup h4 > span,
#container .new-wrap .sec_04.Dvveup h4 > span:first-child,
#container .new-wrap .sec_04.Dvveup h4 > strong {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	display: block !important;
	line-height: 1.1 !important;
	flex-shrink: initial !important;
}
#container .new-wrap .sec_04.Dvveup h4 > span {
	font-size: 15px !important;
}
#container .new-wrap .sec_04.Dvveup h4 > strong {
	font-size: 24px !important;
}

/* === [3-G40] 22/view_04 sec_03 ケースカード bubbles 縦並び + number 余白 ===
   ユーザー指示 (2026-05-05):
   (1) .type span 3つ (Epicanthoplasty Reconstruction / Upper Epicanthoplasty /
       Lateral Canthoplasty,Lower Eyelid Surgery) を 横並び→縦並び
   (2) number 円「01」「02」 KR 同等の上下余白で li 内中央に配置
   原因: KR は短文 (앞트임 복원/윗트임/뒤트임,밑트임) 180px×3 で 1行収まる、
   EN は長文で span が 2-4行に折り返し → 不揃い・読みにくい。
   typeP w=KR566/EN497 の差もあり、 EN 専用に縦並び化で各bubble 整列。 */
#container .sec.sec_03 .contents ul.info > li .type {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
}
#container .sec.sec_03 .contents ul.info > li .type span {
	display: inline-block !important;
	width: auto !important;
	min-width: 240px !important;
	max-width: 90% !important;
	white-space: normal !important;
	text-align: center !important;
	line-height: 1.3 !important;
	padding: 10px 18px !important;
	box-sizing: border-box !important;
}
/* number 円「01」「02」 li 内中央 + 上下余白 (KR 同等)
   theme: width:100%; float:left; text-align:center; → span 80x80 を中央配置
   既存 line 59 `.new-wrap .number { aspect-ratio:1/1; display:inline-flex }` が
   p.number container 自身を円形強制 → w:100% × aspect 1/1 で 高さ 566px に膨張、
   con が下に約500px 押し出される副作用あり。 円形強制を解除して block container 復元。 */
#container .sec.sec_03 .contents ul.info > li .number {
	width: 100% !important;
	float: left !important;
	display: block !important;
	text-align: center !important;
	margin: 16px 0 18px !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

/* === [3-G40b] 22/view_04 sec_03 左右カード高さ揃え ===
   theme `.sec_03 ul { align-items:center }` のため、英語文量差で短い右カードが
   縦中央寄せされ、左右の白カード上端・高さがズレる。ul.info だけ stretch して
   同じ行のカードを同じ高さに揃える。 */
#container .sec.sec_03 .contents ul.info {
	align-items: stretch !important;
}
#container .sec.sec_03 .contents ul.info > li {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	box-sizing: border-box !important;
	height: auto !important;
}
#container .sec.sec_03 .contents ul.info > li > .number,
#container .sec.sec_03 .contents ul.info > li > .con,
#container .sec.sec_03 .contents ul.info > li > .type {
	float: none !important;
}
#container .sec.sec_03 .contents ul.info > li > .con {
	align-self: center !important;
	width: calc(100% - 56px) !important;
	max-width: 500px !important;
	height: 136px !important;
	min-height: 136px !important;
	max-height: 136px !important;
	margin: 20px auto 0 !important;
	box-sizing: border-box !important;
	text-align: center !important;
	white-space: normal !important;
	line-height: 1.35 !important;
}
#container .sec.sec_03 .contents ul.info > li > img {
	align-self: center !important;
	display: block !important;
	margin-top: 40px !important;
}

/* === [3-G40c] 隣接カード内の写真上端揃え (PC) ===
   英文量差で見出し・サブ見出しの高さが変わり、同じ行の写真開始位置だけ
   ずれる箇所を、該当PCブロック構造に限定して補正。 */
@media (min-width: 769px) {
	/* 15/view_11 Stages of Upper Eyelid Hollowing */
	#container .sec.sec_03 > ul.contents > li:nth-child(2) > p.before,
	#container .sec.sec_03 > ul.contents > li:nth-child(3) > p.before {
		margin-top: 55px !important;
	}
	#container .sec.sec_03 > ul.contents > li:nth-child(4) > p.before {
		margin-top: 60px !important;
	}

	/* 15/view_11 Eyelid Fat Grafting Surgical Method */
	#container .sec.sec_05 > .container > .contents > .list > img[src*="/15/view_11/img03-"] {
		width: 228px !important;
		height: 214px !important;
		object-fit: contain !important;
	}

	/* 16/view_02/03 Epicanthal Fold 4-card descriptions */
	#container .sec.sec_03 .contents .bot > ul > li > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 58px !important;
		min-height: 58px !important;
		box-sizing: border-box !important;
		line-height: 1.25 !important;
		text-align: center !important;
	}

	/* 17/view_09 Orbicularis Muscle Correction vs Eye Shape Maintenance */
	#container .sec.sec_03 .contents > ul > li > p.title:has(> span + strong) {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		height: 154px !important;
		min-height: 154px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	/* 17/view_09 Brow Lift Surgery Effects */
	#container .sec.sec_04 > .container > ul.contents > li > p {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		height: 130px !important;
		min-height: 130px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	/* 17/view_04/05 Q&A comparison photos */
	#container .qna dl dd ul > li > img[src*="/17/view_04/qna"],
	#container .qna dl dd ul > li > img[src*="/17/view_05/qna"] {
		width: 228px !important;
		max-width: 228px !important;
		height: 214px !important;
		object-fit: cover !important;
	}

	/* 17/view_05 Q&A comparison cards: match KR card/image/text-box widths. */
	html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) {
		width: 228px !important;
		max-width: 228px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > strong,
	html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > p {
		display: block !important;
		width: 228px !important;
		max-width: 228px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > strong {
		overflow: hidden !important;
		white-space: nowrap !important;
		text-overflow: clip !important;
		font-size: 14px !important;
		letter-spacing: 0 !important;
	}

	/* 18/view_02 Types of Double Eyelid Creases */
	#container .sec.sec_03 .contents > ul > li:has(> img[src*="/18/view_02/c"]) > .tit {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		height: 136px !important;
		min-height: 136px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	#container .sec.sec_03 .contents > ul > li:has(> img[src*="/18/view_02/c"]) > .tit > strong {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		height: 72px !important;
		min-height: 72px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	/* 18/view_01 What Kind of Eyes Do You Want? */
	#container .sec.sec_04 .contents > ul > li:has(> img[src*="/18/view_01/category-"]) > strong {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 73px !important;
		min-height: 73px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	/* 19/view_01 Ptosis Correction vs Forehead Lift */
	#container .sec.sec_03 .contents > ul > li:has(> dl) > dl {
		height: 232px !important;
		min-height: 232px !important;
		box-sizing: border-box !important;
	}
	#container .sec.sec_03 .contents > ul > li:has(> dl) > img {
		display: block !important;
		width: 425px !important;
		max-width: 425px !important;
		height: 400px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		object-fit: cover !important;
	}

	/* 19/view_01 Endoscopic Forehead Lift Benefits */
	#container .sec.sec_05 > .container > .contents > ul > li > p.title {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 76px !important;
		min-height: 76px !important;
		box-sizing: border-box !important;
		line-height: 1.25 !important;
		text-align: center !important;
	}
	#container .sec.sec_08 .contents img[src*="/19/view_01/19-2-"] {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	/* 20/view_03 Facial Liposuction + Thread Lifting */
	#container .aboutBox .container > ul > li > .sub {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 56px !important;
		min-height: 56px !important;
		box-sizing: border-box !important;
		line-height: 1.25 !important;
		text-align: center !important;
	}

	/* 21/view_01 TYPE thumbnail squares */
	#container img[src*="/21/view_01/10-"],
	#container img[src*="/21/view_01/11-"],
	#container img[src*="/21/view_01/12-"] {
		width: 200px !important;
		max-width: 200px !important;
		height: 200px !important;
		max-height: 200px !important;
		object-fit: cover !important;
	}
}

/* === [3-G41] cocoen B/A drag handle ⊕ サークル位置復元 ===
   skin css `.cocoen .handle .bar { height: 100% }` が head.sub.php broad rule で
   0 に縮む → circle (top:50%) の基準消失 → ⊕ 表示位置崩壊。
   bar/circle/disc を強制 height/font-size 復元。 */
html body #container .cocoen .handle .bar,
html body .cocoen .handle .bar {
	width: 1em !important;
	height: 100% !important;
	min-height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: -0.5em !important;
}
html body #container .cocoen .handle .circle,
html body .cocoen .handle .circle {
	width: 2.4em !important;
	height: 2.4em !important;
	min-height: 0 !important;
	border-radius: 50% !important;
	border: 2px solid #fff !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	margin-top: -1em !important;
	margin-left: -0.5em !important;
	font-size: 0.8em !important;
	box-sizing: border-box !important;
}
html body #container .cocoen .handle .circle::before,
html body .cocoen .handle .circle::before {
	content: '\25C0' !important;
	display: block !important;
	width: 50% !important;
	line-height: 1em !important;
	color: #fff !important;
	font-size: 0.6em !important;
	position: absolute !important;
	top: 50% !important;
	left: -2px !important;
	margin-top: -0.5em !important;
	text-align: right !important;
}
html body #container .cocoen .handle .circle::after,
html body .cocoen .handle .circle::after {
	content: '\25B6' !important;
	display: block !important;
	width: 50% !important;
	line-height: 1em !important;
	color: #fff !important;
	font-size: 0.6em !important;
	position: absolute !important;
	top: 50% !important;
	right: -1px !important;
	margin-top: -0.5em !important;
	text-align: left !important;
}

/* === [3-G41] 22/view_05 Case番号 (.title .num) 楕円→正円 復元 (2026-05-05) ===
   ユーザー報告: 22/view_05 EN で「01/02/03/04」が小さい楕円表示 (80x36) → KR本家(80x80円形)に合わせたい。
   原因: head.sub.php (theme領域、編集禁止) 内 inline CSS で
     `.new-wrap .num, #container .num { height: auto !important; min-height: 0 !important }`
   が theme/v1/22/view_05.css の `.sec .title .num { width:80; height:80 }` を打ち消し。
   .case_wrap1 / .case_wrap2 配下 .title 直下 .num はKR本家通り 80x80 正円 / 36px / #7099B7 必須。
   対象: 22/view_05 (1-5 라인낮추기) Case 01/02/03/04 タイトル横の番号バッジのみ。
   .step .num (Step component の小さい番号) は対象外 (G1 で別管理)。 */
html body #container .case_wrap1 .title span.num,
html body #container .case_wrap2 .title span.num,
html body #container [class*="case_wrap"] .title span.num,
html body #container [class*="case_wrap"] .title .num,
html body .case_wrap1 .title span.num,
html body .case_wrap2 .title span.num {
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	max-width: 80px !important;
	max-height: 80px !important;
	line-height: 80px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	background: #7099B7 !important;
	color: #fff !important;
	font-size: 36px !important;
	font-weight: 900 !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* === [3-G42] 21/01 surgery-versus 画像不揃い拡大修正 ===
   KR: .img_wrap2 = 260×260 同サイズ。
   EN: 7-1=421/421, 7-2=600/600 で不揃い + 拡大。 親 flex stretch が原因。
   .img_wrap2 を natural 260px 固定 + img max-width:100%。 */
html body #container .sec_05 .img_wrap2,
html body #container .sec_02 .img_wrap2,
html body .img_wrap2 {
	width: 260px !important;
	max-width: 260px !important;
	min-width: 260px !important;
	flex: 0 0 260px !important;
}
html body #container .sec_05 .img_wrap2 img,
html body #container .sec_02 .img_wrap2 img,
html body .img_wrap2 > img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/* === [3-G43] 시선TV 右リスト .thumb 縮み復元 ===
   skin css: .thumb { width:144px; height:81px } 16:9 比率 縮小サムネ。
   EN: head.sub.php height:auto !important で h=0 → img 隠れる。
   .thumb / .thumb img を強制 81px 復元。 */
html body #container #main-sisuntv .thumb,
html body #main-sisuntv .swiper-slide .thumb {
	width: 144px !important;
	height: 81px !important;
	min-height: 81px !important;
	overflow: hidden !important;
	flex: 0 0 144px !important;
}
html body #container #main-sisuntv .thumb img,
html body #main-sisuntv .swiper-slide .thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* === [3-G44] 全 div.step (STEP NN バッジ) 楕円→正円 (全ページ汎用) ===
   17/view_03 等で div.step が h:48 縮んで 80×48 楕円。
   KR: 80×80 正円 (br:100% / bg pink etc)。 全ページ共通で `div.step` の
   サイズを 80×80 強制 + flex center で内部テキスト中央配置。 */
html body #container div.step:not(.step-01):not(.step-02):not(.step01):not(.step02):not(.step_01):not([class*="step-c"]):not([class*="step-w"]):not([class*="step-bo"]):not([class*="step_box"]):not([class*="step-bo"]),
html body #container .new-wrap div.step:not(.step-01):not(.step-02) {
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	max-width: 80px !important;
	max-height: 80px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	word-break: keep-all !important;
}

/* === [3-G43] 15/view_01 sec_03 「원인」 → 「Cause」 + box overflow ===
   ユーザー指示 (2026-05-06):
   (1) 「원인」 韓国語残存 → theme `dd:before { content: '원인' }` を「Cause」 に
   (2) STEP 08 「Epicanthal Fold Presence & Inner Corner Shape」 が
       theme `dl { height: 160px }` 固定枠下端からはみ出る → height: auto + min-height
   原因: theme/sisun_v1/css/v1/15/view_01.css line 70 (height) + line 72 (content). */
#container .sec.sec_03 .contents dd:before {
	content: 'Cause' !important;
}
#container .sec.sec_03 .contents dl {
	height: auto !important;
	min-height: 160px !important;
	padding: 14px 10px !important;
	box-sizing: border-box !important;
}

/* === [3-G45] 15/view_01 5 Essential Elements 5円 楕円→正円 ===
   KR: ol.contents > li = 200×200 正円 (15/view_01 sec_05 限定)。
   EN: 200×120 高さ縮み楕円化 (head.sub.php height:auto 上書き)。
   ol.contents > li を aspect-ratio:1/1 + min-h:200 で 正円強制。
   注意 (2026-05-06 G78 修正): 旧 generic `.sec_05 .contents > li` selector は
   17/view_09 等の `ul.contents > li` (Q&A) にも誤適用 → 200x200 正円化で 巨大 img が
   画面外 overflow して 上の sec.method に被さる事故を起こしていた。 ol.contents > li
   のみに limit。 */
html body #container .sec_05 ol.contents > li,
html body .new-wrap .sec_05 ol.contents > li {
	aspect-ratio: 1 / 1 !important;
	width: 200px !important;
	height: 200px !important;
	min-width: 200px !important;
	min-height: 200px !important;
	max-width: 200px !important;
	max-height: 200px !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
	padding: 50px 16px 16px 16px !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	word-break: keep-all !important;
}

/* === [3-G46] 15/01 Title strong 単語途中改行 (Dou/ble) 防止 ===
   broad rule (overflow-wrap: anywhere + word-break: break-word) が
   <strong>Double Eyelids</strong> 内で単語途中改行 → 「Dou/ble」「Eyeli/ds」。
   .sec_07 dl.title > dt の strong / dt 全体を keep-all で復元。 */
html body #container .sec_07 dl.title dt,
html body #container .sec_07 dl.title dt > strong,
html body .sec_07 dl.title dt,
html body .sec_07 dl.title dt > strong {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* === [3-G47] 15/01 sec_10 Revision Timing 単語途中改行 防止 ===
   「We recommend revision surgery」 「Although it varies by patient...」 が
   1単語/行 に改行 → broad rule 上書き。 */
html body #container .sec_10 dl,
html body #container .sec_10 dl dt,
html body #container .sec_10 dl dt strong,
html body #container .sec_10 dl dd,
html body .sec_10 dl,
html body .sec_10 dl dt,
html body .sec_10 dl dt strong,
html body .sec_10 dl dd {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* 15/view_01 sec_10 Revision Timing: restore the graph image and make the
   longer EN copy compact enough to match the KR two-column rhythm. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_10 {
		min-height: 720px !important;
		padding: 92px 0 !important;
		box-sizing: border-box !important;
		background: linear-gradient(90deg, #dff2fb 0%, #dbe9ff 100%) !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 1300px !important;
		max-width: 1300px !important;
		min-height: 536px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container > img {
		position: static !important;
		display: block !important;
		flex: 0 0 620px !important;
		width: 620px !important;
		min-width: 620px !important;
		max-width: 620px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		object-fit: contain !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container > dl {
		display: block !important;
		flex: 0 0 560px !important;
		width: 560px !important;
		min-width: 560px !important;
		max-width: 560px !important;
		height: auto !important;
		min-height: 536px !important;
		margin: 0 !important;
		padding: 52px 50px 48px !important;
		box-sizing: border-box !important;
		background: rgba(255, 255, 255, 0.88) !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container > dl > dt {
		width: 100% !important;
		margin: 0 0 32px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container > dl > dt strong {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		color: #3d414b !important;
		font-size: 30px !important;
		line-height: 1.32 !important;
		letter-spacing: -0.045em !important;
		text-align: left !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_10 > .container > dl > dd {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		color: #3d414b !important;
		font-size: 20px !important;
		line-height: 1.45 !important;
		letter-spacing: -0.045em !important;
		text-align: left !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* === [3-G47 改修] 15/view_01 sec_04 why-img.png 4/15 clean版に戻す + HTML pill 非表示 ===
   ユーザー指摘 (2026-05-07): 4/30 batch 版 why-img.png は anatomy とテキスト overlap。
   4/15 旧版 (clean separation) を再デプロイ + baked-in pill が既にあるため
   HTML overlay の .layer-pill spans を非表示にする (重複防止)。 */
#container .sec.sec_04 .contents.why-img-wrap {
	position: relative !important;
}
#container .sec.sec_04 .contents.why-img-wrap > img {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	margin: 0 auto !important;
}
#container .sec.sec_04 .contents.why-img-wrap .layer-pill,
.layer-pill {
	display: none !important;
}

/* 15/view_01 sec_06 fixation comparison: use the KR images and geometry while
   shrinking EN copy so the O/X image cards keep the same visual rhythm. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap {
		width: 1300px !important;
		min-width: 1300px !important;
		max-width: 1300px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 30px 60px 60px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap {
		width: 1180px !important;
		min-width: 1180px !important;
		max-width: 1180px !important;
		height: 530px !important;
		display: flex !important;
		align-items: flex-end !important;
		justify-content: center !important;
		gap: 0 !important;
		margin-top: 40px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 40px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:last-child {
		margin-right: 0 !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(1),
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(3) {
		width: 300px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(2) {
		width: 340px !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(1) > img,
	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(3) > img {
		width: 300px !important;
		max-width: 300px !important;
		height: auto !important;
		display: block !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img:nth-child(2) > img {
		width: 340px !important;
		max-width: 340px !important;
		height: auto !important;
		display: block !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img > dl {
		width: 100% !important;
		height: 130px !important;
		min-height: 130px !important;
		max-height: 130px !important;
		padding: 9px 6px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img > dl dt {
		font-size: 18px !important;
		line-height: 22px !important;
		letter-spacing: -0.04em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-15-01 .sec.sec_06 .container.cont_03 .how_wrap .img_wrap > .img > dl dd {
		margin-top: 6px !important;
		font-size: 15px !important;
		line-height: 20px !important;
		letter-spacing: -0.035em !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* === [4-G6] 15/view_01 sec_01 B/A arrow handle overlap ===
   EN only: generic cocoen restoration made the left/right arrows too close on
   the circular drag handle. Scope to 15/view_01 and pin the arrows inside the
   32px circle so they do not overlap. */
html body #container .new-wrap.view-15-01 .sec_01 .cocoen .handle,
html body .new-wrap.view-15-01 .sec_01 .cocoen .handle {
	z-index: 20 !important;
	overflow: visible !important;
}
html body #container .new-wrap.view-15-01 .sec_01 .cocoen .handle .bar,
html body .new-wrap.view-15-01 .sec_01 .cocoen .handle .bar {
	width: 32px !important;
	left: -16px !important;
}
html body #container .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle,
html body .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle {
	width: 32px !important;
	height: 32px !important;
	left: 50% !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
	font-size: 16px !important;
}
html body #container .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle::before,
html body .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle::before {
	content: '\25C0' !important;
	width: auto !important;
	left: 5px !important;
	right: auto !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	font-size: 10px !important;
	line-height: 1 !important;
	text-align: center !important;
}
html body #container .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle::after,
html body .new-wrap.view-15-01 .sec_01 .cocoen .handle .circle::after {
	content: '\25B6' !important;
	width: auto !important;
	left: auto !important;
	right: 5px !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	font-size: 10px !important;
	line-height: 1 !important;
	text-align: center !important;
}

/* 15/view_01 sec_06 preservation diagrams: these are explanatory labels, not
   patient-photo captions, so keep them readable instead of the generic 40px
   caption-compression rhythm used elsewhere. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .how_wrap > .img_wrap > .img > p:not([class*="info"]),
	html body #container#container .new-wrap.view-15-01 .sec_06 .cont_02 .how_wrap > .img_wrap > .img > p:not([class*="info"]) {
		height: auto !important;
		min-height: 40px !important;
		max-height: none !important;
		margin: 20px 0 0 0 !important;
		padding: 0 !important;
		background: none !important;
		color: #333 !important;
		font-size: 24px !important;
		line-height: 30px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		display: block !important;
		overflow: visible !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-overflow: clip !important;
	}

	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .how_wrap > .img_wrap > .img > p .no,
	html body #container#container .new-wrap.view-15-01 .sec.sec_06 .container.cont_02 .how_wrap > .img_wrap > .img > p .ok,
	html body #container#container .new-wrap.view-15-01 .sec_06 .cont_02 .how_wrap > .img_wrap > .img > p .no,
	html body #container#container .new-wrap.view-15-01 .sec_06 .cont_02 .how_wrap > .img_wrap > .img > p .ok {
		font-size: 24px !important;
		line-height: 30px !important;
		font-weight: 700 !important;
		letter-spacing: 0 !important;
	}
}

/* === [3-G48] 21/03 type_list 画像 不揃い (TYPE 02 だけ拡大) ===
   KR: 全 li/img = 200×200 同サイズ。
   EN: TYPE 02 caption 長文 (Red scar (conjunctiva exposure)) で li=351×351 に拡大。
   .type_list > li を 200×200 固定 + img max-w:200 で全 cell 同サイズ。 */
html body #container ul.type_list > li,
html body .new-wrap ul.type_list > li {
	width: 200px !important;
	max-width: 200px !important;
	min-width: 200px !important;
	flex: 0 0 200px !important;
}
html body #container ul.type_list > li > img,
html body ul.type_list > li > img {
	width: 200px !important;
	max-width: 200px !important;
	height: 200px !important;
	max-height: 200px !important;
	object-fit: cover !important;
}
html body #container ul.type_list > li .des,
html body ul.type_list > li .des {
	white-space: normal !important;
	word-break: keep-all !important;
}
html body #container .new-wrap.view-21-03 .sec_01 .type_list > li:nth-child(2) .des {
	font-size: 20px !important;
	line-height: 1.12 !important;
	letter-spacing: -0.04em !important;
	padding: 0 8px !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	box-sizing: border-box !important;
}
@media (min-width: 769px) {
	html body #container ul.type_list > li .des,
	html body ul.type_list > li .des {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 72px !important;
		min-height: 72px !important;
		line-height: 1.25 !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
}

/* 21/view_03 sec_02 comparison row: keep the 3-image row centered like KR.
   EN labels are longer, so without fixed 280px card widths the third label
   expands the flex row and makes the whole block look left-shifted. */
html body #container .new-wrap.view-21-03 .sec_02 .box .top,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top {
	width: 100% !important;
	max-width: 1300px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-03 .sec_02 .box .top ul,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top ul {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
	width: 1060px !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-03 .sec_02 .box .top li,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top li {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
}
html body #container .new-wrap.view-21-03 .sec_02 .box .top li .cont,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top li .cont {
	width: 280px !important;
	max-width: 280px !important;
	min-width: 280px !important;
	flex: 0 0 280px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-03 .sec_02 .box .top li .img,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top li .img,
html body #container .new-wrap.view-21-03 .sec_02 .box .top li .img img,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top li .img img {
	width: 280px !important;
	max-width: 280px !important;
}
html body #container .new-wrap.view-21-03 .sec_02 .box .top li .des,
html body #container .new-wrap.view-21-03 .sec.sec_02 .box .top li .des {
	width: 280px !important;
	max-width: 280px !important;
	min-height: 48px !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.2 !important;
	font-size: 18px !important;
	box-sizing: border-box !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top {
	width: 100% !important;
	max-width: 1300px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top ul {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
	width: 1060px !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top li {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top li .cont {
	width: 280px !important;
	max-width: 280px !important;
	min-width: 280px !important;
	flex: 0 0 280px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top li .img,
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top li .img img {
	width: 280px !important;
	max-width: 280px !important;
}
html body #container:has(.sec_02 .box .top img[src*="/21/view_03/3-1.jpg"]) .sec_02 .box .top li .des {
	width: 280px !important;
	max-width: 280px !important;
	min-height: 48px !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.2 !important;
	font-size: 18px !important;
	box-sizing: border-box !important;
}

/* 21/view_03 sec_02 answer bubble: keep the answer in the intended 3 lines. */
html body #container .new-wrap.view-21-03 .sec.sec_02 .qna .a p {
	min-width: 648px !important;
	box-sizing: border-box !important;
	font-size: 20px !important;
	line-height: 30px !important;
	letter-spacing: -0.02em !important;
}
html body #container .new-wrap.view-21-03 .sec.sec_02 .qna .a p .color {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-21-03 .sec.sec_02 .qna .a p .color:first-of-type {
	white-space: nowrap !important;
}
html body #container .new-wrap.view-21-03 .sec.sec_02 .qna .a p .color .point {
	height: 28px !important;
	line-height: 26px !important;
	padding: 0 4px !important;
}

/* 21/view_03 sec_02 lower-eyelid explanation: keep the photo at the KR
   280x279 size and shrink only the long EN body copy. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-21-03 .sec.sec_02 .box .bottom,
	html body #container:has(.sec_02 .box .bottom img[src*="/21/view_03/3-4.gif"]) .sec.sec_02 .box .bottom {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		width: 1300px !important;
		max-width: 1300px !important;
		height: auto !important;
		min-height: 369px !important;
		padding: 30px 0 60px 120px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-03 .sec.sec_02 .box .bottom > img,
	html body #container:has(.sec_02 .box .bottom img[src*="/21/view_03/3-4.gif"]) .sec.sec_02 .box .bottom > img {
		display: block !important;
		flex: 0 0 280px !important;
		width: 280px !important;
		min-width: 280px !important;
		max-width: 280px !important;
		height: 279px !important;
		min-height: 279px !important;
		max-height: 279px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-21-03 .sec.sec_02 .box .bottom > p.des,
	html body #container:has(.sec_02 .box .bottom img[src*="/21/view_03/3-4.gif"]) .sec.sec_02 .box .bottom > p.des {
		flex: 0 0 704px !important;
		width: 704px !important;
		max-width: 704px !important;
		margin-left: 60px !important;
		font-size: 16px !important;
		line-height: 25px !important;
		letter-spacing: -0.035em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: pretty !important;
	}

	html body #container .new-wrap.view-21-03 .sec.sec_02 .box .bottom > p.des .color,
	html body #container:has(.sec_02 .box .bottom img[src*="/21/view_03/3-4.gif"]) .sec.sec_02 .box .bottom > p.des .color {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
	}
}

/* === [3-G42] 円形番号バッジ 数字を円中央に配置 (line-height 副作用修正) (2026-05-06) ===
   ユーザー報告: 21/view_03 sec_02 等で 円バッジ内の「02」が中央より上にずれる。
   原因: theme 由来 line-height: 54px が font-size: 36px より 1.5x 大きく、
   行高 54 > flex item 中央位置で 文字 baseline が 円の上寄りに。
   line-height: 1 (= font-size と同じ) に統一し テキスト行高 = 文字高で 真の中央配置。
   対象: .num_title strong (21/view_03 専用) +
         .before-after .section > strong.type > span (22/view_01 等の case 番号 共通)。 */
html body #container .new-wrap div.num_title > strong,
html body #container .new-wrap .num_title strong:first-child,
html body .new-wrap div.num_title > strong,
html body .new-wrap .num_title strong:first-child {
	line-height: 1 !important;
}
html body #container .new-wrap .sec.before-after .section > strong.type > span,
html body .new-wrap .sec.before-after .section > strong.type > span {
	line-height: 80px !important;
	text-align: center !important;
}

/* === [3-G49] 21/03 .case_img ::before の 韓国語ラベル英訳 ===
   theme/sisun_v1/css/v1/21/view_03.css line 144/145:
     .case_img .img p:nth-child(1):before { content: '왼쪽' }
     .case_img .img p:nth-child(3):before { content: '오른쪽' }
   翻訳エンジン (DOM text node) は CSS pseudo content をスルー → KR残し。
   us-test 限定で content を "Left"/"Right" に強制上書き。 */
html body #container .instance .container .case .case_img .img p:nth-child(1)::before,
html body .instance .case_img .img p:nth-child(1)::before {
	content: 'Left' !important;
}
html body #container .instance .container .case .case_img .img p:nth-child(3)::before,
html body .instance .case_img .img p:nth-child(3)::before {
	content: 'Right' !important;
}

/* 2026-05-12: 21/view_03 surgical-case captions must be exactly as wide as photos.
   Long EN captions made flex items shrink while the 566px photos overflowed. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 40px !important;
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .img_wrap {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		flex: 0 0 566px !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .img_wrap > img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		flex: 0 0 auto !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .img_wrap > span,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .img_wrap > p {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		flex: 0 0 auto !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .case_img {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		flex: 0 0 1172px !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .case_img > .img {
		width: 1172px !important;
		max-width: 1172px !important;
		flex: 0 0 auto !important;
		box-sizing: border-box !important;
	}
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .case_img > span,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.instance .container .case > .case_img > p.des {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		flex: 0 0 auto !important;
	}
}

/* === [3-G43] viewBA-item Diagnosis/Surgery Note ピル → 円形 (KR本家準拠) (2026-05-06) ===
   ユーザー報告: 21/view_05 等で Diagnosis (101x37) / Surgery Note (116x37) が
   楕円ピル化 → KR本家は 진단/수술 노트 60x60 正円 18px。
   過去 (memory project_sisun.md) 「Diagnosis/Surgery Note 円→ピル化」 で英訳長文対応した
   override を撤回。 ユーザー指示「文字小さくOK or 改行OK で円形」。
   60x60 円形 + font 11px (KR 18px → 縮小) + 自然 word-wrap で 「Surgery Note」を 2行表示。
   対象: .viewBA-item-desc > div > strong (Diagnosis 灰色 #7C7C7F / Surgery Note 青 #7099B7)。
   全 sec_*.before-after viewBA セクションに横展開で効く (15/16/17/18/20/21/22 の case 表示)。 */
html body #container .viewBA-item-desc > div > strong,
html body .viewBA-item-desc > div > strong,
html body #container .viewBA-item-desc strong,
html body .viewBA-item-desc strong {
	width: 60px !important;
	height: 60px !important;
	min-width: 60px !important;
	min-height: 60px !important;
	max-width: 60px !important;
	max-height: 60px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	padding: 0 !important;
	font-size: 11px !important;
	line-height: 1.15 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

/* === [3-G50] 21/05 .cont_03 li.img_wrap caption 重なり崩壊 修復 ===
   KR: li h=480 / p position:absolute top:444 (画像下端) / div.img h=480 で OK。
   EN: head.sub.php broad height:auto で li=149 div.img=46 縮み → p が画像被覆。
   li / img / div を flex column + 自然 height で復元、 p は 通常配置 (静的)。 */
html body #container ul.cont_03 > li.img_wrap,
html body ul.cont_03 > li.img_wrap {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	position: relative !important;
}
html body #container ul.cont_03 > li.img_wrap > div.img,
html body ul.cont_03 > li.img_wrap > div.img {
	order: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: 0 !important;
	width: 100% !important;
	gap: 0 !important;
}
html body #container ul.cont_03 > li.img_wrap > div.img > img,
html body ul.cont_03 > li.img_wrap > div.img > img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	display: block !important;
}
html body #container ul.cont_03 > li.img_wrap > p,
html body ul.cont_03 > li.img_wrap > p {
	position: static !important;
	order: 99 !important;
	top: auto !important;
	bottom: auto !important;
	width: 100% !important;
	height: auto !important;
	min-height: 40px !important;
	margin-top: 0 !important;
	padding: 8px 16px !important;
	box-sizing: border-box !important;
	background: rgba(60,60,60,0.85) !important;
	color: #fff !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* === [3-G51] 15/01 sec_07 dt > strong G3 円形抑制 ===
   既存 G3 (.new-wrap dl > dt > strong) が 80×80 inline-flex 円形強制 →
   「Double Eyelids」 が 80x80 内に潰れ「Double」「Eyelids」 重なり表示。
   .sec_07 dl.title dt > strong は通常 inline テキスト扱い。 */
html body #container .new-wrap .sec_07 dl.title dt > strong,
html body #container .sec_07 dl.title dt > strong,
html body .sec_07 dl.title dt > strong {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	flex-shrink: initial !important;
	box-sizing: content-box !important;
	align-items: initial !important;
	justify-content: initial !important;
}

/* === [3-G52] G3 dl > dt > strong 80x80 円形を 一般 section で解除 ===
   G3 (line 446) は 17/06, 18/03 等の STEP h5 strong 円形バッジ用だが、
   同じ rule が全 dl > dt > strong に適用され .sec_07, .sec_10, .sec_04 等の
   通常テキストstrong も 80x80 円形化 → 「We recommend revision surgery」 等
   が円内に潰れて 1単語/行 縦改行 + overlay。
   G3 をデフォルト OFF にして、 .step-component .process [class*=Dvveup] .sec.sec_04 のみ
   円形維持 (G28 で対応済) → それ以外は通常 inline テキスト。 */
html body #container .new-wrap dl > dt > strong:not([class]),
html body #container .new-wrap dl > dt strong:first-child:not([class]),
html body .new-wrap dl > dt > strong:not([class]) {
	/* デフォルト解除 (G3 上書き) */
	display: inline !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	flex-shrink: initial !important;
	box-sizing: content-box !important;
	align-items: initial !important;
	justify-content: initial !important;
}
/* 円形必要な箇所 (STEP h5 strong) は G28 で対応済なので個別に再強制 */
html body #container .step-component dt > h5 > strong,
html body #container .process dt > h5 > strong,
html body #container [class*="Dvveup"] ul > li > h4 > strong,
html body #container .sec.sec_04 ul > li > h4 > strong,
html body #container .sec_04 li > h4 > strong {
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	line-height: 1 !important;
	display: block !important;
	background: transparent !important;
}

/* === [3-G44] .case .step 内 STEP/番号 縦積み復元 (15/view_07 等) (2026-05-06) ===
   ユーザー報告: 15/view_07 EN で STEP バッジ内 「STEP」 が消え 「01」 だけ表示。
   原因: G1 `.new-wrap [class*="step"] .num { aspect-ratio:1/1; width/height:80px }`
   が `.case .step` 内の span.num にも適用 → 円全体占有 + STEP span を押し出し height:0。
   KR本家 (sisunps.com/v1/15/view_07.php) は span.num 26x24 / span(STEP) 35x24 で
   両方 display:block で 縦並び表示「STEP / 01」 18px。
   ユーザー指示: 「1は改行で韓国語サイトと同じように、 STEP の文字を大きく、 中央配置」
   → STEP font 18px (KR 15px → 拡大) + num 24px (KRと同じ) + flex column 中央配置。
   .case .step 限定で 円形強制解除 + 縦積み中央配置を復元。
   横展開: 15/view_07 (今回) + 同 .case .step を持つ他ページ (確認後追加)。 */
/* G44 後継: .sec.method 経路 + .num に flex 中央配置するよう selector 強化。
   従来 G12 line 1184 (`.sec.method .step .num` 0,1,5,0) が私の G44 (0,1,4,2) を
   specificity で上回って勝っていた問題を修正。
   高 specificity (0,1,6,2 〜 0,1,7,2) で確実に override。 */
html body #container .new-wrap .sec.method .case .step .num,
html body #container .new-wrap .sec.method .step .num,
html body #container .new-wrap .case .step .num,
html body #container .sec.method .case .step .num,
html body #container .sec.method .step .num,
html body #container .case .step .num,
html body .new-wrap .sec.method .step .num,
html body .new-wrap .case .step .num,
html body .sec.method .step .num,
html body .case .step .num {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	display: block !important;
	line-height: 1.1 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
}
html body #container .new-wrap .sec.method .case .step > span:first-child,
html body #container .new-wrap .sec.method .step > span:first-child,
html body #container .new-wrap .case .step > span:first-child,
html body #container .sec.method .case .step > span:first-child,
html body #container .sec.method .step > span:first-child,
html body #container .case .step > span:first-child,
html body .sec.method .step > span:first-child,
html body .case .step > span:first-child {
	display: block !important;
	line-height: 1.1 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #fff !important;
	height: auto !important;
	width: auto !important;
}
html body #container .new-wrap .sec.method .case .step,
html body #container .new-wrap .sec.method .step,
html body #container .new-wrap .case .step,
html body #container .sec.method .case .step,
html body #container .sec.method .step,
html body #container .case .step,
html body .sec.method .step,
html body .case .step {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: visible !important;
}

/* === [3-G49] 모델스토리 → Model Story (全ページ共通 / before_after.php) ===
   ユーザー報告 (2026-05-06): 15/view_02, 15/view_07 等 多数ページで
   「모델스토리」 韓国語タイトルが残存。
   原因: before_after.php で `latest_media_review(...,'모델스토리',...)` の
   第4引数が backend の DB board 検索条件に使われ、 KR から変えると
   board 取得失敗 → section ごと消失 (動画リスト 0件)。
   CSS で h3 元 text を font-size:0 で隠して ::before で「Model Story」 を
   再描画。 全ページ共通で適用 (before_after.php は全 view ページに include)。 */
html body #container #main-media-review-model .container h3,
html body section#main-media-review-model .container h3,
html body #main-media-review-model .container h3 {
	font-size: 0 !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	color: transparent !important;
}
html body #container #main-media-review-model .container h3::before,
html body section#main-media-review-model .container h3::before,
html body #main-media-review-model .container h3::before {
	content: 'Model Story' !important;
	display: block !important;
	font-size: 30px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	font-weight: 700 !important;
	color: #222 !important;
	text-align: left !important;
}

/* === [3-G53] STEP 円バブル KR完全一致 + 中央配置 (全ページ) ===
   KR DOM 実測値:
   - 17/03 div.step          80×80  fs15 lh24
   - 17/06 h5(.step-component)80×80  fs30 lh30
   - 18/03 h5(.process)      90×90  fs30 lh30
   - 21/02 .surgery-method-item-order 80×80 fs20 lh22
   - 22/04 h4(.Dvveup/.sec_04) 80×80 fs50 lh50
   - 22/05 div.step          80×80  fs18 lh24
   - 16/04 div.step          80×80  fs18 lh24
   各 selector で flex center + KR フォントサイズを強制復元。 */

/* 17/03 + 22/05 + 16/04 + 15/09 など div.step 系 (fs 15-18) */
html body #container div.step:not([class*="step_"]):not([class*="step-"]):not(.step01):not(.step02):not(.surgery-method-item-order),
html body div.step:not([class*="step_"]):not([class*="step-"]):not(.step01):not(.step02):not(.surgery-method-item-order) {
	width: 80px !important;
	height: 80px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	max-width: 80px !important;
	max-height: 80px !important;
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 0 !important;
	font-size: 17px !important;
	line-height: 24px !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	word-break: keep-all !important;
}

/* h5 STEP (.step-component / .process) — 80x80 fs30 / 90x90 fs30 */
html body #container .step-component dt > h5,
html body #container .step-component dt h5,
html body #container .process dt > h5,
html body #container .process dt h5 {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: column !important;
	text-align: center !important;
	padding: 0 !important;
	font-size: 30px !important;
	line-height: 30px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}
html body #container .step-component dt > h5 > span,
html body #container .process dt h5 > span {
	font-size: 20px !important;
	line-height: 24px !important;
	display: block !important;
}
html body #container .step-component dt > h5 > strong,
html body #container .process dt h5 > strong {
	font-size: 24px !important;
	line-height: 24px !important;
	display: block !important;
}

/* 22/04 h4 (.Dvveup / .sec_04) — 80x80 fs50 (大きい数字) */
html body #container [class*="Dvveup"] ul > li > h4,
html body #container .sec.sec_04 ul > li > h4,
html body #container .sec_04 li > h4 {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 0 !important;
	font-size: 50px !important;
	line-height: 50px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}
html body #container [class*="Dvveup"] ul > li > h4 > span,
html body #container .sec.sec_04 ul > li > h4 > span {
	font-size: 16px !important;
	line-height: 1.2 !important;
	display: block !important;
}
html body #container [class*="Dvveup"] ul > li > h4 > strong,
html body #container .sec.sec_04 ul > li > h4 > strong {
	font-size: 36px !important;
	line-height: 1 !important;
	display: block !important;
}

/* === [3-G50] 15/view_10 .img_wrap1 width 統一 (caption 文字長による画像サイズ差解消) (2026-05-06) ===
   ユーザー報告: 15/view_10 EN で 돌출 눈/함몰 눈 B/A 画像サイズが 揃っていない
   (例: pt4.gif 560x240 vs pt1.gif 566x243)。
   原因: theme view_10.css `.img_wrap1 { display: inline-flex }` width 内容依存 →
   caption (.img_wrap1 > p) 文字長に引っ張られて長い caption は 566px、 短い caption は
   image natural 560 のまま。 img は width:100% で親追従 → 画像サイズ差発生。
   対応: .img_wrap1 width 566px 固定 + caption multi-line 許可で 全画像 566x243 統一。 */
html body #container .img_wrap1,
html body .img_wrap1 {
	width: 566px !important;
	max-width: 566px !important;
	min-width: 566px !important;
	box-sizing: border-box !important;
}
html body #container .img_wrap1 > p,
html body .img_wrap1 > p {
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	height: auto !important;
	min-height: 40px !important;
	line-height: 1.4 !important;
	padding: 6px 10px !important;
	box-sizing: border-box !important;
}

/* 15/view_10 protruding/sunken comparison: the broad 21/01 img_wrap2 fix above
   must not shrink the right-side Sunken Eyes photos on this page. Restore both
   columns to the KR 560px photo rhythm. */
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap1,
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap2,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap1,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap2,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap1,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap2 {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	width: 560px !important;
	min-width: 560px !important;
	max-width: 560px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap1 > .img,
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap2 > .img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap1 > .img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap2 > .img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap1 > .img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap2 > .img {
	width: 560px !important;
	min-width: 560px !important;
	max-width: 560px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > img,
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > img,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > img {
	display: block !important;
	width: 560px !important;
	min-width: 560px !important;
	max-width: 560px !important;
	height: auto !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > p,
html body #container .new-wrap.view-15-10 .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > p,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > p,
html:has(link[href*="/v1/15/view_10.css"]) body #container .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > p,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap1 > .img > p,
html:has(link[href*="/v1/15/view_10.css"]) body #container .new-wrap .sec.sec_04-1 .vs_wrap .img_wrap2 > .img > p {
	width: 560px !important;
	min-width: 560px !important;
	max-width: 560px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	font-size: 10.5px !important;
	line-height: 11.5px !important;
	padding: 1px 6px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* 22/view_05 sec_01 paired B/A cards:
   keep each left/right pair top-aligned. Without this, inline-flex baseline
   alignment lets English caption line breaks push one side a few pixels down. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-05 .sec.sec_01 .contents > ul > li {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 2px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-05 .sec.sec_01 .contents > ul > li > .img_wrap1 {
		flex: 0 0 566px !important;
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		margin: 0 !important;
		align-self: flex-start !important;
		vertical-align: top !important;
	}
}

/* === [3-G60] 20/view_03 .common-top .summary 六角形 EN テキスト溢れ修復 (2026-05-06) ===
   ユーザー報告: EN 20/view_03 で Surgery Duration / Anesthesia / Stitch Removal /
   Hospitalization / Recovery の白文字 (特に "IV Sedation / Sleep Sedation" や
   "Same-day Discharge") が背景六角形 (125×141) を超えてはみ出る。
   KR は短いハングルで収まっていた。
   対応: dl を 165×186 に拡大 (×1.32) → background-image:auto 100% で比例拡大。
   font-size 16→14、 dd の文字を更に縮小し改行を許可。
   gap も若干広げて隣接 dl と被らないように。 */
html body #container .new-wrap .common-top .summary dl,
html body .new-wrap .common-top .summary dl,
html body .common-top .summary dl {
	width: 125px !important;
	height: 141px !important;
	min-width: 125px !important;
	font-size: 12px !important;
	line-height: 1.2em !important;
	margin-right: 6px !important;
	background-size: auto 100% !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap .common-top .summary dl dt strong,
html body .common-top .summary dl dt strong {
	font-size: 12px !important;
	font-weight: 500 !important;
	padding-top: 6px !important;
	line-height: 1.15 !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}
html body #container .new-wrap .common-top .summary dl dt span,
html body .common-top .summary dl dt span {
	width: 36px !important;
	height: 36px !important;
	margin: 28px auto 0 !important;
}
html body #container .new-wrap .common-top .summary dl dd,
html body .common-top .summary dl dd {
	font-size: 10px !important;
	line-height: 1.2 !important;
	width: calc(100% - 8px) !important;
	left: 4px !important;
	bottom: 14px !important;
	padding: 0 !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}
html body #container .new-wrap .common-top .summary dl dd span,
html body .common-top .summary dl dd span {
	font-size: 13px !important;
	line-height: 1.2 !important;
	display: block !important;
}

/* === [3-G59] 17/view_07 sec_05 .img .box 3列消失 修復 (2026-05-06) ===
   ユーザー報告: 17/view_07 EN で sec_05 「Through combined surgery: [Natural Eye Appearance]」
   下の 3列 (Forehead Lift / Brow Lift / Upper Epicanthoplasty) B/A box 全消失、空白のみ。
   原因 (EN固有):
     - theme view_07.css `.sec_05 .img .box { flex-basis: 0; display: flex; flex-direction: column; }`
       は flex-grow なし。 KR head.sub.php では min-width:auto により box が min-content size で表示。
     - EN head_main.php インライン CSS `.new-wrap *, #container *, div.container * { min-width: 0; }`
       が全 descendants に効いて .box の min-width:auto を 0 に上書き →
       flex-basis:0 + flex-grow なし + min-width:0 で box の実幅 0 → 内容ごと潰れる。
   対応: .sec_05 .img .box に flex:1 1 0 (3列均等stretch) + 最低幅で復元。
   .sec_05 .img の width を container 内 100% にして 3列が広がれる空間を確保。
   スコープ: 17/view_07 含む sec_05 .img .box 構造のみ。case_wrap や img_wrap には未影響。 */
html body #container .sec_05 .img,
html body .sec_05 .img {
	width: 100% !important;
	max-width: 1300px !important;
}
html body #container .sec_05 .img > .box,
html body .sec_05 .img > .box {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
html body #container .sec_05 .img > .box img,
html body .sec_05 .img > .box > img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* === [3-G58] 17/view_09 .case_wrap .img_wrap width 統一 (英文caption overflow修復) (2026-05-06) ===
   ユーザー報告: 17/view_09 EN で 1列目の B/A 画像が左端カット、タイトル文字も先頭が見切れ
   (例: "is Correction+Brow Lift(3 months)" - 本来 "Non-incisional Eye Cosmet..." が頭欠け)。
   原因: theme view_09.css `.img_wrap { display: inline-flex }` width 内容依存。
   `.img_wrap p { height:40px; line-height:40px }` で 単行強制 → 長い英文 caption で
   .img_wrap が 700-900px 超に膨張。 3列(>700×3+gap) が container 1300px をはみ出し、
   flex-wrap + justify-content:center の結果 1列目が左へオーバーフロー、画像クリップ発生。
   KR は短いハングルで566px内に収まるため未発生。
   対応: .case_wrap / .case_wrap-1 配下の .img_wrap を 566px 固定 + caption multi-line 許可。
   スコープを case_wrap 系に限定して 他ページの .img_wrap variants(left/right/mt-NN等) は不変。 */
html body #container [class*="case_wrap"] .img_wrap,
html body [class*="case_wrap"] .img_wrap {
	width: 566px !important;
	max-width: 566px !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
html body #container [class*="case_wrap"] .img_wrap > p,
html body [class*="case_wrap"] .img_wrap > p {
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	height: auto !important;
	min-height: 40px !important;
	line-height: 1.3 !important;
	padding: 6px 12px !important;
	box-sizing: border-box !important;
}
html body #container [class*="case_wrap"] .img_wrap .img,
html body [class*="case_wrap"] .img_wrap .img {
	width: 566px !important;
	max-width: 566px !important;
}
html body #container [class*="case_wrap"] .img_wrap .img img,
html body [class*="case_wrap"] .img_wrap .img img {
	width: 566px !important;
	max-width: 566px !important;
	display: block !important;
}

/* === [3-G43] .caution「!」円形化 (15/view_11 等) ===
   ユーザー報告 (2026-05-06): span.caution の "!" マークが 54x42 楕円。
   border-radius:40px 設定済も height < width で楕円化。
   一括で正円強制 (aspect-ratio + 同一寸法 + border-radius:50%)。
   2026-05-06 修正: span 限定にして 12/view_08 .precaution > .caution (大箱) を除外。
   div.caution / .precaution / .precaution.container は対象外 (それぞれ独自 layout 維持)。 */
#container span.caution {
	aspect-ratio: 1 / 1 !important;
	width: 54px !important;
	height: 54px !important;
	min-width: 54px !important;
	min-height: 54px !important;
	max-width: 54px !important;
	max-height: 54px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
}

/* === [3-G54] チェックマーク (☑) li::after 中央配置 (全ページ) ===
   theme: .why li::after { top: 2.5px; left: 9px; ... rotate(45deg) } で
   KR の li h=35 では 中央近かったが、 EN の li h=42 (fs:28 大) では上寄り。
   top:50% + 高さ調整で 縦中央配置 + rotate 維持。
   .why li / .check_item li / .checkbox li 等 共通 pattern。 */
html body #container .why li::after,
html body #container .sec_04 .summary .why li::after,
html body .why li::after {
	top: 50% !important;
	margin-top: -10px !important;
	left: 9px !important;
}

/* === [4-G5] 15/view_02 list checkboxes: preserve KR icon rules ===
   sec_02 candidate cards intentionally have no check icon. Restore their fixed
   KR box height, and keep sec_03 WHY checkboxes square when English wraps. */
html body #container .new-wrap.view-15-02 .sec.sec_02 ul.contents > li,
html body #container .new-wrap.view-15-02 .sec_02 ul.contents > li {
	width: 230px !important;
	height: 230px !important;
	min-width: 230px !important;
	min-height: 230px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
html body #container .new-wrap.view-15-02 .sec.sec_03 .summary .why > li::before,
html body #container .new-wrap.view-15-02 .sec_03 .summary .why > li::before {
	flex: 0 0 28px !important;
	width: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	height: 28px !important;
	min-height: 28px !important;
	max-height: 28px !important;
	align-self: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-15-02 .sec.sec_03 .summary .why > li::after,
html body #container .new-wrap.view-15-02 .sec_03 .summary .why > li::after {
	top: 50% !important;
	margin-top: -10px !important;
	left: 9px !important;
}
/* 15/view_02 cont_02: keep the three long WHY labels on one KR-height row. */
html body #container .new-wrap.view-15-02 .sec.sec_03 .cont_02 .summary .why,
html body #container .new-wrap.view-15-02 .sec_03 .cont_02 .summary .why {
	flex-wrap: nowrap !important;
}
html body #container .new-wrap.view-15-02 .sec.sec_03 .cont_02 .summary .why::before,
html body #container .new-wrap.view-15-02 .sec_03 .cont_02 .summary .why::before {
	margin-right: 12px !important;
}
html body #container .new-wrap.view-15-02 .sec.sec_03 .cont_02 .summary .why > *:not(:last-child),
html body #container .new-wrap.view-15-02 .sec_03 .cont_02 .summary .why > *:not(:last-child) {
	margin-right: 12px !important;
}
html body #container .new-wrap.view-15-02 .sec.sec_03 .cont_02 .summary .why > li,
html body #container .new-wrap.view-15-02 .sec_03 .cont_02 .summary .why > li {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	font-size: 20px !important;
	line-height: 28px !important;
}

/* 15/view_07 cont_02 WHY checklist: keep the checkboxes square while allowing
   the long English reason to wrap naturally. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-06 .sec.sec_03 .container.cont_02 .summary .why,
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .sec.sec_03 .container.cont_02 .summary .why {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-06 .sec.sec_03 .container.cont_02 .summary .why > li,
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .sec.sec_03 .container.cont_02 .summary .why > li {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
		font-size: 19px !important;
		line-height: 28px !important;
		letter-spacing: -0.065em !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-15-06 .sec.sec_03 .container.cont_02 .summary .why > li:nth-child(1),
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .sec.sec_03 .container.cont_02 .summary .why > li:nth-child(1) {
		margin-right: 62px !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why {
		display: grid !important;
		grid-template-columns: auto max-content max-content minmax(0, 1fr) !important;
		align-items: start !important;
		column-gap: 16px !important;
		row-gap: 10px !important;
		width: 100% !important;
		margin: 36px 0 0 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why::before {
		margin: 2px 0 0 0 !important;
		font-size: 30px !important;
		line-height: 30px !important;
		white-space: nowrap !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > *:not(:last-child) {
		margin: 0 !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > li {
		min-width: 0 !important;
		display: flex !important;
		align-items: flex-start !important;
		gap: 8px !important;
		position: relative !important;
		font-size: 22px !important;
		line-height: 1.34 !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
		text-align: left !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > li:nth-child(1),
	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > li:nth-child(2) {
		white-space: nowrap !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > li::before {
		flex: 0 0 24px !important;
		width: 24px !important;
		min-width: 24px !important;
		max-width: 24px !important;
		height: 24px !important;
		min-height: 24px !important;
		max-height: 24px !important;
		margin: 2px 0 0 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .sec_03 .container.cont_02 .summary .why > li::after {
		top: 5px !important;
		left: 7px !important;
		width: 9px !important;
		height: 15px !important;
		margin-top: 0 !important;
		border-width: 3px !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_06 Asymmetric Double Eyelids B/A gallery: match the KR two-column photo rhythm. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_06.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}
}

/* 15/view_07 Multiple Eyelid Creases B/A gallery: match the KR two-column photo rhythm. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_07.css"]) body #container .new-wrap .before-after.sec .section .viewBA:not(.AB) .viewBA-item-images img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}
}

/* === [3-G50] .summary > h3 > p 縦バー横の text 改行修正 (全ページ共通) ===
   ユーザー報告 (2026-05-06) 15/view_04 sec_03: 長文 EN タイトル
   「Unnatural Double Eyelids Caused by the Epicanthal Fold and Inner Corner Shape」
   で h3 内の <p> が p_w:1180 に広がり「|」 (10+20=30px before) の右に inline
   で並ばず改行 → text が大きく下にずれる。
   原因: theme `h3 p { display: inline-block }` は短文向け。 EN 長文では width
   制約なしで full に広がり inline-block 改行発生。
   対応: h3 を flex 化、 ::before と p を gap:20 で横並び 上端揃え。 p は flex:1 で
   残り width 自動 + 内部 wrap でカード内収納。 KR 短文は影響無し (wrap せず1行)。
   汎用適用: `.summary > h3 > p` 構造を持つ全ページ (15/view_01 sec_06,
   15/view_04 sec_03, 他 view_NN) で同問題 解消。 */
#container .summary > h3:has(> p) {
	display: flex !important;
	align-items: flex-start !important;
	gap: 20px !important;
}
#container .summary > h3:has(> p)::before {
	margin: 0 !important;
	flex-shrink: 0 !important;
}
#container .summary > h3:has(> p) > p {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	display: block !important;
}
/* :has() 非対応ブラウザ向け fallback (sec_03/sec_06 限定) */
#container .sec_03 .summary > h3,
#container .sec_06 .summary > h3 {
	display: flex !important;
	align-items: flex-start !important;
	gap: 20px !important;
}
#container .sec_03 .summary > h3::before,
#container .sec_06 .summary > h3::before {
	margin: 0 !important;
	flex-shrink: 0 !important;
}
#container .sec_03 .summary > h3 > p,
#container .sec_06 .summary > h3 > p {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	display: block !important;
}

/* === [3-G51] dl.how > dt 「HOW?」 縦長(2行折返し) → 1行 横並び (2026-05-06) ===
   ユーザー報告: 15/view_01-08 等 多数ページで「HOW?」が縦に「HOW / ?」と
   2行表示 (73x90 / line-height 45 × 2)。 KR本家は 82x30 1行表示。
   原因: dl.how が display:flex、 dt が flex item として content min size より
   小さく縮められ (72px)、 「HOW?」 (font 30px letter-spacing -1.5 で ~83px幅)
   が幅不足 → 「?」 だけ 2行目に折り返し。
   対応: dt に white-space:nowrap + flex-shrink:0 で 1行強制。
   「Why?」 等 同パターン dt も併せて nowrap 化 (横展開)。 */
html body #container .new-wrap dl.how > dt,
html body #container dl.how > dt,
html body .new-wrap dl.how > dt,
html body dl.how > dt {
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	width: auto !important;
	min-width: max-content !important;
}

/* === [3-G51] 16/view_01 sec_01 .img_wrap 左寄り修正 (B/A 画像中央化) ===
   ユーザー報告 (2026-05-06): 16/view_01 sec_01 「Permanent Canthoplasty」 の
   B/A 画像 (infomation.gif 566x?) が左寄りに表示、 右側に大きな空白。
   原因: theme `.sec_01 .img_wrap { display: inline-block }` で本来 content
   width = img の 566 になるはずが、 caption <p> が EN 長文
   「Medial Epicanthoplasty+Upper Epicanthoplasty+Lateral Canthoplasty +
   Lower Eyelid Surgery (2 years 7 months)」 で nowrap 1行 = 1045px に拡張、
   img_wrap も追従 1045 → 内部 img 566 が左端配置で右に空白。
   対応: img_wrap 幅 566px 固定 + p を wrap 許容 で 画像と caption 中央揃え。
   汎用適用: `.sec_01 .img_wrap > p` を持つ全 view ページに同 pattern 検出時
   有効 (caption 長文の左寄り画像問題 全般)。 */
html body #container .sec.sec_01 .contents .img_wrap,
html body #container .sec_01 .contents .img_wrap {
	display: inline-block !important;
	width: 566px !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
html body #container .sec.sec_01 .contents .img_wrap > p,
html body #container .sec_01 .contents .img_wrap > p {
	white-space: normal !important;
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	line-height: 1.3 !important;
	font-size: 14px !important;
	padding: 6px 10px !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	text-align: center !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
}

/* === [3-G55] 16/04 cocoen w=0 潰れ復元 ===
   KR: cocoen w=1180 h=196 中央配置 + 50% drag handle 表示。
   EN: 親 .check-point-before-after (flex) で cocoen w=0 縮み → 画像非表示。
   cocoen に width:100% / flex:1 強制で 親 stretch 受け継ぎ。 */
html body #container .check-point-before-after .cocoen,
html body #container .cocoen,
html body .cocoen {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	flex: 1 1 auto !important;
}
html body #container .cocoen .before,
html body .cocoen .before {
	min-width: 0 !important;
	max-width: 100% !important;
}
html body #container .cocoen .after,
html body .cocoen .after {
	width: 100% !important;
	min-width: 100% !important;
}
html body #container .cocoen .after .img,
html body .cocoen .after .img {
	width: 100% !important;
}

/* === [3-G44] 16/view_05 4-item case を 1行 (Before/STEP01/STEP02/After) ===
   ユーザー指示 (2026-05-06): 「これって横一列にできないの?」
   `.case_01.case` 親 (1044px) の中で 4枚 (228px each + 20px margin) =992px は
   理論上 fit するが、 padding 差で 3+1 wrap している。
   nowrap + 25% width で確実 1行化。 */
#container .new-wrap .case_01.case,
#container .case_01.case,
#container .case.case_01 {
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	gap: 12px !important;
}
#container .new-wrap .case_01.case > .list,
#container .case_01.case > .list,
#container .case.case_01 > .list {
	width: calc(25% - 9px) !important;
	max-width: calc(25% - 9px) !important;
	margin: 40px 0 0 !important;
	flex: 0 0 calc(25% - 9px) !important;
	box-sizing: border-box !important;
}
/* 内部 img 100% で fill */
#container .new-wrap .case_01.case > .list img,
#container .case_01.case > .list img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/* === [3-G56] cocoen .before/.after img を 親 cocoen 全幅で表示 ===
   KR: cocoen w=1180, before img w=1180 (overflow hidden で 50%だけ可視) → 合成成立。
   EN: before img max-width:100% で .before w=590 の 100%=590 に縮小 → 半分の画像
   しか持たないため B/A 合成にならない。
   img は .cocoen 全幅 (=before*2) で表示、 .before の overflow hidden が 50% mask。 */
html body #container .cocoen .before img,
html body #container .cocoen .after img,
html body .cocoen .before img,
html body .cocoen .after img {
	width: 200% !important;
	max-width: 200% !important;
	min-width: 200% !important;
	height: auto !important;
	display: block !important;
}
html body #container .cocoen .after img,
html body .cocoen .after img {
	margin-left: -100% !important;
}

/* === [3-G57] G56 を 16/04 check-point だけに限定し、通常 cocoen を 100% 復元 ===
   G56 の `cocoen .before/.after img { width:200%; margin-left:-100% }` は
   16/04 .check-point-before-after の合成PNG 用 patterns に対する解決だが、
   15/01 等の 通常 cocoen (Before/After 別 image file) では 200% で破綻。
   通常 cocoen は 100% に戻す。 16/04 check-point だけ G56 維持 (specificity高)。 */
html body #container .cocoen .before img,
html body #container .cocoen .after img,
html body .cocoen .before img,
html body .cocoen .after img {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	margin-left: 0 !important;
}
/* 16/04 check-point だけ 例外 (G56 を再強制) */
html body #container .check-point-before-after .cocoen .before img,
html body .check-point-before-after .cocoen .before img {
	width: 200% !important;
	max-width: 200% !important;
	min-width: 200% !important;
	margin-left: 0 !important;
}
html body #container .check-point-before-after .cocoen .after img,
html body .check-point-before-after .cocoen .after img {
	width: 200% !important;
	max-width: 200% !important;
	min-width: 200% !important;
	margin-left: -100% !important;
}

/* === [3-G58] G57 撤回: 全 cocoen で img 200% + after ml:-100% を再強制 ===
   KR 15/01 でも before img w=566 (cocoen 全幅 = .before w=283 の 200%) で
   合成パターン共通だった。 G57 で 100% に戻したら 半分のみ表示で壊れた。
   全 cocoen 共通で 200% + .after ml:-100% に統一。 */
html body #container .cocoen .before img,
html body .cocoen .before img {
	width: 200% !important;
	max-width: 200% !important;
	min-width: 200% !important;
	margin-left: 0 !important;
	height: auto !important;
}
html body #container .cocoen .after img,
html body .cocoen .after img {
	width: 200% !important;
	max-width: 200% !important;
	min-width: 200% !important;
	margin-left: -100% !important;
	height: auto !important;
}

/* === [3-G52→G54] 17/view_01 .line_type 4列横並び (KR同等に戻す) ===
   2026-05-06 G52 で 2x2 折返し化していたが、 ユーザー指示で KR 同等の 4列
   横並びに戻す。 flex-wrap:nowrap + max-width:none で 4 fold types が
   1行に並ぶ。 */
html body #container .new-wrap .sec.line_type .contents ul,
html body #container .sec.line_type .contents ul,
html body .new-wrap .sec.line_type .contents ul,
html body .sec.line_type .contents ul {
	flex-wrap: nowrap !important;
	max-width: none !important;
	margin: 0 auto !important;
	row-gap: 0 !important;
	column-gap: 20px !important;
	justify-content: center !important;
}

/* === [3-G59] cocoen .after は full width 100% (背景敷き)、.before のみ 50% マスク ===
   G55 で誤って .after も 50% に強制 → After 画像が 半分しか表示されず B/A 合成不可。
   KR DOM: .after w=566 (cocoen full) position:relative + .before absolute w=50%。
   .after を 100% に戻す + img も自然サイズ (cocoen 幅相当)。 */
html body #container .cocoen .after,
html body .cocoen .after {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	position: relative !important;
}
html body #container .cocoen .after .img,
html body .cocoen .after .img {
	width: 100% !important;
}
html body #container .cocoen .after img,
html body .cocoen .after img {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	margin-left: 0 !important;
	height: auto !important;
}
/* .before と .before .img は Cocoen JS の inline width を生かす */
html body #container .cocoen .before .img,
html body .cocoen .before .img {
	max-width: none !important;
}
html body #container .cocoen .before img,
html body .cocoen .before img {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	height: auto !important;
}
/* 16/04 check-point も KR 同様、JS が .img を全幅にするため img 自体は100% */
html body #container .check-point-before-after .cocoen .before img,
html body #container .check-point-before-after .cocoen .after img,
html body .check-point-before-after .cocoen .before img,
html body .check-point-before-after .cocoen .after img {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
}

/* === [3-G52] .bna-pagination 数字 bullet 40x40 円復元 (全ページ共通) ===
   ユーザー報告 (2026-05-06) 17/view_01: B/A swiper の数字ナビ「1 2 3 4 5 6」
   が EN で小さなアイコン風 dot として表示 (KR は 40px 円内 数字)。
   原因: 既存 line 432-439 `.swiper-pagination-bullet { w:12px; h:12px }` が
   全 swiper bullet を 12x12 に強制 → 数字 (font-size 22px) が 12x12 内
   overflow で表示崩壊。
   theme view_01.css line 147 `.sec_04 .bna-pagination .swiper-pagination-bullet
   { w:40 h:40 br:100% display:flex bg:#333 color:#fff fs:22 opacity:0.3 }` を
   `.bna-pagination` 直下 swiper bullet に強制復元。 KR と同じ表示に。 */
html body #container .bna-pagination .swiper-pagination-bullet,
html body .bna-pagination .swiper-pagination-bullet {
	width: 40px !important;
	height: 40px !important;
	border-radius: 100% !important;
	aspect-ratio: 1 / 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #333 !important;
	color: #fff !important;
	font-size: 22px !important;
	line-height: 22px !important;
	opacity: 0.3 !important;
}
html body #container .bna-pagination .swiper-pagination-bullet-active,
html body .bna-pagination .swiper-pagination-bullet-active {
	opacity: 1 !important;
}

/* === [3-G53] 17/view_01 sec_06 .box .img_wrap 画像巨大化修正 ===
   ユーザー報告 (2026-05-06) 17/view_01 「Inline / In-Out Line / Semi-Out / Out」
   各 box の B/A 画像 (566x240) が EN で container full width 1269x538 に拡大。
   KR では 566 (原寸) で表示。
   原因: theme `.img_wrap{ display:inline-flex }` content size = 内部 img 566
   のはずが、 p caption EN 長文「Non-incisional Ptosis Correction+Medial...」
   が height:40 line-height:40 で 1行強制 + nowrap 風 natural width 1000+ に
   押し上げ → img width:100% も追従 で 2倍以上拡大。
   対応: .img_wrap 幅 566 固定 + p wrap 許容 で KR 同等表示に復元。 */
html body #container .sec_06 .contents .box .img_wrap,
html body #container .sec_06 .box .img_wrap {
	width: 566px !important;
	max-width: 100% !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	box-sizing: border-box !important;
}
html body #container .sec_06 .contents .box .img_wrap > p,
html body #container .sec_06 .box .img_wrap > p {
	white-space: normal !important;
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	line-height: 1.3 !important;
	font-size: 14px !important;
	padding: 6px 10px !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	width: 100% !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
}

/* === [3-G55] 17/view_01 sec_07 .img_wrap 画像肥大化修正 ===
   ユーザー報告 (2026-05-06): 17/view_01 内 sec_07 (Eye Surgery 手術 cases)
   の B/A 画像 (566x240) が EN で 776〜1058 に拡大 (倍率 1.36〜1.87)。
   原因: G53 (sec_06) と同じく caption EN 長文 nowrap で .img_wrap content
   width 拡張、 内部 img width:100% で追従 → 元解像度の 1.4〜1.9倍に拡大。
   対応: sec_07 にも `.img_wrap` 566 固定 + p wrap 許容を適用、 KR 同等 表示。 */
html body #container .sec_07 .contents .img_wrap {
	width: 566px !important;
	max-width: 100% !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	box-sizing: border-box !important;
}
html body #container .sec_07 .contents .img_wrap > p {
	white-space: normal !important;
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	line-height: 1.3 !important;
	font-size: 14px !important;
	padding: 6px 10px !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	width: 100% !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
}
/* G55 補正 (2026-05-06): 17/view_03 .sec_07 .summary .img_wrap が
   汎用 `.sec_07 .img_wrap` の 566 固定で内容 (img 210 + div.img 566 = 776) が
   はみ出した問題を修正。 .summary 配下では auto に戻して 中央配置を維持。 */
html body #container .sec.sec_07 .summary .img_wrap,
html body #container .sec_07 .summary .img_wrap {
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	justify-content: center !important;
	margin: 0 auto !important;
}

/* === [3-G56] 17/view_03 sec_05 画像 vs 説明文 重なり修正 ===
   ユーザー報告 (2026-05-06) 17/view_03 sec_05: 左 img_wrap (566x241) と
   右 .des 説明文が画面上で重なる。
   原因: .sec_05 .container .contents > * (= row, display:flex) 内で
   .img_wrap が flex-shrink:1 default により 566→422 に縮み、 内部 img
   (566 自然) が overflow visible で右に 144px はみ出して .des エリアに侵入。
   KR は img_wrap_w:566 維持で重ならない。
   対応: .sec_05 .img_wrap を 566 固定 + flex-shrink:0 で縮ませず正しい layout に。 */
html body #container .sec.sec_05 .container .contents .img_wrap {
	width: 566px !important;
	max-width: 566px !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	flex-basis: 566px !important;
	box-sizing: border-box !important;
}
html body #container .sec.sec_05 .container .contents .img_wrap > .img {
	width: 566px !important;
	max-width: 566px !important;
}

/* === [3-G53] 17/view_03 sec_07 .summary .img_wrap > img category-01/02/03 復元 (2026-05-06) ===
   ユーザー報告: 17/view_03 EN 「In Fold / In-Out Fold / Out Fold」 で
   左の円形画像 category-01.jpg / category-02.jpg / category-03.jpg が消えて
   右の inline.gif / in-outline.gif しか見えない。
   原因: theme view_03.css `.sec_07 .summary .img_wrap { display:flex }` で
   flex item 2つ ( img.category-XX + div.img > inline.gif )。
   _overrides.css `* { min-width:0 }` で 直接子 img の min-width が 0 に →
   inline.gif (div.img: width:566 flex-shrink:0) が先取りで 全 flex 占有 →
   img.category-XX が 0px に縮む。
   KR本家は category-XX 210x210 で表示。 EN専用に img 直接子に
   flex-shrink:0 + width:210 強制で 復元。 */
html body #container .new-wrap .sec.sec_07 .summary .img_wrap > img,
html body #container .sec.sec_07 .summary .img_wrap > img,
html body .new-wrap .sec.sec_07 .summary .img_wrap > img,
html body .sec.sec_07 .summary .img_wrap > img {
	width: 210px !important;
	min-width: 210px !important;
	max-width: 210px !important;
	height: 210px !important;
	min-height: 210px !important;
	max-height: 210px !important;
	flex-shrink: 0 !important;
	flex-basis: 210px !important;
	display: block !important;
}

/* 17/view_03 line-type detail images: the EN common image-centering rule adds
   auto margins to the circular category image, widening the gap before the B/A
   photo. Restore the KR rhythm: 210px circle + 40px gap + 566px photo. */
html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_07 .summary .img_wrap > img {
	margin: 0 !important;
}

html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_07 .summary .img_wrap > .img {
	width: 566px !important;
	min-width: 566px !important;
	max-width: 566px !important;
	height: 240px !important;
	min-height: 240px !important;
	max-height: 240px !important;
	margin: 0 0 0 40px !important;
	flex: 0 0 566px !important;
	box-sizing: border-box !important;
}

html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_07 .summary .img_wrap > .img > img {
	display: block !important;
	width: 566px !important;
	min-width: 566px !important;
	max-width: 566px !important;
	height: 240px !important;
	min-height: 240px !important;
	max-height: 240px !important;
	margin: 0 !important;
	object-fit: cover !important;
}

/* === [3-G57] 17/view_05 .method .case 5列横並び復元 ===
   ユーザー報告 (2026-05-06) 17/view_05: Before/STEP01/02/03/After 5枚 手順
   画像が EN で 3+2 行に折返し。 KR は 5列横並び 1行。
   原因: theme `.method .contents .list` width 未指定で content size = max(img 228,
   p caption natural width)。 EN STEP01「Measure eye-opening muscle strength
   and proceed with appropriate design」 caption が natural width 320 px に
   拡張、 list 320 で 合計幅 case > container 1300 → flex-wrap で折返し。
   対応: list 幅を img と同じ 228 固定 + p wrap 許容で natural 拡張防止。 */
html body #container .sec.method .contents .case .list {
	width: 228px !important;
	max-width: 228px !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	flex-basis: 228px !important;
	box-sizing: border-box !important;
}
html body #container .sec.method .contents .case .list p {
	width: 100% !important;
	max-width: 100% !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	box-sizing: border-box !important;
}
/* case が container 内 中央 + nowrap で5列確保 */
html body #container .sec.method .contents .case {
	flex-wrap: nowrap !important;
	column-gap: 10px !important;
}

/* === [3-G46] .case 一般 (5+ items) を 親幅内に collapse 化 ===
   ユーザー報告 (2026-05-06): 17/view_04 5-step .case で Before Surgery が
   x=-121 (画面外) に切れ。 5x228 + gap = 1180 > 親 1044 で overflow。
   `.case_01` (G44=4items) より specific なので 別 rule で 一般 .case 対応。
   flex 1 1 0 + min-width 0 で 子要素を 親幅内 等分配置。 */
#container .new-wrap .case:not(.case_01):not(.case_02):not(.case_03),
#container .case:not(.case_01):not(.case_02):not(.case_03) {
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	gap: 10px !important;
	overflow: visible !important;
}
#container .new-wrap .case:not(.case_01):not(.case_02):not(.case_03) > .list,
#container .case:not(.case_01):not(.case_02):not(.case_03) > .list {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 40px 0 0 !important;
	box-sizing: border-box !important;
}
#container .new-wrap .case:not(.case_01):not(.case_02):not(.case_03) > .list img,
#container .case:not(.case_01):not(.case_02):not(.case_03) > .list img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/* === [3-G70] サイト全体 横一列折返し 一括修正 ===
   ユーザー指示 (2026-05-06): 47 view ページ走査の結果、 EN long text で
   横一列が折返している箇所を 4 主要 pattern で一括対応。
   (1) .sec.target ul.contents (5 li Ideal Candidates 系: 21 pages)
   (2) .sec_03 ol (3 step 横並び: 5 pages)
   (3) .img_cont (3 列写真+caption: 5 pages)
   (4) ul.surgery-needs-items (6 list: 17/06, 21/02) */

/* (1) .sec.target ul.contents - 5列横並び復元 */
html body #container .sec.target ul.contents,
html body #container .sec_02.target ul.contents,
html body #container .sec.sec_02.target ul.contents {
	flex-wrap: nowrap !important;
	gap: 10px !important;
	max-width: none !important;
	width: auto !important;
	justify-content: center !important;
}
html body #container .sec.target ul.contents > li,
html body #container .sec_02.target ul.contents > li,
html body #container .sec.sec_02.target ul.contents > li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	width: auto !important;
	margin-top: 0 !important;
	box-sizing: border-box !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* (2) .sec_03 ol - 3 step 横並び復元 */
html body #container .sec_03 ol {
	flex-wrap: nowrap !important;
	gap: 8px !important;
	justify-content: center !important;
}
html body #container .sec_03 ol > li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	box-sizing: border-box !important;
}

/* (3) .img_cont - 3列写真+caption 横並び復元 */
html body #container .img_cont {
	flex-wrap: nowrap !important;
	gap: 10px !important;
	justify-content: center !important;
}
html body #container .img_cont > * {
	flex: 0 1 auto !important;
	min-width: 0 !important;
}

/* (4) ul.surgery-needs-items - 6 list 横並び復元 */
html body #container ul.surgery-needs-items {
	flex-wrap: nowrap !important;
	gap: 8px !important;
	justify-content: center !important;
}
html body #container ul.surgery-needs-items > li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* 17/view_06 candidates: restore the KR 230px square, 3-column rhythm.
   The global EN one-row surgery-needs rule makes these boxes tall and narrow. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-needs .surgery-needs-items {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 780px !important;
		max-width: 780px !important;
		gap: 45px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-needs .surgery-needs-item,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-needs .surgery-needs-item-boundary {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 230px !important;
		width: 230px !important;
		min-width: 230px !important;
		max-width: 230px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-needs .surgery-needs-item-boundary p {
		display: block !important;
		width: 100% !important;
		max-width: 210px !important;
		height: auto !important;
		margin: 0 auto !important;
		color: #333 !important;
		font-size: 19px !important;
		line-height: 1.35 !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-desc-02 > ul > li:first-child {
		position: relative !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-desc-02 > ul > li:first-child::before,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-desc-02 > ul > li:first-child::after {
		position: absolute !important;
		bottom: 0 !important;
		z-index: 2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 58px !important;
		color: #fff !important;
		font-size: 24px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
		text-align: center !important;
		letter-spacing: 0 !important;
		pointer-events: none !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-desc-02 > ul > li:first-child::before {
		left: 0 !important;
		width: 440px !important;
		content: "Fat Repositioning" !important;
		background: #a9bb78 !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .surgery-desc-02 > ul > li:first-child::after {
		left: 440px !important;
		bottom: 58px !important;
		width: 325px !important;
		content: "Fat Removal or Grafting" !important;
		background: #333 !important;
	}
}

/* === [3-G71] 17/view_04 .qa_wrap .qna .flex .img_wrap 左右サイズ揃え ===
   ユーザー報告 (2026-05-06): 17/view_04 Q&A セクション 左右 2 box の img_wrap
   が 536 vs 424 で異なる幅 → 内部 image (430x182 nat) も 430 vs 424 で
   サイズ違い。
   原因: caption EN 長文の natural width 差で wrap が個別に拡張・縮小。
   対応: 両 img_wrap を 480px 固定 + caption wrap で 揃え。 */
html body #container .qa_wrap .qna .flex {
	gap: 20px !important;
	justify-content: center !important;
}
html body #container .qa_wrap .qna .flex .img_wrap {
	width: 480px !important;
	max-width: 480px !important;
	flex: 0 0 480px !important;
	box-sizing: border-box !important;
}
html body #container .qa_wrap .qna .flex .img_wrap > p {
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* 17/view_05 pseudo-ptosis Q&A: restore KR 430px card/photo/text-box alignment. */
html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex {
	gap: 40px !important;
	justify-content: center !important;
}

html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap {
	width: 430px !important;
	max-width: 430px !important;
	flex: 0 0 430px !important;
	box-sizing: border-box !important;
}

html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap > p,
html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .img,
html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .note {
	width: 430px !important;
	max-width: 430px !important;
	box-sizing: border-box !important;
}

		html:has(link[href*="/v1/17/view_05.css"]) body #container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .img > img {
			display: block !important;
			width: 430px !important;
			max-width: 430px !important;
			height: 182px !important;
			object-fit: cover !important;
		}

	/* 17/view_04 Q&A: match KR widths so title bands, photos, and text boxes align. */
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex {
		gap: 40px !important;
		justify-content: center !important;
		align-items: flex-start !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap {
		width: 430px !important;
		min-width: 430px !important;
		max-width: 430px !important;
		flex: 0 0 430px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap > p,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap .img,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap .note,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap > p,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .img,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .note {
		width: 430px !important;
		min-width: 430px !important;
		max-width: 430px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap .img > img,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .img > img {
		display: block !important;
		width: 430px !important;
		min-width: 430px !important;
		max-width: 430px !important;
		height: 182px !important;
		object-fit: cover !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap > p,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap > p {
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 8px !important;
		font-size: 11px !important;
		line-height: 12px !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(1) .flex .img_wrap .note p,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(3) .flex .img_wrap .note p {
		font-size: 18px !important;
		line-height: 1.45 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) {
		width: 228px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		flex: 0 0 228px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > strong,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > img,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > p {
		width: 228px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > strong {
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		padding: 0 6px !important;
		font-size: 14px !important;
		line-height: 18px !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li:not(.arrow-left):not(.arrow-right) > img {
		display: block !important;
		height: 214px !important;
		object-fit: cover !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li.arrow-left,
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .qa_wrap .qna dl:nth-of-type(2) dd ul > li.arrow-right {
		margin-left: 44px !important;
		margin-right: 44px !important;
	}

		/* 17/view_02 and 17/view_05 B/A galleries: match KR 1172px row, 566px cards, 40px gap. */
		html:has(link[href*="/v1/17/view_02.css"]) body #container#container .sec.before-after .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .sec.before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .sec.before-after .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .sec.before-after .viewBA.BA .viewBA-item {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* Requested Dr. Shin's Note/B&A pages: keep only the B&A gallery at KR spacing. */
	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-container,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/19/view_01.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .before-after-component .viewBA .viewBA-container,
	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .before-after .viewBA .viewBA-container,
	html:has(link[href*="/v1/20/view_03.css"]) body #container#container .before-after-component .viewBA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/19/view_01.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .before-after-component .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .before-after .viewBA .viewBA-item,
	html:has(link[href*="/v1/20/view_03.css"]) body #container#container .before-after-component .viewBA .viewBA-item {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

/* === [3-G60] 17/06 .surgery-summary .bna 画像肥大化 修正 ===
   KR: .bna w=566 / img w=566 (natural)。
   EN: .bna w=1300 (親 .container 全幅 stretch) / img w=1300 → 巨大化。
   .surgery-summary / .box_wrap0 内の .bna を max-w:566 + 中央配置 で復元。 */
html body #container .surgery-summary .bna,
html body #container .box_wrap0 .bna,
html body .surgery-summary .bna,
html body .box_wrap0 .bna {
	max-width: 566px !important;
	width: 566px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body #container .surgery-summary .bna img,
html body #container .box_wrap0 .bna img,
html body .surgery-summary .bna img,
html body .box_wrap0 .bna img {
	max-width: 100% !important;
	height: auto !important;
}

/* === [3-G56] 17/view_06 (.process dt h5) STEP/Before/After バッジ 縦積み復元 (2026-05-06) ===
   ユーザー報告: 17/view_06 EN で STEP01/02/03 + Before Surgery + After Surgery
   バッジ内のテキストが重なって崩れている (字が押し出される or 重なる)。
   原因: G1 系 `.new-wrap h4 > span:first-child` 等が `.process dt h5 > span/strong` に
   誤適用 → 80x80 強制で h5 内の片方 child 押し出し height:0 化。
   KR本家は h5 内 span/strong が auto サイズで 縦並び。
   .step-component / .process dt h5 限定で:
   - 親 h5: flex column + overflow:visible
   - span (STEP): block + auto + font 14px
   - strong (01/Before/After): block + auto + font 18px
   font-size 縮小で 「Before Surgery」 等 2語英文も 80x80 円内に収まる。 */
html body #container .step-component dt > h5,
html body #container .process dt > h5,
html body .step-component dt > h5,
html body .process dt > h5 {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: visible !important;
	padding: 0 6px !important;
	box-sizing: border-box !important;
}
html body #container .step-component dt > h5 > span,
html body #container .process dt > h5 > span,
html body .step-component dt > h5 > span,
html body .process dt > h5 > span {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	line-height: 1.15 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	flex-shrink: 0 !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}
html body #container .step-component dt > h5 > strong,
html body #container .process dt > h5 > strong,
html body .step-component dt > h5 > strong,
html body .process dt > h5 > strong {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 100% !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: transparent !important;
	line-height: 1.15 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	flex-shrink: 0 !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
}

/* === [3-G47] surgery-qna-type-a inner_box.bna-wrap UL > li.left/right を 2列化 ===
   ユーザー指示 (2026-05-06): 「韓国語と同じように列に!」
   17/view_06 等で UL display:table 設定済も li.left/right が display:flex で
   縦積み。 head.sub.php の `#container li { display:flex }` overrideが原因。
   `.surgery-qna-type-a` 配下の li.left/right を table-cell に強制で
   2列横並び (KR と同等 layout)。 */
#container .surgery-qna-type-a .inner_box.bna-wrap > ul > li.left,
#container .surgery-qna-type-a .inner_box.bna-wrap > ul > li.right,
#container .surgery-qna-type-a .inner-box .bna-wrap > ul > li.left,
#container .surgery-qna-type-a .inner-box .bna-wrap > ul > li.right,
#container .new-wrap .surgery-qna-type-a [class*="inner"][class*="box"][class*="bna-wrap"] > ul > li.left,
#container .new-wrap .surgery-qna-type-a [class*="inner"][class*="box"][class*="bna-wrap"] > ul > li.right {
	display: table-cell !important;
	width: 50% !important;
	vertical-align: top !important;
	box-sizing: border-box !important;
}
#container .surgery-qna-type-a .inner_box.bna-wrap > ul > li.left,
#container .surgery-qna-type-a .inner-box .bna-wrap > ul > li.left {
	padding-right: 30px !important;
}
#container .surgery-qna-type-a .inner_box.bna-wrap > ul > li.right,
#container .surgery-qna-type-a .inner-box .bna-wrap > ul > li.right {
	padding-left: 30px !important;
}

/* === [3-G61] 18/01 worry list 4円 楕円→正円 ===
   KR: ul.worry > li 295×295 正円。
   EN: 295×226 高さ縮み楕円。 aspect-ratio 1/1 + min-h:295 強制。 */
html body #container ul.worry > li,
html body .new-wrap ul.worry > li {
	aspect-ratio: 1 / 1 !important;
	width: 295px !important;
	height: 295px !important;
	min-width: 295px !important;
	min-height: 295px !important;
	max-width: 295px !important;
	max-height: 295px !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 30px 16px !important;
	box-sizing: border-box !important;
	word-break: keep-all !important;
}

/* === [3-G57] 18/view_04 .sec.method .contents 左右非対称 padding 修正 (2026-05-06) ===
   ユーザー報告: 18/view_04 EN .sec.method 内 STEP/Before/After 5 cards が
   左寄り (x=32) で右側に大きな空白 (90px+)。
   原因: head.sub.php inline `#container .sec.method .container, .contents ...`
   に `padding-left:16; padding-right:106` 非対称設定 → .case 1044 が左寄り。
   対応: padding-left/right を対称 16px に強制 + .case を flex+margin auto で
   中央配置。 .sec.method 配下 全 .case に適用 (18/view_04 等)。 */
html body #container .sec.method .container,
html body #container .sec.method .contents,
html body #container .sec.method .container .contents {
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
}
html body #container .sec.method .contents .case,
html body #container .sec.method .container .contents .case,
html body .sec.method .contents .case {
	display: flex !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: max-content !important;
	max-width: 100% !important;
	justify-content: center !important;
}

/* === [3-G72] sec_06/sec_05 .case .list 復元 (G46 副作用解除) ===
   ユーザー報告 (2026-05-06) 18/view_02: sec_06 「Men's Creaseless Ptosis
   Correction Surgical Method」 の 5列 list が 全部 width:0 に圧縮、 text
   が 1文字/行で表示崩壊。
   原因: 既存 G46 line 3382 `.case:not(.case_01):not(.case_02):not(.case_03)
   > .list { flex: 1 1 0 }` が `.case` (suffix なし) にマッチ → list を
   container 5等分 0 width にして p text を 1 char/line に圧縮。
   theme `.sec_06 .contents .list { width: 228px }` を !important 復元で勝つ。 */
html body #container .sec.sec_06 .contents .case > .list,
html body #container .sec.sec_06 .case > .list,
html body #container .sec_06 .contents .case > .list,
html body #container .sec_06 .case > .list {
	flex: 0 0 228px !important;
	width: 228px !important;
	min-width: 228px !important;
	max-width: 228px !important;
	margin: 0 10px !important;
	box-sizing: border-box !important;
}
html body #container .sec.sec_06 .contents .case > .list > p,
html body #container .sec_06 .contents .case > .list > p {
	width: 100% !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}
html body #container .sec.sec_06 .contents .case,
html body #container .sec_06 .contents .case {
	flex-wrap: nowrap !important;
	column-gap: 10px !important;
	justify-content: center !important;
}

/* === [3-G73] 12/view_06 sec_01 ul.list > li 円形復元 (병원소개 - About) ===
   ユーザー報告 (2026-05-06): 12/view_06 「Always Like the First Day」 セクション
   3つの li「Post-operative Care / Patient-centered Care / A Clinic You Can Trust」
   が EN で 307x202 楕円表示 (KR は 307x307 円形)。
   原因: theme `.sec_01 ul.list > li { height: 307px }` 固定だが、 共通reset
   (#container div[class] { height: auto !important }) が li 高さを内容ベース
   に潰す。 EN text 高さ ~202px で楕円化。
   対応: aspect-ratio:1/1 + height 強制復元で正円維持。 */
html body #container .about_wrap .sec_01 ul.list > li,
html body #container .sec_about .sec_01 ul.list > li,
html body #container .sec_about.sec_common .sec_01 ul.list > li,
html body .about_wrap .sec_01 ul.list > li {
	width: 307px !important;
	height: 307px !important;
	min-height: 307px !important;
	max-height: 307px !important;
	aspect-ratio: 1 / 1 !important;
	box-sizing: border-box !important;
}

/* === [3-G62] 23/01 .img_cont 2列 grid 化 (KR一致) ===
   KR: img_cont 4個の img_wrap が 2列×2行 grid 表示。
   EN: flex nowrap で 4個 横並び w=2294 → viewport overflow。
   flex-wrap: wrap + 中央寄せで 2列×2行 復元。 */
html body #container .img_cont,
html body .img_cont {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 30px 30px !important;
	justify-content: center !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body #container .img_cont > .img_wrap,
html body .img_cont > .img_wrap {
	flex: 0 0 566px !important;
	max-width: 566px !important;
}

/* 23/view_01 sec_02 opening comparison: keep EN captions the same 500px
   card rhythm as KR. Long English copy may wrap to 3 lines inside the band. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap > .sec.sec_02 .contents > ul {
		width: 1030px !important;
		max-width: 1030px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		gap: 30px !important;
		justify-content: center !important;
		align-items: flex-start !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap > .sec.sec_02 .contents > ul > li {
		flex: 0 0 500px !important;
		width: 500px !important;
		min-width: 500px !important;
		max-width: 500px !important;
		height: auto !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap > .sec.sec_02 .contents > ul > li > img {
		display: block !important;
		width: 500px !important;
		min-width: 500px !important;
		max-width: 500px !important;
		height: 550px !important;
		object-fit: cover !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap > .sec.sec_02 .contents > ul > li > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 500px !important;
		min-width: 500px !important;
		max-width: 500px !important;
		height: 90px !important;
		min-height: 90px !important;
		max-height: 90px !important;
		padding: 9px 16px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 20px !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 23/view_01 sec_04 point titles: the generated EN title PNGs have the
   numbers flush to the top edge. Render text titles so 01-04 cannot crop. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_1 > img:first-child,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_2 > img:first-child,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_3 > img:first-child,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_4 > img:first-child {
		display: none !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_1::before,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_2::before,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_3::before,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_4::before {
		display: block !important;
		width: 100% !important;
		min-height: 150px !important;
		padding-top: 8px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		color: #8686c7 !important;
		font-size: 68px !important;
		line-height: 1.05 !important;
		font-weight: 300 !important;
		text-align: center !important;
		white-space: pre !important;
		letter-spacing: 0 !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_1::before {
		content: "01\A Total Care" !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_2::before {
		content: "02\A Precise Diagnosis" !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_3::before {
		content: "03\A Comprehensive Method" !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap .sec.sec_04 .point_4::before {
		content: "04\A Functional Improvement" !important;
	}
}

/* === [3-G74] 23/view_01 sec_03 .top .img_cont 2列写真復元 ===
   ユーザー報告 (2026-05-06) 23/view_01 「Age-specific Eye Surgery Plan」 で
   B/A 写真 (40~60用 + 20~30用) が 縦 stack 表示。 KR は 横並び 2列。
   原因: theme `.sec_03 .top .img_cont .img_wrap { width:auto }` が効くべき
   だが、 直前 line 3713 `.img_cont > .img_wrap { flex: 0 0 566px }` が
   全 .img_cont 内 wrap を 566 強制 → cont 540 に収まらず 縦 stack に。
   theme 設計通り img 300px、 wrap auto を高 specifity で復元。 */
html body #container .sec_03 .contents .top .img_cont > .img_wrap,
html body #container .sec.sec_03 .contents .top .img_cont > .img_wrap {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
}
html body #container .sec_03 .contents .top .img_cont img,
html body #container .sec.sec_03 .contents .top .img_cont img {
	width: 300px !important;
	max-width: 300px !important;
	height: auto !important;
}
html body #container .sec_03 .contents .top .img_cont,
html body #container .sec.sec_03 .contents .top .img_cont {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 30px !important;
	justify-content: center !important;
	flex: 1 1 auto !important;
	min-width: 640px !important;
}
/* .top: ul の flex-basis を縮め gap も詰めて img_cont に 640px 余白を確保 */
html body #container .sec_03 .contents .top,
html body #container .sec.sec_03 .contents .top {
	gap: 20px !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
}
html body #container .sec_03 .contents .top > ul,
html body #container .sec.sec_03 .contents .top > ul {
	flex-basis: 240px !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
}

/* === [3-G76] 23/01 sec_05 5.png 韓国語焼き込みラベルを英訳overlayで上書き === */
html body #container .sec_05 .anatomy-img-wrap,
html body .anatomy-img-wrap {
	position: relative !important;
	display: inline-block !important;
	max-width: 950px !important;
	width: 100% !important;
	line-height: 0 !important;
}
html body #container .sec_05 .anatomy-img-wrap > img,
html body .anatomy-img-wrap > img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}
html body #container .sec_05 .anatomy-labels,
html body .anatomy-labels {
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
	font-family: inherit !important;
	line-height: 1.2 !important;
}
html body #container .sec_05 .anatomy-labels > .lbl,
html body .anatomy-labels > .lbl {
	position: absolute !important;
	background: #ffffff !important;
	color: #333 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 8px 22px !important;
	min-width: 150px !important;
	white-space: nowrap !important;
	transform: translate(-50%, -50%) !important;
	text-align: center !important;
	border-radius: 2px !important;
	box-shadow: 0 0 0 10px #ffffff !important;
}
/* 6 ラベル個別位置 (image natural 950x615 基準 %) */
html body .anatomy-labels > .lbl-forehead    { left: 22% !important; top: 33% !important; }
html body .anatomy-labels > .lbl-temple      { left: 19% !important; top: 41% !important; }
html body .anatomy-labels > .lbl-cheek       { left: 19% !important; top: 52% !important; }
html body .anatomy-labels > .lbl-eyelid      { left: 74% !important; top: 42% !important; }
html body .anatomy-labels > .lbl-zygoma      { left: 75% !important; top: 53% !important; }
html body .anatomy-labels > .lbl-nasolabial  { left: 75% !important; top: 58% !important; }
@media (max-width: 768px) {
	html body .anatomy-labels > .lbl { font-size: 11px !important; padding: 2px 5px !important; }
}

/* === [3-G77] 23/view_01 h2 内 装飾画像 (-title.png 系) 巨大化修正 ===
   ユーザー報告 (2026-05-06): 23/view_01 EN版 で
     - sec_06「Survival Rate UP! Natural Look UP!」 (6-title-1.png/6-title-2.png natural 66x63)
     - sec_07「Targeted POINT Fat Grafting Only Where Needed!」 (9-title.png natural 146x67)
   いずれも画面いっぱい肥大化。
   原因: G2系 line 412 `[class*="sec_"] > .title h2 + .sec .title h2 { display:flex;
         flex-direction:column }` が h2 子 img を flex item として align-items:stretch で
         container 幅まで拡大。 KR本家 (sisunps.com/v1/23/view_01) は flex 化なしで
         「생착률 UP! 자연스러움 UP!」「필요 부위에만 POINT 지방이식!」 を 1行 inline 表示。
   対応: 23/view_01 各 sec の h2 ([src*="-title"] img を持つもの) を block + inline 配置に
         戻し、 img を natural サイズで表示 (KR完全準拠)。
   副作用調査: EN deploy 全 PHP grep で <h2>...<img...> 構造は 23/view_01 のみ。 */
html body #container .new-wrap .sec[class*="sec_"] .title h2:has(> img[src*="-title"]) {
	display: block !important;
	flex-direction: initial !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
}
html body #container .new-wrap .sec[class*="sec_"] .title h2 > img[src*="-title"] {
	display: inline-block !important;
	vertical-align: middle !important;
	width: auto !important;
	max-width: 150px !important;
	height: auto !important;
}

/* === [3-G78] 12/view_08 .caution .list img 180×180 統一 (KR一致) ===
   原因: theme `.caution .list { display:inline-flex; width:890px; align-items:flex-start }` に
         `.caution img` 幅未指定。 英文の長い li が `<br>` でも切れず .txt の min-content を超え、
         flex-shrink:1 (default) によって img が main-axis 縮小される (Diet 142 / Attire 110 等)。
   修正: img を flex 固定 180×180、 .txt は min-width:0 で内部 wrap させる。 */
html body #container .precaution .caution .list > img,
html body #container .precaution.container .caution .list > img,
html body #container .caution .list > img,
html body .caution .list > img {
	width: 180px !important;
	height: 180px !important;
	flex: 0 0 180px !important;
	object-fit: contain !important;
}
html body #container .caution .list > .txt,
html body .caution .list > .txt {
	min-width: 0 !important;
}
@media (max-width: 768px) {
	html body .caution .list > img {
		width: 120px !important;
		height: 120px !important;
		flex: 0 0 120px !important;
	}
}

/* === [3-G79] 17/view_09 sec_06 SISUN Brow Lift Surgery 画像縮小修正 ===
   ユーザー報告 (2026-05-06): EN版 sec_06「SISUN Brow Lift Surgery」 セクションの
   Before/After 画像 (5-1-1.jpg / 5-2-1.jpg, natural 310x300) が 130px 程度に縮小、
   KR本家 (310x2 並列 = 620px) より小さく表示。
   原因: head.sub.php inline style `.img_wrap.left { max-width:600px !important }`
   が img_wrap.left の親に max-width 600 を強制 → 内部 .img.left + p(width:470)
   合計 940px が 600px に収縮 → img.left が flex-shrink:1 で 260px に圧縮、
   img も width:100% 追従で 130px に縮小。
   修正: 17/view_09 sec_06 .img_wrap.left の max-width 解除 + img を natural 310px 固定。
   さらに G55 系の .img_wrap.left {width:100%} 風他ページ影響を避けるため
   .sec.sec_06 (17/view_09) スコープ限定で適用。 */
html body #container .sec.sec_06 .contents > .img_wrap.left {
	max-width: none !important;
	width: auto !important;
	gap: 20px !important;
}
html body #container .sec.sec_06 .contents > .img_wrap.left > .img.left {
	flex: 0 0 auto !important;
	width: auto !important;
	gap: 0 !important;
}
html body #container .sec.sec_06 .contents > .img_wrap.left > .img.left > img {
	width: 310px !important;
	max-width: 310px !important;
	height: auto !important;
	flex: 0 0 310px !important;
}
html body #container .sec.sec_06 .contents > .img_wrap.left > p {
	flex: 1 1 auto !important;
	max-width: 470px !important;
}

/* === [3-G81] 17/view_08 sec_03 Upper bleph.+Lower bleph. 画像縮小修正 (2026-05-06) ===
   ユーザー報告: 17/view_08 sec_03 の .img_wrap.left
   (Upper bleph.+Lower bleph.(2 months) Before/After 並列, 1_3 + 1_4 = 557x217 ×2)
   が EN で head.sub.php inline `.img_wrap.left { max-width:600px !important }` で
   600px に圧縮 → 内部 .img.left flex 子 imgs が 300px 程度に縮小、
   KR本家 (~1140px container幅) より大幅に小さく。
   修正: 17/view_08 sec_03 .img_wrap.left の max-width 解除。
   imgs は theme `.img.left img { flex-grow:1; max-width:none }` で自然 expand。 */
html body #container .sec.sec_03 > .container > .contents > .img_wrap.left {
	max-width: none !important;
	width: 100% !important;
}
html body #container .sec.sec_03 > .container > .contents > .img_wrap.left > .img.left {
	width: 100% !important;
	gap: 0 !important;
}

/* === [3-G84b] 23/view_01 sec_04 B/A photos: restore KR 660px card width === */
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.before,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.after,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.before,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.after {
	width: 660px !important;
	max-width: 660px !important;
	box-sizing: border-box !important;
}
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.before > .img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.after > .img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.before > .img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.after > .img {
	width: 660px !important;
	max-width: 660px !important;
	box-sizing: border-box !important;
}
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.before > .img > img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.after > .img > img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.before > .img > img,
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_3 > .img_wrap.after > .img > img {
	width: 660px !important;
	max-width: 660px !important;
	height: 240px !important;
	object-fit: cover !important;
}
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.left {
	width: 660px !important;
	max-width: 660px !important;
	box-sizing: border-box !important;
}
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.left > .img.left {
	width: 660px !important;
	max-width: 660px !important;
	display: flex !important;
	gap: 0 !important;
}
html body:has(img[src*="/23/view_01/"]) #container#container .new-wrap .sec_04 .point_2 > .img_wrap.left > .img.left > img {
	width: 330px !important;
	max-width: 330px !important;
	height: auto !important;
	flex: 0 0 330px !important;
	object-fit: contain !important;
}

/* 23/view_01 sec_04: make the EN case descriptions break in readable phrases. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_04 .img_wrap .box p {
		font-size: 20px !important;
		line-height: 1.45 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* === [3-G84c] 17/view_07-08 first case card: restore KR 401px image width === */
html body:has(img[src*="/17/view_07/17-7-1-0.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type,
html body:has(img[src*="/17/view_08/17-8-0-1.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type {
	width: 401px !important;
	max-width: 401px !important;
	box-sizing: border-box !important;
}
html body:has(img[src*="/17/view_07/17-7-1-0.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type > .img,
html body:has(img[src*="/17/view_08/17-8-0-1.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type > .img {
	width: 401px !important;
	max-width: 401px !important;
	box-sizing: border-box !important;
}
html body:has(img[src*="/17/view_07/17-7-1-0.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type > .img > img,
html body:has(img[src*="/17/view_08/17-8-0-1.jpg"]) #container#container .new-wrap .sec_01 .contents > .img_wrap:first-of-type > .img > img {
	width: 401px !important;
	max-width: 401px !important;
	height: 170px !important;
	object-fit: cover !important;
}
/* === [3-G80] 17/view_09 sec_06 point_title.png 韓国語手書き → 英訳 overlay ===
   ユーザー報告 (2026-05-06): point_title.png に「시선 눈썹 거상수술 POINT!」
   韓国語手書きが残存。KR共通path (no overseas/us/) のため英訳版 PNG 不存在。
   暫定対応: img を非表示 + .point_title ::before で英語テキスト「SISUN Brow Lift POINT!」
   を inline表示 (KR本家の手書き緑バッジ風 #EDF9D4 背景は維持)。
   恒久対応: PSD No.190 として handwritten 英訳版 PNG 依頼。 */
html body #container .sec.sec_06 .contents .point_title > img {
	display: none !important;
}
html body #container .sec.sec_06 .contents .point_title {
	height: auto !important;
	min-height: 28px !important;
	padding: 4px 14px !important;
}
html body #container .sec.sec_06 .contents .point_title::before {
	content: "SISUN Brow Lift POINT!" !important;
	display: inline-block !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #6E8C3F !important;
	letter-spacing: 0.02em !important;
}

/* === [3-G79] 20/view_01 .common-mid.yellow-mid 表示復元 ===
   原因: head.sub.php line 661 の wildcard `.new-wrap div[class] { height:auto !important }` が
         theme view_01.css の `.yellow-mid { height:713px }` を強制 auto 化 →
         child .mid-content `height:100%` も 0 に collapse → 「PRP Facial Fat Grafting
         Candidates」 hex 画像セクション全体が非表示。
   対応: us-test 限定で height 復元。 #container 1個 + 多重クラスで wildcard 0,2,1 に勝つ。 */
html body #container .common-mid.yellow-mid,
html body .common-mid.yellow-mid {
	height: 713px !important;
	min-height: 713px !important;
}
html body #container .common-mid.yellow-mid .mid-content,
html body .common-mid.yellow-mid .mid-content {
	height: 100% !important;
	min-height: 713px !important;
}
@media (max-width: 768px) {
	html body .common-mid.yellow-mid,
	html body #container .common-mid.yellow-mid {
		height: auto !important;
		min-height: 0 !important;
		padding: 40px 0 !important;
	}
	html body .common-mid.yellow-mid .mid-content,
	html body #container .common-mid.yellow-mid .mid-content {
		height: auto !important;
		min-height: 0 !important;
	}
}

/* === [3-G80] 20/view_03 .common-top .summary 六角アイコン拡大 (テキストはみ出し解消) ===
   原因: theme `.summary dl` 125×141 だが 別 override で 165×93 圧縮 → 英文長い「IV Sedation /
         Sleep Sedation」「Same-day Discharge」がはみ出し。
   修正: dl 200×180 拡大、icon span 位置調整、dd ボトム余白調整。 */
html body #container .common-top .summary dl,
html body .common-top .summary dl {
	width: 200px !important;
	height: 180px !important;
	margin-right: 10px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}
html body #container .common-top .summary dt span,
html body .common-top .summary dt span {
	width: 40px !important;
	height: 40px !important;
	margin-top: 30px !important;
}
html body #container .common-top .summary dt strong,
html body .common-top .summary dt strong {
	padding-top: 10px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}
html body #container .common-top .summary dl dd:nth-child(3),
html body .common-top .summary dl dd:nth-child(3) {
	bottom: 22px !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
}

/* === [3-G81] 20/view_03 .common-top .title-box h2 タイトル 1行化 (KR一致) ===
   原因: KR 「얼굴지방흡입+실리프팅」(短) は 90px で 1行収まり、 EN 「Facial Liposuction +
         Thread Lifting」(長) は 90px で 2行になる。
   修正: white-space:nowrap + font-size 縮小 (90→62px) で 1行収納、 line-height も縮小。 */
html body #container .common-top .title-box h2,
html body .common-top .title-box h2,
html body #container .common-top h2.black,
html body .common-top h2.black {
	font-size: 62px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	letter-spacing: -1px !important;
}

/* === [3-G82] 시선TV / Doctor's Note 浮動 widget 復活 (KR一致) ===
   head.sub.php line 178-184 で「中身が韓国語」として display:none されていた widget を
   display:block に復活。 テキスト部分は _translate_extra.js で英訳。
   画像サムネイルと YouTube 動画自体は韓国語のまま。 */
html body #main-sisuntv,
html body .dr_popup_wrap,
html body .dr_popup_wrap02,
html body .media_review_list,
html body section[class*="sisuntv"],
html body [class*="MediaReview"] {
	display: block !important;
}

/* === [3-G83] B/A operation-name 灰色帯 高さ固定 + 文字最大化 (KR一致) ===
   ユーザー指摘 (2026-05-07): 長文施術名で1帯だけ縦に異常拡大、 隣の帯と凸凹。
   修正: height 80px 固定。 全帯 同じ width(566px) なので text wrap で最長196文字も収納。
   font-size 14px (3〜4行まで対応)、 line-height 1.3 で読みやすさ重視。 */
html body .viewBA .viewBA-item-operation-name,
html body #container .viewBA .viewBA-item-operation-name {
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	padding: 6px 10px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
html body .viewBA .viewBA-item-operation-name > div:not(.viewBA-item-link),
html body .viewBA .viewBA-item-operation-name > span,
html body #container .viewBA .viewBA-item-operation-name > div:not(.viewBA-item-link) {
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}

/* === [3-G85] B/A グリッド .title h3 / .list h3 / .case h3 高さ統一 (全ページ共通) ===
   ユーザー指摘 (2026-05-07): タイトル行数違いで下の説明文位置ズレ。
   対象ページ: 22/view_01 sec_05, 16/view_01, 22/view_04, 15/view_07, 18/view_02 等
   修正: 横並び .list/.case 内の h3 を min-height 90px (2行分) に統一 → 説明文揃う */
html body #container .list .info .title h3,
html body .list .info .title h3,
html body #container .contents > .list h3:not(.h3-no-pad),
html body .contents > .list h3:not(.h3-no-pad),
html body #container .contents > .case h3:not(.h3-no-pad),
html body .contents > .case h3:not(.h3-no-pad) {
	min-height: 90px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* === [3-G86] 16/view_01 / 22/view_04 .list .txt h3.color 高さ統一 ===
   .list h3.color は font 36px で 1〜3行ばらつき (108/162/216)。
   修正: 3行分(216px)に min-height 統一 + 短い場合上下中央揃え。 */
html body #container .contents .list > .txt h3.color,
html body .contents .list > .txt h3.color,
html body #container .contents .list h3.color,
html body .contents .list h3.color {
	min-height: 216px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

/* 16/view_01 sec_03 Permanent Canthoplasty:
   Keep the equal title boxes, but align long/short English title text from the same top edge. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-01 .sec.sec_03 .contents > .list > .txt h3.color {
		height: 216px !important;
		max-height: 216px !important;
		align-items: flex-start !important;
		justify-content: center !important;
		text-align: center !important;
	}
}

/* === [3-G87] .contents .case h3 / .contents .list h3 flex stretch 抑制 ===
   ユーザー指摘 (2026-05-07): 15/view_07 (2646px), 18/view_02 (296/540) 等で h3 異常拡大。
   原因: .case 親が display:flex で h3 が siblings に合わせて stretch される。
   修正: align-self: flex-start で stretch 抑制 + max-height で制限。 */
html body #container .contents > .case > h3,
html body .contents > .case > h3,
html body #container .contents > .list > h3,
html body .contents > .list > h3,
html body #container .contents > .case h3:not(.h3-no-fix),
html body .contents > .case h3:not(.h3-no-fix) {
	max-height: 100px !important;
	align-self: flex-start !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
}

/* === [3-G84] img_wrap patient-photo caption rhythm ===
   EN captions are longer than KR, but the photo cards must keep KR geometry.
   Keep the surgery-name band fixed to the KR 40px rhythm and shrink text instead
   of letting captions grow to 80px and create uneven white gaps between photos. */
html body #container#container .list .img_wrap > p,
html body #container#container .list .img_wrap > .img > p,
html body #container#container [class*="img_wrap"] > p:not([class*="info"]),
html body #container#container [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container .list .img_wrap > p,
html body .list .img_wrap > p,
html body #container .list .img_wrap > .img > p,
html body .list .img_wrap > .img > p,
html body #container [class*="img_wrap"] > p:not([class*="info"]),
html body [class*="img_wrap"] > p:not([class*="info"]),
html body #container [class*="img_wrap"] > .img > p:not([class*="info"]),
html body [class*="img_wrap"] > .img > p:not([class*="info"]) {
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	font-size: 11px !important;
	line-height: 12px !important;
	padding: 2px 8px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	text-align: center !important;
}

html body #container#container:has(img[src*="/12/view_09/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container#container:has(img[src*="/12/view_09/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container#container:has(img[src*="/15/view_10/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container#container:has(img[src*="/15/view_10/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container#container:has(img[src*="/15/view_11/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container#container:has(img[src*="/15/view_11/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container#container:has(img[src*="/21/view_05/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container#container:has(img[src*="/21/view_05/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container:has(img[src*="/12/view_09/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container:has(img[src*="/12/view_09/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container:has(img[src*="/15/view_10/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container:has(img[src*="/15/view_10/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container:has(img[src*="/15/view_11/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container:has(img[src*="/15/view_11/"]) [class*="img_wrap"] > .img > p:not([class*="info"]),
html body #container:has(img[src*="/21/view_05/"]) [class*="img_wrap"] > p:not([class*="info"]),
html body #container:has(img[src*="/21/view_05/"]) [class*="img_wrap"] > .img > p:not([class*="info"]) {
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	font-size: 10.5px !important;
	line-height: 11.5px !important;
	padding: 1px 6px !important;
}

/* 17/view_03 sec_05: keep the in-photo black caption band full-width like KR.
   The global EN paragraph safety rule sets p width:auto, which made the band
   shrink to the text width on the two fold-relationship photos. */
html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container .contents .img_wrap > .img > p:not([class*="info"]) {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	margin: 0 !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
	background: rgba(0,0,0,0.7) !important;
	color: #fff !important;
	overflow: hidden !important;
	font-size: 11px !important;
	line-height: 12px !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-wrap: balance !important;
}

/* === [4-G1] .sec_03 .cont .img > p キャプション 患者画像と幅統一 ===
   15/view_07 等で英訳長文キャプションが画像幅(566px)を超え右にはみ出す。
   KR view_07.css line 67 の `.sec_03 .img p { font-size:18px; height:36px;
   line-height:36px }` は 1行前提。 EN 長文(200文字超) で右 overflow 発生。
   font-size:13px / height:auto / 折返し許容 で画像幅内に収め、 黒帯と画像の
   横幅を統一する (ユーザー方針: 「文字を小さく」+折返し)。 */
#container .sec_03 .cont .img > p,
#container .new-wrap .sec_03 .cont .img > p,
html body .sec_03 .cont .img > p {
	font-size: 11px !important;
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	line-height: 12px !important;
	padding: 1px 8px !important;
	box-sizing: border-box !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 !important;
}

/* === [4-G2] .sec_03 .cont .img > img 画像コンテナ全幅化 ===
   .sec_03 .img 親 div は KR view_07.css line 66 で width:566px 固定だが
   実 GIF は 560x240px → 右3px+左3px の白余白で 黒帯[4-G1]が画像本体より
   横に少しオーバー。 img を width:100% (=566px) に拡大して 画像と黒帯の
   横幅を完全一致させる (1%拡大は視覚的に不可視、 height:auto で比率維持)。 */
#container .sec_03 .cont .img > img,
#container .new-wrap .sec_03 .cont .img > img,
html body .sec_03 .cont .img > img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* === [4-G3] .sec_02 .img_wrap3 > p 黒帯を画像幅 (566px) に揃える ===
   21/view_01 .img_wrap3 構造で <ul> 内 li 長文により .img_wrap3 全体幅が
   680px ほどに膨らみ、 子 <p> (width:100%) と <div class="img"> 内画像
   (566px) でズレ発生。 p を画像自然幅 566px に固定し、 親 flex の
   align-items:center で中央寄せ → 黒帯と画像の左右をアラインさせる。
   ulは元のまま 全幅 (チェックリスト読みやすさ優先 / ユーザー A案採択)。 */
#container .sec_02 .img_wrap3 > p,
html body .sec_02 .img_wrap3 > p {
	width: 566px !important;
	max-width: 566px !important;
	box-sizing: border-box !important;
	align-self: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* === [5-G1] 22/view_01 hero hexagon EN テキスト KR準拠化 (画像サイズ厳守 + 上下余白解消) ===
   ユーザー指示 (2026-05-08): 韓国版と英語版で hexagon サイズ差異 + 上下余白指摘。
   KR画像 122x137px PNG そのまま、 KRのフォント/行高ベースに EN を寄せる:
   - font-size 13px 維持 (KR同等、 縮小は余白拡大の原因)
   - line-height 1.2、 letter-spacing -0.04em (詰めて 3行EN も収める)
   - padding 2px (上下余白最小化)
   - icon (li:before) margin-bottom 10→4px で text 寄せ
   html body プレフィックスで head.sub.php (#container 0,1,0,1) を上書き。 */
/* === [5-G1b] 22/view_01 hero モデル画像 上下の水色余白除去 ===
   ENの長いhero見出しが2行化して main_ban_wrap が668px→約752pxに伸び、
   model-01.png の ::before が中央基準で下がるため、上端/下端に背景色だけの
   余白が出ていた。hero高はKRと同じ668pxに戻し、英文見出し周辺の縦余白を
   詰めて内容を収める。 */
html body #container .new-wrap .main_ban_wrap.signature-hero {
	height: 668px !important;
	min-height: 668px !important;
	max-height: 668px !important;
	overflow: hidden !important;
}
html body #container .new-wrap .main_ban_wrap.signature-hero .tit h1 {
	line-height: 76px !important;
	padding-bottom: 0 !important;
	margin-top: 10px !important;
}
html body #container .new-wrap .main_ban_wrap.signature-hero .tit h1 strong {
	line-height: 76px !important;
}
html body #container .new-wrap .main_ban_wrap.signature-hero .sub_tit {
	margin-top: 30px !important;
}
html body #container .new-wrap .main_ban_wrap.signature-hero ul {
	margin-top: 50px !important;
}
html body #container .new-wrap .main_ban_wrap.signature-hero .note {
	margin-top: 45px !important;
}
html body #container .new-wrap .main_ban_wrap > .container > ul > li,
html body #container .main_ban_wrap > .container > ul > li,
html body #container .main_ban_wrap ul li,
html body #container .main_ban_wrap li {
	width: 122px !important;
	max-width: 122px !important;
	min-width: 122px !important;
	height: 137px !important;
	min-height: 137px !important;
	max-height: 137px !important;
	flex: 0 0 122px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.04em !important;
	padding: 2px !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	box-sizing: border-box !important;
}
html body #container .main_ban_wrap > .container > ul > li:before,
html body #container .main_ban_wrap ul li:before,
html body .main_ban_wrap > .container > ul > li:before,
html body .main_ban_wrap ul li:before {
	margin: 0 auto 4px !important;
}
html body #container .new-wrap.view-22-01 .main_ban_wrap.signature-hero .sub_tit,
html body #container .new-wrap.view-22-01 .before-after .section > .des {
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-wrap: balance !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-01 .main_ban_wrap.signature-hero .tit h1 {
	width: 760px !important;
	max-width: 760px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 48px !important;
	line-height: 1.12 !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-01 .main_ban_wrap.signature-hero .tit h1 strong {
	font-size: 48px !important;
	line-height: 1.12 !important;
	white-space: nowrap !important;
}

/* === [5-G2] 22/view_02 症例画像グリッドをKR版と同じ2列表示に復元 ===
   ENの長い症例名が .img_wrap の max-content 幅を広げ、1カラム化していた。
   さらに共通G84で黒帯が80pxになっていたため、KR版と同じ 566pxカード×2列、
   gap 40px、黒帯40pxに戻す。 */
html body #container .new-wrap.view-22-02 .sec.js_type.contents .container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 60px 40px !important;
}
html body #container .new-wrap.view-22-02 .sec.js_type.contents .container > .type {
	flex: 0 0 100% !important;
	margin: 0 !important;
}
html body #container .new-wrap.view-22-02 .sec.js_type.contents .container > .img_wrap {
	display: inline-flex !important;
	flex: 0 0 566px !important;
	width: 566px !important;
	min-width: 566px !important;
	max-width: 566px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-02 .sec.js_type.contents .img_wrap > p {
	width: 566px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 0 10px !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-02 .sec.js_type.contents .img_wrap > .img,
html body #container .new-wrap.view-22-02 .sec.js_type.contents .img_wrap > .img > img {
	width: 566px !important;
	max-width: 566px !important;
	height: auto !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* 22/view_03 B/A cards: keep every black caption bar flush under the photo. */
html body #container .new-wrap.view-22-03 .sec.js_type .contents ul:has(> li > .bna) {
	align-items: stretch !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents li > .bna {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 280px !important;
	min-height: 280px !important;
	max-height: 280px !important;
	flex: 0 0 280px !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents .bna > .img,
html body #container .new-wrap.view-22-03 .sec.js_type .contents .bna > .img.col {
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 240px !important;
	min-height: 240px !important;
	max-height: 240px !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents .bna > .img img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents .bna > p.info,
html body #container .new-wrap.view-22-03 .sec.js_type .contents .bna p.info {
	order: 99 !important;
	width: 100% !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	margin-top: 0 !important;
	padding: 5px 8px !important;
	box-sizing: border-box !important;
	font-size: 11px !important;
	line-height: 15px !important;
	letter-spacing: -0.03em !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}
/* 22/view_03 B/A grid: keep the KR two-column rhythm.
   A global B/A override makes these ULs fill the 1300px container, which
   pushes the columns too far apart and can look like a single column. */
html body #container .new-wrap.view-22-03 .sec.js_type .contents > ul:has(> li > .bna) {
	width: 1172px !important;
	max-width: 1172px !important;
	margin: 0 auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-items: stretch !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents > ul:has(> li > .bna) > li {
	width: 566px !important;
	max-width: 566px !important;
	flex: 0 0 566px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-03 .sec.js_type .contents > ul:has(> li > .bna) > li > .bna {
	width: 566px !important;
	max-width: 566px !important;
}
/* PC legacy Korean image labels replaced with live English text. */
html body .sisun-localized-script-title {
	display: inline-block !important;
	margin: 6px auto 12px !important;
	color: #6760af !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.04em !important;
	text-align: center !important;
	white-space: normal !important;
}

html body .title_3d .sisun-localized-script-title {
	color: #3f6f50 !important;
	font-size: 24px !important;
	letter-spacing: -0.03em !important;
}

html body .summary .title .sisun-localized-script-title,
html body .sec .contents .sisun-localized-script-title.method-title {
	display: block !important;
	margin-bottom: 10px !important;
}

html body .sisun-localized-point-title {
	display: block !important;
	margin-bottom: 18px !important;
	color: #7e9b25 !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.03em !important;
}

html body #container .sec.sec_06 .contents .point_title.sisun-localized-point-title::before {
	content: none !important;
}

html body .doctor-photo-mask {
	position: relative !important;
	display: inline-block !important;
	line-height: 0 !important;
}

html body .doctor-photo-mask::after {
	content: '' !important;
	position: absolute !important;
	left: 54% !important;
	top: 64% !important;
	width: 17% !important;
	height: 4% !important;
	background: #f7fbff !important;
	border-radius: 6px !important;
	transform: rotate(3deg) !important;
}

/* 22/view_02 AB case photos: keep the two 566px halves flush like the KR page. */
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item,
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-wrap,
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-operation-name,
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-images,
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-desc {
	width: 1132px !important;
	max-width: 1132px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-images {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 0 !important;
}
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-images .image {
	flex: 0 0 566px !important;
	width: 566px !important;
	max-width: 566px !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body #container .new-wrap.view-22-02 .sec.before-after .viewBA.AB .viewBA-item-images .image img {
	display: block !important;
	width: 566px !important;
	max-width: 566px !important;
	height: auto !important;
	margin: 0 !important;
}

/* 22/view_02 fixed EN copy: keep planned line breaks and avoid mid-word splits. */
html body #container .new-wrap.view-22-02 .sec_02 .cont_02 p,
html body #container .new-wrap.view-22-02 .sec_02 .cont_02 p *,
html body #container .new-wrap.view-22-02 .sec_03 .qna,
html body #container .new-wrap.view-22-02 .sec_03 .qna *,
html body #container .new-wrap.view-22-02 .sec_04 .qna dt,
html body #container .new-wrap.view-22-02 .sec_04 .qna dt * {
	word-break: normal !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-02 .sec_02 .cont_02 p span {
	white-space: nowrap !important;
}

/* 22/view_04 sec_01 B/A trio: restore KR 3-column layout and visible title strips. */
html body #container .new-wrap.view-22-04 .sec.sec_01 .contents .cont02 {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	width: 1260px !important;
	max-width: 1260px !important;
	margin: 60px auto 0 !important;
	gap: 0 !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .contents .cont02 .img_wrap {
	display: inline-flex !important;
	flex: 0 0 400px !important;
	width: 400px !important;
	max-width: 400px !important;
	min-width: 400px !important;
	margin: 0 10px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .contents .cont02 .img_wrap > p {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 400px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 2px 8px !important;
	box-sizing: border-box !important;
	color: #fff !important;
	font-size: 10px !important;
	line-height: 1.12 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	text-overflow: clip !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .contents .cont02 .img_wrap > .img,
html body #container .new-wrap.view-22-04 .sec.sec_01 .contents .cont02 .img_wrap > .img > img {
	width: 400px !important;
	max-width: 400px !important;
	height: auto !important;
	display: block !important;
}

/* 22/view_04 sec_11 Crescent B/A grid: match KR spacing between the two photos. */
html body #container .sec.sec_11.before-after.view-22-04-crescent-ba .viewBA .viewBA-container,
html body #container .new-wrap.view-22-04 .sec.sec_11.before-after .viewBA .viewBA-container {
	width: 1172px !important;
	max-width: 1172px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	column-gap: 40px !important;
	row-gap: 0 !important;
	box-sizing: border-box !important;
}
html body #container .sec.sec_11.before-after.view-22-04-crescent-ba .viewBA .viewBA-item,
html body #container .sec.sec_11.before-after.view-22-04-crescent-ba .viewBA .viewBA-item-wrap,
html body #container .new-wrap.view-22-04 .sec.sec_11.before-after .viewBA .viewBA-item,
html body #container .new-wrap.view-22-04 .sec.sec_11.before-after .viewBA .viewBA-item-wrap {
	flex: 0 0 566px !important;
	width: 566px !important;
	max-width: 566px !important;
	min-width: 566px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* 22/view_04 sec_05 permanent canthoplasty cards: restore KR 400px 3-column sizing. */
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
	flex-wrap: nowrap !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list {
	flex: 0 0 400px !important;
	width: 400px !important;
	max-width: 400px !important;
	margin: 0 20px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .img_wrap,
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .bna .img_wrap {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	width: 400px !important;
	min-width: 400px !important;
	max-width: 400px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .img_wrap > p {
	width: 400px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 2px 8px !important;
	box-sizing: border-box !important;
	font-size: 12px !important;
	line-height: 18px !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .img_wrap > img,
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .img_wrap > .img,
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .img_wrap > .img > img {
	width: 400px !important;
	max-width: 400px !important;
	height: auto !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* 22/view_04 sec_05 intro text: align all three EN title/description blocks before the photos. */
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt {
	display: grid !important;
	grid-template-rows: 124px 56px !important;
	align-content: end !important;
	row-gap: 18px !important;
	height: 300px !important;
	min-height: 300px !important;
	max-height: 300px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt h3.color {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 124px !important;
	min-height: 124px !important;
	max-height: 124px !important;
	margin: 0 !important;
	font-size: 32px !important;
	line-height: 1.28 !important;
	letter-spacing: -0.05em !important;
	text-wrap: balance !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt p.des {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 56px !important;
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 1.34 !important;
	letter-spacing: -0.025em !important;
	text-align: center !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
/* 22/view_04 sec_05: keep the EN intro cards compact so the media sliders land
   in the same visual flow as KR. The global h3 min-height rule made these
   titles 216px tall, pushing the sliders far below the Korean page. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt {
		grid-template-rows: 76px 44px !important;
		row-gap: 12px !important;
		height: 132px !important;
		min-height: 132px !important;
		max-height: 132px !important;
	}
	html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt h3.color {
		height: 76px !important;
		min-height: 76px !important;
		max-height: 76px !important;
		font-size: 22px !important;
		line-height: 1.15 !important;
		letter-spacing: -0.035em !important;
		overflow: hidden !important;
	}
html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt p.des {
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		font-size: 16px !important;
		line-height: 1.25 !important;
		overflow: hidden !important;
	}
}
/* 15/view_09 final KR-spec B/A card geometry, repeated at EOF so it wins.
   All desktop patient cards use: 566x240 image + 566x40 caption. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: normal !important;
		row-gap: 40px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/06/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/06/"]) > li {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/06/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/06/"]) > li > .bna {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		max-width: 566px !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img.col,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img.col {
		position: relative !important;
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		max-width: 566px !important;
		flex: 0 0 240px !important;
		line-height: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > p.info,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > p.info {
		width: 566px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		flex: 0 0 40px !important;
		margin: 0 !important;
		padding: 2px 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		font-size: 10px !important;
		line-height: 1.12 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
}

/* 15/view_09 final KR-spec B/A card geometry.
   All desktop patient cards use the Korean dimensions:
   566x240 image + 566x40 caption = 566x280 card, with a 40px center gap. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: normal !important;
		row-gap: 40px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		max-width: 566px !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img.col,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img.col {
		position: relative !important;
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		max-width: 566px !important;
		flex: 0 0 240px !important;
		line-height: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img .bna_title,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img .bna_title {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 36px !important;
		z-index: 5 !important;
		overflow: visible !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img .bna_title span,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img .bna_title span {
		position: absolute !important;
		top: 0 !important;
		width: 70px !important;
		height: 36px !important;
		line-height: 36px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img .bna_title .before,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img .bna_title .before {
		left: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img .bna_title .after,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img .bna_title .after {
		left: 50% !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > p.info,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > p.info {
		width: 566px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		flex: 0 0 40px !important;
		margin: 0 !important;
		padding: 2px 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		font-size: 10px !important;
		line-height: 1.12 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
}

/* 15/view_09 desktop B/A grids: match KR horizontal spacing on every type.
   KR uses a 1172px row (566px + 40px + 566px); EN had some box_wrap1 rows
   stretched to 1300px, creating a much wider center gap. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents ul,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents ul {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: normal !important;
		row-gap: 40px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents ul > li {
		width: 566px !important;
		flex: 0 0 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents li > .bna {
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents .bna > .img.col,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents .bna > .img.col {
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}
}

/* 15/view_09 Type 5/6 B/A cards final geometry.
   Keep every card the same width/height and pin Before/After labels inside the
   photo, overriding older generic B/A caption-height rules. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]),
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) {
		width: 1172px !important;
		max-width: 1172px !important;
		margin: 60px auto 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 40px !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) > li,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) > li {
		width: 566px !important;
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) > li > .bna {
		width: 566px !important;
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
		display: flex !important;
		flex-direction: column !important;
		flex: 0 0 320px !important;
		margin: 0 !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > .img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > .img {
		position: relative !important;
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		flex: 0 0 240px !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > .img img,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 36px !important;
		z-index: 5 !important;
		overflow: visible !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title span,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title span {
		position: absolute !important;
		top: 0 !important;
		width: 70px !important;
		height: 36px !important;
		line-height: 36px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title .before,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title .before {
		left: 0 !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna .bna_title .after,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna .bna_title .after {
		left: 50% !important;
	}
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/05/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/05/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[data-src*="/section03/06/"]) .bna > p.info,
	html body #container .new-wrap.view-15-09 .box_wrap1-1 .contents ul:has(img[src*="/section03/06/"]) .bna > p.info {
		width: 566px !important;
		height: 80px !important;
		min-height: 80px !important;
		max-height: 80px !important;
		flex: 0 0 80px !important;
		margin: 0 !important;
		padding: 6px 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .note {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .note span,
html body #container .new-wrap.view-22-04 .sec.sec_01 .note .point {
	display: inline !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .note .point {
	background: #d8eaf9 !important;
	box-decoration-break: clone !important;
	-webkit-box-decoration-break: clone !important;
	line-height: 1.25 !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_01 .note .point::before {
	content: none !important;
}

/* 22/view_04 sec_06 POINT row: keep the four EN columns the same compact height as KR. */
html body #container .new-wrap.view-22-04 .sec.sec_06 .container > div > .info {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	width: 100% !important;
	margin-top: 52px !important;
	float: left !important;
	table-layout: auto !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_06 .container > div > .info > li {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: auto !important;
	min-height: 166px !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
	font-size: 16px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.05em !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_06 .container > div > .info > li > img {
	display: block !important;
	width: 50px !important;
	height: auto !important;
	margin: 0 0 10px !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_06 .container > div > .info > li > b {
	display: block !important;
	min-height: 46px !important;
	margin: 0 0 4px !important;
	font-size: 20px !important;
	line-height: 1.13 !important;
	letter-spacing: -0.06em !important;
}
html body #container .new-wrap.view-22-04 .sec.sec_06 .container > div > .info > li br {
	display: none !important;
}

/* 22/view_03 fixed EN copy: keep planned table/list breaks and avoid mid-word splits. */
html body #container .new-wrap.view-22-03 .sec_07 .table-wrap table th,
html body #container .new-wrap.view-22-03 .sec_07 .table-wrap table td,
html body #container .new-wrap.view-22-03 .sec_07 .table-wrap table td *,
html body #container .new-wrap.view-22-03 .sec_08 .cklist li,
html body #container .new-wrap.view-22-03 .sec_08 .cklist li * {
	word-break: normal !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-03 .sec_08 .contents > ul > li > h3 {
	min-height: 108px !important;
	display: flex !important;
	align-items: center !important;
	margin-bottom: 40px !important;
	line-height: 54px !important;
}
html body #container .new-wrap.view-22-03 .sec_08 .cklist li {
	min-height: 30px !important;
	font-size: 18px !important;
	line-height: 30px !important;
	letter-spacing: -0.055em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-03 .sec_08 .cklist li::before {
	line-height: 30px !important;
}

html body #container .new-wrap.view-22-03 .sec_01 .txt-info,
html body #container .new-wrap.view-22-03 .sec_01 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_02 .txt-info,
html body #container .new-wrap.view-22-03 .sec_02 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_03 .txt-info,
html body #container .new-wrap.view-22-03 .sec_03 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_04 .txt-info,
html body #container .new-wrap.view-22-03 .sec_04 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_05 .txt-info,
html body #container .new-wrap.view-22-03 .sec_05 .txt-info * {
	word-break: normal !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-22-03 .sec_01 .txt-info-axis {
	line-height: 40px !important;
}
html body #container .new-wrap.view-22-03 .sec_02 .txt-info {
	font-size: 22px !important;
	line-height: 28px !important;
}
html body #container .new-wrap.view-22-03 .sec_03 .txt-info {
	font-size: 22px !important;
	line-height: 28px !important;
}
html body #container .new-wrap.view-22-03 .sec_04 .txt-info {
	font-size: 22px !important;
	line-height: 25.5px !important;
}
html body #container .new-wrap.view-22-03 .sec_05 .txt-info {
	font-size: 22px !important;
	line-height: 28px !important;
}
html body #container .new-wrap.view-22-03 .sec_02 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_03 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_04 .txt-info *,
html body #container .new-wrap.view-22-03 .sec_05 .txt-info * {
	font-size: inherit !important;
	line-height: inherit !important;
}

/* 18/view_03 hero: match the KR page's compact vertical rhythm. */
html body #container .new-wrap.view-18-03 .header {
	height: 618px !important;
	max-height: 618px !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-18-03 .header .container {
	height: 488px !important;
}
html body #container .new-wrap.view-18-03 .header h2 {
	height: 122px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-18-03 .header h2 em {
	height: 16px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-18-03 .header h2 strong {
	height: 106px !important;
	line-height: 90px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-18-03 .header h2 strong i {
	line-height: inherit !important;
}
html body #container .new-wrap.view-18-03 .header p {
	height: 75px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-18-03 .header p span {
	height: 20px !important;
	line-height: 20px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-18-03 .header ul {
	height: 141px !important;
	margin-top: 65px !important;
}
html body #container .new-wrap.view-18-03 .header ul li .box {
	width: 100% !important;
	height: 141px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 15px !important;
}
html body #container .new-wrap.view-18-03 .header ul li .box span {
	line-height: 21px !important;
}
html body #container .new-wrap.view-18-03 .header ul li .box > div {
	transform: translateY(-5px) !important;
}
html body #container .new-wrap.view-18-03 .header .ps {
	height: 15px !important;
	line-height: 15px !important;
	margin-top: 70px !important;
	white-space: nowrap !important;
}

/* 21/view_02 hero: prevent the long EN title from pushing the icon row down. */
html body #container .new-wrap.view-21-02 .header {
	height: 659px !important;
	max-height: 659px !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-21-02 .header .container {
	height: 509px !important;
}
html body #container .new-wrap.view-21-02 .header h2 {
	height: 221px !important;
	line-height: 24px !important;
}
html body #container .new-wrap.view-21-02 .header h2 em {
	height: 16px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-21-02 .header h2 strong {
	display: block !important;
	width: 760px !important;
	height: 105px !important;
	font-size: 58px !important;
	line-height: 52px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-21-02 .header h2 p {
	height: 100px !important;
	line-height: 24px !important;
}
html body #container .new-wrap.view-21-02 .header h2 p span {
	height: 30px !important;
	line-height: 30px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-21-02 .header ul {
	height: 138px !important;
	margin-top: 65px !important;
}
html body #container .new-wrap.view-21-02 .header ul li .box {
	width: 100% !important;
	height: 138px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 15px !important;
}
html body #container .new-wrap.view-21-02 .header ul li .box span {
	line-height: 21px !important;
}
html body #container .new-wrap.view-21-02 .header .ps {
	height: 15px !important;
	line-height: 15px !important;
	margin-top: 70px !important;
	white-space: nowrap !important;
}

/* 22/view_04 hero: restore the KR hero vertical rhythm on the EN page. */
html body #container .new-wrap.view-22-04 .header {
	height: 662px !important;
	max-height: 662px !important;
	overflow: hidden !important;
}
html body #container .new-wrap.view-22-04 .header .container {
	height: 532px !important;
}
html body #container .new-wrap.view-22-04 .header h2 {
	height: 166px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-22-04 .header h2 em {
	height: 16px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-22-04 .header h2 span {
	height: 45px !important;
	line-height: 30px !important;
}
html body #container .new-wrap.view-22-04 .header h2 strong {
	height: 105px !important;
	line-height: 90px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-04 .header p {
	height: 75px !important;
	line-height: 16px !important;
}
html body #container .new-wrap.view-22-04 .header p span {
	height: 20px !important;
	line-height: 20px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-04 .header ul {
	height: 141px !important;
	margin-top: 65px !important;
}
html body #container .new-wrap.view-22-04 .header ul li .box {
	width: 100% !important;
	height: 141px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 15px !important;
}
html body #container .new-wrap.view-22-04 .header ul li .box span {
	display: block !important;
	max-width: 102px !important;
	font-size: 13px !important;
	line-height: 17px !important;
	letter-spacing: -0.04em !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}
html body #container .new-wrap.view-22-04 .header .ps {
	height: 15px !important;
	line-height: 15px !important;
	margin-top: 70px !important;
	white-space: nowrap !important;
}

/* === [2026-05-10] Media slider chrome: keep EN labels site-wide ===
   The EN text replacement layer can rewrite the DB category names after page
   load (for example 수술전후영상 -> SurgeryBefore & AfterVideo). Hide the mutable
   text node and draw clean English slider labels through CSS. */
html body #container #main-media-review-real .container h3,
html body #container #media-operation-progress .container h3,
html body #container #main-media-review-model .container h3,
html body #container #main-sisuntv .container h3,
html body #main-media-review-real .container h3,
html body #media-operation-progress .container h3,
html body #main-media-review-model .container h3,
html body #main-sisuntv .container h3 {
	font-size: 0 !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	color: transparent !important;
}
html body #container #main-media-review-real .container h3::before,
html body #container #media-operation-progress .container h3::before,
html body #container #main-media-review-model .container h3::before,
html body #container #main-sisuntv .container h3::before,
html body #main-media-review-real .container h3::before,
html body #media-operation-progress .container h3::before,
html body #main-media-review-model .container h3::before,
html body #main-sisuntv .container h3::before {
	display: block !important;
	font-size: 30px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	font-weight: 700 !important;
	color: #000 !important;
	text-align: left !important;
}
html body #container #main-media-review-real .container h3::before,
html body #main-media-review-real .container h3::before {
	content: 'Before & After Videos' !important;
}
html body #container #media-operation-progress .container h3::before,
html body #media-operation-progress .container h3::before {
	content: 'Surgery Progress Videos' !important;
}
html body #container #main-media-review-model .container h3::before,
html body #main-media-review-model .container h3::before {
	content: 'Model Story' !important;
}
html body #container #main-sisuntv .container h3::before,
html body #main-sisuntv .container h3::before {
	content: 'SISUN TV' !important;
}
html body #container #main-media-review-real .more-btn,
html body #container #media-operation-progress .more-btn,
html body #container #main-media-review-model .more-btn,
html body #container #main-sisuntv .more-btn,
html body #main-media-review-real .more-btn,
html body #media-operation-progress .more-btn,
html body #main-media-review-model .more-btn,
html body #main-sisuntv .more-btn {
	font-size: 0 !important;
}
html body #container #main-media-review-real .more-btn i,
html body #container #media-operation-progress .more-btn i,
html body #container #main-media-review-model .more-btn i,
html body #container #main-sisuntv .more-btn i,
html body #main-media-review-real .more-btn i,
html body #media-operation-progress .more-btn i,
html body #main-media-review-model .more-btn i,
html body #main-sisuntv .more-btn i {
	font-size: 14px !important;
	margin-right: 3px !important;
}
html body #container #main-media-review-real .more-btn::after,
html body #container #media-operation-progress .more-btn::after,
html body #container #main-media-review-model .more-btn::after,
html body #container #main-sisuntv .more-btn::after,
html body #main-media-review-real .more-btn::after,
html body #media-operation-progress .more-btn::after,
html body #main-media-review-model .more-btn::after,
html body #main-sisuntv .more-btn::after {
	content: 'More' !important;
	font-size: 14px !important;
	line-height: 1 !important;
	color: inherit !important;
}

/* 22/view_05 sec_07 first Q&A B/A images:
   the generic sec_07 566px img_wrap clamp shrinks the whole two-image row to half
   width in us-test. Restore the KR layout: one 1132px row per Before/After block,
   made from two 566px halves. */
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-child > .flex {
	width: 1132px !important;
	max-width: 1132px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-child > .flex > .img_wrap.left {
	width: 1132px !important;
	max-width: 1132px !important;
	min-width: 1132px !important;
	flex: 0 0 1132px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-child > .flex > .img_wrap.left > p {
	width: 1132px !important;
	max-width: 1132px !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-child > .flex > .img_wrap.left > .img.flex {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: 1132px !important;
	max-width: 1132px !important;
	gap: 0 !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-child > .flex > .img_wrap.left > .img.flex > img {
	flex: 0 0 566px !important;
	width: 566px !important;
	max-width: 566px !important;
	height: auto !important;
	display: block !important;
}
/* 22/view_05 sec_07 first Q&A B/A images: actual DOM uses
   `.qna:first-of-type > .detail`, and in the browser this block may sit
   outside `.new-wrap`, so match by #container:has(.view-22-05) too. */
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail {
	width: 100% !important;
	align-items: center !important;
}
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.before,
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.left.after,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.before,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.left.after {
	width: 1132px !important;
	min-width: 1132px !important;
	max-width: 1132px !important;
	flex: 0 0 auto !important;
	box-sizing: border-box !important;
}
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.before > p,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap.before > p {
	width: 1132px !important;
	max-width: 1132px !important;
	box-sizing: border-box !important;
}
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap > .img.flex,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap > .img.flex {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: 1132px !important;
	max-width: 1132px !important;
	gap: 0 !important;
}
html body #container:has(.new-wrap.view-22-05) .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap > .img.flex > img,
html body #container .new-wrap.view-22-05 .sec.sec_07 > .container > .contents > .qna:first-of-type > .detail > .img_wrap > .img.flex > img {
	display: block !important;
	flex: 0 0 566px !important;
	width: 566px !important;
	max-width: 566px !important;
	height: auto !important;
}

/* 22/view_05 sec_09 POINT: match the KR block height and vertical rhythm. */
html body #container .new-wrap.view-22-05 .sec.sec_09 .title,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 .title {
	height: 110px !important;
	padding: 0 !important;
	margin-bottom: 60px !important;
	line-height: 16px !important;
	overflow: visible !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_09 .title h2,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 .title h2 {
	display: block !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
	font-size: 46px !important;
	line-height: 46px !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_09 .title h2 span,
html body #container .new-wrap.view-22-05 .sec.sec_09 .title h2 strong,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 .title h2 span,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 .title h2 strong {
	display: inline !important;
	height: auto !important;
	font-size: inherit !important;
	line-height: inherit !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_09 ol li dt,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 ol li dt {
	height: 24px !important;
	font-size: 24px !important;
	line-height: 24px !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-22-05 .sec.sec_09 ol li dd,
html body #container:has(.new-wrap.view-22-05) .sec.sec_09 ol li dd {
	height: 60px !important;
	min-height: 60px !important;
	font-size: 18px !important;
	line-height: 20px !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* 22/view_05 first B/A section: match KR spacing between the two case photos. */
@media (min-width: 769px) {
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-container,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: -2px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item,
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-wrap,
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name,
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-images,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-wrap,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-images {
		flex: 0 0 566px !important;
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-wrap,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-wrap {
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		overflow: hidden !important;
		display: block !important;
	}
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name {
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 16px !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
		overflow: hidden !important;
	}
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name > div:not(.viewBA-item-link),
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-operation-name > div:not(.viewBA-item-link) {
		line-height: 1.2 !important;
	}
	html body #container .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-images,
	html body .sec.before-after .section.high-crease-line-section .viewBA.BA .viewBA-item-images {
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}
}

/* Hero hexagons: keep white icons inside the shape across EN desktop pages.
   The shared EN hexagon rule trims padding for long labels; that can place
   icons too close to the angled top edge on several translated hero blocks. */
@media (min-width: 769px) {
	html body #container .new-wrap .main_ban_wrap > .container > ul > li,
	html body #container .main_ban_wrap > .container > ul > li {
		padding: 10px 4px 10px !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap .main_ban_wrap > .container > ul > li::before,
	html body #container .main_ban_wrap > .container > ul > li::before {
		width: 32px !important;
		height: 32px !important;
		flex: 0 0 32px !important;
		margin: 4px auto 3px !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
	}
	html body #container .new-wrap .main_ban_wrap > .container > ul > li > span,
	html body #container .main_ban_wrap > .container > ul > li > span {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		max-width: 112px !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		letter-spacing: -0.055em !important;
	}
	html body #container .new-wrap.view-18-03 .header ul li .box,
	html body #container .new-wrap.view-21-02 .header ul li .box,
	html body #container .new-wrap.view-22-04 .header ul li .box {
		justify-content: center !important;
		overflow: hidden !important;
		padding: 9px 4px 10px !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-18-03 .header ul li .box::before,
	html body #container .new-wrap.view-21-02 .header ul li .box::before,
	html body #container .new-wrap.view-22-04 .header ul li .box::before {
		width: 32px !important;
		height: 32px !important;
		flex: 0 0 32px !important;
		margin: 2px auto 5px !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
	}
	html body #container .new-wrap.view-18-03 .header ul li .box span,
	html body #container .new-wrap.view-21-02 .header ul li .box span,
	html body #container .new-wrap.view-22-04 .header ul li .box span {
		display: block !important;
		max-width: 112px !important;
		font-size: 12px !important;
		line-height: 1.18 !important;
		letter-spacing: -0.065em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	html body #container .new-wrap.view-18-03 .header ul li .box > div {
		margin-top: 0 !important;
		height: auto !important;
		transform: none !important;
	}
}

/* 22/view_04 sec_05 compact title block, repeated at EOF so it wins after all
   page-specific legacy blocks and stays scoped to the desktop EN wrapper. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt {
		grid-template-rows: 76px 44px !important;
		row-gap: 12px !important;
		height: 132px !important;
		min-height: 132px !important;
		max-height: 132px !important;
	}
	html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt h3.color {
		height: 76px !important;
		min-height: 76px !important;
		max-height: 76px !important;
		font-size: 22px !important;
		line-height: 1.15 !important;
		letter-spacing: -0.035em !important;
		overflow: hidden !important;
	}
	html body #container .new-wrap.view-22-04 .sec.sec_05 .contents .list .txt p.des {
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		font-size: 16px !important;
		line-height: 1.25 !important;
		overflow: hidden !important;
	}
}

/* 15/view_09 final KR-spec B/A card geometry, repeated at EOF so it wins.
   All desktop patient cards use: 566x240 image + 566x40 caption. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: normal !important;
		row-gap: 40px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/05/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/06/"]) > li,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/06/"]) > li {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex: 0 0 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna {
		width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		max-width: 566px !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img.col,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img.col {
		position: relative !important;
		width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		max-width: 566px !important;
		flex: 0 0 240px !important;
		line-height: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > .img img,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > .img img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1 .contents > ul > li > .bna > p.info,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul > li > .bna > p.info {
		width: 566px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		flex: 0 0 40px !important;
		margin: 0 !important;
		padding: 2px 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		font-size: 10px !important;
		line-height: 1.12 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		overflow: hidden !important;
	}
}

/* 15/view_09 Type 5/6 inner bna height guard at EOF. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/05/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[data-src*="/section03/06/"]) > li > .bna,
	html body #container .new-wrap.view-15-09 .sec_04_sub .box_wrap1-1 .contents > ul:has(img[src*="/section03/06/"]) > li > .bna {
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex: 0 0 280px !important;
	}
}

/* 21/view_03 performance: stage heavy GIF case galleries and lazy-load YouTube. */
html body #container .new-wrap.view-21-03 .sisun-staged-cases li.sisun-case-hidden {
	display: none !important;
}
html body #container .new-wrap.view-21-03 .sisun-case-loadmore {
	display: flex;
	justify-content: center;
	margin: 20px auto 0;
}
html body #container .new-wrap.view-21-03 .sisun-case-loadmore__button {
	min-width: 170px;
	height: 48px;
	padding: 0 28px;
	border: 1px solid #d2aa8d;
	border-radius: 999px;
	background: #fff;
	color: #9f7659;
	font-size: 18px;
	font-weight: 700;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
html body #container .new-wrap.view-21-03 .sisun-case-loadmore__button:hover,
html body #container .new-wrap.view-21-03 .sisun-case-loadmore__button:focus {
	background: #d2aa8d;
	border-color: #d2aa8d;
	color: #fff;
	outline: none;
}
html body #container .new-wrap.view-21-03 .viewBA.sisun-viewba-staged .viewBA-item.sisun-viewba-hidden {
	display: none !important;
}
html body #container .new-wrap.view-21-03 .sisun-viewba-loadmore {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 28px auto 0;
}
html body #container .new-wrap.view-21-03 .sisun-viewba-loadmore__button {
	min-width: 170px;
	height: 48px;
	padding: 0 28px;
	border: 1px solid #7099B7;
	border-radius: 999px;
	background: #fff;
	color: #527c9c;
	font-size: 18px;
	font-weight: 700;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
html body #container .new-wrap.view-21-03 .sisun-viewba-loadmore__button:hover,
html body #container .new-wrap.view-21-03 .sisun-viewba-loadmore__button:focus {
	background: #7099B7;
	border-color: #7099B7;
	color: #fff;
	outline: none;
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite {
	position: relative;
	width: 1060px;
	max-width: 100%;
	height: 596px;
	margin: 0 auto;
	background:
		linear-gradient(rgba(0, 0, 0, .28), rgba(0, 0, 0, .42)),
		url("https://i.ytimg.com/vi/35HXzSlGJHY/hqdefault.jpg") center center / cover no-repeat;
	overflow: hidden;
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite__button {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite__icon {
	position: relative;
	display: block;
	width: 92px;
	height: 64px;
	border-radius: 18px;
	background: rgba(210, 170, 141, .95);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: -14px 0 0 -8px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 24px solid #fff;
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite__text {
	display: block;
	margin-top: 18px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
html body #container .new-wrap.view-21-03 .sisun-youtube-lite iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* 21/view_03 final B/A sections: restore KR 1172px grid and 566px photos. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-container,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-desc,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-images,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-desc {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-images {
		display: flex !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/21/view_03.css"]) body #container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images .image img,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-images .image,
	html body #container .new-wrap.view-21-03 .sec.before-after .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		object-fit: cover !important;
	}
}

/* English-only replacement for the shared Korean Doctor's Note top banner.
   The JS adds this class only when the shared board image is injected into
   us/us-test pages, keeping the Korean site and shared image untouched. */
html body .sisun-en-doctors-note-banner {
	position: relative !important;
	width: 100% !important;
	height: 70px !important;
	overflow: hidden !important;
	background: #163051 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	color: #fff !important;
	font-family: "Montserrat", "Pretendard", sans-serif !important;
}
html body .sisun-en-doctors-note-banner > img[src*="/top_banner_01.jpg"] {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 70px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
html body #top img[src*="/top_banner_01.jpg"] {
	opacity: 0 !important;
}
html body .sisun-en-doctors-note-banner .sisun-en-dn-left,
html body .sisun-en-doctors-note-banner .sisun-en-dn-center,
html body .sisun-en-doctors-note-banner .sisun-en-dn-right {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	color: #fff !important;
	z-index: 2 !important;
}
html body .sisun-en-doctors-note-banner .sisun-en-dn-left {
	left: 12.5% !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	letter-spacing: 0.18em !important;
}
html body .sisun-en-doctors-note-banner .sisun-en-dn-center {
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 21px !important;
	font-weight: 300 !important;
	letter-spacing: 0.08em !important;
}
html body .sisun-en-doctors-note-banner .sisun-en-dn-center strong {
	font-weight: 700 !important;
}
html body .sisun-en-doctors-note-banner .sisun-en-dn-right {
	right: 12.5% !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 70px !important;
	overflow: hidden !important;
	background: #163051 !important;
	color: #fff !important;
	font-family: "Montserrat", "Pretendard", sans-serif !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) > div {
	position: relative !important;
	width: 100% !important;
	height: 70px !important;
	background: #163051 !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) img[src*="/top_banner_01.jpg"] {
	opacity: 0 !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::before,
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::after,
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) > div::after {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 2 !important;
	color: #fff !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	pointer-events: none !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::before {
	content: "SISUN DOCTOR'S NOTE" !important;
	left: 12.5% !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	letter-spacing: 0.18em !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) > div::after {
	content: "A record of beauty, Dr. Shin Jaehoon's Doctor's Note" !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 21px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
}
html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::after {
	content: "Surgical Know-how" !important;
	right: 12.5% !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em !important;
}

/* 15/view_09 final B/A section: match KR two-column geometry. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-15-09 .sec_11.before-after .viewBA-container {
		width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		column-gap: 40px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_11.before-after .viewBA.BA .viewBA-item,
	html body #container .new-wrap.view-15-09 .sec_11.before-after .viewBA.BA .viewBA-item-wrap {
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}
	html body #container .new-wrap.view-15-09 .sec_11.before-after .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
	}
	html body #container .new-wrap.view-15-09 .sec_11.before-after .viewBA.BA .viewBA-item-wrap {
		flex: 0 1 auto !important;
	}
}

/* 21/view_01 sec_03 bottom: keep the case photo at KR size and fit EN copy beside it. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-21-01 .sec_03 .bottom {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 30px !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > img {
		width: 520px !important;
		height: 354px !important;
		max-width: 520px !important;
		flex: 0 0 520px !important;
		object-fit: cover !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl {
		width: 603px !important;
		max-width: 603px !important;
		flex: 0 0 603px !important;
		min-width: 0 !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dt p {
		font-size: 21px !important;
		line-height: 1.25 !important;
		letter-spacing: -0.04em !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dt h3 {
		font-size: 31px !important;
		line-height: 1.16 !important;
		letter-spacing: -0.055em !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dt h4 {
		font-size: 23px !important;
		line-height: 1.3 !important;
		letter-spacing: -0.045em !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dd {
		font-size: 20px !important;
		line-height: 1.45 !important;
		letter-spacing: -0.03em !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3),
	html body #container .new-wrap.view-21-01 .sec_04 .img_wrap:not(.img_wrap3),
	html body #container .new-wrap.view-21-01 .sec_06 .img_wrap:not(.img_wrap3),
	html body #container .new-wrap.view-21-01 .sec_07 .img_wrap:not(.img_wrap3) {
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
		flex: 0 0 566px !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > p,
	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > .img > p,
	html body #container .new-wrap.view-21-01 .sec_04 .img_wrap:not(.img_wrap3) > p,
	html body #container .new-wrap.view-21-01 .sec_04 .img_wrap:not(.img_wrap3) > .img > p,
	html body #container .new-wrap.view-21-01 .sec_06 .img_wrap:not(.img_wrap3) > p,
	html body #container .new-wrap.view-21-01 .sec_06 .img_wrap:not(.img_wrap3) > .img > p,
	html body #container .new-wrap.view-21-01 .sec_07 .img_wrap:not(.img_wrap3) > p,
	html body #container .new-wrap.view-21-01 .sec_07 .img_wrap:not(.img_wrap3) > .img > p {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
		align-self: stretch !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* 21/view_01 desktop copy: avoid one-word orphan lines in EN copy. */
	html body #container .new-wrap.view-21-01 h2,
	html body #container .new-wrap.view-21-01 h3,
	html body #container .new-wrap.view-21-01 h4,
	html body #container .new-wrap.view-21-01 .img_wrap > p,
	html body #container .new-wrap.view-21-01 .img_wrap .img > p,
	html body #container .new-wrap.view-21-01 .img_wrap3 ul > li,
	html body #container .new-wrap.view-21-01 .sec_08 .contents ul > li > p {
		text-wrap: balance !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container .new-wrap.view-21-01 .sec_03 .bottom {
		gap: 20px !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl {
		width: 630px !important;
		max-width: 630px !important;
		flex-basis: 630px !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dt p {
		font-size: 20px !important;
		letter-spacing: -0.055em !important;
	}
	html body #container .new-wrap.view-21-01 .sec_03 .bottom > dl dd {
		text-wrap: pretty !important;
	}

	html body #container .new-wrap.view-21-01 .sec_04 .img_wrap .img > p,
	html body #container .new-wrap.view-21-01 .sec_07 .img_wrap .img > p {
		font-size: 16px !important;
		line-height: 20px !important;
		letter-spacing: -0.055em !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap3 ul > li {
		letter-spacing: -0.045em !important;
	}

	html body #container .new-wrap.view-21-01 .sec_08 .contents ul > li > p {
		font-size: 14px !important;
		line-height: 18px !important;
		letter-spacing: -0.055em !important;
	}

	html body #container .new-wrap.view-21-01 .bar2-section-003 em > b {
		font-size: 16px !important;
		line-height: 1.25 !important;
		letter-spacing: -0.075em !important;
		text-wrap: balance !important;
	}
}

/* us-test performance: shared click-to-load YouTube placeholder. */
html body #container .new-wrap .sisun-youtube-lite,
html body #WKCnkv .sisun-youtube-lite {
	position: relative;
	display: block;
	width: var(--sisun-youtube-width, 1060px);
	max-width: 100%;
	aspect-ratio: var(--sisun-youtube-ratio, 1060 / 596);
	margin-right: auto;
	margin-left: auto;
	background-color: #161616;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
html body #container .new-wrap .sisun-youtube-lite__button,
html body #WKCnkv .sisun-youtube-lite__button {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}
html body #container .new-wrap .sisun-youtube-lite__icon,
html body #WKCnkv .sisun-youtube-lite__icon {
	position: relative;
	display: block;
	width: 92px;
	height: 64px;
	border-radius: 18px;
	background: rgba(210, 170, 141, .95);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
}
html body #container .new-wrap .sisun-youtube-lite__icon::after,
html body #WKCnkv .sisun-youtube-lite__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: -14px 0 0 -8px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 24px solid #fff;
}
html body #container .new-wrap .sisun-youtube-lite__text,
html body #WKCnkv .sisun-youtube-lite__text {
	display: block;
	margin-top: 18px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
html body #container .new-wrap .sisun-youtube-lite iframe,
html body #WKCnkv .sisun-youtube-lite iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* 21/view_01 sec_03 Axis Rotation: keep long English pills inside the KR layout. */
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation {
	width: 100% !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont {
	width: 930px !important;
	max-width: 930px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: 13px !important;
	justify-content: center !important;
	transform: none !important;
	box-sizing: border-box !important;
}

/* Same component appears again in the Lateral Canthoplasty section. Keep this
   explicit so later sec_03 tweaks do not reintroduce the right-shift. */
html body #container .new-wrap.view-21-01 .sec.sec_03.sec_06 .summary .explanation .ex_cont {
	width: 930px !important;
	max-width: 930px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	transform: none !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > div {
	gap: 12px !important;
	flex: 0 0 auto !important;
	min-width: 0 !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont .left {
	width: 420px !important;
	justify-content: flex-end !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont .right {
	width: 420px !important;
	justify-content: flex-start !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > div ul {
	flex: 0 0 auto !important;
	min-width: 0 !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont .left ul {
	width: 185px !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont .right ul {
	width: 185px !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > div li {
	width: 100% !important;
	min-height: 48px !important;
	padding: 7px 12px !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
	text-align: center !important;
	font-size: 13px !important;
	line-height: 15px !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > div strong {
	flex: 0 0 220px !important;
	width: 220px !important;
	height: 130px !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
	font-size: 24px !important;
	line-height: 29px !important;
	letter-spacing: -0.05em !important;
	white-space: normal !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > div strong span {
	font-size: 18px !important;
	line-height: 21px !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_03 .summary .explanation .ex_cont > p {
	flex: 0 0 38px !important;
	width: 38px !important;
	font-size: 64px !important;
	line-height: 64px !important;
	text-align: center !important;
}

/* 21/view_01 sec_08 TYPE cards: match text bands to the 200px image width. */
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul {
	align-items: flex-start !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li {
	flex: 0 0 200px !important;
	width: 200px !important;
	max-width: 200px !important;
	min-width: 200px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li > span,
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li > p,
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li > img {
	width: 200px !important;
	max-width: 200px !important;
	min-width: 200px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li > p {
	min-height: 60px !important;
	height: 60px !important;
	padding: 0 8px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-align: center !important;
	font-size: 15px !important;
	line-height: 19px !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-21-01 .sec.sec_08 .contents ul > li > img {
	display: block !important;
	height: 200px !important;
	object-fit: cover !important;
}

/* 21/view_01 patent banner: keep the English copy in the KR two-column geometry. */
html body #container .new-wrap.view-21-01 .bar2-section-003 {
	height: 542px !important;
	min-height: 542px !important;
	max-height: 542px !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec {
	width: 1140px !important;
	max-width: 1140px !important;
	height: 617px !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	column-gap: 38px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child {
	flex: 0 0 652px !important;
	width: 652px !important;
	max-width: 652px !important;
	min-width: 0 !important;
	height: 417px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child em,
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child p {
	display: block !important;
	width: 652px !important;
	max-width: 652px !important;
	box-sizing: border-box !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .txt-top {
	display: inline-block !important;
	font-size: 31px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.04em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .point {
	display: inline-block !important;
	margin-top: 4px !important;
	font-size: 35px !important;
	line-height: 1.16 !important;
	letter-spacing: -0.08em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 em > b {
	display: block !important;
	margin-top: 10px !important;
	font-size: 16px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.075em !important;
	text-align: left !important;
	text-wrap: balance !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child p {
	margin-top: 42px !important;
	font-size: 21px !important;
	line-height: 1.46 !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child {
	flex: 0 0 450px !important;
	width: 450px !important;
	max-width: 450px !important;
	min-width: 0 !important;
	height: 417px !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 2 !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child > li {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	width: 450px !important;
	height: 417px !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child img {
	flex: 0 0 295px !important;
	width: 295px !important;
	max-width: 295px !important;
	height: 417px !important;
	margin: 0 !important;
	object-fit: contain !important;
}
html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child span {
	flex: 0 0 155px !important;
	width: 155px !important;
	max-width: 155px !important;
	padding-left: 10px !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
	letter-spacing: -0.04em !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	box-sizing: border-box !important;
}

@media (max-width: 1500px) {
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec {
		width: 1032px !important;
		max-width: calc(100vw - 360px) !important;
		column-gap: 28px !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child em,
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:first-child p {
		width: 100% !important;
		max-width: 100% !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .txt-top {
		font-size: 29px !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .point {
		font-size: 32px !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child,
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child > li {
		flex: 0 0 402px !important;
		width: 402px !important;
		max-width: 402px !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child img {
		flex: 0 0 285px !important;
		width: 285px !important;
		max-width: 285px !important;
	}
	html body #container .new-wrap.view-21-01 .bar2-section-003 .sec > ul:last-child span {
		flex: 0 0 117px !important;
		width: 117px !important;
		max-width: 117px !important;
		padding-left: 8px !important;
		font-size: 12px !important;
		letter-spacing: -0.06em !important;
	}
}

/* Patent/trademark banners on sibling pages: prevent EN copy from pushing the certificate below. */
html body #container .new-wrap.view-16-01 .bar3-section-003,
html body #container .new-wrap.view-21-02 .section-003 {
	height: 542px !important;
	min-height: 542px !important;
	max-height: 542px !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec,
html body #container .new-wrap.view-21-02 .section-003 .sec {
	width: 1140px !important;
	max-width: 1140px !important;
	height: 617px !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	column-gap: 38px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child {
	flex: 0 0 652px !important;
	width: 652px !important;
	max-width: 652px !important;
	min-width: 0 !important;
	height: 417px !important;
	box-sizing: border-box !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child em,
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child p,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child em,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child p {
	display: block !important;
	width: 652px !important;
	max-width: 652px !important;
	box-sizing: border-box !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .txt-top,
html body #container .new-wrap.view-21-02 .section-003 .txt-top {
	display: inline-block !important;
	font-size: 31px !important;
	line-height: 1.25 !important;
	letter-spacing: -0.04em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .point,
html body #container .new-wrap.view-21-02 .section-003 .point {
	display: inline-block !important;
	margin-top: 4px !important;
	font-size: 35px !important;
	line-height: 1.16 !important;
	letter-spacing: -0.08em !important;
	white-space: nowrap !important;
}
html body #container .new-wrap.view-21-02 .section-003 em > b {
	display: block !important;
	margin-top: 10px !important;
	font-size: 18px !important;
	line-height: 1.22 !important;
	letter-spacing: -0.06em !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child p,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child p {
	margin-top: 42px !important;
	font-size: 21px !important;
	line-height: 1.46 !important;
	letter-spacing: -0.04em !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child {
	flex: 0 0 450px !important;
	width: 450px !important;
	max-width: 450px !important;
	min-width: 0 !important;
	height: 417px !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 2 !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child > li,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child > li {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	width: 450px !important;
	height: 417px !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child img,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child img {
	flex: 0 0 295px !important;
	width: 295px !important;
	max-width: 295px !important;
	height: 417px !important;
	margin: 0 !important;
	object-fit: contain !important;
}
html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child span,
html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child span {
	flex: 0 0 155px !important;
	width: 155px !important;
	max-width: 155px !important;
	padding-left: 10px !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
	letter-spacing: -0.04em !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	box-sizing: border-box !important;
}

@media (max-width: 1500px) {
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec,
	html body #container .new-wrap.view-21-02 .section-003 .sec {
		width: 1032px !important;
		max-width: calc(100vw - 360px) !important;
		column-gap: 28px !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child em,
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:first-child p,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child em,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:first-child p {
		width: 100% !important;
		max-width: 100% !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .txt-top,
	html body #container .new-wrap.view-21-02 .section-003 .txt-top {
		font-size: 29px !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .point,
	html body #container .new-wrap.view-21-02 .section-003 .point {
		font-size: 32px !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child,
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child > li,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child > li {
		flex: 0 0 402px !important;
		width: 402px !important;
		max-width: 402px !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child img,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child img {
		flex: 0 0 285px !important;
		width: 285px !important;
		max-width: 285px !important;
	}
	html body #container .new-wrap.view-16-01 .bar3-section-003 .sec > ul:last-child span,
	html body #container .new-wrap.view-21-02 .section-003 .sec > ul:last-child span {
		flex: 0 0 117px !important;
		width: 117px !important;
		max-width: 117px !important;
		padding-left: 8px !important;
		font-size: 12px !important;
		letter-spacing: -0.06em !important;
	}
}

/* 16/view_01 has the longest patent title; shrink it enough to stay clear of the certificate. */
html body #container .new-wrap.view-16-01 .bar3-section-003 .point {
	font-size: 28px !important;
	letter-spacing: -0.09em !important;
}

@media (max-width: 1500px) {
	html body #container .new-wrap.view-16-01 .bar3-section-003 .point {
		font-size: 26px !important;
		letter-spacing: -0.1em !important;
	}
}

/* 21/view_01 desktop photo rhythm: match KR card geometry, even with longer EN captions. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-21-01 .summary > .flex.flex-wrap.gap-40 {
		gap: 40px !important;
		align-items: flex-start !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) {
		flex: 0 0 566px !important;
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > .img {
		width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > .img > img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > p,
	html body #container .new-wrap.view-21-01 .img_wrap.left:not(.img_wrap3) > .img > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 8px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		font-size: 12px !important;
		line-height: 14px !important;
		letter-spacing: -0.055em !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04 .cont_02 .img_wrap.left:not(.img_wrap3) > span {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 148px !important;
		min-height: 148px !important;
		max-height: 148px !important;
		margin: 0 !important;
		padding: 8px 14px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-align: center !important;
		font-size: 12px !important;
		line-height: 15px !important;
		letter-spacing: -0.045em !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
	}

	/* 21/view_01 sec_06 timeline labels: anchor labels to the photo edge.
	   EN captions widen each <li>, so the original left:0 can sit outside the
	   280px photo. KR positions these tags at the image's top-left corner. */
	html body #container .new-wrap.view-21-01 .sec.sec_03.sec_06 .cont_01 .bottom li > span {
		left: 50% !important;
		top: 0 !important;
		width: auto !important;
		min-width: 70px !important;
		height: 36px !important;
		padding: 0 6px !important;
		transform: translateX(-140px) !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
		z-index: 2 !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04.sec_07 .summary > .img {
		width: 849px !important;
		max-width: 849px !important;
		height: 310px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04.sec_07 .summary > .img > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 849px !important;
		max-width: 849px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		font-size: 14px !important;
		line-height: 17px !important;
		letter-spacing: -0.055em !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04.sec_07 .summary > .img > ul {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 849px !important;
		max-width: 849px !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04.sec_07 .summary > .img > ul > li {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 8px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 30px !important;
		letter-spacing: -0.04em !important;
		white-space: nowrap !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_04.sec_07 .summary > .img > img {
		display: block !important;
		width: 849px !important;
		max-width: 849px !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 {
		display: flex !important;
		flex-direction: column !important;
		width: 566px !important;
		max-width: 566px !important;
		min-width: 566px !important;
		height: auto !important;
		min-height: 750px !important;
		flex: 0 0 auto !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 > p {
		width: 566px !important;
		max-width: 566px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 > .img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		line-height: 0 !important;
		flex: 0 0 480px !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 > .img > img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		max-height: 480px !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 > ul {
		display: flex !important;
		flex-direction: column !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		margin: 0 !important;
		padding: 30px 40px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		background: #fff !important;
	}

	html body #container .new-wrap.view-21-01 .sec.sec_02.sec_05 .img_wrap3 > ul > li {
		font-size: 18px !important;
		line-height: 28px !important;
		letter-spacing: -0.055em !important;
	}
}

/* Desktop EN typography safety net: avoid accidental one-word orphan lines. */
@media (min-width: 769px) {
	html body #container .new-wrap h1,
	html body #container .new-wrap h2,
	html body #container .new-wrap h3,
	html body #container .new-wrap h4,
	html body #container .new-wrap .title p,
	html body #container .new-wrap .summary dt,
	html body #container .new-wrap .summary dd,
	html body #container .new-wrap .contents li,
	html body #container .new-wrap .contents p {
		text-wrap: balance !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html body #container .new-wrap .txt p,
	html body #container .new-wrap .summary dd,
	html body #container .new-wrap .contents dd {
		text-wrap: pretty !important;
	}

	html body #container .new-wrap .img_wrap > p:not([class*="info"]),
	html body #container .new-wrap .img_wrap > .img > p:not([class*="info"]),
	html body #container .new-wrap .summary > .img > p:not([class*="info"]),
	html body #container .new-wrap .sec_03 .cont .img > p:not([class*="info"]),
	html body #container .new-wrap .viewBA-item-operation-name {
		text-wrap: balance !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}
}

/* 21/view_05 B/A gallery and gif captions: match KR photo widths and spacing. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-container,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-images,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 430px !important;
		min-height: 430px !important;
		max-height: 430px !important;
		margin: 0 !important;
		padding: 40px 28px 28px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc > div,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc > div:first-child,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc > div:first-child {
		min-height: 160px !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc > div + div,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc > div + div {
		margin-top: 24px !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc strong,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc strong {
		flex: 0 0 60px !important;
		margin-top: 0 !important;
		margin-bottom: 14px !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .before-after .section .viewBA.BA .viewBA-item-desc p,
	html body #container .new-wrap.view-21-05 .before-after .section .viewBA.BA .viewBA-item-desc p {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		color: #42464f !important;
		font-size: 15px !important;
		line-height: 1.45 !important;
		letter-spacing: -0.035em !important;
		text-align: center !important;
		white-space: pre-line !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-hyphens: none !important;
		hyphens: none !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .sec.sec_06 .cont_02,
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_02 {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 40px !important;
		height: auto !important;
		min-height: 399px !important;
		padding: 60px 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .sec.sec_06 .cont_02 > img,
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_02 > img {
		display: block !important;
		flex: 0 0 280px !important;
		width: 280px !important;
		min-width: 280px !important;
		max-width: 280px !important;
		height: 279px !important;
		min-height: 279px !important;
		max-height: 279px !important;
		object-fit: cover !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .sec.sec_06 .cont_02 > p,
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_02 > p {
		flex: 0 0 745px !important;
		width: 745px !important;
		max-width: 745px !important;
		height: 279px !important;
		max-height: 279px !important;
		margin: 0 !important;
		font-size: 16px !important;
		line-height: 25px !important;
		letter-spacing: -0.035em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: pretty !important;
	}

	html:has(link[href*="/v1/21/view_05.css"]) body #container .new-wrap .sec.sec_06 .cont_02 > p strong,
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_02 > p strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
	}

	html body #container .new-wrap.view-21-05 .img_wrap {
		box-sizing: border-box !important;
		max-width: none !important;
	}

	html body #container .new-wrap.view-21-05 .img_wrap > .img {
		box-sizing: border-box !important;
		line-height: 0 !important;
		max-width: none !important;
	}

	html body #container .new-wrap.view-21-05 .img_wrap > .img > img {
		display: block !important;
		max-width: 566px !important;
	}

	html body #container .new-wrap.view-21-05 .img_wrap > p,
	html body #container .new-wrap.view-21-05 .img_wrap > .img > p {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		background: rgba(0, 0, 0, 0.7) !important;
		color: #fff !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		text-wrap: balance !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.05em !important;
	}
}

/* B/A patient-card operation bands: keep every gray band fixed-height while
   allowing long English procedure names to wrap inside the 80px box. */
html body #container .new-wrap .viewBA .viewBA-item-operation-name {
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	padding: 6px 10px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-wrap: balance !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}

html body #container .new-wrap .viewBA .viewBA-item-operation-name > div:not(.viewBA-item-link),
html body #container .new-wrap .viewBA .viewBA-item-operation-name > span:not(.viewBA-item-link) {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 4 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 13px !important;
	line-height: 1.18 !important;
	text-wrap: balance !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}

/* === 2026-05-12: equalize same-type boxes to the longest EN text ===
   Scope is EN-only (_overrides.css) and page-specific via the theme view CSS link,
   so the Korean originals are untouched. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/22/view_01.css"]) body #container .new-wrap .sec.summary .container > .list {
		display: flex !important;
		flex-direction: column !important;
		min-height: 1208px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/22/view_01.css"]) body #container .new-wrap .sec.summary .container > .list > .info {
		display: flex !important;
		flex-direction: column !important;
		min-height: 618px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/22/view_01.css"]) body #container .new-wrap .sec.summary .container > .list > .info > .title {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		min-height: 390px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/18/view_04.css"]) body #container .new-wrap .sec.method > .container > ul.tab > li {
		flex: 1 1 0 !important;
		width: 25% !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
		text-align: center !important;
	}
}

/* 22/view_01 desktop: normalize EN-only text-box padding against the KR rhythm. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-01 .sec.summary .title h2 {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 30px !important;
		box-sizing: border-box !important;
		line-height: 46px !important;
	}

	html body #container#container .new-wrap.view-22-01 .sec.summary .img_wrap > p,
	html body #container .new-wrap.view-22-01 .sec.summary .img_wrap > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 20px !important;
		box-sizing: border-box !important;
		line-height: 18px !important;
		text-align: center !important;
	}

	html body #container .new-wrap.view-22-01 .viewBA .viewBA-item-operation-name {
		padding: 8px 18px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-01 .viewBA .viewBA-item-operation-name > div:not(.viewBA-item-link),
	html body #container .new-wrap.view-22-01 .viewBA .viewBA-item-operation-name > span:not(.viewBA-item-link) {
		font-size: 13px !important;
		line-height: 1.22 !important;
	}

	/* 22/view_01 first Dual Canthoplasty section: keep AB case photos flush
	   without changing the rest of the page-wide viewBA layout. */
	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-container,
	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item,
	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-wrap,
	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-operation-name,
	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-images {
		width: min(1132px, 100%) !important;
		max-width: 1132px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-container {
		gap: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-images {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 0 !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-images .image {
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body #container .new-wrap.view-22-01 .section.dual-canthoplasty-section .viewBA.AB .viewBA-item-images .image img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}
}

/* 17/view_02 desktop: keep pink highlight text at least 20px away from the
   colored box edges. KR is comparison-only; this file is loaded on EN pages. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_05 dl.title dd.des > span.point,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_05 .contents .des span.point,
	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_05 > .container > p.des span.point {
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-decoration-break: clone !important;
		-webkit-box-decoration-break: clone !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_05 .contents .img_wrap .img > p {
		width: 566px !important;
		max-width: 566px !important;
		height: 36px !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_05 .contents > div > .des p {
		font-size: 22px !important;
		line-height: 32px !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_07 .summary .cont .img_wrap {
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 40px !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_07 .summary .cont .img_wrap > img {
		flex: 0 0 210px !important;
		margin: 15px 0 0 !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container .sec.sec_07 .summary .cont .img_wrap > .img {
		flex: 0 0 566px !important;
		margin-left: 0 !important;
	}
}

/* Doctor's Note popup banner: separate the three English text zones so the
   longer center copy never collides with the left/right labels. */
@media (min-width: 769px) {
	html body .sisun-en-doctors-note-banner {
		display: grid !important;
		grid-template-columns: minmax(220px, .72fr) minmax(420px, 1.45fr) minmax(180px, .58fr) !important;
		column-gap: 28px !important;
		align-items: center !important;
		justify-content: stretch !important;
		padding: 0 clamp(48px, 8vw, 170px) !important;
		box-sizing: border-box !important;
	}

	html body .sisun-en-doctors-note-banner > .sisun-en-dn-left,
	html body .sisun-en-doctors-note-banner > .sisun-en-dn-center,
	html body .sisun-en-doctors-note-banner > .sisun-en-dn-right {
		position: static !important;
		inset: auto !important;
		transform: none !important;
		min-width: 0 !important;
		max-width: 100% !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: clip !important;
		line-height: 1.08 !important;
	}

	html body .sisun-en-doctors-note-banner > .sisun-en-dn-left {
		text-align: left !important;
		font-size: 15px !important;
		letter-spacing: 0.12em !important;
	}

	html body .sisun-en-doctors-note-banner > .sisun-en-dn-center {
		text-align: center !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		letter-spacing: 0.012em !important;
	}

	html body .sisun-en-doctors-note-banner > .sisun-en-dn-right {
		text-align: right !important;
		font-size: 14px !important;
		letter-spacing: 0.04em !important;
	}

	html body a[href*="bo_table=DoctorsNote"]:has(> div.sisun-en-doctors-note-banner)::before,
	html body a[href*="bo_table=DoctorsNote"]:has(> div.sisun-en-doctors-note-banner)::after,
	html body a[href*="bo_table=DoctorsNote"]:has(> div.sisun-en-doctors-note-banner) > div::after {
		content: none !important;
		display: none !important;
	}

	html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::before {
		left: 8% !important;
		font-size: 15px !important;
		letter-spacing: 0.12em !important;
	}

	html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"]) > div::after {
		font-size: 18px !important;
		letter-spacing: 0.012em !important;
	}

	html body a[href*="bo_table=DoctorsNote"]:has(> div > img[src*="/top_banner_01.jpg"])::after {
		content: "Surgical Know-How" !important;
		right: 8% !important;
		font-size: 14px !important;
		letter-spacing: 0.04em !important;
	}
}

/* EN us-test legacy overseas footer: cf_add_script is intentionally skipped on
   us-test for performance, so style the lightweight fallback footer directly. */
@media (min-width: 769px) {
	html body > ul.quick_wrap {
		position: fixed !important;
		right: 12px !important;
		top: 50% !important;
		z-index: 90 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		width: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: translateY(-50%) !important;
		list-style: none !important;
	}

	html body > ul.quick_wrap > li {
		position: static !important;
		display: block !important;
		flex: 0 0 72px !important;
		width: 72px !important;
		height: 72px !important;
		min-height: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	html body > ul.quick_wrap > li > a,
	html body > ul.quick_wrap > li > button {
		position: static !important;
		display: block !important;
		width: 72px !important;
		height: 72px !important;
		min-height: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		line-height: 0 !important;
		overflow: visible !important;
	}

	html body > ul.quick_wrap img {
		position: static !important;
		display: block !important;
		width: 72px !important;
		height: 72px !important;
		max-width: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: contain !important;
		transform: none !important;
	}

	html body > footer:not(.footer) {
		clear: both !important;
		position: relative !important;
		z-index: 1 !important;
		margin-top: 80px !important;
		background: #2f3338 !important;
		color: #ffffff !important;
		font-family: "Noto Sans KR", "Montserrat", sans-serif !important;
	}

	html body > footer:not(.footer) .container {
		width: 1300px !important;
		max-width: calc(100% - 180px) !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html body > footer:not(.footer) .connect {
		padding: 56px 0 !important;
		background: #f7f8fa !important;
		color: #30343b !important;
		border-top: 1px solid #e5e8ed !important;
	}

	html body > footer:not(.footer) .connect > .container {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		gap: 64px !important;
	}

	html body > footer:not(.footer) .left {
		flex: 0 0 420px !important;
		min-width: 0 !important;
	}

	html body > footer:not(.footer) .right {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(260px, 1fr) minmax(360px, 600px) !important;
		gap: 30px 48px !important;
		align-items: start !important;
	}

	html body > footer:not(.footer) dl,
	html body > footer:not(.footer) dt,
	html body > footer:not(.footer) dd,
	html body > footer:not(.footer) p {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.55 !important;
	}

	html body > footer:not(.footer) .left > div {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	html body > footer:not(.footer) dt {
		margin-bottom: 8px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		color: inherit !important;
	}

	html body > footer:not(.footer) dd {
		font-size: 15px !important;
		font-weight: 400 !important;
		color: inherit !important;
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
	}

	html body > footer:not(.footer) dd.number {
		font-size: 30px !important;
		font-weight: 700 !important;
		letter-spacing: -0.02em !important;
		color: #2f3338 !important;
	}

	html body > footer:not(.footer) .time {
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
	}

	html body > footer:not(.footer) .holiday {
		display: block !important;
		margin-top: 6px !important;
		color: #777d87 !important;
	}

	html body > footer:not(.footer) .flag {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		width: auto !important;
		height: auto !important;
		margin: 30px 0 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body > footer:not(.footer) .flag > li {
		display: block !important;
		width: 44px !important;
		height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 1px solid #d8dde6 !important;
		border-radius: 3px !important;
		background: #ffffff !important;
	}

	html body > footer:not(.footer) .flag a,
	html body > footer:not(.footer) .flag img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
	}

	html body > footer:not(.footer) #map {
		grid-column: 2 !important;
		grid-row: 1 / span 2 !important;
		width: 600px !important;
		max-width: 100% !important;
		height: 300px !important;
		overflow: hidden !important;
		background: #e8ecf1 !important;
	}

	html body > footer:not(.footer) #map .root_daum_roughmap {
		width: 600px !important;
		max-width: 100% !important;
		min-height: 300px !important;
	}

	html body > footer:not(.footer) .info {
		padding: 36px 0 40px !important;
		background: #2f3338 !important;
		color: #d8dde5 !important;
	}

	html body > footer:not(.footer) .info > .container {
		display: flex !important;
		align-items: flex-start !important;
		gap: 36px !important;
	}

	html body > footer:not(.footer) .info .logo {
		flex: 0 0 auto !important;
		width: 142px !important;
		height: auto !important;
		max-width: 142px !important;
		margin-top: 4px !important;
	}

	html body > footer:not(.footer) .info .txt {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		font-size: 13px !important;
		line-height: 1.7 !important;
		color: #d8dde5 !important;
	}

	html body > footer:not(.footer) .info .txt p {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 4px 18px !important;
		margin: 0 0 6px !important;
		color: inherit !important;
	}

	html body > footer:not(.footer) .info .txt span,
	html body > footer:not(.footer) .copyright {
		display: inline-block !important;
		font-size: inherit !important;
		line-height: inherit !important;
		color: inherit !important;
	}
}

/* === [2026-05-12] 22/view_03 sec_09 answer B/A: match KR geometry ===
   The generic .balloon.right .bna compact rule narrowed this single answer
   photo block to 462px in EN. KR keeps the bottom answer B/A at 566px, with the
   Before/After labels flush to the image's left edge. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right:has(.bna) {
		width: 602px !important;
		max-width: 602px !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right .bna {
		width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right .bna > .img.row {
		position: relative !important;
		width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right .bna > .img.row img {
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right .bna > .img.row .bna_title {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		width: 100% !important;
		height: 0 !important;
		text-align: left !important;
		z-index: 3 !important;
	}

html body #container .new-wrap.view-22-03 .sec_09 .inner_box2 .balloon.right .bna > .img.row .bna_title span {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		width: 70px !important;
		height: 36px !important;
		line-height: 36px !important;
		text-align: center !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
}

/* 21/view_05 sec_06 B/A cards: match the KR card geometry.
   The page-wide caption rule above collapsed these GIF cards to 240px and
   pulled the After badge into the upper photo. Keep each card at 566x480,
   with After pinned to the second photo and the black band at the photo edge. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 40px !important;
		width: 1300px !important;
		max-width: 1300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap {
		position: relative !important;
		display: block !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img {
		position: relative !important;
		display: block !important;
		width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		overflow: hidden !important;
		line-height: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		object-fit: cover !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img::before,
	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img::after {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		display: block !important;
		width: 70px !important;
		height: 36px !important;
		line-height: 36px !important;
		text-align: center !important;
		color: #fff !important;
		font-size: 18px !important;
		font-weight: 400 !important;
		z-index: 4 !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img::before {
		content: "Before" !important;
		top: 0 !important;
		bottom: auto !important;
		background: rgb(171, 171, 171) !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > .img::after {
		content: "After" !important;
		top: 240px !important;
		bottom: auto !important;
		background: rgb(210, 171, 142) !important;
	}

	html body #container .new-wrap.view-21-05 .sec.sec_06 .cont_03 > li.img_wrap > p {
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		top: 444px !important;
		bottom: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		order: 0 !important;
		overflow: hidden !important;
		background: rgba(0, 0, 0, 0.7) !important;
		color: #fff !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		text-wrap: balance !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.05em !important;
		z-index: 5 !important;
		box-sizing: border-box !important;
	}
}

/* 16/view_04 sec_03 final-last override: this duplicate intentionally sits at
   EOF because an older generic sec_03/top rule later in the file stretches the
   intro GIF on the EN page. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top {
		width: 1300px !important;
		max-width: 1300px !important;
		min-height: 387px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 60px !important;
		gap: 40px !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > img[src*="/16/view_04/1.gif"],
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > img[src*="/16/view_04/1.gif"] {
		flex: 0 0 240px !important;
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		align-self: center !important;
		object-fit: contain !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt {
		flex: 0 1 897px !important;
		width: 897px !important;
		max-width: 897px !important;
		margin-left: 0 !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt > dt,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt > dt {
		font-size: 30px !important;
		line-height: 30px !important;
		letter-spacing: -0.05em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container .new-wrap.view-16-04 .sec.sec_03 .contents > .top > dl.txt > dd,
	html:has(link[href*="/v1/16/view_04.css"]) body #container .new-wrap .sec.sec_03 .contents > .top > dl.txt > dd {
		margin-top: 14px !important;
		font-size: 15px !important;
		line-height: 21px !important;
		letter-spacing: -0.055em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}
}
/* 15/view_10 Hollow Eyes B/A gallery: restore the KR 566px cards with a 40px center gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .ps,
	html body #container#container .new-wrap.view-15-10 .sec.sec_11.before-after .section .viewBA.BA .sisun-viewba-loadmore,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .ps,
	html:has(link[href*="/v1/15/view_10.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 15/view_11 Multiple Eyelid Creases B/A gallery: match the KR 566px cards and 40px center gap. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .ps,
	html:has(link[href*="/v1/15/view_11.css"]) body #container#container .new-wrap .sec.sec_11.before-after .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 15/view_05 Loose Double Eyelids B/A gallery: match the KR 566px cards with a 40px center gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		padding: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .ps,
	html body #container#container .new-wrap.view-15-05 .before-after.sec .section .viewBA.BA .sisun-viewba-loadmore,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .ps,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 15/view_05 cont_03 diagrams: translated images do not include the KR O/X badges, so restore them as overlays. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .sec.sec_03 .container.cont_03 .how_wrap .img_wrap .img:has(> img[src*="/overseas/us/15/view_05/img03-"]) {
		position: relative !important;
	}

	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .sec.sec_03 .container.cont_03 .how_wrap .img_wrap .img.x:has(> img[src*="/overseas/us/15/view_05/img03-"])::before,
	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .sec.sec_03 .container.cont_03 .how_wrap .img_wrap .img.o:has(> img[src*="/overseas/us/15/view_05/img03-"])::before {
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		z-index: 3 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 46px !important;
		height: 46px !important;
		color: #fff !important;
		font-family: Arial, sans-serif !important;
		font-weight: 700 !important;
		line-height: 46px !important;
		letter-spacing: 0 !important;
		pointer-events: none !important;
	}

	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .sec.sec_03 .container.cont_03 .how_wrap .img_wrap .img.x:has(> img[src*="/overseas/us/15/view_05/img03-"])::before {
		content: "×" !important;
		background: #b52b2d !important;
		font-size: 43px !important;
	}

	html:has(link[href*="/v1/15/view_05.css"]) body #container#container .new-wrap .sec.sec_03 .container.cont_03 .how_wrap .img_wrap .img.o:has(> img[src*="/overseas/us/15/view_05/img03-"])::before {
		content: "○" !important;
		background: #315a95 !important;
		font-size: 38px !important;
	}
}

/* 15/view_03 Low Double Eyelid Crease B/A gallery: match the KR 566px cards and 40px center gap. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .ps,
	html:has(link[href*="/v1/15/view_03.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 15/view_04 sec_04 flow labels: keep the longer EN copy compact and readable. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .sec.sec_04 .container .img_wrap ol {
		margin-top: 24px !important;
		align-items: center !important;
		justify-content: center !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .sec.sec_04 .container .img_wrap ol li {
		font-size: 16px !important;
		line-height: 1.38 !important;
		font-weight: 500 !important;
		letter-spacing: -0.06em !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .sec.sec_04 .container .img_wrap ol li.point {
		font-size: 22px !important;
		line-height: 1.22 !important;
		font-weight: 800 !important;
		letter-spacing: -0.07em !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .sec.sec_04 .container .img_wrap ol li.point:before,
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .sec.sec_04 .container .img_wrap ol li.point:after {
		margin: 0 10px !important;
		font-size: 12px !important;
		vertical-align: middle !important;
	}
}

/* 15/view_04 Unnatural Double Eyelids B/A gallery: match the KR 566px cards and 40px center gap. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		box-sizing: border-box !important;
	}

html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .ps,
html:has(link[href*="/v1/15/view_04.css"]) body #container#container .new-wrap .before-after.sec .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 18/view_01 Non-incisional vs Incisional: keep the white explanation boxes
   in the same large KR-style rhythm instead of the global 40px caption clamp. */
@media (min-width: 769px) {
html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .sec.sec_07 .img_wrap > p.des {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 212px !important;
		min-height: 212px !important;
		max-height: 212px !important;
		padding: 28px 30px !important;
		border: 1px solid #e5e5e5 !important;
		background: #fff !important;
		color: #333 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		font-size: 18px !important;
		line-height: 28px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}
}

/* 18/view_01 Before & After gallery: restore the KR 566px cards and 40px photo gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		overflow: hidden !important;
		background: #333 !important;
		color: #fff !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		position: absolute !important;
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 48px !important;
		height: 22px !important;
		padding: 0 9px !important;
		border-radius: 11px !important;
		background: #fffb82 !important;
		color: #333 !important;
		font-size: 12px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-images {
		display: block !important;
		position: relative !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .ps,
	html body #container#container .new-wrap.view-18-01 .before-after .section .viewBA.BA .sisun-viewba-loadmore,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .ps,
	html:has(link[href*="/v1/18/view_01.css"]) body #container#container .new-wrap .before-after .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 18/view_04 Men's Permanent Canthoplasty B/A gallery: match the KR
   566px two-column cards with a 40px center gap across every section. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-container,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-wrap,
	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-images,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-wrap,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		overflow: hidden !important;
		background: #333 !important;
		color: #fff !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name .sisun-viewba-op-text,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name .sisun-viewba-op-text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-operation-name .viewBA-item-link {
		position: absolute !important;
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 48px !important;
		height: 22px !important;
		padding: 0 9px !important;
		border-radius: 11px !important;
		background: #fffb82 !important;
		color: #333 !important;
		font-size: 12px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-images .image,
	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .viewBA-item-images .image img,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images .image,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .ps,
	html body #container#container .new-wrap.view-18-04 .before-after .section .viewBA:not(.AB) .sisun-viewba-loadmore,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .ps,
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .before-after .section .viewBA:not(.AB) .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 18/view_02 Non-incisional vs Incisional: undo the generic sec_05 img_wrap
   clamp so the media height matches KR (40px caption + 240px photo). */
@media (min-width: 769px) {
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .sec.sec_05 .contents > div > .img_wrap {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex: 0 0 auto !important;
		margin: 40px 0 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .sec.sec_05 .contents > div > .img_wrap > p {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .sec.sec_05 .contents > div > .img_wrap > .img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .sec.sec_05 .contents > div > .img_wrap > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .sec.sec_05 .contents > div > .img_wrap + p {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		min-height: 212px !important;
		flex-grow: 1 !important;
		box-sizing: border-box !important;
	}
}

/* 18/view_04 POINT photos: match the black captions to the 300px KR photo width. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .sec.point .flex {
		align-items: flex-start !important;
	}

	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .sec.point .flex .img_wrap {
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		flex: 0 0 300px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .sec.point .flex .img_wrap > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 64px !important;
		min-height: 64px !important;
		max-height: 64px !important;
		padding: 4px 8px !important;
		box-sizing: border-box !important;
		background: #333 !important;
		color: #fff !important;
		font-size: 10px !important;
		line-height: 1.18 !important;
		font-weight: 500 !important;
		letter-spacing: -0.055em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/18/view_04.css"]) body #container#container .new-wrap .sec.point .flex .img_wrap > img {
		display: block !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}
}
/* 18/view_02 hero: keep the model image flush like KR.
   EN title copy made the hero 722px tall, which pushed main_model.png down and
   exposed blank space above/below the visual. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-18-02 .main_ban_wrap,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .main_ban_wrap {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html body #container .new-wrap.view-18-02 .main_ban_wrap::before,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .main_ban_wrap::before {
		top: -20px !important;
	}
}

/* 17/view_02/03/04 hero: match KR's 668px vertical crop.
   Longer EN titles wrap and stretch the hero, exposing extra pink space below
   the model visual. Keep each page scoped by its loaded theme CSS. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap > .container {
		height: 517px !important;
		min-height: 517px !important;
		max-height: 517px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap .tit {
		width: 840px !important;
		max-width: 840px !important;
		height: auto !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 {
		width: 840px !important;
		max-width: 840px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding-bottom: 0 !important;
		overflow: visible !important;
		font-size: 54px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 strong {
		display: block !important;
		width: 840px !important;
		max-width: 840px !important;
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap .sub_tit {
		max-width: 900px !important;
		margin-top: 28px !important;
		font-size: 18px !important;
		line-height: 27px !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap ul {
		margin-top: 46px !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap ul > li {
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_02.css"]) body #container#container .new-wrap .main_ban_wrap .note {
		max-width: 1120px !important;
		margin-top: 42px !important;
		margin-bottom: 0 !important;
		font-size: 13px !important;
		line-height: 20px !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap > .container,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap > .container {
		height: 517px !important;
		min-height: 517px !important;
		max-height: 517px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 {
		width: 690px !important;
		font-size: 68px !important;
		line-height: 1.12 !important;
		padding-bottom: 0 !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 strong {
		font-size: inherit !important;
		line-height: inherit !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap .sub_tit {
		margin-top: 30px !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap ul {
		margin-top: 50px !important;
	}

	html:has(link[href*="/v1/17/view_04.css"]) body #container#container .new-wrap .main_ban_wrap .note {
		margin-top: 45px !important;
		margin-bottom: 0 !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap::before {
		top: 334px !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap .tit {
		width: 820px !important;
		height: 118px !important;
		min-height: 118px !important;
		max-height: 118px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 {
		width: 720px !important;
		height: 70px !important;
		min-height: 70px !important;
		max-height: 70px !important;
		padding: 0 !important;
		overflow: visible !important;
		font-size: 54px !important;
		line-height: 70px !important;
		letter-spacing: -0.045em !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap .tit h1 strong {
		display: block !important;
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .main_ban_wrap .note {
		margin-bottom: 0 !important;
	}
}

/* 17/view_06 hero: wrap the long EN title into the same left-side rhythm as KR
   and remove the excess bottom crop under the model image. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .top-content {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .content-box {
		width: 808px !important;
		max-width: 808px !important;
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .title-box h2.black {
		width: 808px !important;
		max-width: 808px !important;
		font-size: 54px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .title-box h2.black > strong {
		display: block !important;
		width: 808px !important;
		max-width: 808px !important;
		font-size: 54px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .title-box h2.black > em {
		display: block !important;
		width: 808px !important;
		max-width: 808px !important;
		margin-top: 4px !important;
		font-size: 48px !important;
		line-height: 1.05 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .sub-txt {
		max-width: 808px !important;
		margin-top: 28px !important;
		margin-bottom: 48px !important;
		font-size: 19px !important;
		line-height: 28px !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .summary {
		width: 808px !important;
		max-width: 808px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .caution {
		width: 1120px !important;
		max-width: 1120px !important;
		font-size: 13px !important;
		line-height: 20px !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .new-wrap .common-top .model-img {
		height: 668px !important;
		min-height: 668px !important;
		max-height: 668px !important;
	}
}

/* 18/view_02 sec_06 surgical method: restore the KR layout rhythm.
   A broad case/h3 recovery rule turns the section title into a flex item and
   pushes the five step cards sideways on EN. Keep this fix page-scoped. */
@media (min-width: 769px) {
	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		column-gap: 0 !important;
		row-gap: 0 !important;
		width: 100% !important;
		max-width: 1300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > h3,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > h3 {
		display: block !important;
		flex: 0 0 100% !important;
		align-self: auto !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: 141px !important;
		min-height: 141px !important;
		max-height: none !important;
		margin: 0 0 100px !important;
		padding: 0 !important;
		overflow: visible !important;
		color: #3d414b !important;
		font-size: 36px !important;
		line-height: 46px !important;
		font-weight: 700 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		-webkit-line-clamp: unset !important;
		-webkit-box-orient: initial !important;
		text-overflow: clip !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > h3 > .num,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > h3 > .num {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 80px !important;
		height: 80px !important;
		min-width: 80px !important;
		min-height: 80px !important;
		max-width: 80px !important;
		max-height: 80px !important;
		margin: 0 auto 15px !important;
		padding: 0 !important;
		font-size: 36px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > .list,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > .list {
		position: relative !important;
		flex: 0 0 228px !important;
		width: 228px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		height: 310px !important;
		min-height: 310px !important;
		max-height: 310px !important;
		margin: 0 10px !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > .list > img,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > .list > img {
		display: block !important;
		width: 226px !important;
		min-width: 226px !important;
		max-width: 226px !important;
		height: 212px !important;
		min-height: 212px !important;
		max-height: 212px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > .list > .step,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > .list > .step {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 0 !important;
		width: 80px !important;
		height: 80px !important;
		min-width: 80px !important;
		min-height: 80px !important;
		max-width: 80px !important;
		max-height: 80px !important;
		margin-left: -40px !important;
		padding: 0 !important;
		font-size: 14px !important;
		line-height: 17px !important;
		font-weight: 700 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > .list > .step.ko,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > .list > .step.ko {
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.04em !important;
	}

	html body #container .new-wrap.view-18-02 .sec.sec_06 .contents > .case > .list > p,
	html:has(link[href*="/v1/18/view_02.css"]) body #container .new-wrap .sec.sec_06 .contents > .case > .list > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 228px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		height: 98px !important;
		min-height: 98px !important;
		max-height: 98px !important;
		margin: 0 !important;
		padding: 7px 8px 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 15px !important;
		line-height: 20px !important;
		font-weight: 400 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 18/view_02 Before & After gallery: final override to match KR card spacing. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item,
	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.045em !important;
		overflow: hidden !important;
		background: #333 !important;
		color: #fff !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		left: auto !important;
		right: 10px !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-images {
		display: block !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-18-02 .before-after .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/18/view_02.css"]) body #container#container .new-wrap .before-after .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}
}

/* 16/view_03 reason_01 comparison cards: undo the generic 566px sec_05 rule
   and restore the KR 300px image rhythm for this whole starting-point section. */

/* 17/view_06 Before & After gallery: keep the operation band and composite photo
   flush like the KR page. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item {
		display: flex !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-wrap {
		display: flex !important;
		flex-direction: column !important;
		height: 540px !important;
		min-height: 540px !important;
		max-height: 540px !important;
		padding: 0 !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-operation-name {
		order: 0 !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-operation-name > div:not(.viewBA-item-link) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		text-overflow: clip !important;
		-webkit-line-clamp: unset !important;
		-webkit-box-orient: initial !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translate3d(0, -50%, 0) !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-images {
		order: 1 !important;
		display: block !important;
		position: relative !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		padding: 0 !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item {
		display: flex !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		padding: 0 !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-wrap {
		display: flex !important;
		flex-direction: column !important;
		height: 540px !important;
		min-height: 540px !important;
		max-height: 540px !important;
		padding: 0 !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-operation-name {
		order: 0 !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-operation-name > div:not(.viewBA-item-link) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		text-overflow: clip !important;
		-webkit-line-clamp: unset !important;
		-webkit-box-orient: initial !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-images {
		order: 1 !important;
		display: block !important;
		position: relative !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		padding: 0 !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA.AA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}
}
@media (min-width: 769px) {
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_01,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_02 {
		width: auto !important;
		max-width: none !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_01 > .img_cont,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_02 > .img_cont {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 20px !important;
		width: auto !important;
		max-width: none !important;
		height: 640px !important;
		min-height: 640px !important;
		max-height: 640px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_01 > .img_cont {
		max-width: 620px !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_02 > .img_cont {
		max-width: 940px !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .img_wrap.no {
		display: flex !important;
		flex-direction: column !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 640px !important;
		min-height: 640px !important;
		max-height: 640px !important;
		flex: 0 0 300px !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .img_wrap.no > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 10px !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		background: #333 !important;
		color: #fff !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .img_wrap.no > .img {
		display: block !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 600px !important;
		min-height: 600px !important;
		max-height: 600px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .img_wrap.no > .img > img {
		display: block !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.before,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.img_wrap_2 {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.before > .img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.before > .img > img,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.img_wrap_2 > img,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.after > .img > img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.img_wrap_2 > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 283px !important;
		min-width: 283px !important;
		max-width: 283px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 10px !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.after {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.after > .img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_01 .cont_03 .img_wrap.after > p.des {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 22px 30px 25px !important;
		font-size: 16px !important;
		line-height: 25px !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 {
		width: 980px !important;
		min-width: 980px !important;
		max-width: 980px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > .img_cont {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 40px !important;
		width: 980px !important;
		min-width: 980px !important;
		max-width: 980px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > .img_cont > .img_wrap,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > .img_cont > img {
		display: block !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		flex: 0 0 300px !important;
		margin: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > .img_cont > .img_wrap > .img,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > .img_cont > .img_wrap > .img > img {
		display: block !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.sec_05 .container.reason_02 .cont_01 > p.des {
		width: 980px !important;
		min-width: 980px !important;
		max-width: 980px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}
}

/* 16/view_03 B/A galleries: keep the same 566px photo grid and 40px center gap as KR. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
		font-size: 18px !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item {
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-images,
	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-desc,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-desc {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.045em !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translate3d(0, -50%, 0) !important;
		font-size: 13px !important;
		line-height: 1 !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images {
		display: flex !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-16-03 .sec.before-after .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.before-after .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-container,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: normal !important;
		column-gap: normal !important;
		row-gap: normal !important;
		box-sizing: border-box !important;
		font-size: 18px !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item,
	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-wrap,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item {
		flex: 0 0 566px !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name {
		position: relative !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		letter-spacing: -0.045em !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-operation-name .viewBA-item-link {
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translate3d(0, -50%, 0) !important;
		font-size: 13px !important;
		line-height: 1 !important;
	}

	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images,
	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-16-03 .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images .image img,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images,
	html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images .image,
html:has(link[href*="/v1/16/view_03.css"]) body #container#container .new-wrap .sec.pakage-component.before-after .section .viewBA.AA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}
}

/* 17/view_01 eye-surgery type cards: align title/body bands per row on EN.
   English labels are longer than KR, so use smaller text and fixed text bands
   to keep each row's body area and button position even. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents {
		align-items: stretch !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:not(:first-child) {
		gap: 24px !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:not(:first-child) > h5 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 96px !important;
		min-height: 96px !important;
		max-height: 96px !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		font-size: 25px !important;
		line-height: 32px !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:nth-child(n+2):nth-child(-n+4) > p {
		flex: 0 0 126px !important;
		height: 126px !important;
		min-height: 126px !important;
		max-height: 126px !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:nth-child(n+5) > p {
		flex: 0 0 90px !important;
		height: 90px !important;
		min-height: 90px !important;
		max-height: 90px !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:not(:first-child) > p {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 0 18px !important;
		box-sizing: border-box !important;
		font-size: 17px !important;
		line-height: 23px !important;
		letter-spacing: -0.035em !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_01.css"]) body #container#container .new-wrap .sec.sec_08 .contents > li:not(:first-child) > a {
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin-top: 0 !important;
		font-size: 18px !important;
		line-height: 40px !important;
		box-sizing: border-box !important;
	}
}

/* 17/view_03 Incisional Double Eyelid B/A gallery: match KR 566px cards and 40px center gap. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-container,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		padding: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item {
		display: block !important;
		flex: 0 0 566px !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-wrap {
		display: block !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding: 0 78px 0 18px !important;
		background: #333 !important;
		color: #fff !important;
		overflow: hidden !important;
		font-size: 13px !important;
		line-height: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.045em !important;
		text-align: center !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .sisun-viewba-op-text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 15px !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-wrap: balance !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-operation-name .viewBA-item-link {
		position: absolute !important;
		left: auto !important;
		right: 10px !important;
		top: 50% !important;
		transform: translate3d(0, -50%, 0) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 48px !important;
		height: 22px !important;
		padding: 0 9px !important;
		border-radius: 11px !important;
		background: #fffb82 !important;
		color: #333 !important;
		font-size: 12px !important;
		line-height: 22px !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-images,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images {
		display: block !important;
		position: relative !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-images .image,
	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item-images .image img,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item-images .image img {
		display: block !important;
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		height: 240px !important;
		min-height: 240px !important;
		max-height: 240px !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-wrap {
		height: 296px !important;
		min-height: 296px !important;
		max-height: 296px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images {
		height: 236px !important;
		min-height: 236px !important;
		max-height: 236px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images .image,
	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images .image img,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-images .image img {
		width: 568px !important;
		min-width: 568px !important;
		max-width: 568px !important;
		height: 236px !important;
		min-height: 236px !important;
		max-height: 236px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc {
		height: 391px !important;
		min-height: 391px !important;
		max-height: 391px !important;
		padding: 28px 22px 22px !important;
		overflow: hidden !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc strong,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc strong {
		width: 48px !important;
		height: 48px !important;
		font-size: 11px !important;
		line-height: 12px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc strong[style*="margin-top"],
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc strong[style*="margin-top"] {
		margin-top: 12px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc p,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .viewBA-item:has(.viewBA-item-desc) .viewBA-item-desc p {
		margin-top: 8px !important;
		font-size: 15px !important;
		line-height: 1.18 !important;
		letter-spacing: -0.055em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .ps,
html body #container#container .new-wrap.view-17-03 .sec.before-after .section .viewBA.BA .sisun-viewba-loadmore,
html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .ps,
html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.before-after .section .viewBA.BA .sisun-viewba-loadmore {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* 17/view_03 and 17/view_05 intro: keep the "What is..." title and B/A photo stacked like KR.
   The global EN h2 inline-block fix makes this long title sit beside the image. */
@media (min-width: 769px) {
	html body #container#container .new-wrap.view-17-03 .sec.sec_01 .title h2:has(> span),
	html body #container#container .new-wrap.view-17-05 .sec.sec_01 .title h2:has(> span),
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_01 .title h2:has(> span),
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .new-wrap .sec.sec_01 .title h2:has(> span) {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		line-height: 46px !important;
		padding-bottom: 0 !important;
		text-align: center !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.sec_01 .title h2:has(> span) > span,
	html body #container#container .new-wrap.view-17-05 .sec.sec_01 .title h2:has(> span) > span,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_01 .title h2:has(> span) > span,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .new-wrap .sec.sec_01 .title h2:has(> span) > span {
		display: inline !important;
		line-height: 46px !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.sec_01 .title .img_wrap,
	html body #container#container .new-wrap.view-17-05 .sec.sec_01 .title .img_wrap,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.sec_01 .title .img_wrap .img,
	html body #container#container .new-wrap.view-17-05 .sec.sec_01 .title .img_wrap .img,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap .img,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap .img {
		width: 566px !important;
		height: 480px !important;
		min-height: 480px !important;
		max-height: 480px !important;
		overflow: hidden !important;
	}

	html body #container#container .new-wrap.view-17-03 .sec.sec_01 .title .img_wrap .img > img,
	html body #container#container .new-wrap.view-17-05 .sec.sec_01 .title .img_wrap .img > img,
	html:has(link[href*="/v1/17/view_03.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap .img > img,
	html:has(link[href*="/v1/17/view_05.css"]) body #container#container .new-wrap .sec.sec_01 .title .img_wrap .img > img {
		display: block !important;
		width: 566px !important;
		height: 240px !important;
		object-fit: cover !important;
	}
}

/* 17/view_06 B/A final geometry lock: KR uses 1172px container,
   566px cards, and a 40px center gap. Keep the black operation bands
   exactly flush with the photo width. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-container {
		width: 1172px !important;
		min-width: 1172px !important;
		max-width: 1172px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		column-gap: 40px !important;
		row-gap: 72px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-wrap,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-operation-name,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-images {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item {
		flex: 0 0 566px !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-operation-name {
		height: 60px !important;
		min-height: 60px !important;
		max-height: 60px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-images .image,
	html:has(link[href*="/v1/17/view_06.css"]) body #container#container .before-after-component .viewBA .viewBA-item-images .image img {
		width: 566px !important;
		min-width: 566px !important;
		max-width: 566px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		object-fit: cover !important;
	}
}

/* 23/view_01 age-specific plan: restore the KR 1300px row with matching
   270px left/right word columns and a 630px center photo area. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top {
		width: 1300px !important;
		min-width: 1300px !important;
		max-width: 1300px !important;
		height: 600px !important;
		min-height: 600px !important;
		max-height: 600px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 15px !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 50px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > ul {
		width: 270px !important;
		min-width: 270px !important;
		max-width: 270px !important;
		flex: 0 0 270px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > ul > li {
		width: 270px !important;
		max-width: 270px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > .img_cont {
		width: 630px !important;
		min-width: 630px !important;
		max-width: 630px !important;
		height: 600px !important;
		min-height: 600px !important;
		max-height: 600px !important;
		flex: 0 0 630px !important;
		margin: 0 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		gap: 30px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > .img_cont > .img_wrap,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > .img_cont .img,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > .img_cont img {
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_03 .contents > .top > .img_cont img {
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		object-fit: cover !important;
		display: block !important;
	}
}

/* 19/view_01 candidates: undo the generic one-line target-card recovery.
   KR uses 230px square cards in a 3 x 2 grid. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents {
		width: 1000px !important;
		min-width: 1000px !important;
		max-width: 1000px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 45px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents > li {
		flex: 0 0 230px !important;
		width: 230px !important;
		min-width: 230px !important;
		max-width: 230px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		font-size: 19px !important;
		line-height: 1.32 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
		overflow: visible !important;
	}
}

/* 19/view_01 endoscope section: restore the KR gauge bars and cover
   Korean labels baked into the principle image with English labels. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar .percent,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar .percent span {
		height: 20px !important;
		min-height: 20px !important;
		max-height: 20px !important;
		border-radius: 10px !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar .percent {
		background: #e4e4e4 !important;
		position: relative !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar .percent span {
		display: block !important;
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		background: linear-gradient(90deg, #f8ecc0 0%, #e0f3b6 100%) !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar:nth-child(2) .percent span {
		width: 28% !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar:nth-child(3) .percent span {
		width: 14% !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar:nth-child(4) .percent span {
		width: 82% !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_04 .contents .info .bar:nth-child(5) .percent span {
		width: 28% !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents {
		position: relative !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels {
		position: absolute !important;
		left: 50% !important;
		top: 0 !important;
		width: 800px !important;
		height: 386px !important;
		transform: translateX(-50%) !important;
		pointer-events: none !important;
		z-index: 3 !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels span {
		position: absolute !important;
		transform: translate(-50%, -50%) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 34px !important;
		padding: 5px 11px !important;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, .94) !important;
		box-shadow: 0 2px 9px rgba(0, 0, 0, .22) !important;
		color: #2f333b !important;
		font-size: 17px !important;
		line-height: 1.08 !important;
		font-weight: 700 !important;
		text-align: center !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels .label-frontalis {
		left: 31.5% !important;
		top: 29% !important;
		width: 140px !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels .label-depressor {
		left: 50.5% !important;
		top: 20% !important;
		width: 210px !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels .label-corrugator {
		left: 84.5% !important;
		top: 20% !important;
		width: 150px !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels .label-procerus {
		left: 54% !important;
		top: 53% !important;
		width: 140px !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .principle-labels .label-orbicularis {
		left: 34% !important;
		top: 88% !important;
		width: 230px !important;
	}
}

/* 23/view_01 sec_09 Facial Liposuction + Thread Lift: match the KR card grid
   so the two title blocks, black bands, photos, and bottom labels align. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top {
		width: 1218px !important;
		min-width: 1218px !important;
		max-width: 1218px !important;
		height: 454px !important;
		min-height: 454px !important;
		max-height: 454px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont {
		display: block !important;
		width: 585px !important;
		min-width: 585px !important;
		max-width: 585px !important;
		height: 454px !important;
		min-height: 454px !important;
		max-height: 454px !important;
		flex: 0 0 585px !important;
		margin: 0 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .plus {
		width: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		height: 454px !important;
		flex: 0 0 48px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .tit {
		width: 585px !important;
		min-width: 585px !important;
		max-width: 585px !important;
		height: 79px !important;
		min-height: 79px !important;
		max-height: 79px !important;
		margin: 0 0 30px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .tit > span,
	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .tit > span strong {
		display: inline-block !important;
		width: auto !important;
		max-width: 585px !important;
		height: 20px !important;
		min-height: 20px !important;
		max-height: 20px !important;
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 20px !important;
		letter-spacing: 9px !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .tit > h5 {
		width: auto !important;
		max-width: 585px !important;
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		margin: 15px auto 0 !important;
		padding: 0 12px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		font-size: 29px !important;
		line-height: 44px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .cont {
		width: 586px !important;
		min-width: 586px !important;
		max-width: 586px !important;
		height: 345px !important;
		min-height: 345px !important;
		max-height: 345px !important;
		margin: 0 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 20px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .cont > .img_wrap {
		width: 283px !important;
		min-width: 283px !important;
		max-width: 283px !important;
		height: 345px !important;
		min-height: 345px !important;
		max-height: 345px !important;
		margin: 0 !important;
		flex: 0 0 283px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .cont > .img_wrap > p {
		width: 283px !important;
		min-width: 283px !important;
		max-width: 283px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 11px !important;
		line-height: 13px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .cont > .img_wrap > img {
		display: block !important;
		width: 283px !important;
		min-width: 283px !important;
		max-width: 283px !important;
		height: 261px !important;
		min-height: 261px !important;
		max-height: 261px !important;
		margin: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/23/view_01.css"]) body #container#container .new-wrap.view-23-01 .sec.sec_09 .contents > .top > .img_cont > .cont > .img_wrap > strong {
		display: block !important;
		width: 283px !important;
		min-width: 283px !important;
		max-width: 283px !important;
		height: 24px !important;
		min-height: 24px !important;
		max-height: 24px !important;
		margin-top: 20px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		font-size: 24px !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 19/view_01 Q&A and principle image: keep the EN copy readable while matching
   the KR 700px black band/photo alignment. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_03 .qna dt {
		width: 1000px !important;
		min-width: 1000px !important;
		max-width: 1000px !important;
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		font-size: 23px !important;
		line-height: 28px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_03 .qna dd p {
		font-size: 19px !important;
		line-height: 1.5 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img > img {
		width: 700px !important;
		min-width: 700px !important;
		max-width: 700px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left {
		gap: 0 !important;
		row-gap: 0 !important;
		column-gap: 0 !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > p {
		width: 700px !important;
		min-width: 700px !important;
		max-width: 700px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		font-size: 12px !important;
		line-height: 14px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img,
	html:has(link[href*="/v1/19/view_01_test.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img > img {
		height: 296px !important;
		min-height: 296px !important;
		max-height: 296px !important;
		display: block !important;
		object-fit: cover !important;
	}
}

/* 17/view_09 Brow Lift point intro: this image-side paragraph is body copy,
   not a case caption, so keep the KR geometry and readable text size. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 20px !important;
		width: 1110px !important;
		min-width: 1110px !important;
		max-width: 1110px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img {
		display: flex !important;
		flex: 0 0 620px !important;
		width: 620px !important;
		min-width: 620px !important;
		max-width: 620px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > .img > img {
		display: block !important;
		width: 310px !important;
		min-width: 310px !important;
		max-width: 310px !important;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;
		margin: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap .sec.sec_06 .contents > .img_wrap.left > p {
		width: 470px !important;
		min-width: 470px !important;
		max-width: 470px !important;
		height: auto !important;
		min-height: 210px !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		box-sizing: border-box !important;
		background: transparent !important;
		color: #333 !important;
		overflow: visible !important;
		text-overflow: clip !important;
		font-size: 20px !important;
		line-height: 30px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: left !important;
	}
}

/* 17/view_09 sec_01: restore the KR 400px Brow Lift B/A card geometry. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > .img_wrap {
		display: block !important;
		width: 400px !important;
		min-width: 400px !important;
		max-width: 400px !important;
		height: 359px !important;
		min-height: 359px !important;
		max-height: 359px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > .img_wrap > p,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul > li .img_wrap > p {
		width: 400px !important;
		min-width: 400px !important;
		max-width: 400px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		color: #fff !important;
		font-size: 11px !important;
		line-height: 13px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > .img_wrap > .img,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul > li .img_wrap > .img {
		width: 400px !important;
		min-width: 400px !important;
		max-width: 400px !important;
		height: 319px !important;
		min-height: 319px !important;
		max-height: 319px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > .img_wrap > .img > img,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul > li .img_wrap > .img > img {
		display: block !important;
		width: 400px !important;
		min-width: 400px !important;
		max-width: 400px !important;
		height: 160px !important;
		min-height: 160px !important;
		max-height: 160px !important;
		margin: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul {
		width: 1240px !important;
		min-width: 1240px !important;
		max-width: 1240px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 20px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul > li,
	html:has(link[href*="/v1/17/view_09.css"]) body #container#container .new-wrap.view-17-09 .sec.sec_01 .contents > ul > li .img_wrap {
		width: 400px !important;
		min-width: 400px !important;
		max-width: 400px !important;
		height: 359px !important;
		min-height: 359px !important;
		max-height: 359px !important;
		margin: 0 !important;
		flex: 0 0 400px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
}

/* 17/view_07: keep the cause caption on one line and restore the KR
   comparison-card geometry after generic caption/text overrides. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .img_wrap.left > p br {
		display: none !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .img_wrap.left > p {
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 15px !important;
		display: block !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		background: #333 !important;
		color: #fff !important;
		font-size: 13px !important;
		line-height: 40px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
		text-overflow: clip !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons .contents {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 30px !important;
		width: 904px !important;
		min-width: 904px !important;
		max-width: 904px !important;
		height: 440px !important;
		min-height: 440px !important;
		max-height: 440px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons dl {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		width: 437px !important;
		min-width: 437px !important;
		max-width: 437px !important;
		height: 440px !important;
		min-height: 440px !important;
		max-height: 440px !important;
		margin: 0 !important;
		border-radius: 50px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons dl > * {
		width: 437px !important;
		min-width: 437px !important;
		max-width: 437px !important;
		height: 80px !important;
		min-height: 80px !important;
		max-height: 80px !important;
		margin: 0 !important;
		padding: 0 14px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		font-size: 21px !important;
		line-height: 28px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons dt {
		flex-direction: column !important;
		font-weight: 700 !important;
		font-size: 21px !important;
		line-height: 28px !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons dt span {
		display: block !important;
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 400 !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_05 .reasons dl:last-child dd:nth-of-type(2) {
		font-size: 18px !important;
		line-height: 24px !important;
	}
}

/* 20/view_01 hero: remove the empty band below the model by matching the
   section height to the rendered hero image height. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/20/view_01.css"]) body #container#container .new-wrap .common-top.submenu08 {
		height: 700px !important;
		min-height: 700px !important;
		max-height: 700px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/20/view_01.css"]) body #container#container .new-wrap .common-top.submenu08 .top-content,
	html:has(link[href*="/v1/20/view_01.css"]) body #container#container .new-wrap .common-top.submenu08 .content-box,
	html:has(link[href*="/v1/20/view_01.css"]) body #container#container .new-wrap .common-top.submenu08 .model-img {
		height: 700px !important;
		min-height: 700px !important;
		max-height: 700px !important;
	}
}

/* 17/view_07 sec_02 candidates: keep the KR 230px square grid. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents {
		width: 1000px !important;
		min-width: 1000px !important;
		max-width: 1000px !important;
		height: 505px !important;
		min-height: 505px !important;
		max-height: 505px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents > li {
		width: 230px !important;
		min-width: 230px !important;
		max-width: 230px !important;
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
		flex: 0 0 230px !important;
		margin: 0 22.5px !important;
		padding: 0 13px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 20px !important;
		line-height: 1.32 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents > li:nth-child(n+4) {
		margin-top: 45px !important;
	}

	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents > li:nth-child(3),
	html:has(link[href*="/v1/17/view_07.css"]) body #container#container .new-wrap .sec.sec_02.target ul.contents > li:nth-child(6) {
		font-size: 18px !important;
		line-height: 1.3 !important;
	}
}

/* 17/view_08 sec_03: keep the right copy within the KR-sized text panel. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top {
		width: 1060px !important;
		min-width: 1060px !important;
		max-width: 1060px !important;
		height: 710px !important;
		min-height: 710px !important;
		max-height: 710px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .left {
		width: 410px !important;
		min-width: 410px !important;
		max-width: 410px !important;
		height: 710px !important;
		min-height: 710px !important;
		max-height: 710px !important;
		flex: 0 0 410px !important;
		margin: 0 60px 0 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .left > .img {
		width: 410px !important;
		min-width: 410px !important;
		max-width: 410px !important;
		height: 340px !important;
		min-height: 340px !important;
		max-height: 340px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .left > .img + .img {
		margin-top: 30px !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .left > .img > img {
		display: block !important;
		width: 410px !important;
		min-width: 410px !important;
		max-width: 410px !important;
		height: 275px !important;
		min-height: 275px !important;
		max-height: 275px !important;
		margin: 0 !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .left > .img > p {
		width: 410px !important;
		min-width: 410px !important;
		max-width: 410px !important;
		height: 65px !important;
		min-height: 65px !important;
		max-height: 65px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		font-size: 24px !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .box {
		width: 590px !important;
		min-width: 590px !important;
		max-width: 590px !important;
		height: 710px !important;
		min-height: 710px !important;
		max-height: 710px !important;
		flex: 0 0 590px !important;
		margin: 0 !important;
		padding: 96px 40px 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .box h6 {
		width: 510px !important;
		min-width: 510px !important;
		max-width: 510px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 31px !important;
		line-height: 1.22 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: left !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .box p {
		width: 510px !important;
		min-width: 510px !important;
		max-width: 510px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 56px 0 0 !important;
		padding: 0 !important;
		font-size: 19px !important;
		line-height: 1.46 !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: left !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_03 .contents > .top > .box p strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
	}
}

/* 17/view_08 sec_05 research publication: restore the KR doctor image. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container {
		position: relative !important;
		width: 1300px !important;
		min-width: 1300px !important;
		max-width: 1300px !important;
		height: 282px !important;
		min-height: 282px !important;
		max-height: 282px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > img {
		display: block !important;
		position: absolute !important;
		left: 880px !important;
		right: -180px !important;
		top: -478px !important;
		bottom: -80px !important;
		width: 600px !important;
		min-width: 600px !important;
		max-width: 600px !important;
		height: 840px !important;
		min-height: 840px !important;
		max-height: 840px !important;
		margin: 0 !important;
		object-fit: contain !important;
		opacity: 1 !important;
		visibility: visible !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text {
		position: relative !important;
		z-index: 2 !important;
		width: 820px !important;
		min-width: 820px !important;
		max-width: 820px !important;
		height: 282px !important;
		min-height: 282px !important;
		max-height: 282px !important;
		margin: 0 !important;
		padding: 0 0 0 80px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h1,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h2,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h3,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text p {
		width: 740px !important;
		min-width: 740px !important;
		max-width: 740px !important;
		letter-spacing: 0 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-align: left !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h1 {
		height: auto !important;
		margin: 0 0 8px !important;
		font-size: 26px !important;
		line-height: 1.22 !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h2,
	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text h3 {
		height: auto !important;
		margin: 0 !important;
		font-size: 20px !important;
		line-height: 1.35 !important;
	}

	html:has(link[href*="/v1/17/view_08.css"]) body #container#container .new-wrap .sec.sec_05 > .container > .text p {
		height: auto !important;
		margin-top: 24px !important;
		font-size: 20px !important;
		line-height: 1.42 !important;
	}
}

/* 12/view_06 post-operative care cards: align title and body baselines. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container {
		align-items: stretch !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container > dl {
		height: 719px !important;
		min-height: 719px !important;
		max-height: 719px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container > dl > dd {
		height: 430px !important;
		min-height: 430px !important;
		max-height: 430px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container > dl > dd > .title {
		height: 112px !important;
		min-height: 112px !important;
		max-height: 112px !important;
		margin-top: 10px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		overflow: hidden !important;
		font-size: 21px !important;
		line-height: 28px !important;
		letter-spacing: -0.04em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container > dl > dd > .title strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_02 .contents.container > dl > dd > p {
		margin-top: 20px !important;
		font-size: 15px !important;
		line-height: 22px !important;
		letter-spacing: -0.03em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
}

/* 12/view_06 WHY SISUN: keep English copy within the KR visual composition. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_01 ul.list > li:nth-child(3) .sub {
		line-height: 24px !important;
		white-space: normal !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .container {
		width: 1300px !important;
		max-width: 1300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .container > div {
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .container > div {
		width: 760px !important;
		max-width: 760px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_02 .container > div {
		width: 720px !important;
		max-width: 720px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_03 .container > div {
		width: 690px !important;
		max-width: 690px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_04 .container > div {
		width: 580px !important;
		max-width: 580px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_05 .container > div {
		width: 750px !important;
		max-width: 750px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .y_title {
		width: 100% !important;
		height: auto !important;
		min-height: 90px !important;
		display: flex !important;
		align-items: flex-start !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .y_title .num {
		flex: 0 0 165px !important;
		width: 165px !important;
		min-width: 165px !important;
		max-width: 165px !important;
		font-size: 90px !important;
		line-height: 90px !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .y_title p {
		width: calc(100% - 165px) !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 28px !important;
		line-height: 1.32 !important;
		letter-spacing: -0.03em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .y_title p strong {
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .y_title p {
		font-size: 27px !important;
		line-height: 1.28 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .contents {
		width: 100% !important;
		max-width: none !important;
		margin-top: 34px !important;
		font-size: 20px !important;
		line-height: 1.42 !important;
		letter-spacing: -0.035em !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .contents {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .contents dl {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		display: flex !important;
		align-items: flex-start !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .contents dl + dl {
		margin-top: 22px !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .contents dl dt {
		flex: 0 0 190px !important;
		width: 190px !important;
		min-width: 190px !important;
		max-width: 190px !important;
		padding: 0 18px 0 0 !important;
		font-size: 19px !important;
		line-height: 1.22 !important;
		letter-spacing: -0.035em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_01 .contents dl dd {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		font-size: 15px !important;
		line-height: 1.42 !important;
		letter-spacing: -0.025em !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_03 .contents,
	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_05 .contents {
		font-size: 19px !important;
		line-height: 1.42 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_04 .contents {
		font-size: 20px !important;
		line-height: 1.4 !important;
	}

	html:has(link[href*="/v1/12/view_06.css"]) body #container#container .about_wrap.sec_about .sec_03 .why_cont .contents .link {
		width: auto !important;
		height: 56px !important;
		margin-top: 34px !important;
		padding: 0 20px !important;
		font-size: 21px !important;
		line-height: 56px !important;
		letter-spacing: -0.035em !important;
		white-space: nowrap !important;
	}
}

/* EN us-test overseas footer: the footer is nested under #wrap, not body. */
@media (min-width: 769px) {
	html body #wrap > ul.quick_wrap {
		position: fixed !important;
		right: 12px !important;
		top: 50% !important;
		z-index: 90 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		width: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: translateY(-50%) !important;
		list-style: none !important;
	}

	html body #wrap > ul.quick_wrap > li {
		display: block !important;
		flex: 0 0 72px !important;
		width: 72px !important;
		height: 72px !important;
		min-height: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	html body #wrap > ul.quick_wrap > li > a,
	html body #wrap > ul.quick_wrap > li > button {
		display: block !important;
		width: 72px !important;
		height: 72px !important;
		min-height: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		line-height: 0 !important;
		overflow: visible !important;
	}

	html body #wrap > ul.quick_wrap img {
		display: block !important;
		width: 72px !important;
		height: 72px !important;
		max-width: 72px !important;
		max-height: 72px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: contain !important;
		transform: none !important;
	}

	html body #wrap > footer:not(.footer) {
		clear: both !important;
		position: relative !important;
		z-index: 1 !important;
		margin-top: 0 !important;
		background: #2f3338 !important;
		color: #ffffff !important;
		font-family: "Noto Sans KR", "Montserrat", sans-serif !important;
	}

	html body #wrap > footer:not(.footer) .container {
		width: 1300px !important;
		max-width: calc(100% - 180px) !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	html body #wrap > footer:not(.footer) .connect {
		padding: 56px 0 !important;
		background: #f7f8fa !important;
		color: #30343b !important;
		border-top: 1px solid #e5e8ed !important;
	}

	html body #wrap > footer:not(.footer) .connect > .container {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		gap: 64px !important;
	}

	html body #wrap > footer:not(.footer) .left {
		flex: 0 0 420px !important;
		min-width: 0 !important;
	}

	html body #wrap > footer:not(.footer) .right {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(260px, 1fr) minmax(360px, 600px) !important;
		gap: 30px 48px !important;
		align-items: start !important;
	}

	html body #wrap > footer:not(.footer) dl,
	html body #wrap > footer:not(.footer) dt,
	html body #wrap > footer:not(.footer) dd,
	html body #wrap > footer:not(.footer) p {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.55 !important;
	}

	html body #wrap > footer:not(.footer) .left > div {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	html body #wrap > footer:not(.footer) dt {
		margin-bottom: 8px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		color: inherit !important;
	}

	html body #wrap > footer:not(.footer) dd {
		font-size: 15px !important;
		font-weight: 400 !important;
		color: inherit !important;
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
	}

	html body #wrap > footer:not(.footer) dd.number {
		font-size: 30px !important;
		font-weight: 700 !important;
		letter-spacing: -0.02em !important;
		color: #2f3338 !important;
	}

	html body #wrap > footer:not(.footer) .time {
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
	}

	html body #wrap > footer:not(.footer) .holiday {
		display: block !important;
		margin-top: 6px !important;
		color: #777d87 !important;
	}

	html body #wrap > footer:not(.footer) .flag {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		width: auto !important;
		height: auto !important;
		margin: 30px 0 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body #wrap > footer:not(.footer) .flag > li {
		display: block !important;
		width: 44px !important;
		height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border: 1px solid #d8dde6 !important;
		border-radius: 3px !important;
		background: #ffffff !important;
	}

	html body #wrap > footer:not(.footer) .flag a,
	html body #wrap > footer:not(.footer) .flag img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
	}

	html body #wrap > footer:not(.footer) #map {
		grid-column: 2 !important;
		grid-row: 1 / span 2 !important;
		width: 600px !important;
		max-width: 100% !important;
		height: 300px !important;
		overflow: hidden !important;
		background: #e8ecf1 !important;
	}

	html body #wrap > footer:not(.footer) #map .root_daum_roughmap {
		width: 600px !important;
		max-width: 100% !important;
		min-height: 300px !important;
	}

	html body #wrap > footer:not(.footer) .info {
		padding: 36px 0 40px !important;
		background: #2f3338 !important;
		color: #d8dde5 !important;
	}

	html body #wrap > footer:not(.footer) .info > .container {
		display: flex !important;
		align-items: flex-start !important;
		gap: 36px !important;
	}

	html body #wrap > footer:not(.footer) .info .logo {
		flex: 0 0 auto !important;
		width: 142px !important;
		height: auto !important;
		max-width: 142px !important;
		margin-top: 4px !important;
	}

	html body #wrap > footer:not(.footer) .info .txt {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		font-size: 13px !important;
		line-height: 1.7 !important;
		color: #d8dde5 !important;
	}

	html body #wrap > footer:not(.footer) .info .txt p {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 4px 18px !important;
		margin: 0 0 6px !important;
		color: inherit !important;
	}

html body #wrap > footer:not(.footer) .info .txt span,
	html body #wrap > footer:not(.footer) .copyright {
		display: inline-block !important;
		font-size: inherit !important;
		line-height: inherit !important;
		color: inherit !important;
	}
}

/* Full PC header restored; logo and banner remain visible. */
/* 12/view_02 career history: restore the KR-style three-column composition for English. */
@media (min-width: 769px) {
	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun,
	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .top-content,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .top-content {
		height: 661px !important;
		min-height: 661px !important;
		max-height: 661px !important;
		overflow: hidden !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .content-box,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .content-box {
		height: 419px !important;
		min-height: 419px !important;
		max-height: 419px !important;
		padding: 0 40px !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .model-img,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .model-img {
		width: 650px !important;
		height: 638px !important;
		min-height: 638px !important;
		max-height: 638px !important;
		top: auto !important;
		bottom: -37px !important;
		background-size: auto !important;
		background-position: 0 0 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .pakage-component,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .pakage-component {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 86px !important;
		height: 156px !important;
		padding: 0 0 70px !important;
		box-sizing: border-box !important;
		z-index: 3 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box {
		max-width: 590px !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box > span,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box > span {
		margin-top: 74px !important;
		margin-bottom: 28px !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box em,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box em {
		font-size: 46px !important;
		line-height: 56px !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box h2.black,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box h2.black {
		line-height: 1.08 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box h2.black > strong,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box h2.black > strong {
		font-size: 58px !important;
		line-height: 1.06 !important;
		margin-bottom: 10px !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .title-box h2.black > span,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .title-box h2.black > span {
		max-width: 360px !important;
		white-space: normal !important;
		font-size: 20px !important;
		line-height: 1.28 !important;
		margin-top: 0 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .sub-txt,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .sub-txt {
		width: 590px !important;
		padding-top: 24px !important;
		font-size: 18px !important;
		line-height: 1.42 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .pakage-component a,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .pakage-component a {
		max-width: 560px !important;
		margin-top: 30px !important;
		font-size: 22px !important;
		line-height: 1.15 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap .common-top.intro-sisun .pakage-component a span,
	body #container#container .new-wrap.view-12-02 .common-top.intro-sisun .pakage-component a span {
		white-space: normal !important;
		line-height: 1.25 !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history {
		min-height: 840px !important;
		padding-bottom: 80px !important;
		overflow: visible !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .txt-box {
		min-height: 620px !important;
		padding: 72px 40px 80px !important;
		box-sizing: border-box !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history h3.gold {
		margin: 0 0 54px !important;
		font-size: 46px !important;
		line-height: 1.28 !important;
		font-weight: 400 !important;
		letter-spacing: -0.02em !important;
		text-align: center !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .list {
		display: grid !important;
		grid-template-columns: 330px 380px 330px !important;
		gap: 0 34px !important;
		align-items: start !important;
		justify-content: center !important;
		width: 1110px !important;
		max-width: 1110px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		font-size: 18px !important;
		line-height: 1.42 !important;
		letter-spacing: -0.03em !important;
		text-align: left !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .list > ul {
		display: block !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 0 0 18px !important;
		box-sizing: border-box !important;
		font-size: inherit !important;
		line-height: inherit !important;
		text-align: left !important;
		vertical-align: top !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .list > ul.gold {
		padding-left: 0 !important;
		list-style: none !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .list li {
		height: auto !important;
		margin: 0 0 8px !important;
		padding: 0 !important;
		font-size: inherit !important;
		line-height: inherit !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	html:has(link[href*="/v1/12/view_02.css"]) body #container#container .new-wrap.view-12-02 .intro-history .list .bold {
		font-weight: 800 !important;
	}
}


/* PC test login: the shared icon had zero height, making Close invisible. */
#popup-login > .container > .btn-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 44px;
  height: 44px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: #f2f5f7;
  cursor: pointer;
  z-index: 2;
}
#popup-login > .container > .btn-close i { display: none !important; }
#popup-login > .container > .btn-close::before {
  content: "×";
  color: #365b70;
  font: 30px/20px Arial, sans-serif;
}
#popup-login > .container > .btn-close:hover { background-color: #e3ebf0; }
#popup-login > .container > .btn-close:focus-visible { outline: 2px solid #3b6d8a; outline-offset: 2px; }
/* End PC test login close fix. */

/* PC test: remove the floating SISUN TV teaser, not inline videos or Doctor's Note. */
html body .dr_popup_wrap02 {
  display: none !important;
}
/* End PC floating TV removal. */

/* PC test header spacing and subway exit badges, 20260906. */
@media (min-width: 769px) {
  html body header.header nav .gnb .depth1-list > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
  }
  #WKCnkv .MTCvja .head:has(.sisun-exit-row) h4 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
  }
  #WKCnkv .MTCvja .sisun-exit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 10px;
  }
  #WKCnkv .MTCvja .sisun-exit-label {
    font-size: 40px;
    line-height: 1.3;
    white-space: nowrap;
    color: #fff;
  }
  #WKCnkv .MTCvja .sisun-exit-row .metro-line {
    position: static !important;
    display: flex !important;
    width: auto !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
  }
  #WKCnkv .MTCvja .sisun-exit-row .metro-line > span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 30px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap;
    border-radius: 3px;
  }
}
/* End PC header and subway fix. */

/* PC directions video gap: lite player already reserves its own aspect ratio. */
@media (min-width: 769px) {
  html body #WKCnkv .MTCvja .body.video:has(> .sisun-youtube-lite) {
    padding-top: 24px !important;
    height: auto !important;
  }
}
/* End PC directions video gap. */