/* 랜딩·조립기·관리 공통. 11/02 인찬 확정 브랜드 A '키키 옐로': 노랑 #FFC83D + 남색 #1B1F3B, 제목 Jua · 본문 Pretendard */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
:root{--크림:#FFF8E6;--크림진:#FDEDC4;--테:#EADFC4;--갈:#1B1F3B;--갈2:#5A5F7A;--노랑:#FFC83D;--노랑테:#E0A800;--포인트:#5B6CFF;--바탕:#FFFCF5;--제목:'Jua','Pretendard',sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--바탕);color:var(--갈);font-family:'Pretendard','Noto Sans KR',system-ui,sans-serif;word-break:keep-all;line-height:1.5}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
a{color:inherit}
.머리{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto;padding:14px 16px}
.상표{font-family:var(--제목);font-weight:400;font-size:24px;text-decoration:none}
h1,h2,h3{font-family:var(--제목);font-weight:400;letter-spacing:-.3px}
.단추{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 20px;border-radius:16px;font-weight:800;font-size:16px;text-decoration:none;border:2px solid transparent}
.단추.주{background:var(--노랑);color:var(--갈);box-shadow:0 4px 0 var(--노랑테)}
.단추.남색{background:var(--갈);color:#fff;box-shadow:0 4px 0 #0B0E22}
.단추.노랑{background:#FFE9A8;border-color:var(--노랑테);box-shadow:0 3px 0 var(--노랑테)}
.단추.크림{background:var(--크림);border-color:var(--테);box-shadow:0 3px 0 var(--테)}
.단추:active{transform:translateY(2px);box-shadow:none}
.단추:focus-visible,button:focus-visible{outline:3px solid var(--포인트);outline-offset:2px}