/*
Theme Name: 메랜헬퍼
Theme URI: https://kuul369.mycafe24.com
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: 메이플랜드·메이플플래닛 서비스와 게시판을 관리하는 메랜헬퍼 전용 테마
Version: 1.0.10
Text Domain: maeran-helper
*/
@font-face{font-family:"Pretendard";font-style:normal;font-weight:45 920;font-display:swap;src:url("assets/fonts/PretendardVariable.woff2") format("woff2")}
:root{--ink:#233e32;--muted:#5f6b61;--paper:#fcfaf4;--cream:#f2f0e5;--line:#d9ded2;--accent:#c64b24;--green:#214b38;--font:"Pretendard","Malgun Gothic","Apple SD Gothic Neo",sans-serif;--display:700 clamp(40px,4.5vw,66px)/1.22 var(--font);--page-title:700 clamp(34px,4vw,50px)/1.3 var(--font);--section-title:700 clamp(26px,2.7vw,36px)/1.4 var(--font);--subheading:600 21px/1.5 var(--font);--body:400 16px/1.75 var(--font);--body-small:400 14px/1.7 var(--font);--label:600 14px/1.4 var(--font);--caption:500 12px/1.5 var(--font);--numeric:700 clamp(22px,2.4vw,30px)/1.3 var(--font);--space:96px;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:var(--body);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1{font:var(--page-title);letter-spacing:-.035em}h2{font:var(--section-title);letter-spacing:-.03em}h3,.subheading{font:var(--subheading);letter-spacing:-.02em}p{color:var(--muted)}.display{font:var(--display);letter-spacing:-.04em}.small{font:var(--body-small);color:var(--muted);letter-spacing:0}.numeric{display:block;font:var(--numeric);letter-spacing:-.02em}.eyebrow{font:var(--caption);letter-spacing:.11em;color:var(--muted);margin-bottom:18px}.shell{max-width:1248px;margin:auto;padding-inline:40px}.header{position:sticky;top:0;background:rgba(252,250,244,.97);border-bottom:1px solid var(--line);z-index:20}.admin-bar .header{top:32px}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font:700 25px/1.1 var(--font);letter-spacing:-.05em;flex-shrink:0}.brand-symbol{width:46px;height:46px;flex-shrink:0}.brand-en{display:block;font:500 9px/1.8 var(--font);letter-spacing:.14em;margin-top:4px}.logo{max-width:170px;max-height:64px;object-fit:contain}#navigation{display:flex;align-items:center;gap:32px;font:var(--label);letter-spacing:0}#navigation>a:not(.button){padding-block:18px}#navigation a[aria-current],#navigation>a:hover{color:var(--accent)}.button{display:inline-flex;gap:34px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius);padding:18px 24px;font:var(--label);letter-spacing:0;transition:background .2s,transform .2s;cursor:pointer;flex-shrink:0}.button:hover{background:#a73b19;color:#fff;transform:translateY(-2px)}.button.compact{padding:13px 18px;gap:24px}.button.light{background:#f8f2de;color:var(--ink)}.text-link{font:var(--label);letter-spacing:0;display:inline-flex;gap:10px;align-items:center}.text-link:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid #de8d27;outline-offset:5px}.menu-toggle{display:none}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.hero{background:var(--cream);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;align-items:center;min-height:640px;padding-block:56px}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:.025em}.status-dot{height:7px;width:7px;background:var(--green);border-radius:50%}.hero-description{margin-top:28px;max-width:460px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:36px}.hero-foot{display:flex;gap:18px;margin-top:55px;font:var(--caption);color:var(--muted);letter-spacing:.025em}.hero-foot span+span:before{content:"/";padding-right:18px;color:#a3aea1}.hero-art{position:relative;min-width:0}.hero-art>img{display:block;width:100%;max-height:500px;object-fit:contain}.hero-art .custom-hero{border-radius:var(--radius)}.art-caption{display:flex;justify-content:space-between;gap:18px;font:var(--caption);letter-spacing:.08em;border-top:1px solid #bec9b6;padding-top:18px;margin-top:8px}.section{padding-block:var(--space)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head .eyebrow{margin-bottom:12px}.section-head>p{font:var(--body-small);letter-spacing:0}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:24px}.world{padding:34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:var(--radius);min-height:250px;transition:transform .2s}.world:hover{transform:translateY(-4px)}.world-land{background:#e5ebd9}.world-planet{background:#efe2c9}.world h3{font:var(--section-title);letter-spacing:-.03em;margin:16px 0 8px}.world .text-link{margin-top:30px}.world .eyebrow{font:var(--caption);letter-spacing:.1em}.world-glyph{font:400 100px/1 var(--font);color:#43734c;transform:rotate(-15deg);margin-left:15px}.world-planet .world-glyph{color:#bd6733}.how-section{padding-block:var(--space);background:#edf0e6;border-block:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.how-grid .text-link{margin-top:32px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid #cdd6c8}.steps li:first-child{padding-top:0}.steps li>span{font:var(--caption);letter-spacing:.1em;color:#6e816e;padding-top:6px}.steps p{font:var(--body-small);letter-spacing:0;margin-top:8px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.news-grid .section-head h2{font:var(--subheading);letter-spacing:-.02em}.news-list{border-top:1px solid #8a9c8b}.quiet-empty{font:var(--body-small);letter-spacing:0;min-height:110px;padding:35px 0;border-bottom:1px solid var(--line)}.news-item{display:flex;gap:20px;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font:var(--label);letter-spacing:0}.news-item time{font:var(--caption);color:var(--muted);white-space:nowrap}.contact-banner{background:var(--green);color:#fff;border-radius:var(--radius);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:var(--space);max-width:1168px}.contact-banner p{color:#d9e0d2;max-width:650px;margin-top:15px}.contact-banner .eyebrow{margin-top:0;color:#d0dcb9}.footer{border-top:1px solid var(--line);padding-top:48px;background:#f5f3ea}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px}.footer-top p{font:var(--body-small);letter-spacing:0;margin-top:18px}.footer-links{display:flex;gap:30px;font:var(--label);letter-spacing:0;padding-top:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid var(--line);font:var(--caption);color:var(--muted);letter-spacing:0}.page-main{padding-block:65px 100px;min-height:65vh}.page-heading{max-width:900px;padding-block:20px 48px}.page-heading .eyebrow{margin-bottom:12px}.page-intro{margin-top:22px;max-width:740px}.page-heading time{display:block;margin-top:15px}.game-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);font:var(--label);letter-spacing:0}.game-tabs a{padding:22px 32px;background:#e6ebdc;flex:1;max-width:280px}.game-tabs a:nth-child(2){background:#eee0c7}.game-section{padding-top:52px;scroll-margin-top:20px}.game-section .eyebrow{margin-bottom:8px}.game-section h2{margin-bottom:24px}.empty{padding:42px;background:#f0f1e8;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:26px}.empty p{margin-top:12px}.empty .button{margin-top:25px}.price-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:30px;align-items:center;padding:30px 0;border-block-start:1px solid var(--line)}.price-row p{font:var(--body-small);letter-spacing:0;margin-top:8px}.price-row .numeric{margin-top:8px}.price-list{border-bottom:1px solid var(--line);margin-bottom:30px}.board{border-top:1px solid #889a88}.board-row{display:flex;align-items:center;gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.board-row>div{flex:1}.board-row p{margin-block:8px;font:var(--body-small);letter-spacing:0}.board-thumbnail img{width:100px;height:100px;object-fit:cover;border-radius:4px}.pagination{margin-top:32px;display:flex;gap:20px}.pagination .current{color:var(--accent)}.reading-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:70px;align-items:start}.reading-aside{background:#edf0e5;border:1px solid var(--line);padding:30px;border-radius:var(--radius)}.reading-aside p{margin-top:18px}.reading-aside .button{margin-top:24px}.contact-pending{padding-top:20px;border-top:1px solid #cdd6c8;font:var(--body-small);letter-spacing:0}.prose{font:var(--body);letter-spacing:-.015em}.prose h1{font:var(--page-title);letter-spacing:-.035em}.prose h2{font:var(--section-title);letter-spacing:-.03em}.prose h3,.prose h4{font:var(--subheading);letter-spacing:-.02em}.prose h2,.prose h3,.prose h4{margin:36px 0 20px}.prose>:first-child{margin-top:0}.prose p{margin:16px 0}.prose ul,.prose ol{padding-left:24px}.prose li{padding-left:5px;margin-bottom:22px}.prose img{border-radius:var(--radius);height:auto}.prose a{color:var(--accent);text-decoration:underline}.prose figcaption{font:var(--caption);letter-spacing:0}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{padding:12px;border:1px solid var(--line)}.single-prose{max-width:830px}.single-price{display:flex;align-items:center;gap:24px;background:#edf0e6;padding:30px;margin-bottom:36px;border-radius:var(--radius)}.single-price .button{margin-left:auto}
@media(max-width:1050px){:root{--space:72px}.shell{padding-inline:30px}.header-inner{height:82px}#navigation{gap:20px}.hero-grid{gap:15px;min-height:580px}.hero-art>img{max-height:420px}.world{padding:28px}.world-glyph{font-size:72px}.how-grid{gap:45px}.contact-banner{margin-inline:30px;padding:36px}.reading-layout{gap:35px}.hero-foot{gap:10px}.hero-foot span+span:before{padding-right:10px}}
@media(max-width:780px){:root{--space:56px;--subheading:600 19px/1.5 var(--font)}.shell{padding-inline:22px}.header-inner{height:76px}.admin-bar .header{top:46px}.brand{font-size:22px}.brand-symbol{width:38px;height:38px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid var(--line);border-radius:6px;padding:11px 14px;font:var(--label);color:var(--ink)}#navigation{display:none;position:absolute;top:100%;left:0;width:100%;padding:18px 22px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 18px #233e320b}#navigation.open{display:flex;align-items:stretch;flex-direction:column;gap:0}#navigation>a:not(.button){padding:15px 4px}#navigation .button{margin-top:8px}.hero-grid{grid-template-columns:1fr;padding-block:42px 30px;gap:30px}.hero-description{margin-top:22px}.actions{gap:22px;margin-top:27px}.hero-foot{margin-top:28px;flex-wrap:wrap}.hero-art{max-width:460px;margin:auto;width:100%}.hero-art>img{max-height:345px}.art-caption{padding-top:12px}.section-head{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.section-head .eyebrow{margin-bottom:10px}.worlds{gap:15px}.world{padding:24px;min-height:245px;align-items:flex-start}.world h3{font:var(--subheading);letter-spacing:-.02em}.world-glyph{display:none}.world .text-link{margin-top:24px}.how-grid{grid-template-columns:1fr;gap:35px}.how-grid .text-link{margin-top:24px}.steps li{gap:20px}.news-grid{grid-template-columns:1fr;gap:40px}.news-grid .section-head{flex-direction:row;align-items:center}.contact-banner{margin-inline:22px;padding:30px;display:block}.contact-banner .button{margin-top:28px}.footer-top{display:block}.footer-links{margin-top:28px;gap:24px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin-block:5px}.page-main{padding-block:35px 65px}.page-heading{padding-bottom:34px}.reading-layout{grid-template-columns:1fr;gap:35px}.reading-aside{padding:24px}.game-tabs a{padding:18px}.empty{padding:28px}.price-row{grid-template-columns:1fr;gap:18px}.single-price{flex-wrap:wrap;padding:24px}.single-price .button{margin-left:0}.board-row{gap:15px;align-items:flex-start}.board-row>.text-link{white-space:nowrap}.board-thumbnail img{width:65px;height:65px}.game-section{padding-top:36px}.prose table{display:block;overflow:auto}.hero-copy{max-width:570px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:600px){.worlds{grid-template-columns:1fr}.world{min-height:210px;align-items:center}.world-glyph{display:block;font-size:72px}.world .eyebrow{white-space:nowrap}.admin-bar .header{top:0}}


.price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.price-card{padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:center;min-width:0}.price-card h3{font:var(--subheading)}.price-description{font:var(--body-small);margin:16px 0 24px}.sample-label{font:var(--caption);color:var(--muted);margin-bottom:20px}.price-image img{display:block;max-width:100%;height:auto;margin:auto}.price-image-empty{min-height:200px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted);font:var(--body-small)}.price-image-empty img{margin:0;width:48px;height:48px}.price-lines{margin:28px 0}.price-lines>div{padding:22px 0;border-bottom:1px solid var(--line)}.price-lines dt{font:var(--body)}.price-lines dd{margin:10px 0 0}.price-card>.text-link{display:inline-block;margin-top:10px}@media(max-width:700px){.price-cards{grid-template-columns:1fr}.price-card{padding:26px 22px}}

.home-reviews{padding-bottom:20px}.reviews-banner{position:relative;min-height:290px;background:linear-gradient(90deg,rgba(22,49,35,.92),rgba(22,49,35,.62)),url("assets/mushroom-hero.png") center 45%/cover;color:var(--paper);border-radius:72px 12px 0 0;padding:56px 48px 72px}.reviews-banner h2{font:var(--section-title)}.reviews-banner h2 span{color:#f4a879}.reviews-banner .eyebrow{color:#e3cf9f}.reviews-banner p:not(.eyebrow){margin-top:14px;font:var(--body)}.reviews-more{position:absolute;bottom:0;left:0;width:100%;padding:15px 32px;border-top:1px solid #ffffff55;display:flex;justify-content:space-between;font:var(--label)}.review-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 22px;margin-top:24px}.review-story{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 8px 20px #233e3208;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.review-story h3{font:var(--subheading);margin-bottom:18px}.review-story>p:not(.eyebrow){font:var(--body);color:var(--muted);margin-bottom:28px;overflow-wrap:anywhere}.review-quote{font:var(--display);color:#c64b24;line-height:1;height:45px}.review-story-foot{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;font:var(--caption)}.review-story>.text-link{margin-top:auto}.home-notices{padding-top:52px}@media(max-width:700px){.reviews-banner{padding:38px 24px 76px;border-radius:42px 8px 0 0}.review-showcase{grid-template-columns:1fr;padding:0;gap:18px}.review-story{padding:28px}.reviews-banner h2{word-break:keep-all}}

.home-faq{display:grid;grid-template-columns:.85fr 1.65fr;gap:54px;align-items:start;border-top:1px solid var(--line)}.faq-intro h2{font:var(--section-title)}.faq-intro>p:not(.eyebrow){margin:22px 0;font:var(--body);color:var(--muted)}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.faq-list summary{padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;font:var(--label)}.faq-list summary::-webkit-details-marker{display:none}.faq-number{color:var(--accent);font:var(--caption)}.faq-toggle{margin-left:auto;color:var(--accent);font:var(--subheading)}.faq-list details[open] .faq-toggle{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--green);background:#f0f3ea}.faq-answer{padding:0 24px 24px 56px;font:var(--body-small);color:var(--muted)}.faq-answer p{margin-top:20px}.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}@media(max-width:700px){.home-faq{grid-template-columns:1fr;gap:28px}.faq-list summary{padding:20px 18px;gap:12px}.faq-answer{padding:0 20px 22px}.faq-intro>p:not(.eyebrow){margin:16px 0}}

.faq-number{flex:0 0 20px;white-space:nowrap}.faq-toggle{flex-shrink:0}.reviews-banner p:not(.eyebrow){color:#f3eee2}

.benefit-heading{text-align:center;max-width:850px;margin:0 auto 52px}.benefit-heading h2{font:var(--section-title);word-break:keep-all}.benefit-heading>p:not(.eyebrow){font:var(--body);color:var(--muted);margin-top:22px}.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.highlight-item{text-align:center;padding:12px 30px}.highlight-item+ .highlight-item{border-left:1px solid var(--line)}.highlight-item svg{width:72px;height:72px;color:var(--accent);margin-bottom:24px}.highlight-item h3{font:var(--numeric);margin-bottom:10px}.highlight-item p{font:var(--body-small);color:var(--muted)}.home-features{background:#f2f0e5}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.feature-item{text-align:center;min-width:0}.feature-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 auto 24px;background:#e5eadc;border-radius:28px;color:var(--green)}.feature-item:nth-child(2) .feature-icon{background:#f6dfbb;color:#965923}.feature-item:nth-child(3) .feature-icon{background:#dce8ed;color:#37667e}.feature-item:nth-child(4) .feature-icon{background:#f2dcd3;color:#a74a37}.feature-icon svg{width:58px;height:58px}.feature-item h3{font:var(--subheading);margin-bottom:16px;word-break:keep-all}.feature-item p{font:var(--body-small);color:var(--muted);word-break:keep-all}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}}@media(max-width:600px){.highlight-grid{grid-template-columns:1fr}.highlight-item{padding:28px 12px}.highlight-item+ .highlight-item{border-left:0;border-top:1px solid var(--line)}.highlight-item svg{width:58px;height:58px;margin-bottom:18px}.feature-grid{grid-template-columns:1fr;gap:36px}.feature-item{max-width:380px;margin:auto}.benefit-heading{margin-bottom:28px}.feature-icon{width:82px;height:82px}}

.world-consult{display:flex;justify-content:center;margin-top:30px}.assurance-section{display:grid;grid-template-columns:.9fr 1.5fr;gap:64px}.assurance-heading h2{font:var(--section-title)}.assurance-heading>p:not(.eyebrow){font:var(--body);color:var(--muted);margin-top:22px}.assurance-list article{display:flex;gap:20px;margin-bottom:32px}.assurance-check{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fae8d9;color:var(--accent);font:var(--subheading)}.assurance-list h3{font:var(--subheading);margin-bottom:10px}.assurance-list p{font:var(--body-small);color:var(--muted);word-break:keep-all}.extra-banner{margin-block:24px 70px;background:var(--cream);border-radius:var(--radius);overflow:hidden}.extra-banner img{width:100%;height:auto;display:block}.extra-banner-copy{padding:38px}.extra-banner-copy h2{font:var(--section-title)}.extra-banner-copy p{margin:18px 0;font:var(--body)}@media(max-width:700px){.assurance-section{grid-template-columns:1fr;gap:30px}.assurance-list article{gap:14px}.extra-banner-copy{padding:26px}.world-consult .button{width:100%;justify-content:center}}

.hero-slide[hidden],.hero-controls[hidden]{display:none!important}.hero-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.hero-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:var(--subheading);cursor:pointer}.hero-page{font:var(--caption)}.hero-slider{overflow:hidden}.hero-slide .hero-copy .display{font:var(--display)}

.world-custom-icon{flex:0 0 clamp(64px,8vw,110px);width:clamp(64px,8vw,110px);margin-left:16px;align-self:center}.world-icon-image{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}@media(max-width:700px){.world-custom-icon{flex-basis:64px;width:64px;margin-left:12px}.world-icon-image{max-height:80px}}
