@charset "utf-8";
/* =========================================================================
   BIONME (by POWERWRAP) 영문 브랜드 사이트 테마
   - 기준 : 02.디자인/mainA/00_mainA.psd (1920 기준, 컨텐츠 폭 1524px)
   - 색   : PSD 진녹 #233935 / 올리브 #839F47 / 크림 #FDF5E3 / 글자 #212121
            브랜드 제안서 Design 02 (크림·올리브·살구) 보조색 #F3E8D6 #908C61 #F0AC86
   - 서체 : Paperlogy (PSD 사용 서체, 눈누 OFL)
   - 원칙 : 그라데이션·빛 번짐·아이콘 원형 배지·알약 버튼·그림자 카드 쓰지 않음
            사진 + 1px 선 + 큰 대문자 타이포 + 타원 프레임(PSD 메인 비주얼 모티프)
   ========================================================================= */
@font-face {font-family:"Paperlogy";font-weight:300;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2");}
@font-face {font-family:"Paperlogy";font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");}
@font-face {font-family:"Paperlogy";font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");}
@font-face {font-family:"Paperlogy";font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2");}
@font-face {font-family:"Paperlogy";font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");}
@font-face {font-family:"Paperlogy";font-weight:800;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");}
:root {
	--green:#233935;
	--green2:#1a2b28;
	--olive:#839f47;
	--olive2:#6f8a3a;
	--cream:#fdf5e3;
	--beige:#f3e8d6;
	--khaki:#908c61;
	--apricot:#f0ac86;
	--ink:#212121;
	--text:#4b4f4c;
	--gray:#757575;
	--line:#dddddd;
	--line2:#ece6d6;
	--font:"Paperlogy", "Pretendard", "Apple SD Gothic Neo", sans-serif;
	--head-h:9rem;
	--wrap:152.4rem;
	--gut:4rem;
	/* CMS 공통 변수 호환 (게시판·기능 화면) */
	--primary:var(--olive);
	--navy:var(--green);
	--navy2:var(--green2);
	--black:var(--ink);
	--text-main:var(--text);
	--muted:var(--gray);
	--border:var(--line);
	--silver:var(--beige);
	--silver2:var(--cream);
}
html {color-scheme:light;scroll-padding-top:12rem;}
html.e_lock {overflow:hidden;}
#fs_wrap {overflow-x:clip;}
body {font-family:var(--font);background:#fff;color:var(--text);word-break:keep-all;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;}
body, input, select, textarea, button {font-family:var(--font);}
::selection {background:var(--olive);color:#fff;}
.e_wrap {width:min(calc(100% - var(--gut)), var(--wrap));margin:0 auto;}
.e_wrap_wide {width:min(calc(100% - var(--gut)), var(--wrap));margin:0 auto;}
.hide {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
:focus-visible {outline:2px solid var(--olive);outline-offset:2px;}
.pc_only {display:inline;} .mo_only {display:none;}
@media only screen and (max-width:767px) {.pc_only {display:none;} .mo_only {display:inline;}}
.skip_nav {position:absolute;left:-9999px;right:auto !important;top:0;z-index:999;width:auto !important;padding:1rem 2rem;background:var(--green);color:#fff;}
.skip_nav:focus {left:0;}
/* CMS 기본 CSS(fs_component·reset)의 제목·요소별 서체 지정을 Paperlogy로 통일 (아이콘 글꼴 제외) */
#fs_wrap *:not([class*="ri-"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far), .e_allmenu *:not([class*="ri-"]) {font-family:var(--font);}
@media only screen and (min-width:1024px) {:root {--gut:12rem;}}

/* -------------------------------------------------------------------------
   헤더 (PSD : 흰 바탕 90px, 로고 좌측 · GNB 가운데 · 두 줄 메뉴버튼 우측)
   ------------------------------------------------------------------------- */
#fs_header {position:fixed;top:0;left:0;width:100%;z-index:100;background:#fff;transition:box-shadow .3s, transform .4s;}
#fs_header.solid {box-shadow:0 1px 0 var(--line2);}
#fs_header .fs_head {height:var(--head-h);position:relative;display:flex;align-items:center;justify-content:space-between;}
#fs_header .logo {flex-shrink:0;margin:0;line-height:1;}
.bn_logo {display:inline-block;font-family:var(--font);font-weight:700;font-size:3.6rem;letter-spacing:-.045em;color:var(--green);line-height:1;}
.bn_logo.w {color:#fff;}
#fs_header .fs_top_menu {position:absolute;left:50%;top:0;transform:translateX(-50%);}
#fs_header .fs_top_menu .lnb {display:flex;flex-wrap:nowrap;}
#fs_header .fs_top_menu .lnb > li {position:relative;}
#fs_header .fs_top_menu .lnb > li .lnb_title {position:relative;display:block;line-height:var(--head-h);padding:0 1.8rem;font-size:1.8rem;font-weight:600;color:var(--ink);letter-spacing:0;text-transform:uppercase;}
#fs_header .fs_top_menu .lnb > li .lnb_title:after {content:"";position:absolute;left:1.8rem;right:1.8rem;bottom:2.4rem;height:2px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
#fs_header .fs_top_menu .lnb > li:hover .lnb_title:after, #fs_header .fs_top_menu .lnb > li.on .lnb_title:after {transform:scaleX(1);}
#fs_header .fs_top_menu .lnb > li .lnb_layer01 {position:absolute;left:50%;top:100%;min-width:21rem;transform:translate(-50%, .8rem);padding:1.6rem 0;background:#fff;border:1px solid var(--line2);border-top:2px solid var(--green);opacity:0;visibility:hidden;transition:opacity .25s, transform .25s, visibility .25s;}
#fs_header .fs_top_menu .lnb > li:hover .lnb_layer01, #fs_header .fs_top_menu .lnb > li:focus-within .lnb_layer01 {opacity:1;visibility:visible;transform:translate(-50%, 0);}
#fs_header .fs_top_menu .lnb > li .lnb_layer01 a {display:block;padding:.9rem 2.4rem;font-size:1.55rem;font-weight:500;color:var(--text);white-space:nowrap;transition:color .2s, padding .2s;}
#fs_header .fs_top_menu .lnb > li .lnb_layer01 a:hover {color:var(--olive);padding-left:2.8rem;}
#fs_header .fs_top_menu .lnb_bg {display:none;}
.global_box {display:flex;align-items:center;gap:2rem;}
.global_box .e_shop {font-size:1.4rem;font-weight:600;color:var(--green);border-bottom:1px solid currentColor;padding-bottom:.2rem;}
.global_box .e_shop:hover {color:var(--olive);}
.e_allmenu_btn {position:relative;width:3.6rem;height:4rem;padding:0;border:0;background:none;cursor:pointer;}
.e_allmenu_btn span {position:absolute;right:0;height:2px;background:var(--green);transition:width .3s, top .3s, transform .3s;}
.e_allmenu_btn span:nth-child(1) {top:1.5rem;width:100%;}
.e_allmenu_btn span:nth-child(2) {top:2.3rem;width:70%;}
.e_allmenu_btn:hover span:nth-child(2) {width:100%;}
.fs_head .mbtn_box, .fs_mtop_menu {display:none;}

/* 전체메뉴 (크림 바탕 + 큰 대문자 메뉴) */
.e_allmenu {position:fixed;inset:0;z-index:300;background:var(--cream);opacity:0;visibility:hidden;transition:opacity .4s, visibility .4s;overflow-y:auto;}
.e_allmenu.open {opacity:1;visibility:visible;}
.e_allmenu .am_top {display:flex;align-items:center;justify-content:space-between;height:var(--head-h);}
.e_allmenu .am_close {width:4.8rem;height:4.8rem;border:1px solid var(--green);background:transparent;color:var(--green);font-size:2.4rem;cursor:pointer;transition:background .25s, color .25s;}
.e_allmenu .am_close:hover {background:var(--green);color:#fff;}
.e_allmenu_in {display:grid;grid-template-columns:1fr 36rem;gap:8rem;padding:6rem 0 8rem;}
.e_allmenu .am_menu {border-top:1px solid var(--green);}
.e_allmenu .am_row {display:grid;grid-template-columns:6rem 30rem 1fr;align-items:baseline;gap:2rem;padding:2.6rem 0;border-bottom:1px solid rgba(35,57,53,.18);opacity:0;transform:translateY(1.4rem);transition:opacity .5s, transform .5s;}
.e_allmenu.open .am_row {opacity:1;transform:none;}
.e_allmenu .am_no {font-size:1.4rem;font-weight:600;color:var(--olive);}
.e_allmenu .am_row > strong {font-size:4rem;font-weight:800;letter-spacing:-.03em;color:var(--green);text-transform:uppercase;line-height:1;}
.e_allmenu .am_row ul {display:flex;flex-wrap:wrap;gap:1rem 3.2rem;}
.e_allmenu .am_row ul a {font-size:1.7rem;font-weight:500;color:var(--text);}
.e_allmenu .am_row ul a:hover {color:var(--olive);text-decoration:underline;text-underline-offset:.5rem;}
.e_allmenu .am_side {align-self:start;padding:3.2rem;background:var(--green);color:rgba(255,255,255,.75);}
.e_allmenu .am_side .am_slogan {font-size:2.6rem;font-weight:700;line-height:1.3;color:#fff;letter-spacing:-.02em;}
.e_allmenu .am_side .am_slogan em {font-style:normal;color:#b9cf86;}
.e_allmenu .am_side dl {margin-top:3rem;border-top:1px solid rgba(255,255,255,.18);}
.e_allmenu .am_side dl div {display:flex;gap:1.4rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.4rem;}
.e_allmenu .am_side dt {flex-shrink:0;width:6.6rem;font-weight:700;color:#fff;}
.e_allmenu .am_side dd a {color:inherit;}
.e_allmenu .am_sns {display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin-top:2.4rem;}
.e_allmenu .am_sns a {font-size:1.4rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);}
@media only screen and (max-width:1279px) {
	#fs_header .fs_top_menu .lnb > li .lnb_title {padding:0 1.2rem;font-size:1.6rem;}
	#fs_header .fs_top_menu .lnb > li .lnb_title:after {left:1.2rem;right:1.2rem;}
	.global_box .e_shop {display:none;}
}
@media only screen and (max-width:1023px) {
	:root {--head-h:6.4rem;}
	.bn_logo {font-size:2.8rem;}
	/* fs_layout.css 모바일 헤더(반투명 검정·고정 높이) 덮어쓰기 */
	#fs_header, body.sub #fs_header, body.main #fs_header {background:#fff !important;height:auto !important;}
	#fs_header .fs_head {height:var(--head-h) !important;}
	.mg_about .bg img {opacity:.16;}
	#fs_header .fs_top_menu {display:none;}
	.e_allmenu_in {grid-template-columns:1fr;gap:4rem;padding:2rem 0 6rem;}
	.e_allmenu .am_row {grid-template-columns:4rem 1fr;}
	.e_allmenu .am_row ul {grid-column:2;}
	.e_allmenu .am_row > strong {font-size:2.8rem;}
	.e_allmenu .am_row ul a {font-size:1.6rem;}
	.e_allmenu .am_row {padding:2rem 0;}
}

/* -------------------------------------------------------------------------
   공통 타이포 · 버튼
   ------------------------------------------------------------------------- */
.m_kicker {display:block;font-size:1.6rem;font-weight:600;color:var(--olive);text-transform:uppercase;letter-spacing:.02em;}
.m_disp {font-size:9rem;font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--green);text-transform:uppercase;}
.m_h2 {font-size:5.2rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--green);}
.m_h3 {font-size:3.4rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--green);}
.m_p {font-size:1.8rem;font-weight:300;line-height:1.75;color:var(--text);}
.m_p + .m_p {margin-top:1.6rem;}
.m_p b, .m_p strong {font-weight:600;color:var(--ink);}
/* 화살표 밑줄 링크 (PSD 카드의 가는 화살표) */
.m_more {display:inline-flex;align-items:center;gap:1.6rem;font-size:1.5rem;font-weight:600;color:var(--green);text-transform:uppercase;letter-spacing:.02em;}
.m_more .ar {position:relative;display:inline-block;width:6.4rem;height:1px;background:currentColor;transition:width .35s;}
.m_more .ar:after {content:"";position:absolute;right:0;top:-.5rem;width:1.1rem;height:1px;background:currentColor;transform:rotate(38deg);transform-origin:right center;}
.m_more:hover .ar {width:8.4rem;}
.m_more.w {color:#fff;}
/* 각진 버튼 */
.m_go {display:inline-flex;align-items:center;gap:2.4rem;height:5.6rem;padding:0 2.8rem;background:var(--green);color:#fff;font-size:1.6rem;font-weight:600;white-space:nowrap;border:1px solid var(--green);transition:background .25s, color .25s, border-color .25s;}
.m_go i {font-size:1.8rem;transition:transform .3s;}
.m_go:hover {background:var(--olive);border-color:var(--olive);}
.m_go:hover i {transform:translateX(.4rem);}
.m_go.line {background:transparent;color:var(--green);}
.m_go.line:hover {background:var(--green);color:#fff;border-color:var(--green);}
.m_go.olive {background:var(--olive);border-color:var(--olive);}
.m_go.olive:hover {background:var(--green);border-color:var(--green);}
.m_btns {display:flex;flex-wrap:wrap;gap:1rem;}
button.m_go {font-family:inherit;cursor:pointer;}
@media only screen and (max-width:1023px) {
	.m_disp {font-size:6rem;}
	.m_h2 {font-size:3.6rem;}
	.m_h3 {font-size:2.6rem;}
	.m_p {font-size:1.6rem;}
}
@media only screen and (max-width:480px) {
	.m_disp {font-size:4.4rem;}
	.m_h2 {font-size:3rem;}
	.m_go {height:5rem;padding:0 2rem;font-size:1.5rem;}
}

/* -------------------------------------------------------------------------
   메인
   ------------------------------------------------------------------------- */
#fs_container_wrap {padding-top:var(--head-h);}

/* 1. 비주얼 : 크림 바탕 + 타원 사진 + 가는 타원 선 + 큰 대문자 문구 (PSD visual) */
.mv {position:relative;height:74.2rem;background:var(--cream);overflow:hidden;}
.mv_stage {position:absolute;left:50%;top:7.3rem;width:50.2rem;height:59.6rem;transform:translateX(-50%);}
.mv_ph {position:absolute;inset:0;border-radius:50%;overflow:hidden;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease, transform 6s ease;}
.mv_ph.on {opacity:1;transform:scale(1);}
.mv_ph img {width:100%;height:100%;object-fit:cover;opacity:.6;}
.mv_ring {position:absolute;left:50%;top:50%;width:59.9rem;height:57.6rem;margin:-28.8rem 0 0 -29.95rem;pointer-events:none;}
.mv_ring ellipse {fill:none;stroke:var(--olive);stroke-width:1.2;}
.mv_ring svg {width:100%;height:100%;animation:bnRing 28s linear infinite;}
@keyframes bnRing {to {transform:rotate(360deg);}}
.mv_txt {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;pointer-events:none;}
.mv_tit {display:grid;}
.mv_tit span {grid-area:1/1;font-size:8rem;font-weight:800;line-height:1.125;letter-spacing:-.035em;color:var(--green);text-transform:uppercase;opacity:0;transform:translateY(2rem);transition:opacity .8s, transform .8s;}
.mv_tit span.on {opacity:1;transform:none;transition-delay:.25s;}
/* 잉크 번짐 리빌 (bn.ink) : 실행 중에는 글자를 캔버스로 그림 */
.mv_tit.ink-on span {position:relative;transform:none;transition:opacity .4s;}
.mv_tit.ink-on span.on {transition-delay:0s;}
.mv_tit span canvas.ink {position:absolute;display:none;pointer-events:none;}
.mv_tit span.ink-run {color:transparent;}
.mv_tit span.ink-run canvas.ink {display:block;}
.mv_ctrl {position:absolute;left:50%;bottom:3.6rem;transform:translateX(-50%);display:flex;align-items:center;gap:2rem;color:var(--green);font-size:1.4rem;font-weight:600;}
.mv_ctrl button {width:3.6rem;height:3.6rem;border:0;background:none;color:var(--green);font-size:2rem;cursor:pointer;}
.mv_ctrl button:hover {color:var(--olive);}
.mv_ctrl .bar {position:relative;width:12rem;height:1px;background:rgba(35,57,53,.2);}
.mv_ctrl .bar i {position:absolute;left:0;top:-.5px;height:2px;width:0;background:var(--green);}
.mv_ctrl .bar i.run {animation:bnBar 6s linear forwards;}
.mv_ctrl .pause .ri-play-fill {display:none;}
.mv_ctrl .pause.paused .ri-play-fill {display:inline;}
.mv_ctrl .pause.paused .ri-pause-fill {display:none;}
@keyframes bnBar {to {width:100%;}}
@media only screen and (max-width:1199px) {.mv_tit span {font-size:6.4rem;}}
@media only screen and (max-width:1023px) {
	.mv {height:60rem;}
	.mv_stage {top:5rem;width:38rem;height:45rem;}
	.mv_ring {width:45rem;height:43rem;margin:-21.5rem 0 0 -22.5rem;}
	.mv_tit span {font-size:5rem;}
}
@media only screen and (max-width:600px) {
	.mv {height:52rem;}
	.mv_stage {top:5rem;width:26rem;height:32rem;}
	.mv_ring {width:31rem;height:30rem;margin:-15rem 0 0 -15.5rem;}
	.mv_txt {padding:0 2rem;}
	.mv_tit span {font-size:3.6rem;}
}

/* 2. 소개 문구 */
.mi {padding:7.2rem 0 6.4rem;text-align:center;background:#fff;}
.mi h2 {font-size:2.5rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.mi h2 em {font-style:normal;color:var(--olive);}
.mi p {margin-top:2.6rem;font-size:1.6rem;font-weight:300;line-height:1.5;color:var(--ink);}

/* 3. 브랜드 격자 (PSD 2x2 + 우하단 2분할) */
.mg {display:grid;grid-template-columns:1fr 1fr;}
.mg_box {position:relative;display:block;min-height:48.2rem;padding:8rem 8rem 7rem;overflow:hidden;color:#fff;}
.mg_box .lb {display:block;font-size:2.2rem;font-weight:400;text-transform:uppercase;}
.mg_box h3 {margin-top:1.2rem;font-size:clamp(3rem, 2.1vw, 4rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;text-transform:uppercase;}
.mg_box .ds {margin-top:3.6rem;font-size:1.8rem;font-weight:300;line-height:1.5;max-width:56rem;}
.mg_box .m_more {position:absolute;right:8rem;bottom:8rem;color:inherit;}
.mg_box .more {position:absolute;left:8rem;bottom:8rem;display:inline-flex;align-items:center;height:4.4rem;padding:0 2rem;border:1px solid currentColor;font-size:1.4rem;font-weight:600;letter-spacing:.06em;opacity:0;transform:translateY(1rem);transition:opacity .35s, transform .35s;}
.mg_box:hover .more, .mg_box:focus-visible .more {opacity:1;transform:none;}
.mg_story {background:var(--green);}
.mg_about {background:var(--cream);color:var(--green);}
.mg_about .bg {position:absolute;inset:0;}
.mg_about .bg img {width:100%;height:100%;object-fit:cover;opacity:.4;transition:transform 1.2s;}
.mg_about:hover .bg img {transform:scale(1.04);}
.mg_about > *:not(.bg) {position:relative;}
.mg_about .ds {color:var(--green);}
.mg_philo {background:var(--olive);}
.mg_philo .lb, .mg_philo h3, .mg_philo .ds {opacity:.85;}
.mg_philo .ds {position:absolute;left:8rem;right:8rem;bottom:5.6rem;margin:0;max-width:70rem;}
.mg_philo .more {display:none;}
.mg_split {display:grid;grid-template-columns:1fr 1fr;}
.mg_sq {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48.2rem;padding:4rem 2rem;text-align:center;color:#fff;background:#000;overflow:hidden;}
.mg_sq img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s, transform 1.2s;}
.mg_sq.bi img {opacity:.25;}
.mg_sq.hi img {opacity:.45;}
.mg_sq:hover img {transform:scale(1.05);opacity:.55;}
.mg_sq > *:not(img) {position:relative;}
.mg_sq strong {font-size:3.5rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1;}
.mg_sq p {margin-top:2rem;font-size:1.6rem;font-weight:400;line-height:1.5;}
.mg_sq .v {margin-top:2.4rem;font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
.mg_sq .v i {display:inline-block;margin-left:.4rem;transition:transform .3s;}
.mg_sq:hover .v i {transform:translateX(.4rem);}
@media only screen and (max-width:1279px) {
	.mg_box {padding:6rem 5rem;}
	.mg_box .m_more, .mg_box .more {right:5rem;bottom:5rem;}
	.mg_box .more {left:5rem;}
	.mg_philo .ds {left:5rem;right:5rem;bottom:5rem;}
}
@media only screen and (max-width:1023px) {
	.mg {grid-template-columns:1fr;}
	.mg_box {min-height:38rem;}
	.mg_sq {min-height:32rem;}
	.mg_box h3 {font-size:3.2rem;}
	.mg_box .more {display:none;}
}
@media only screen and (max-width:600px) {
	.mg_box {padding:4.8rem 2.4rem 9rem;min-height:0;}
	.mg_box .m_more {right:2.4rem;bottom:4rem;}
	.mg_philo {padding-bottom:4.8rem;}
	.mg_philo .ds {position:static;margin-top:3.2rem;}
	.mg_box .ds {font-size:1.6rem;}
	.mg_split {grid-template-columns:1fr;}
	.mg_sq {min-height:26rem;}
	.mg_sq strong {font-size:3rem;}
}

/* 4. 지속가능성 (큰 문구 + 주방 낙서 배경 + 카드 2) */
.msu {position:relative;padding:15rem 0 0;min-height:94.3rem;background:#fff;overflow:hidden;}
.msu:before {content:"";position:absolute;left:.6rem;bottom:-4.4rem;width:94.1rem;height:94.4rem;background:url(/_/rPMwdi0qG6HnPTiPLT_Mtq82tcV08dVwdI2wAMlNsD6o_4ueoKZvGPE) no-repeat left bottom/contain;opacity:.5;pointer-events:none;}
.msu_in {position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:6rem;}
.msu_head .m_kicker {font-size:1.6rem;}
.msu_head .m_disp {margin-top:4rem;font-size:9rem;line-height:1.11;}
.msu_cards {display:flex;flex-direction:column;gap:2.4rem;width:51.3rem;margin-right:7rem;padding-top:0;}
.msu_card {position:relative;display:block;height:20.8rem;padding:4rem 4.2rem;border-radius:.6rem;color:#fff;overflow:hidden;transition:transform .35s;}
.msu_card.c1 {background:var(--green);}
.msu_card.c2 {background:var(--olive);}
.msu_card:hover {transform:translateY(-.6rem);}
.msu_card strong {display:block;font-size:2rem;font-weight:600;line-height:1.2;}
.msu_card p {margin-top:4.8rem;font-size:1.6rem;font-weight:400;line-height:1.6;}
.msu_card .ar {position:absolute;right:4.2rem;top:4rem;font-size:2rem;transition:transform .3s;}
.msu_card:hover .ar {transform:translateX(.4rem);}
.msu_card .ico {position:absolute;right:4.2rem;bottom:3.6rem;width:8.4rem;height:auto;opacity:.7;transition:transform .6s;}
.msu_card.c2 .ico {width:9.1rem;opacity:.35;}
.msu_card:hover .ico {transform:rotate(-8deg);}
@media only screen and (max-width:1279px) {.msu_head .m_disp {font-size:7rem;} .msu_cards {margin-right:0;width:46rem;}}
@media only screen and (max-width:1023px) {
	.msu {padding:10rem 0 12rem;min-height:0;}
	.msu:before {width:60rem;height:60rem;}
	.msu_in {flex-direction:column;}
	.msu_head .m_disp {font-size:5.6rem;margin-top:2.4rem;}
	.msu_cards {width:100%;}
}
@media only screen and (max-width:480px) {.msu_head .m_disp {font-size:4.4rem;} .msu_card {height:auto;min-height:18rem;padding:3.2rem 2.8rem;} .msu_card .ar {right:2.8rem;top:3.2rem;} .msu_card .ico {right:2.8rem;bottom:2.8rem;width:6.4rem;}}

/* 5. 공지 · 제품 리뷰 (선으로 나눈 2단 목록) */
.mn {border-top:1px solid var(--line);}
.mn_in {display:grid;grid-template-columns:1fr 1fr;}
.mn_col {padding:6.6rem 0 6.6rem;}
.mn_col:first-child {padding-right:5rem;border-right:1px solid var(--line);}
.mn_col:last-child {padding-left:5rem;}
.mn_head {display:flex;align-items:center;justify-content:space-between;margin-bottom:3.2rem;}
.mn_head h2 {font-size:2.5rem;font-weight:700;color:var(--ink);text-transform:uppercase;}
.mn_head a {display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;color:var(--olive);font-size:2rem;transition:transform .3s;}
.mn_head a:hover {transform:translate(.3rem, -.3rem);}
.mn_list li a {position:relative;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.15rem 0 1.15rem 2rem;font-size:1.6rem;font-weight:500;color:var(--ink);letter-spacing:-.02em;}
.mn_list li a:before {content:"";position:absolute;left:0;top:50%;width:.6rem;height:.6rem;margin-top:-.3rem;border-radius:50%;background:var(--green);}
.mn_list li a span {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s;}
.mn_list li a:hover span {color:var(--olive);text-decoration:underline;text-underline-offset:.4rem;}
.mn_list li a time {flex-shrink:0;color:var(--gray);font-size:1.6rem;}
.mn_empty {padding:2rem 0;color:var(--gray);font-size:1.5rem;}
@media only screen and (max-width:1023px) {
	.mn_in {grid-template-columns:1fr;}
	.mn_col {padding:5.6rem 0;}
	.mn_col:first-child {padding-right:0;border-right:0;border-bottom:1px solid var(--line);}
	.mn_col:last-child {padding-left:0;}
}
@media only screen and (max-width:480px) {.mn_list li a {font-size:1.5rem;} .mn_list li a time {font-size:1.3rem;}}

/* -------------------------------------------------------------------------
   서브 : 크림 비주얼(타원 사진) + 하위메뉴 탭
   ------------------------------------------------------------------------- */
.e_subvisual {position:relative;background:var(--cream);overflow:hidden;}
.e_subvisual .sv_in {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:42rem;gap:4rem;}
.e_subvisual .sv_txt {position:relative;z-index:1;padding:4rem 0;}
.e_subvisual .path {display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;font-size:1.4rem;font-weight:500;color:var(--gray);}
.e_subvisual .path a {color:inherit;}
.e_subvisual .path a:hover {color:var(--green);}
.e_subvisual .path i {font-size:1.4rem;}
.e_subvisual .path span[aria-current] {color:var(--green);font-weight:600;}
.e_subvisual .tit {margin-top:2.4rem;font-size:8rem;font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--green);text-transform:uppercase;}
.e_subvisual .sv_desc {margin-top:2.4rem;font-size:1.8rem;font-weight:300;color:var(--ink);}
.e_subvisual .sv_ph {position:relative;flex-shrink:0;width:30rem;height:36rem;margin-right:8rem;}
.e_subvisual .sv_ph .ph {position:absolute;inset:0;border-radius:50%;overflow:hidden;}
.e_subvisual .sv_ph .ph img {width:100%;height:100%;object-fit:cover;opacity:.85;}
.e_subvisual .sv_ph svg {position:absolute;left:-3rem;top:-1rem;width:36rem;height:38rem;animation:bnRing 30s linear infinite;}
.e_subvisual .sv_ph ellipse {fill:none;stroke:var(--olive);stroke-width:1.2;}
.e_snb {position:sticky;top:var(--head-h);z-index:50;background:#fff;border-bottom:1px solid var(--line);}
.e_snb #snb_menu {width:min(calc(100% - var(--gut)), var(--wrap));margin:0 auto;}
.e_snb #snb_menu ul {display:flex;flex-wrap:nowrap;gap:0 4.8rem;overflow-x:auto;scrollbar-width:none;}
.e_snb #snb_menu ul::-webkit-scrollbar {display:none;}
.e_snb #snb_menu ul li {flex:0 0 auto;padding:0;}
.e_snb #snb_menu ul li::after {display:none;}
.e_snb #snb_menu ul li a {position:relative;display:flex;align-items:center;height:6.4rem;font-size:1.6rem;font-weight:600;color:var(--gray);white-space:nowrap;text-transform:uppercase;letter-spacing:.01em;transition:color .25s;}
.e_snb #snb_menu ul li a:after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--olive);transform:scaleX(0);transition:transform .3s;}
.e_snb #snb_menu ul li a:hover {color:var(--green);}
.e_snb #snb_menu ul li.on a {color:var(--green);}
.e_snb #snb_menu ul li.on a:after {transform:scaleX(1);}
.e_snb #snb_menu ul li a strong {font-weight:inherit;}
.e_page_head {padding:9rem 0 0;}
.e_page_head h3 {font-size:5.2rem;font-weight:700;color:var(--green);letter-spacing:-.03em;line-height:1.1;}
.fs_content .con_header {display:none;}
.con_body {padding:6rem 0 16rem;}
.con_body > .wrap {width:min(calc(100% - var(--gut)), var(--wrap));margin:0 auto;}
@media only screen and (max-width:1023px) {
	.e_subvisual .sv_in {min-height:0;}
	.e_subvisual .sv_txt {padding:6rem 0 5rem;}
	.e_subvisual .tit {font-size:5.2rem;}
	.e_subvisual .sv_ph {width:20rem;height:24rem;margin-right:2rem;}
	.e_subvisual .sv_ph svg {left:-2rem;top:-.6rem;width:24rem;height:25.4rem;}
	.e_snb #snb_menu ul {gap:0 3.2rem;}
	.e_snb #snb_menu ul li a {height:5.4rem;font-size:1.45rem;}
	.e_page_head {padding-top:6rem;}
	.e_page_head h3 {font-size:3.6rem;}
	.con_body {padding:4.8rem 0 10rem;}
}
@media only screen and (max-width:600px) {
	.e_subvisual .sv_ph {display:none;}
	.e_subvisual .tit {font-size:4.4rem;}
	.e_subvisual .sv_desc {font-size:1.6rem;}
}

/* -------------------------------------------------------------------------
   콘텐츠 컴포넌트 (c_)
   ------------------------------------------------------------------------- */
.c_sec + .c_sec {margin-top:14rem;}
.c_sec.full {padding:12rem 0;background:var(--cream);}
.c_sec.dark {padding:12rem 0;background:var(--green);color:rgba(255,255,255,.8);}
.c_sec.dark .m_h2, .c_sec.dark .m_h3 {color:#fff;}
.c_sec.dark .m_p {color:rgba(255,255,255,.78);}
.c_sec.dark .m_kicker {color:#b9cf86;}
.c_title {margin-bottom:5.6rem;}
.c_title.center {text-align:center;}
.c_title .m_h2, .c_title .m_h3 {margin-top:1.6rem;}
.c_title .m_p {margin-top:2.4rem;max-width:84rem;}
.c_title.center .m_p {margin-left:auto;margin-right:auto;}
.c_title.row {display:flex;justify-content:space-between;align-items:flex-end;gap:4rem;}
.c_title.row .m_p {margin-top:0;max-width:62rem;}
@media only screen and (max-width:1023px) {.c_sec + .c_sec {margin-top:9rem;} .c_sec.full, .c_sec.dark {padding:8rem 0;} .c_title {margin-bottom:3.6rem;} .c_title.row {flex-direction:column;align-items:flex-start;gap:2rem;}}

/* 대표 문장 (브랜드 스토리) */
.c_lead {display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;}
.c_lead h4 {font-size:6.4rem;font-weight:800;line-height:1.08;letter-spacing:-.035em;color:var(--green);text-transform:uppercase;}
.c_lead h4 em {font-style:normal;color:var(--olive);}
.c_lead .body {padding-top:1rem;}
.c_lead .body .m_p:first-child {font-size:2.2rem;font-weight:400;color:var(--ink);line-height:1.6;}
.c_lead .sign {display:flex;align-items:center;gap:1.6rem;margin-top:4rem;padding-top:2.4rem;border-top:1px solid var(--line);font-size:1.5rem;font-weight:600;color:var(--green);}
.c_lead .sign .bn_logo {font-size:2.4rem;}
@media only screen and (max-width:1023px) {.c_lead {grid-template-columns:1fr;gap:3.6rem;} .c_lead h4 {font-size:4.4rem;} .c_lead .body .m_p:first-child {font-size:1.9rem;}}
@media only screen and (max-width:480px) {.c_lead h4 {font-size:3.4rem;}}

/* 큰 사진 */
.c_photo {position:relative;overflow:hidden;}
.c_photo img {width:100%;height:auto;display:block;}
.c_photo.wide img {height:64rem;object-fit:cover;}
.c_photo figcaption {margin-top:1.2rem;font-size:1.4rem;color:var(--gray);}
.c_photo.oval {border-radius:50%;}
@media only screen and (max-width:1023px) {.c_photo.wide img {height:36rem;}}

/* 2단 : 사진 + 글 */
.c_split {display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center;}
.c_split.rev .c_split_ph {order:2;}
.c_split_ph img {width:100%;height:56rem;object-fit:cover;display:block;}
.c_split_ph.oval {aspect-ratio:5/6;border-radius:50%;overflow:hidden;max-width:50rem;margin:0 auto;}
.c_split_ph.oval img {height:100%;}
.c_split .m_h3 {margin:1.6rem 0 2.4rem;}
@media only screen and (max-width:1023px) {.c_split {grid-template-columns:1fr;gap:3.6rem;} .c_split.rev .c_split_ph {order:0;} .c_split_ph img {height:36rem;}}

/* 대비 2단 (Polished / Familiar, 기존 플라스틱 / PBAT) : 카드 대신 굵은 선 + 세로 구분선 */
.c_pair {display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--green);}
.c_pair > div {padding:4.8rem 5.6rem 5.6rem 0;}
.c_pair > div + div {padding:4.8rem 0 5.6rem 5.6rem;border-left:1px solid var(--line);}
.c_pair .no {display:block;font-size:1.4rem;font-weight:600;color:var(--olive);text-transform:uppercase;}
.c_pair h5 {margin-top:1.2rem;font-size:4.4rem;font-weight:800;letter-spacing:-.03em;color:var(--green);text-transform:uppercase;line-height:1.05;}
.c_pair .m_p {margin-top:2.4rem;}
.c_pair ul {margin-top:2.4rem;border-top:1px solid var(--line);}
.c_pair li {position:relative;padding:1.5rem 0 1.5rem 2.4rem;border-bottom:1px solid var(--line2);font-size:1.6rem;line-height:1.6;color:var(--text);}
.c_pair li:before {content:"";position:absolute;left:0;top:2.5rem;width:1rem;height:1px;background:var(--olive);}
.c_pair .muted h5 {color:var(--khaki);}
.c_pair .muted li:before {background:var(--khaki);}
.c_sec.full .c_pair > div + div {border-left-color:rgba(35,57,53,.15);}
@media only screen and (max-width:767px) {.c_pair {grid-template-columns:1fr;} .c_pair > div, .c_pair > div + div {padding:3.6rem 0;border-left:0;} .c_pair > div + div {border-top:1px solid var(--line);} .c_pair h5 {font-size:3.2rem;}}

/* BIO + ON + ME 워드마크 분해 */
.c_naming {display:grid;grid-template-columns:repeat(3, 1fr);border-top:2px solid var(--green);border-bottom:1px solid var(--line);}
.c_naming > div {padding:5.6rem 4rem 4.8rem;}
.c_naming > div + div {border-left:1px solid var(--line);}
.c_naming b {display:block;font-size:12rem;font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--green);}
.c_naming > div:nth-child(2) b {color:var(--olive);}
.c_naming > div:nth-child(3) b {color:var(--khaki);}
.c_naming strong {display:block;margin-top:3.2rem;font-size:2rem;font-weight:700;color:var(--ink);}
.c_naming p {margin-top:1rem;font-size:1.6rem;font-weight:300;line-height:1.6;}
.c_naming_note {margin-top:2rem;font-size:1.4rem;color:var(--gray);}
@media only screen and (max-width:1023px) {.c_naming b {font-size:8rem;} .c_naming > div {padding:4rem 2.4rem;}}
@media only screen and (max-width:767px) {.c_naming {grid-template-columns:1fr;} .c_naming > div + div {border-left:0;border-top:1px solid var(--line);}}

/* 워드마크 표시 */
.c_mark {display:flex;align-items:center;justify-content:center;min-height:36rem;background:var(--cream);}
.c_mark .bn_logo {font-size:14rem;}
.c_mark.dark {background:var(--green);}
.c_mark_grid {display:grid;grid-template-columns:2fr 1fr;gap:2rem;}
.c_mark_grid .c_mark.dark .bn_logo {font-size:7rem;}
@media only screen and (max-width:767px) {.c_mark {min-height:22rem;} .c_mark .bn_logo {font-size:7.2rem;} .c_mark_grid {grid-template-columns:1fr;} .c_mark_grid .c_mark.dark .bn_logo {font-size:5.6rem;}}

/* 브랜드 컬러 */
.c_colors {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
.c_color .chip {height:24rem;border:1px solid rgba(0,0,0,.06);}
.c_color strong {display:block;margin-top:2rem;font-size:2rem;font-weight:700;color:var(--ink);}
.c_color dl {margin-top:1.2rem;border-top:1px solid var(--line);}
.c_color dl div {display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line2);font-size:1.5rem;}
.c_color dt {font-weight:600;color:var(--green);}
.c_color dd {color:var(--text);font-variant-numeric:tabular-nums;}
@media only screen and (max-width:767px) {.c_colors {grid-template-columns:1fr;} .c_color .chip {height:14rem;}}

/* 연혁 (FS_HISTORY) */
.c_hist {display:grid;grid-template-columns:44rem 1fr;gap:8rem;}
.c_hist_side {position:sticky;top:calc(var(--head-h) + 10rem);align-self:start;}
.c_hist_side .ph {aspect-ratio:5/6;border-radius:50%;overflow:hidden;}
.c_hist_side .ph img {width:100%;height:100%;object-fit:cover;}
.c_hist_side p {margin-top:3.2rem;font-size:1.8rem;font-weight:300;line-height:1.7;}
.c_hist_list {border-top:2px solid var(--green);}
.c_hist_yr {display:grid;grid-template-columns:20rem 1fr;gap:4rem;padding:4.8rem 0;border-bottom:1px solid var(--line);}
.c_hist_yr > strong {font-size:6.4rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--green);}
.c_hist_yr li {display:grid;grid-template-columns:8rem 1fr;gap:2rem;padding:1.4rem 0;font-size:1.8rem;line-height:1.6;color:var(--ink);}
.c_hist_yr li + li {border-top:1px solid var(--line2);}
.c_hist_yr li b {font-weight:700;color:var(--olive);}
.c_hist_note {margin-top:2.4rem;font-size:1.4rem;color:var(--gray);}
@media only screen and (max-width:1023px) {.c_hist {grid-template-columns:1fr;gap:4rem;} .c_hist_side {position:static;display:grid;grid-template-columns:20rem 1fr;gap:3rem;align-items:center;} .c_hist_side p {margin:0;} .c_hist_yr {grid-template-columns:1fr;gap:1.6rem;} .c_hist_yr > strong {font-size:4.4rem;}}
@media only screen and (max-width:600px) {.c_hist_side {grid-template-columns:1fr;} .c_hist_side .ph {max-width:22rem;} .c_hist_yr li {grid-template-columns:5rem 1fr;font-size:1.6rem;}}

/* 번호 가치 목록 (About POWERWRAP) */
.c_values {display:grid;grid-template-columns:repeat(3, 1fr);border-top:2px solid var(--green);}
.c_values li {padding:4rem 4rem 4.4rem 0;border-bottom:1px solid var(--line);}
.c_values li:not(:nth-child(3n+1)) {padding-left:4rem;border-left:1px solid var(--line);}
.c_values .no {font-size:1.4rem;font-weight:600;color:var(--olive);}
.c_values strong {display:block;margin-top:1.6rem;font-size:2.4rem;font-weight:700;color:var(--green);letter-spacing:-.02em;}
.c_values p {margin-top:1.2rem;font-size:1.6rem;font-weight:300;line-height:1.65;}
@media only screen and (max-width:1023px) {.c_values {grid-template-columns:1fr 1fr;} .c_values li:not(:nth-child(3n+1)) {padding-left:0;border-left:0;} .c_values li:nth-child(even) {padding-left:3rem;border-left:1px solid var(--line);}}
@media only screen and (max-width:600px) {.c_values {grid-template-columns:1fr;} .c_values li, .c_values li:nth-child(even) {padding:3.2rem 0;border-left:0;}}

/* 정보 표 (항목 | 내용) */
.c_info {border-top:2px solid var(--green);}
.c_info div {display:grid;grid-template-columns:22rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line);font-size:1.7rem;}
.c_info dt {font-weight:700;color:var(--green);}
.c_info dd {color:var(--ink);}
.c_info dd a {color:inherit;text-decoration:underline;text-underline-offset:.4rem;}
@media only screen and (max-width:600px) {.c_info div {grid-template-columns:1fr;gap:.4rem;font-size:1.6rem;}}

/* 띠 배너 (파워랩 바로가기 등) */
.c_band {display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:6rem 6.4rem;background:var(--green);color:#fff;}
.c_band h5 {font-size:3.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;}
.c_band p {margin-top:1.2rem;font-size:1.7rem;font-weight:300;color:rgba(255,255,255,.8);}
.c_band .m_go {background:#fff;color:var(--green);border-color:#fff;}
.c_band .m_go:hover {background:var(--olive);color:#fff;border-color:var(--olive);}
.c_band.olive {background:var(--olive);}
.c_band.cream {background:var(--cream);color:var(--green);}
.c_band.cream p {color:var(--text);}
.c_band.cream .m_go {background:var(--green);color:#fff;border-color:var(--green);}
@media only screen and (max-width:1023px) {.c_band {flex-direction:column;align-items:flex-start;padding:4.8rem 3.2rem;} .c_band h5 {font-size:2.6rem;}}

/* 제품 준비중 */
.c_prod {display:grid;grid-template-columns:1.1fr 1fr;gap:8rem;align-items:center;}
.c_prod_ph {position:relative;background:var(--cream);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.c_prod_ph img {width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(.3);}
.c_prod_ph .soon {position:absolute;inset:auto 0 0 0;padding:2rem 2.4rem;background:var(--green);color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.c_prod_body .m_kicker {margin-bottom:1.6rem;}
.c_prod_body .m_h2 {text-transform:uppercase;}
.c_prod_body .m_p {margin-top:2.4rem;}
.c_prod_body dl {margin-top:4rem;border-top:1px solid var(--green);}
.c_prod_body dl div {display:grid;grid-template-columns:16rem 1fr;padding:1.6rem 0;border-bottom:1px solid var(--line);font-size:1.6rem;}
.c_prod_body dt {font-weight:700;color:var(--green);}
.c_prod_body dd {color:var(--gray);}
.c_prod_body .m_btns {margin-top:4rem;}
.c_prod_top {display:flex;justify-content:flex-end;margin-bottom:4rem;}
.c_prod_bottom {display:flex;justify-content:center;margin-top:8rem;padding-top:6rem;border-top:1px solid var(--line);}
@media only screen and (max-width:1023px) {.c_prod {grid-template-columns:1fr;gap:4rem;} .c_prod_top {justify-content:flex-start;}}

/* 생애주기 4단계 (Life Cycle) */
.c_cycle {display:grid;grid-template-columns:repeat(4, 1fr);gap:0;border-top:2px solid var(--green);}
.c_cycle li {position:relative;padding:3.2rem 3.2rem 4rem 0;}
.c_cycle li + li {padding-left:3.2rem;border-left:1px solid var(--line);}
.c_cycle .no {display:flex;align-items:baseline;justify-content:space-between;font-size:1.5rem;font-weight:700;color:var(--olive);letter-spacing:.04em;}
.c_cycle .no b {font-size:5.6rem;font-weight:800;color:var(--green);letter-spacing:-.04em;line-height:1;}
.c_cycle .ph {margin-top:2.4rem;aspect-ratio:4/5;border-radius:50%;overflow:hidden;}
.c_cycle .ph img {width:100%;height:100%;object-fit:cover;transition:transform 1s;}
.c_cycle li:hover .ph img {transform:scale(1.05);}
.c_cycle strong {display:block;margin-top:2.8rem;font-size:2.2rem;font-weight:700;color:var(--green);text-transform:uppercase;}
.c_cycle p {margin-top:1.2rem;font-size:1.6rem;font-weight:300;line-height:1.65;}
.c_cycle li:not(:last-child):after {content:"\ea6e";position:absolute;right:-1.3rem;top:12rem;z-index:1;width:2.6rem;height:2.6rem;line-height:2.6rem;text-align:center;background:#fff;font-family:"remixicon";font-size:1.8rem;color:var(--olive);}
@media only screen and (max-width:1023px) {.c_cycle {grid-template-columns:1fr 1fr;} .c_cycle li:nth-child(3) {padding-left:0;border-left:0;} .c_cycle li:nth-child(n+3) {border-top:1px solid var(--line);} .c_cycle li:after {display:none;}}
@media only screen and (max-width:600px) {.c_cycle {grid-template-columns:1fr;} .c_cycle li, .c_cycle li + li {padding:3.2rem 0;border-left:0;} .c_cycle li + li {border-top:1px solid var(--line);} .c_cycle .ph {max-width:26rem;}}

/* 안내 목록 (조건·주의) */
.c_guide {border-top:2px solid var(--green);}
.c_guide li {display:grid;grid-template-columns:28rem 1fr;gap:3rem;padding:3rem 0;border-bottom:1px solid var(--line);}
.c_guide li strong {font-size:2rem;font-weight:700;color:var(--green);}
.c_guide li p {font-size:1.7rem;font-weight:300;line-height:1.7;color:var(--text);}
.c_guide li p + p {margin-top:.8rem;}
@media only screen and (max-width:767px) {.c_guide li {grid-template-columns:1fr;gap:1rem;}}

/* 확인 중 자료 (근거 자료 표) */
.c_doc {width:100%;border-collapse:collapse;border-top:2px solid var(--green);font-size:1.6rem;}
.c_doc th, .c_doc td {padding:2rem 2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6;}
.c_doc thead th {background:var(--cream);font-weight:700;color:var(--green);font-size:1.5rem;text-transform:uppercase;}
.c_doc tbody th {width:26rem;font-weight:700;color:var(--ink);}
.c_doc .st {display:inline-block;padding:.3rem 1rem;border:1px solid var(--khaki);color:var(--khaki);font-size:1.3rem;font-weight:600;white-space:nowrap;}
@media only screen and (max-width:767px) {.c_doc thead {display:none;} .c_doc tr {display:block;padding:2rem 0;border-bottom:1px solid var(--line);} .c_doc th, .c_doc td {display:block;width:auto !important;padding:.4rem 0;border:0;}}

/* 안내 문구 */
.c_note {margin-top:3.2rem;padding:2.4rem 2.8rem;background:var(--cream);font-size:1.5rem;line-height:1.7;color:var(--text);}
.c_note b {color:var(--green);}

/* 흐르는 문구 */
.c_marquee {overflow:hidden;padding:4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;}
.c_marquee .track {display:inline-flex;gap:6rem;animation:bnMarq 40s linear infinite;}
.c_marquee span {font-size:6.4rem;font-weight:800;letter-spacing:-.03em;color:var(--green);text-transform:uppercase;}
.c_marquee span em {font-style:normal;color:var(--olive);}
.c_marquee span:after {content:"";display:inline-block;width:3.2rem;height:3.8rem;margin-left:6rem;border:1.5px solid var(--olive);border-radius:50%;vertical-align:middle;}
@keyframes bnMarq {to {transform:translateX(-50%);}}
@media only screen and (max-width:767px) {.c_marquee span {font-size:3.6rem;}}

/* 패키지 사진 묶음 */
.c_gallery {display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;}
.c_gallery figure {margin:0;}
.c_gallery img {width:100%;height:100%;object-fit:cover;display:block;}
.c_gallery .g1 {grid-row:span 2;}
.c_gallery .g1 img {height:72rem;}
.c_gallery .g2 img, .c_gallery .g3 img {height:35rem;}
.c_gallery figcaption {margin-top:1rem;font-size:1.4rem;color:var(--gray);}
@media only screen and (max-width:767px) {.c_gallery {grid-template-columns:1fr;} .c_gallery .g1 img {height:40rem;} .c_gallery .g2 img, .c_gallery .g3 img {height:26rem;}}

/* 토스트 */
.e_toast {position:fixed;left:50%;bottom:4rem;z-index:700;transform:translate(-50%, 1.6rem);padding:1.4rem 2.4rem;background:var(--green);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s, transform .3s;pointer-events:none;}
.e_toast.on {opacity:1;transform:translate(-50%, 0);}

/* -------------------------------------------------------------------------
   게시판 (CMS 스킨 재색)
   ------------------------------------------------------------------------- */
.fs_content .board_table thead th {background:var(--cream);color:var(--green);font-weight:700;border-top:2px solid var(--green);}
.fs_content .board_table td.tit a:hover {color:var(--olive);}
.fs_content .board_table tr.noti td {background:#fbf8ef;}
.fs_content .board_table tr.noti .num span {display:inline-block;padding:.2rem .8rem;background:var(--green);color:#fff;font-size:1.2rem;font-weight:600;}
.fs_content .sch_top .search_box .btn_sch, .fs_content .btn-primary, .fs_content .btn_bace.btn-primary {background:var(--green) !important;border-color:var(--green) !important;}
.fs_content .pagination_box a:hover, .fs_content .pagination_box .active a, .fs_content .pagination_box strong {color:var(--olive);}
.fs_content .faq_box .faq_cont dt {border-bottom:1px solid var(--line);}
.fs_content .faq_box .faq_cont dt:first-child {border-top:2px solid var(--green);}
.fs_content .faq_box .faq_cont dt em {color:var(--olive);font-weight:800;}
.fs_content .faq_box .faq_cont dt.on a.question p {color:var(--green);font-weight:700;}
.fs_content .faq_box .faq_cont dd {background:var(--cream);}
.fs_content .faq_box .faq_cont dd em {color:var(--green);font-weight:800;}

/* 문의 폼 (Contact Us) */
.c_form_wrap {display:grid;grid-template-columns:40rem 1fr;gap:8rem;}
.c_form_side h4 {font-size:3.4rem;font-weight:700;color:var(--green);line-height:1.2;letter-spacing:-.02em;}
.c_form_side .m_p {margin-top:2rem;}
.c_form_side .c_info {margin-top:4rem;}
.c_form_side .c_info div {grid-template-columns:9rem 1fr;font-size:1.5rem;padding:1.4rem 0;}
.c_form .req {color:var(--olive);font-weight:700;}
.c_form .guide {margin-bottom:1.6rem;font-size:1.4rem;color:var(--gray);text-align:right;}
.c_form .row {display:grid;grid-template-columns:18rem 1fr;gap:2rem;align-items:center;padding:1.8rem 0;border-bottom:1px solid var(--line);}
.c_form .row:first-of-type {border-top:2px solid var(--green);}
.c_form .row.top {align-items:start;}
.c_form .row > label, .c_form .row > .lb {font-size:1.6rem;font-weight:700;color:var(--green);}
.c_form input[type=text], .c_form input[type=email], .c_form input[type=tel], .c_form textarea {width:100%;height:5.2rem;padding:0 1.6rem;border:1px solid var(--line);background:#fff;font-size:1.6rem;color:var(--ink);border-radius:0;transition:border-color .2s;}
.c_form textarea {height:22rem;padding:1.4rem 1.6rem;line-height:1.6;resize:vertical;}
.c_form input:focus, .c_form textarea:focus {border-color:var(--green);outline:0;}
.c_form .types {display:flex;flex-wrap:wrap;gap:1rem;}
.c_form .types label {position:relative;cursor:pointer;}
.c_form .types input {position:absolute;opacity:0;}
.c_form .types span {display:inline-flex;align-items:center;height:4.6rem;padding:0 2.4rem;border:1px solid var(--line);font-size:1.5rem;font-weight:600;color:var(--text);transition:all .2s;}
.c_form .types input:checked + span {background:var(--green);border-color:var(--green);color:#fff;}
.c_form .types input:focus-visible + span {outline:2px solid var(--olive);outline-offset:2px;}
.c_form .cap {display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;}
.c_form .cap img {height:5.2rem;width:auto;border:1px solid var(--line);}
.c_form .cap input {max-width:18rem;}
.c_form .cap p {width:100%;font-size:1.4rem;color:var(--gray);}
.c_form .agree_box {margin-top:4rem;}
.c_form .agree_box .policy {max-height:22rem;overflow-y:auto;padding:2.4rem 2.8rem;background:var(--cream);font-size:1.4rem;line-height:1.75;color:var(--text);}
.c_form .agree_box .policy h5 {font-size:1.6rem;font-weight:700;color:var(--green);margin-bottom:1rem;}
.c_form .agree_box .policy dt {margin-top:1.2rem;font-weight:700;color:var(--ink);}
.c_form .agree_box label {display:flex;align-items:center;gap:1rem;margin-top:1.6rem;font-size:1.6rem;font-weight:600;color:var(--ink);cursor:pointer;}
.c_form .agree_box input {width:2rem;height:2rem;accent-color:var(--green);}
.c_form .err {margin-top:.6rem;color:#b5452c;font-size:1.4rem;}
.c_form .btns {display:flex;justify-content:center;gap:1rem;margin-top:5rem;}
@media only screen and (max-width:1023px) {.c_form_wrap {grid-template-columns:1fr;gap:4.8rem;}}
@media only screen and (max-width:600px) {.c_form .row {grid-template-columns:1fr;gap:1rem;}}

/* -------------------------------------------------------------------------
   푸터 (PSD : 크림 바탕, 로고 · 정책 링크 · 연락처 · 올리브 원형 TOP)
   ------------------------------------------------------------------------- */
.e_footer {position:relative;background:var(--cream);color:var(--gray);}
.e_footer .f_in {position:relative;display:flex;gap:8.2rem;padding:9.4rem 0 9rem;}
.e_footer .f_logo .bn_logo {font-size:3.6rem;}
.e_footer .f_links {display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;font-size:1.4rem;}
.e_footer .f_links a {font-weight:600;color:var(--ink);}
.e_footer .f_links a:hover {color:var(--olive);}
.e_footer .f_links i {width:1px;height:1.1rem;background:#c8c1ad;}
.e_footer .f_info {margin-top:2.4rem;font-style:normal;font-size:1.4rem;line-height:1.75;color:var(--gray);}
.e_footer .f_info b {font-weight:700;color:var(--ink);margin-right:.4rem;}
.e_footer .f_info a {color:inherit;}
.e_footer .f_info .sep {display:inline-block;margin:0 1.2rem;color:#c8c1ad;}
.e_footer .f_sns {display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2rem;font-size:1.4rem;}
.e_footer .f_sns a {display:inline-flex;align-items:center;gap:.6rem;font-weight:600;color:var(--green);}
.e_footer .f_sns a:hover {color:var(--olive);}
.e_footer .f_sns i {font-size:1.7rem;}
.e_footer .copyright {margin-top:2.4rem;font-size:1.4rem;color:var(--gray);}
.e_footer .copyright strong {font-weight:700;color:var(--ink);}
.e_top {position:absolute;right:0;top:9.4rem;display:flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;border-radius:50%;background:var(--olive);color:#fff;font-size:2.6rem;transition:background .25s, transform .3s;}
.e_top:hover {background:var(--green);transform:translateY(-.4rem);}
@media only screen and (max-width:1023px) {
	.e_footer .f_in {flex-direction:column;gap:3rem;padding:6rem 0 7rem;}
	.e_top {top:5.6rem;width:5.6rem;height:5.6rem;font-size:2.2rem;}
	.e_footer .f_info .sep {display:none;}
	.e_footer .f_info span {display:block;}
}

/* -------------------------------------------------------------------------
   사이트맵 · 정책
   ------------------------------------------------------------------------- */
.e_sitemap {display:grid;grid-template-columns:repeat(5, 1fr);gap:4rem;}
.e_sitemap h5 {padding-bottom:1.6rem;margin-bottom:.8rem;border-bottom:2px solid var(--green);font-size:2.2rem;font-weight:800;color:var(--green);text-transform:uppercase;}
.e_sitemap li a {display:block;padding:1.2rem 0;border-bottom:1px solid var(--line2);font-size:1.6rem;font-weight:500;color:var(--ink);}
.e_sitemap li a:hover {color:var(--olive);}
@media only screen and (max-width:1199px) {.e_sitemap {grid-template-columns:repeat(3, 1fr);}}
@media only screen and (max-width:600px) {.e_sitemap {grid-template-columns:1fr 1fr;gap:3rem 2rem;}}
.fs_content > .e_policy {width:min(calc(100% - 4rem), 110rem);margin:0 auto;padding:6rem 0 14rem;}
.e_policy {color:var(--text);font-size:1.6rem;line-height:1.85;}
.e_policy .pol_head {padding-bottom:3.2rem;margin-bottom:4rem;border-bottom:2px solid var(--green);}
.e_policy .pol_head h4 {font-size:3.4rem;font-weight:700;color:var(--green);}
.e_policy .pol_lead {margin-top:2rem;padding:2.4rem 2.8rem;background:var(--cream);}
.e_policy .pol_sec {padding:3.2rem 0;border-bottom:1px solid var(--line2);}
.e_policy .pol_sec:last-of-type {border-bottom:0;}
.e_policy h5 {margin-bottom:1.2rem;font-size:1.9rem;font-weight:700;color:var(--ink);}
.e_policy ul {margin-top:1rem;}
.e_policy ul li {position:relative;padding-left:1.6rem;}
.e_policy ul li:before {content:"";position:absolute;left:0;top:1.4rem;width:.6rem;height:1px;background:var(--olive);}
.e_policy p + p {margin-top:.8rem;}
.e_policy .pol_date {margin-top:4rem;padding-top:1.8rem;border-top:1px solid var(--line);font-size:1.5rem;font-weight:600;color:var(--ink);text-align:right;}

@media (prefers-reduced-motion: reduce) {
	*, *:before, *:after {animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}