.footer{margin-top:48px;padding:24px 16px;background:#fff;border-top:1px solid #eaeaea;font-size:13px;color:#666}.footerInner{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;gap:24px}.footerLeft{flex:1;min-width:220px}.footerTitle{display:block;font-size:14px;font-weight:600;color:#222;margin-bottom:6px}.footerDesc{font-size:12.5px;line-height:1.6;color:#777}.footerRight{text-align:right}.footerLinks{list-style:none;padding:0;margin:0 0 8px}.footerLinks li{margin-bottom:4px;font-size:12.5px}.footerLink{display:inline-block;background:none;border:none;padding:0;margin:0;font-size:12.5px;color:#555;cursor:pointer;text-decoration:none}.footerLink:hover{color:#000}.footerCopy{font-size:12px;color:#999}@media (max-width: 640px){.footerInner{flex-direction:column;text-align:left}.footerRight{text-align:left}}:root{--bg: #f3f5fa;--surface: #ffffff;--surface-soft: #f7f9fc;--border: #e5e8f0;--border-strong: #d6dae6;--text: #10141f;--muted: #5c6577;--muted-2: #8a92a3;--primary: #3b6ef5;--primary-press: #2f5ae0;--primary-weak: #eaf0ff;--accent: #1c47c9;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(16, 20, 31, .04), 0 8px 24px rgba(16, 20, 31, .06);--font: "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbarInner{max-width:720px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.brandLogo{width:30px;height:30px;flex-shrink:0;object-fit:contain}.topbar .brandTitle{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.nav{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:auto;padding:2px}.nav::-webkit-scrollbar{display:none}.navItem{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.navItem:hover{background:var(--surface-soft);color:var(--text)}.navItem.active{background:var(--primary);border-color:var(--primary);color:#fff}.navItem:focus-visible{outline:none;box-shadow:0 0 0 3px #3b6ef54d}.main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:32px 20px 56px}.splash{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.splashCard{width:min(460px,92vw);padding:36px 28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.brandDot{width:16px;height:16px;border-radius:999px;margin:0 auto 14px;background:var(--primary);box-shadow:0 0 0 6px #3b6ef529}.splashCard .brandTitle{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.brandSub{margin-top:8px;font-size:13px;color:var(--muted)}.loader{width:44px;height:44px;border-radius:999px;margin:22px auto 0;border:3px solid var(--border-strong);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{display:flex;flex-direction:column;gap:22px}.pageTitle{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.pageDesc{margin:0;font-size:15px;color:var(--muted);line-height:1.55}.card{padding:28px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width: 680px){.grid2{grid-template-columns:1fr}.card{padding:22px 18px}}.field{display:flex;flex-direction:column;gap:10px}.fieldTop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.fieldLabel{font-size:15px;font-weight:700;color:var(--text)}.fieldHint{font-size:12px;color:var(--muted-2)}.input{width:100%;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);outline:none;font-size:17px;font-weight:600;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--muted-2);font-weight:500}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b6ef529}select.input,select.select,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}select::-ms-expand{display:none}.actions{display:flex;gap:12px;margin:56px 0 4px}.btn{padding:15px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:17px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b6ef54d}.btnPrimary{flex:1;background:var(--primary);color:#fff}.btnPrimary:hover{background:var(--primary-press)}.btnGhost{flex-shrink:0;min-width:96px;background:var(--surface);border-color:var(--border-strong);color:var(--muted)}.btnGhost:hover{background:var(--surface-soft);color:var(--text)}.result{margin-top:24px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border);overflow:hidden}.resultTitle{display:none}.resultHero{padding:30px 22px 28px;text-align:center;background:var(--primary-weak);border-bottom:1px solid var(--border)}.resultHeroLabel{font-size:14px;font-weight:700;color:var(--muted)}.resultHeroValue{margin-top:6px;font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--accent);word-break:keep-all}.resultHeroNote{margin:12px auto 0;max-width:340px;font-size:13px;font-weight:600;line-height:1.55;color:var(--muted);word-break:keep-all}.resultHero.empty{background:var(--surface-soft)}.resultHero.empty .resultHeroValue{color:var(--muted-2);font-size:30px}.resultHero.msg .resultHeroValue{font-size:17px;font-weight:700;color:var(--text);line-height:1.5}.resultList{padding:8px 22px}.resultRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--border)}.resultRow:first-child{border-top:none}.resultRow span{font-size:15px;color:var(--muted)}.resultRow strong{font-size:16px;font-weight:700;color:var(--text);text-align:right;word-break:keep-all}.resultNote{padding:12px 0;font-size:13px;line-height:1.5;color:var(--muted);border-top:1px solid var(--border)}.resultNote:first-child{border-top:none}@media (max-width: 680px){.pageTitle{font-size:23px}.resultHeroValue{font-size:34px}}.dateInputWrap{position:relative;width:100%}.dateTextInput{padding-right:46px}.dateIconBtn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:10px}.dateIconBtn:hover{background:#0000000d;color:var(--text)}.dateHidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:0;bottom:0}.calPop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:268px;padding:12px;border-radius:14px;background:#fff;color:#111;border:1px solid var(--border);box-shadow:0 16px 40px #10141f29}.calHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.calNav{width:30px;height:30px;border:0;background:transparent;color:#444;cursor:pointer;font-size:18px;line-height:1;border-radius:8px}.calNav:hover{background:#0000000f}.calTitleBtn{border:0;background:transparent;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#111;padding:6px 10px;border-radius:8px}.calTitleBtn:hover{background:#0000000f}.calWeek{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.calWeekCell{text-align:center;font-size:12px;font-weight:700;color:#666;padding:4px 0}.calWeekCell.sun{color:#ff4a4a}.calGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calCell{height:32px;border:0;background:transparent;cursor:pointer;border-radius:8px;font-size:13px;font-weight:700;color:#333}.calCell:hover{background:#0000000f}.calCell.out{color:#c9c9c9}.calCell.sun{color:#ff4a4a}.calCell.sat{color:#3b82f6}.calCell.sel{background:var(--primary);color:#fff}.ymSectionTitle{margin:6px 0;font-size:12px;font-weight:800;color:#666}.ymGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.ymCell{height:32px;border:0;background:#0000000a;color:#333;cursor:pointer;border-radius:8px;font-size:13px;font-weight:800}.ymCell:hover{background:#00000014}.ymCell.sel{background:var(--primary);color:#fff}.noticeBox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.noticeList{color:var(--muted)}.contentSection{margin-top:22px;padding:28px 24px;background:#fff;border:1px solid var(--border, #e5e8f0);border-radius:16px;box-shadow:0 1px 2px #10141f0a,0 8px 24px #10141f0f}.contentSection h2{font-size:17px;font-weight:700;margin-bottom:14px;color:#1a1f2b}.contentSection h3{font-size:15px;font-weight:700;margin:24px 0 10px;color:#2a3040}.contentSection p{font-size:14px;line-height:1.8;color:#555;margin-bottom:12px}.contentSection a{color:#2f5fd3;text-decoration:underline}.contentSection a:hover{color:#244aa8}.infoList{margin:0 0 8px;padding-left:18px}.infoList li{font-size:14px;line-height:1.8;color:#555;margin-bottom:8px}.contentMeta{margin:8px 0 0;font-size:12px;color:#666;font-weight:600}.faqList{margin:0;padding-left:0;list-style:none}.faqList li{font-size:14px;line-height:1.75;color:#555;padding:14px 0;border-bottom:1px solid #eee}.faqList li:last-child{border-bottom:none}.faqList strong{color:#222;font-weight:600}
