@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');





.amy-wrap { font-family:"Pretendard",sans-serif; color:#1a1a1a; word-break:keep-all; letter-spacing:-0.02em; }
.amy-wrap * { box-sizing:border-box; }
.amy-wrap img { max-width:100%; display:block; }
.amy-inner { max-width:1160px; margin:0 auto; padding:0 24px; }
.amy-sec { padding:120px 0 ; }
.amy-sec2 { padding:40px 0 120px 0 ; }
.amy-sec-tight { padding:80px 0; }
.amy-sec-gray { background:#f7f6f3; }
.amy-sec-dark { background:#1c2b23; color:#fff; }
.greenttxt { background:#1c2b23; color:#fff; }


:root { --bg: #FFFFFF; --bg2: #fafafa; --deep: #111111; --mid: #444444; --muted: #777777; --line: #E0E0E0;  }

/* ── HERO ── */
.hero { min-height: 94vh; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.hero-left { display: flex; flex-direction: column; justify-content: center; padding: 140px 56px 80px 15%; background: var(--bg); }
.hero-slogan { font-family: "Noto Serif KR", serif; font-size: clamp(52px, 6.5vw, 66px); font-weight: 300; line-height: 1.1; letter-spacing: -0.01em; color: var(--deep); margin-bottom: 28px; }
.hero-sub { font-size: 18px; font-weight: 500; color: var(--muted); text-transform: uppercase; margin-bottom: 20px; }
.hero-title { font-family: var(--serif); font-size: clamp(26px, 3vw, 34px); font-weight: 300; line-height: 1.4; color: var(--deep); letter-spacing: -0.01em; margin-bottom: 34px; }
.hero-pain { display: flex; flex-direction: column; gap: 6px; margin-bottom: 52px; }
.hero-pain p { font-size: 16px; font-weight: 300; color: var(--muted); line-height: 1.4; }
.btn-primary { display: inline-flex; align-items: center; gap: 12px; background: transparent; border: 1px solid var(--deep); color: var(--deep); text-decoration: none; padding: 14px 28px; font-size: 13px; font-weight: 400; letter-spacing: 0.08em; transition: background 0.2s, color 0.2s; align-self: flex-start; }
.btn-primary:hover { background: var(--deep); color: #fff; }
.hero-right { position: relative; overflow: hidden; background: var(--bg2); }
.hero-right .slides { position: absolute; inset: 0; }
.hero-right .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.4s ease; background-size: cover; background-position: center; }
.hero-right .slide.active { opacity: 1; }
.slide-1 { background: url('/page_KR0/13_sub/images/hero1.jpg') no-repeat 50% 0; background-size: cover; }
.slide-2 { background: url('/page_KR0/13_sub/images/hero2.jpg') no-repeat 50% 0; background-size: cover; }
.hero-right-overlay { position: absolute; inset: 0; z-index: 1; }
.hero-watermark { position: absolute; bottom: 48px; right: 40px; z-index: 2; font-family: var(--serif); font-size: clamp(56px, 8vw, 112px); font-weight: 300; color: rgba(255,255,255,0.1); line-height: 1; letter-spacing: -0.02em; pointer-events: none; }
.hero-photo-label { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 2; font-size: 10px; letter-spacing: 0.2em; color: rgba(255,255,255,0.35); text-transform: uppercase; white-space: nowrap; }



/* ── WHAT IS ── */
.what-is { position:relative; width:100%; padding:150px 0; background: var(--bg2);  }
.what-left { position:relative; width:100%; max-width:1480px; margin:0 auto;  text-align:center; }
.what-is .sec-title { font-family: var(--serif); font-size: clamp(28px, 3.5vw, 36px); font-weight: 300; line-height: 1.4; color: var(--deep); }
.what-desc { font-size: 15px; font-weight: 300; line-height: 2; color: var(--mid); margin-top: 32px; margin-bottom: 40px; }
.what-quote { font-size: 17px; font-weight: 300; line-height: 1.9; color: var(--mid); padding-top: 14px; }
.what-right { position:relative; width:100%; max-width:1480px; margin:0 auto;   margin-top:50px; display: flex; justify-content: space-between; }
.what-right div { width:49%; border-radius:30px; overflow:hidden; }
.what-right div video { display:block; width:101%; }


.amy-eyebrow { display:inline-block; font-size:14px; font-weight:500; letter-spacing:0.08em; color:#2f5233; text-transform:uppercase; margin-bottom:20px; }
.amy-h1 { font-size:44px; font-weight:700; line-height:1.35; margin-bottom:24px; }
.amy-h2 { font-size:34px; font-weight:700; line-height:1; margin-bottom:10px; text-align:center; }
.amy-h3 { font-size:24px; font-weight:700; line-height:1.5; margin-bottom:12px; }
.amy-lead { font-size:18px; line-height:1.75; color:#4a4a4a; }
.amy-center { text-align:center; }
.amy-sub { font-size:16px; line-height:1.8; color:#6b6b6b; margin:0 auto 60px; text-align:center; }

.amy-hero { padding:160px 0 100px; background:#fff; }
.amy-hero-questions { max-width:720px; margin:0 auto 40px; }
.amy-hero-questions li { font-size:19px; line-height:1.8; color:#3d3d3d; padding-left:28px; position:relative; margin-bottom:10px; }
.amy-hero-questions li::before { content:"Q"; position:absolute; left:0; top:2px; font-weight:700; color:#2f5233; font-size:14px; }
.amy-hero-title { text-align:center; }
.amy-hero-title .amy-h1 { font-size:48px; }
.amy-hero-tag { font-size:19px; color:#6b6b6b; text-align:center; margin-bottom:48px; }
.amy-cta { display:inline-flex; align-items:center; justify-content:center; height:58px; padding:0 40px; background:#2f5233; color:#fff; font-size:16px; font-weight:700; border-radius:100px; text-decoration:none; transition:background .2s ease; }
.amy-cta:hover { background:#1c2b23; color:#fff; font-weight:700; }
.amy-cta-wrap { text-align:center; margin-top:8px; }

.amy-media { border-radius:20px; overflow:hidden; background:#eee; }
.amy-media video, .amy-media img { width:100%; height:100%; object-fit:cover; }
.amy-media-cap { text-align:center; font-size:14px; color:#8a8a8a; margin-top:14px; }

.amy-video-block { margin-top:48px; padding-top:48px; border-top:1px solid #e5e5e5; }
.amy-video-label { text-align:center; font-size:16px; font-weight:700; color:#2f5233; margin-bottom:24px; }
.amy-video-frame { aspect-ratio:16/9; border:1px solid #e0ded8; box-shadow:0 8px 30px rgba(0,0,0,0.06); }

.amy-slider-nav { display:flex; justify-content:flex-end; gap:10px; margin-bottom:16px; }
.amy-slider-btn { width:44px; height:44px; border-radius:50%; border:none; background:#fafafa; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#333; padding:0; }
.amy-slider-btn:hover { background:#f2f2f2; }
.amy-slider-btn svg { width:18px; height:18px; }
.amy-slider-stage { position:relative; border-radius:20px; overflow:hidden; aspect-ratio:4/3; background:#eee; }
.amy-slider-slide { position:absolute; inset:0; opacity:0; transition:opacity .4s ease; }
.amy-slider-slide.is-active { opacity:1; z-index:1; }
.amy-slider-slide img { width:100%; height:100%; object-fit:cover; }

.amy-desc-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.amy-desc-grid .amy-lead { margin-bottom:0; }
.amy-desc-grid strong { color:#2f5233; font-weight:700; }

.amy-photo-single { max-width:520px; margin:0 auto; }

.amy-compare { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:56px; }
.amy-compare-card { padding:40px 36px; border-radius:20px; }
.amy-compare-no { background:#fbf1f1; border:1px solid #f0dcdc; }
.amy-compare-yes { background:#eef4ee; border:1px solid #d9e8d9; }
.amy-compare-card .amy-tag { display:inline-block; font-size:13px; font-weight:700; padding:6px 14px; border-radius:100px; margin-bottom:18px; }
.amy-compare-no .amy-tag { background:#e6b8b8; color:#7a2b2b; }
.amy-compare-yes .amy-tag { background:#bcd9bc; color:#204020; }
.amy-compare-card ul li { font-size:16px; line-height:1.8; color:#3d3d3d; padding-left:20px; position:relative; margin-bottom:6px; }
.amy-compare-card ul li::before { content:"–"; position:absolute; left:0; color:#999; }

.amy-step { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-bottom:120px; }
.amy-step:last-child { margin-bottom:0; }
.amy-step-rev .amy-step-media { order:2; }
.amy-step-rev .amy-step-text { order:1; }
.amy-step-num { font-size:15px; font-weight:700; color:#2f5233; letter-spacing:0.1em; margin-bottom:16px; display:block; }
.amy-step-text p { font-size:17px; line-height:1.85; color:#4a4a4a; margin-bottom:20px; }
.amy-step-text ul li { font-size:16px; line-height:1.9; color:#3d3d3d; padding-left:22px; position:relative; margin-bottom:6px; }
.amy-step-text ul li::before { content:"✓"; position:absolute; left:0; color:#2f5233; font-weight:700; }
.amy-step-media-triple { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.amy-step-media-triple .amy-media { border-radius:14px; aspect-ratio:1/1; }
.amy-step-flow-cap { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:14px; text-align:center; font-size:13px; color:#8a8a8a; }
.amy-step-icon { width:64px; height:64px; border-radius:50%; background:#eef4ee; display:flex; align-items:center; justify-content:center; margin-bottom:20px; font-size:26px; }

.amy-case-tabs { display:flex; justify-content:center; gap:12px; margin-bottom:40px; }
.amy-case-tab { padding:12px 28px; border-radius:100px; border:1px solid #ddd; background:#fff; font-size:15px; font-weight:500; color:#6b6b6b; cursor:pointer; }
.amy-case-tab.is-active { background:#2f5233; border-color:#2f5233; color:#fff; font-weight:700; }
.amy-case-group { display:none; }
.amy-case-group.is-active { display:block; }
.amy-case-row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.amy-case-cell { text-align:center; }
.amy-case-cell .amy-media { aspect-ratio:3/4; border-radius:16px; margin-bottom:12px; }
.amy-case-cell span { font-size:14px; color:#6b6b6b; }

.sub13_02 { position:relative; width:90%; max-width:1020px; margin:0 auto; display:flex; justify-content: space-between; }
.sub13_02 ul { position:relative; width:49%; overflow:hidden; }
.sub13_02 ul li.vod { width:100%; border-radius:14px; overflow:hidden; }
.sub13_02 ul li.vod video { display:block; width:100%; }
.sub13_02 ul li.txt { width:100%; text-align:center; margin-top:20px; font-size:19px; font-weight:400; color:#6b6b6b; }


.amy-faq-list { max-width:820px; margin:0 auto; }
.amy-faq-item { border-bottom:1px solid #e5e5e5; }
.amy-faq-q { display:flex; align-items:center; justify-content:space-between; padding:28px 4px; cursor:pointer; font-size:18px; font-weight:700; }
.amy-faq-q::after { content:"+"; font-size:24px; font-weight:400; color:#999; transition:transform .2s ease; }
.amy-faq-item.is-open .amy-faq-q::after { transform:rotate(45deg); }
.amy-faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.amy-faq-a-inner { padding:0 4px 28px; font-size:16px; line-height:1.85; color:#4a4a4a; }

.amy-precare { background:#fff; border:2px solid #2f5233; border-radius:24px; padding:64px; }
.amy-precare-head { text-align:center; margin-bottom:48px; }
.amy-precare-price { display:inline-flex; gap:24px; margin-top:20px; padding:16px 32px; background:#f7f6f3; border-radius:100px; font-size:16px; font-weight:700; }
.amy-precare-price span { color:#2f5233; }
.amy-flow { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.amy-flow-step { text-align:center; position:relative; }
.amy-flow-step-num { width:40px; height:40px; border-radius:50%; background:#2f5233; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; margin:0 auto 14px; }
.amy-flow-step p { font-size:14px; line-height:1.6; color:#3d3d3d; }
.amy-flow-note { margin-top:40px; padding:24px 28px; background:#f7f6f3; border-radius:16px; font-size:15px; line-height:1.8; color:#6b6b6b; }

.amy-sticky-cta { position:fixed; left:0; bottom:0; width:100%; background:#fff; box-shadow:0 -4px 20px rgba(0,0,0,0.08); padding:16px 24px; display:flex; align-items:center; justify-content:center; gap:20px; z-index:500; }
.amy-sticky-cta p { font-size:15px; font-weight:700; color:#1a1a1a; }
.amy-sticky-cta .amy-cta { height:50px; padding:0 32px; font-size:15px; }


.amy-precare-intro { max-width:720px; margin:0 auto; text-align:center; }
.amy-precare-checklist { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:40px 0 32px; }
.amy-precare-check-item { background:#f7f6f3; border-radius:16px; padding:28px 16px; }
.amy-precare-check-num { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#2f5233; color:#fff; font-weight:700; font-size:14px; margin:0 auto 12px; }
.amy-precare-check-item p { font-size:16px; font-weight:700; color:#1a1a1a; }
.amy-precare-intro-foot { font-size:16px; line-height:1.8; color:#6b6b6b; }
.amy-precare-example { border-top:1px solid #e5e5e5; margin-top:56px; padding-top:40px; }
.amy-precare-example-label { text-align:center; font-size:15px; font-weight:700; color:#2f5233; margin-bottom:20px; }
.amy-precare-example-row { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
.amy-precare-example-cell { text-align:center; }
.amy-precare-example-cell .amy-media { aspect-ratio:1/1; border-radius:14px; margin-bottom:10px; }
.amy-precare-example-cell span { font-size:14px; color:#6b6b6b; }

@media screen and (max-width:1024px){
.amy-sec { padding:80px 0; }
.amy-desc-grid { grid-template-columns:1fr; gap:32px; }
.amy-step { grid-template-columns:1fr; gap:32px; margin-bottom:80px; }
.amy-step-rev .amy-step-media { order:1; }
.amy-step-rev .amy-step-text { order:2; }
.amy-flow { grid-template-columns:repeat(3,1fr); row-gap:24px; }
.amy-precare { padding:40px 24px; }
}
@media screen and (max-width:768px){
.amy-h1 { font-size:30px; }
.amy-hero-title .amy-h1 { font-size:32px; }
.amy-h2 { font-size:26px; }
.amy-hero { padding:100px 0 60px; }
.amy-hero-questions li { font-size:16px; }
.amy-compare { grid-template-columns:1fr; }
.amy-case-row { grid-template-columns:repeat(2,1fr); }
.amy-flow { grid-template-columns:repeat(2,1fr); }
.amy-step-media-triple { grid-template-columns:repeat(3,1fr); }
.amy-sticky-cta { flex-direction:column; gap:10px; padding:14px 20px; }
}





.fade-up { opacity:0; transform:translateY(30px); transition:opacity .8s ease, transform .8s ease; }
.fade-up.delay-1 { transition-delay:.15s; }
.fade-up.delay-2 { transition-delay:.3s; }
.fade-up.delay-3 { transition-delay:.45s; }
.fade-up.active { opacity:1; transform:translateY(0); }