@charset "utf-8";
/*
 * ingredient-merge.css — 성분 합치기 장면 (js/ingredient-merge.js 와 한 쌍, index_motion03 2026-10-28 2차)
 *
 * 퍼블리싱 구조(style.css · common_all.css)를 그대로 쓴다 — 탭 메뉴(.nav) · 네트워크(.info02_con) · 이름표(.text_div) · 제품(.product_con).
 * 이 파일은 ① 클릭 없는 탭 메뉴 표시 ② 이름표 5개 자리(PC 는 5개 기준 재배치, 모바일은 04·05 추가) ③ 고정 구간 안 배치만 더한다.
 * 화면 고정 = 장면(.ingredient_con.mg_scene)만, 감싸개는 기존 .contents_div.mg_stage. 탭 메뉴(.nav)는 제자리. html.mg-on 은 JS 가 붙인다.
 * 값은 vw 규칙 그대로: PC min(px, px/1920×100vw) · 음수 max(-px, -vw) / 모바일 px/360×100vw
 */

/* 단락 경로 — 길어서 줄인다 (CSS 변수 대신 선택자를 그대로 적는다) */

/* ===== 탭 메뉴: 클릭 없이 세 원물 이름을 모두 보이고, 선택 표시 막대는 숨긴다 ===== */
#main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div {cursor:default;}
/* 탭의 실제 사진은 자리만 두고 감춘다 — 같은 자리에서 장면 안 복제본(.mg_raw)이 시작해 모인다 */
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con {visibility:hidden;}
#main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con {display:block; opacity:1;}
#main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .bar_con {visibility:hidden;}

/* 장면 상자는 항상 보인다(탭 전환 없음). 성분 가운데 그림(병풀 입자)은 쓰지 않는다 — 그 자리에 원물 묶음이 내려와 앉는다 */
#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage {display:block;}
#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con > .img {display:none;}
/* 이름표는 영문·국문만 (설명 줄 없음) */

/* 이름표는 한 줄 — 그림 바깥에 붙인 이름표는 남는 폭이 없어 두 줄로 꺾였다 */
#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con span {white-space:nowrap;}

/* ===== 이름표 5개 — PC: 네트워크 양옆에 왼쪽 3(위·가운데·아래) · 오른쪽 2(위·아래)를 고르게 세로로 (2026-10-28 5차)
   5차 담당자: 글자·선을 3개 성분일 때 비율로 줄이고 내용은 가운데 정렬. 기준 = 네트워크 그림 상자(.img_con, 974×875 · 1920 기준).
   이름은 그림 바깥 50px 에서 시작, 선 3개가 이름 안쪽 끝에서 그림 안으로 부채꼴로 (왼쪽: 회전 기준 왼쪽 끝 · 오른쪽: 회전 기준 오른쪽 끝, +각도 = 위로) ===== */
