/* 기존 시술 페이지와 같은 섹션 간격을 사용하되 전용 범위 안에서만 적용한다. */
main.edge-reconstruction { --erc-red:#f3424b; color:#191919; background:#fff; font-family:inherit; font-size:18px; line-height:1.7; letter-spacing:0; width:100%; }
/* PC 공통 .right_fix_menu(100px)가 가리는 영역을 본문 폭에서 제외한다. */
@media(min-width:1251px) {
 main.edge-reconstruction.erc-desktop { width:calc(100% - 100px); }
}
.edge-reconstruction *, .edge-reconstruction *::before, .edge-reconstruction *::after { box-sizing:border-box; letter-spacing:0; }
.edge-reconstruction .erc-inner { width:calc(100% - 80px); max-width:1200px; margin:0 auto; }
.edge-reconstruction h1,.edge-reconstruction h2,.edge-reconstruction h3,.edge-reconstruction p,.edge-reconstruction ul,.edge-reconstruction figure { margin:0; padding:0; }
.edge-reconstruction h1 { font-size:56px; font-weight:700; line-height:1.25; margin:18px 0 14px; }
.edge-reconstruction h2 { font-size:36px; font-weight:700; line-height:1.4; text-align:center; word-break:keep-all; overflow-wrap:anywhere; }
.edge-reconstruction h3 { font-size:25px; font-weight:600; line-height:1.5; margin-bottom:20px; word-break:keep-all; }
.edge-reconstruction .erc-kicker { font-size:22px; color:var(--erc-red); line-height:1.4; margin-bottom:12px; text-align:center; }
.edge-reconstruction .erc-hero { background:#eaeaea; text-align:left; }
.edge-reconstruction .erc-hero .erc-inner { position:relative; max-width:1400px; min-height:740px; display:flex; align-items:center; }
.edge-reconstruction .erc-hero-copy { position:relative; z-index:1; width:49%; padding:80px 0 80px 100px; }
.edge-reconstruction .erc-hero .erc-kicker { display:inline-block; text-align:left; border:1px solid var(--erc-red); padding:3px 26px; border-radius:24px 0 24px 24px; font-size:16px; }
.edge-reconstruction .erc-hero h1 { font-size:28px; margin:26px 0 14px; color:#595757; }
.edge-reconstruction .erc-english { color:#171717; font-size:48px; font-weight:800; line-height:1.15; word-break:normal; overflow-wrap:normal; }
.edge-reconstruction .erc-headline { max-width:460px; margin:44px 0 0; color:var(--erc-red); font-size:20px; word-break:keep-all; text-wrap:balance; }
.edge-reconstruction .erc-hero-art { --erc-art-height:695.6px; --erc-brand-size:min(100%, 620px); position:absolute; bottom:0; right:0; height:var(--erc-art-height); width:49%; isolation:isolate; }
.edge-reconstruction .erc-hero-brand { position:absolute; right:0; bottom:5%; width:var(--erc-brand-size); aspect-ratio:1; background:url('../../img/page/treatment_reconstruction/edge-brand-ring.png') center / contain no-repeat, url('../../img/page/treatment_reconstruction/edge-brand-base.png') center / contain no-repeat; }
.edge-reconstruction .erc-hero-brand::after { content:''; position:absolute; right:3%; top:3%; width:12%; aspect-ratio:92 / 20; background:url('../../img/page/treatment_reconstruction/edge-brand-wordmark.png') center / contain no-repeat; }
.edge-reconstruction .erc-hero-model { position:relative; display:block; height:100%; width:100%; object-fit:contain; object-position:right bottom; filter:grayscale(1); }
.edge-reconstruction .erc-hero-color { position:absolute; inset:0; background-size:contain; background-position:right bottom; background-repeat:no-repeat; mask-image:url('../../img/page/treatment_reconstruction/edge-brand-base.png'); mask-mode:alpha; mask-size:var(--erc-brand-size) auto; mask-position:right 0 bottom calc(var(--erc-art-height) * .05); mask-repeat:no-repeat; }
/* 위쪽은 머리가 형태 밖으로 나오고, 아래쪽 띠는 인물 앞으로 지나간다. */
.edge-reconstruction .erc-hero-ring { position:absolute; right:0; bottom:5%; width:var(--erc-brand-size); aspect-ratio:1; background:url('../../img/page/treatment_reconstruction/edge-brand-ring.png') center / contain no-repeat; clip-path:inset(50% 0 0 0); }
@media(min-width:768px) and (max-width:1250px) {
 .edge-reconstruction .erc-hero .erc-inner { min-height:640px; }
 .edge-reconstruction .erc-hero-art { --erc-art-height:601.6px; }
 .edge-reconstruction .erc-hero-copy { padding-left:0; }
 .edge-reconstruction .erc-english { font-size:36px; }
}
.edge-reconstruction .erc-basics { background:#ed3e46; color:#fff; padding:28px 30px 20px; }
.edge-reconstruction .erc-basics ul { list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); max-width:1500px; margin:0 auto; }
.edge-reconstruction .erc-basics li { min-width:0; padding:20px 14px; text-align:center; border-right:1px solid #ffffff60; }
.edge-reconstruction .erc-basics li:last-child { border-right:0; }
.edge-reconstruction .erc-basics img { display:block; width:50px; height:50px; object-fit:contain; margin:0 auto 16px; }
.edge-reconstruction .erc-basics span { display:block; font-size:17px; line-height:1.5; }
.edge-reconstruction .erc-basics li p { margin-top:5px; font-size:22px; font-weight:700; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; text-wrap:balance; }
.edge-reconstruction .erc-basics small { display:block; margin-top:6px; font-size:14px; line-height:1.6; word-break:keep-all; }
.edge-reconstruction #erc-basics-note { max-width:1200px; margin:20px auto 0; font-size:14px; line-height:1.6; text-align:center; word-break:keep-all; }
@media(min-width:1251px) {
 .edge-reconstruction .erc-basics { padding-left:100px; }
}
@media(max-width:1100px) {
 .edge-reconstruction .erc-basics ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .edge-reconstruction .erc-basics li:nth-child(3n) { border-right:0; }
 .edge-reconstruction .erc-basics li:nth-child(-n+3) { border-bottom:1px solid #ffffff60; }
}
.edge-reconstruction .erc-local-nav { background:#fafafa; display:flex; justify-content:center; padding:22px 30px; gap:0; border-bottom:1px solid #e5e5e5; }
.edge-reconstruction .erc-local-nav a { flex:1; max-width:240px; color:#333; font-size:18px; font-weight:600; text-align:center; padding:8px 14px; line-height:1.5; border-right:1px solid #ddd; }
.edge-reconstruction .erc-local-nav a:last-child { border:0; }
.edge-reconstruction a:focus-visible,.edge-reconstruction summary:focus-visible { outline:3px solid #1e6971; outline-offset:4px; }
.edge-reconstruction .erc-section { padding:150px 0; scroll-margin-top:110px; }
.edge-reconstruction .erc-muted { background:#f5f5f5; }
.edge-reconstruction .erc-copy { max-width:1040px; margin-left:auto; margin-right:auto; color:#606060; text-align:center; word-break:keep-all; overflow-wrap:anywhere; }
.edge-reconstruction .erc-lead { margin-top:30px; }
.edge-reconstruction .erc-detail { margin-top:60px; text-align:center; }
.edge-reconstruction .erc-alert { max-width:1040px; margin:45px auto 0; border-left:3px solid var(--erc-red); background:#fff6f6; padding:25px 30px; }
.edge-reconstruction .erc-alert strong { display:block; margin-bottom:10px; }
.edge-reconstruction .erc-checks { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:60px; row-gap:48px; margin-top:60px; }
.edge-reconstruction .erc-checks li { text-align:center; padding:0 15px; }
.edge-reconstruction .erc-check-icon { display:block; width:32px; height:32px; border:3px solid var(--erc-red); border-radius:50%; color:var(--erc-red); font-size:23px; font-weight:700; line-height:26px; margin:0 auto 20px; }
.edge-reconstruction .erc-checks p { font-size:20px; font-weight:600; word-break:keep-all; text-wrap:balance; }
.edge-reconstruction .erc-figure { max-width:1000px; margin:55px auto 0; }
.edge-reconstruction .erc-figure img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.edge-reconstruction .erc-figure figcaption { color:#686868; font-size:15px; text-align:center; max-width:880px; margin:12px auto 0; word-break:keep-all; }
.edge-reconstruction figcaption span { display:block; font-size:13px; margin-top:8px; color:#777; }
.edge-reconstruction .erc-dark { background:#171717; color:#fff; }
.edge-reconstruction .erc-dark .erc-copy { color:#ccc; }
.edge-reconstruction .erc-aftercare { margin-top:25px; }
.edge-reconstruction .erc-faq-list { max-width:1040px; margin:60px auto 0; border-top:2px solid #242424; }
.edge-reconstruction .erc-faq-list details { border-bottom:1px solid #d9d9d9; }
.edge-reconstruction summary { cursor:pointer; }
.edge-reconstruction .erc-faq-list summary { padding:24px 38px 24px 0; font-size:20px; font-weight:600; list-style:none; position:relative; word-break:keep-all; }
.edge-reconstruction summary::-webkit-details-marker { display:none; }
.edge-reconstruction .erc-faq-list summary::after { content:'+'; position:absolute; right:6px; top:23px; color:var(--erc-red); font-size:26px; line-height:1; }
.edge-reconstruction .erc-faq-list details[open] summary::after { content:'−'; }
.edge-reconstruction .erc-faq-list details p { padding:0 30px 26px 0; color:#606060; word-break:keep-all; }
.edge-reconstruction .erc-disclaimer { max-width:1040px; margin:45px auto 0; font-size:15px; color:#707070; }
.edge-reconstruction .erc-related { padding:65px 0; }
.edge-reconstruction .erc-related h2 { font-size:24px; }
.edge-reconstruction .erc-related .erc-inner>div { display:flex; gap:30px; justify-content:center; margin-top:25px; }
.edge-reconstruction .erc-related a { display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid #bbb; padding:12px 0; min-width:180px; color:#222; }
@media(max-width:767px) {
 main.edge-reconstruction { font-size:16px; }
 .edge-reconstruction .erc-inner { width:calc(100% - 40px); }
 .edge-reconstruction .erc-hero .erc-inner { min-height:0; display:block; padding-top:40px; }
 .edge-reconstruction .erc-hero-copy { width:100%; padding:0; }
 .edge-reconstruction .erc-hero .erc-kicker { font-size:14px; }
 .edge-reconstruction .erc-hero h1 { font-size:24px; margin-top:20px; }
 .edge-reconstruction .erc-hero-art { --erc-art-height:340px; --erc-brand-size:90%; position:relative; width:100%; max-width:340px; margin:28px 0 0 auto; }
 .edge-reconstruction h1 { font-size:38px; }
 .edge-reconstruction h2 { font-size:28px; text-wrap:balance; }
 .edge-reconstruction h3 { font-size:21px; text-wrap:balance; }
 .edge-reconstruction .erc-kicker { font-size:18px; }
 .edge-reconstruction .erc-english { font-size:32px; }
 .edge-reconstruction .erc-headline { font-size:16px; margin-top:24px; }
 .edge-reconstruction .erc-basics { padding:12px 16px 20px; }
 .edge-reconstruction .erc-basics ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .edge-reconstruction .erc-basics li { padding:22px 8px; }
 .edge-reconstruction .erc-basics li:nth-child(3n) { border-right:1px solid #ffffff60; }
 .edge-reconstruction .erc-basics li:nth-child(2n) { border-right:0; }
 .edge-reconstruction .erc-basics li:nth-child(-n+4) { border-bottom:1px solid #ffffff60; }
 .edge-reconstruction .erc-basics img { width:42px; height:42px; margin-bottom:12px; }
 .edge-reconstruction .erc-basics span { font-size:14px; }
 .edge-reconstruction .erc-basics li p { font-size:18px; }
 .edge-reconstruction .erc-basics small { font-size:12px; }
 .edge-reconstruction #erc-basics-note { font-size:12px; text-align:left; }
 .edge-reconstruction .erc-section { padding:100px 0; scroll-margin-top:85px; }
 .edge-reconstruction .erc-local-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:14px 10px; row-gap:12px; }
 .edge-reconstruction .erc-local-nav a { font-size:14px; padding:5px 4px; max-width:none; }
 .edge-reconstruction .erc-local-nav a:nth-child(3) { border:0; }
 .edge-reconstruction .erc-copy { text-align:left; }
 .edge-reconstruction .erc-detail { margin-top:40px; text-align:left; }
 .edge-reconstruction .erc-alert { padding:20px; font-size:15px; }
 .edge-reconstruction .erc-checks { grid-template-columns:1fr; margin-top:40px; row-gap:32px; }
 .edge-reconstruction .erc-checks p { font-size:18px; }
 .edge-reconstruction .erc-check-icon { margin-bottom:16px; }
 .edge-reconstruction .erc-figure { margin-top:35px; }
 .edge-reconstruction .erc-figure figcaption { font-size:14px; text-align:left; }
 .edge-reconstruction .erc-faq-list { margin-top:40px; }
 .edge-reconstruction .erc-faq-list summary { font-size:18px; }
 .edge-reconstruction .erc-related .erc-inner>div { flex-direction:column; gap:12px; }
 .edge-reconstruction .erc-related a { min-width:0; }
}