@media all and (min-width: 1025px) {
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .eng_con span {font-size:min(48px, 2.5vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .kor_con {margin:min(8px, 0.42vw) 0 0 0;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .kor_con span {font-size:min(26px, 1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 {top:min(90px, 4.69vw); bottom:auto; left:auto; right:calc(100% + min(50px, 2.6vw)); text-align:center;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot {top:min(26px, 1.35vw); bottom:auto; left:auto; right:max(-26px, -1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line {left:0; right:auto; transform-origin:top left;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line .dot {top:0; right:0; left:auto; transform:translate(50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line01 {width:min(170px, 8.85vw); transform:rotate(20deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line02 {width:min(220px, 11.46vw); transform:rotate(33deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text01 > .dot .line03 {width:min(190px, 9.9vw); transform:rotate(46deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 {top:min(400px, 20.83vw); bottom:auto; left:auto; right:calc(100% + min(50px, 2.6vw)); text-align:center;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot {top:min(26px, 1.35vw); bottom:auto; left:auto; right:max(-26px, -1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line {left:0; right:auto; transform-origin:top left;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line .dot {top:0; right:0; left:auto; transform:translate(50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line01 {width:min(180px, 9.38vw); transform:rotate(-10deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line02 {width:min(220px, 11.46vw); transform:rotate(3deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line03 {width:min(185px, 9.64vw); transform:rotate(16deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 {top:min(710px, 36.98vw); bottom:auto; left:auto; right:calc(100% + min(50px, 2.6vw)); text-align:center;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot {top:min(26px, 1.35vw); bottom:auto; left:auto; right:max(-26px, -1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line {left:0; right:auto; transform-origin:top left;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line .dot {top:0; right:0; left:auto; transform:translate(50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line01 {width:min(190px, 9.9vw); transform:rotate(-44deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line02 {width:min(225px, 11.72vw); transform:rotate(-31deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line03 {width:min(170px, 8.85vw); transform:rotate(-18deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 {top:min(240px, 12.5vw); bottom:auto; right:auto; left:calc(100% + min(50px, 2.6vw)); text-align:center;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot {top:min(26px, 1.35vw); bottom:auto; right:auto; left:max(-26px, -1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line {right:0; left:auto; transform-origin:top right;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line .dot {top:0; left:0; right:auto; transform:translate(-50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line01 {width:min(180px, 9.38vw); transform:rotate(-18deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line02 {width:min(225px, 11.72vw); transform:rotate(-30deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text02 > .dot .line03 {width:min(175px, 9.11vw); transform:rotate(-43deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 {top:min(560px, 29.17vw); bottom:auto; right:auto; left:calc(100% + min(50px, 2.6vw)); text-align:center;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot {top:min(26px, 1.35vw); bottom:auto; right:auto; left:max(-26px, -1.35vw);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line {right:0; left:auto; transform-origin:top right;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line .dot {top:0; left:0; right:auto; transform:translate(-50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line01 {width:min(180px, 9.38vw); transform:rotate(14deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line02 {width:min(225px, 11.72vw); transform:rotate(26deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line03 {width:min(170px, 8.85vw); transform:rotate(38deg);}
}

/* ===== 고정 구간 안 배치 (JS 가 html.mg-on 을 붙였을 때만) =====
   .contents_con.mg_wrap = 장면의 부모(JS 가 위로 당겨 탭 메뉴와 겹친다) > .contents_div.mg_stage(고정 감싸개) > .ingredient_con.mg_scene(화면 고정) */
.mg_raws {display:none;}
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con.mg_wrap {position:relative; z-index:5; pointer-events:none;}
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con.mg_scene {position:relative; width:100%; overflow:visible;}
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con {margin:0; position:absolute; left:0; top:0; width:100%;}
html.mg-on .mg_raws {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:6;}
html.mg-on .mg_raw {position:absolute; left:0; top:0;}
html.mg-on .mg_raw img {display:block; width:100%; height:100%;}
/* 세포(입자) 형태 원물 — JS 가 복제본(.mg_raw)마다 같은 크기의 캔버스를 겹친다(사진 → 점으로 바뀜) */
/* 이름 복제본 — 실제 탭 이름은 감추고(자리는 유지) 장면 안 복제본이 사진 아래 제자리에서 사라진다 */
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con {visibility:hidden;}
html.mg-on .mg_raw_name {position:absolute; z-index:6; text-align:center; white-space:nowrap; pointer-events:none;}
html.mg-on .mg_raw_name > .text_con > span {font-size:min(30px, 1.56vw); color:#000; font-weight:800; letter-spacing:max(-0.9px, -0.05vw); font-family:"Asta Sans", sans-serif;}
html.mg-on .mg_raw_name > .text_con > .bar {margin:0 min(11px, 0.57vw); font-size:min(14px, 0.73vw); font-weight:400;}
html.mg-on .mg_raw_name > .bar_con {display:none;}
html.mg-on .mg_raw .mg_raw_bk {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:brightness(0) invert(0.98) blur(6px);}   /* 세포 뒤 바탕색 실루엣 — 선을 가린다 */
html.mg-on .mg_raw .mg_raw_cv {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage .a_btn {pointer-events:auto;}

/* 빛 — 원물이 모일 때 한 번, 모두 합쳐질 때 크게 한 번 */
.mg_glow, .mg_flash {position:absolute; left:0; top:0; border-radius:50%; opacity:0; pointer-events:none; z-index:7;
	background:radial-gradient(closest-side, rgba(255,246,222,1) 0%, rgba(251,226,170,.75) 35%, rgba(251,226,170,.25) 65%, rgba(251,226,170,0) 100%);}

/* 마지막 제품 묶음 — 고정 상자 가운데, 퍼블리싱 배치 그대로 크기만 --mg-pfit */
html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro > .product_con {position:absolute; left:50%; top:50%; width:100%; margin:0; z-index:9;
	transform:translate(-50%, -50%) scale(var(--mg-pfit, 1)) translateY(max(-77px, -4.01vw));}

/* 스크롤 안내 (JS 가 단락 설명 아래에 만든다) — index_motion02 와 같은 모양 */
html.mg-on #main_con > .info05_con > .contents_con > .title_con > .text02_con {position:relative;}
.mg_scroll_cue {position:absolute; left:50%; top:100%; margin-top:min(14px, 0.73vw); transform:translateX(-50%); pointer-events:none; white-space:nowrap; line-height:1; opacity:0; --mg-sc-y:min(16px, 0.83vw); --mg-sc-f:max(-6px, -0.31vw);}
.mg_scroll_cue .mg_sc_in {display:inline-flex; align-items:center; gap:min(7px, 0.36vw); color:#1B1B17;}
html.mg-on #main_con > .info05_con > .contents_con > .title_con > .text02_con > .mg_scroll_cue span {font-size:min(15px, 0.78vw); color:#1B1B17; font-weight:500; line-height:1.3; letter-spacing:-.02em;}
.mg_scroll_cue .mg_sc_txt {position:relative; padding-bottom:min(3px, 0.16vw);}
.mg_scroll_cue .mg_sc_txt::after {content:""; position:absolute; left:0; right:0; bottom:0; height:min(1px, 0.05vw); background:#1B1B17;}
.mg_scroll_cue .mg_sc_arw {display:block; width:min(13px, 0.68vw); height:min(13px, 0.68vw); flex:none;}
.mg_scroll_cue .mg_sc_arw svg {display:block; width:100%; height:100%;}
.mg_scroll_cue.is-in {animation:mgScIn .8s cubic-bezier(.5,1,.89,1) both, mgScFloat 2.8s ease-in-out .8s infinite alternate;}
@keyframes mgScIn { from {opacity:0; translate:0 var(--mg-sc-y);} to {opacity:1; translate:0 0;} }
@keyframes mgScFloat { from {opacity:1; translate:0 0;} to {opacity:1; translate:0 var(--mg-sc-f);} }

/* ===== 모바일 (~1024px) ===== */
@media all and (max-width: 1024px) {
	/* 탭 메뉴 가로 한 줄 (index_motion02 와 같은 값) — 퍼블리싱 모바일은 세로로 쌓여 화면 하나에 담기지 않는다 */
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav {max-width:none; margin-bottom:0; padding:0 3.33vw; box-sizing:border-box;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con {display:block;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul {display:flex; justify-content:center; align-items:flex-start;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li {float:none; flex:1 1 0; min-width:0; margin:0 0 0 2.78vw;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li:first-child {margin:0;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .img_con img {height:26.67vw;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con {margin:3.33vw 0 0 0;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con span {font-size:3.06vw; letter-spacing:-0.08vw; white-space:nowrap;}   /* 2026-10-29 "Korean Pear │ 돌배" 가 한 칸(약 29vw)에 들어가게 3.89 → 3.06vw */
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .nav > .list_con > ul > li .list_div > .contents_con > .text_con .bar {margin:0 0.56vw; font-size:1.67vw;}
	html.mg-on .mg_raw_name > .text_con > span {font-size:3.06vw; letter-spacing:-0.08vw;}
	html.mg-on .mg_raw_name > .text_con > .bar {margin:0 0.56vw; font-size:1.67vw;}

	/* 이름표 — text04 (오른쪽 위, text01 을 좌우로 뒤집은 자리) · text05 (오른쪽 아래, text03 을 뒤집은 자리) */
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 {top:-31.67vw; bottom:auto; right:-1.67vw;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot {top:auto; bottom:-1.39vw; left:auto; right:12.5vw;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line {left:auto; right:0; transform-origin:top right;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line .dot {right:auto; left:0; transform:translate(-50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line01 {width:23.89vw; transform:rotate(-65.4deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line02 {width:29.17vw; transform:rotate(-83.4deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text04 > .dot .line03 {width:38.33vw; transform:rotate(-92.1deg);}
	/* text05 (왼쪽 가운데 아래, text02 를 좌우로 뒤집은 자리) — 모바일은 그림 양옆에 자리가 없어 위·아래 줄로: 왼쪽 01·05·03 / 오른쪽 04·02 */
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 {top:auto; bottom:-21.11vw; left:-8.61vw;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot {top:-3.89vw; bottom:auto; left:auto; right:22.78vw;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line {left:0; right:auto; transform-origin:top left;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line .dot {top:0; right:0; left:auto; transform:translate(50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line01 {width:33.33vw; transform:rotate(-80.9deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line02 {width:25vw; transform:rotate(-61.3deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text05 > .dot .line03 {width:20.83vw; transform:rotate(-42deg);}
	/* text03 (세라마이드 NP) — 맨 아래 가운데, 선은 위로 곧게 (아래 줄 두 이름 사이로 지나가 겹치지 않는다) */
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 {top:auto; bottom:-43.61vw; left:0; right:0; width:max-content; margin:0 auto;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot {top:-4.44vw; bottom:auto; left:50%; right:auto;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line {left:0; right:auto; transform-origin:top left;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line .dot {top:0; right:0; left:auto; transform:translate(50%, -50%);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line01 {width:30vw; transform:rotate(-101deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line02 {width:34.17vw; transform:rotate(-90deg);}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div.text03 > .dot .line03 {width:30vw; transform:rotate(-79deg);}
	/* 이름표 글자 — 5개가 한 화면에 들어가도록 퍼블리싱 모바일(8.33 / 5vw)보다 작게 */
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .eng_con span {font-size:5.28vw;}
	#main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_stage > .ingredient_con > .info02_con > .contents_con > .img_con .text_div > .title_con > .kor_con span {font-size:3.61vw;}

	/* 제품 묶음: 이미지 위·글 아래, 이미지 묶음만 0.8배 (index_motion02 와 같은 값) */
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro > .product_con {transform:translate(-50%, -50%) scale(var(--mg-pfit, 1));}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro > .product_con > .contents_con > .contents_con > .img_con {width:80%; margin:0 auto;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro > .product_con > .contents_con > .contents_con > .img_con > .img02_con {width:62.89vw; bottom:-18.22vw;}
	html.mg-on #main_con > .info05_con > .contents_con > .contents_con > .contents_con .contents_div.mg_outro > .product_con > .contents_con > .title_con {margin-top:33.78vw;}

	.mg_scroll_cue {margin-top:6.11vw; --mg-sc-y:4.44vw; --mg-sc-f:-1.67vw;}
	.mg_scroll_cue .mg_sc_in {gap:1.94vw;}
	html.mg-on #main_con > .info05_con > .contents_con > .title_con > .text02_con > .mg_scroll_cue span {font-size:3.61vw;}
	.mg_scroll_cue .mg_sc_txt {padding-bottom:0.83vw;}
	.mg_scroll_cue .mg_sc_txt::after {height:0.28vw;}
	.mg_scroll_cue .mg_sc_arw {width:3.06vw; height:3.06vw;}
}

@media (prefers-reduced-motion: reduce) {
	.mg_scroll_cue {opacity:1;}
	.mg_scroll_cue.is-in {animation:none;}
}