:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--color-navy: #24388d;--color-light-blue: #7ac4e0;--color-accent: #e4f4fc;--color-black: #000000;--color-text-strong: #222;--color-text-default: #555;--color-text-light: #888;--color-text-white: #fff;--color-bg: #ffffff;--color-bg-light: #f9f9f9;--color-border: #ddd;--btn-radius: 6px;--btn-padding: 10px 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 5px 10px rgba(0, 0, 0, .2);--transition-fast: .2s ease-in-out;--transition-slow: .4s ease-in-out}body *,body *:before,body *:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding-left:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.15}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}iframe,video{width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}em{font-style:normal}.main-slides,.cafe-slides{display:flex;transition:transform .5s ease}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{--color-primary: #1428a0;--color-text: #333;--color-white: #fff;--color-line: #ccc;--color-navy: #24388d;--font-main: "Pretendard", sans-serif;--gap-mobile-row: 2px;--gap-mobile-col: 3px;--gap-desktop: 1.95px;--font-size-sm: .875rem}body{font-family:var(--font-main);color:var(--color-navy);padding:2rem;line-height:1.15;background-color:var(--color-bg-light)}.component-preview{background:var(--color-white);padding:2rem;border-radius:8px;margin-bottom:32px}h1{margin-bottom:16px}.news-wrapper{padding:2rem 0}.tab-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-mobile-row) var(--gap-mobile-col);margin-bottom:1rem}.tab-menu button{padding:1rem;background:var(--color-white);border:none;font-weight:500;cursor:pointer;border:1px solid var(--color-line)}.tab-menu .active{background-color:var(--color-primary);color:var(--color-white)}@media (min-width: 768px){.tab-menu{display:flex;gap:var(--gap-desktop)}.tab-menu button{flex:1}}.search-form{margin-top:1rem}.select-wrapper{position:relative;width:fit-content}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.select-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.select-wrapper .icon-up{display:none}.select-wrapper:has(select:focus) .icon-down{display:none}.select-wrapper:has(select:focus) .icon-up{display:block}.search-form{position:relative}.search-form input{padding:.5rem;font-size:.875rem;border:none;border-bottom:1px solid var(--color-line);flex:1;width:100%;max-width:376px}.btn-search{border:none;background:transparent;width:20px;height:20px;cursor:pointer;padding:0;position:absolute;top:8px;right:30px}@media (min-width: 768px){.search-form{margin-left:auto;justify-content:flex-start;width:400px;gap:.75rem}.search-form input{border:none;border-bottom:1px solid var(--color-line);border-radius:0;padding:.5rem .75rem;flex:none;width:100%;max-width:376px}.btn-search{scale:80%;right:25px;top:10px}}.news-section h2{margin:2rem 0 .5rem;font-size:1rem;font-weight:600}.news-section p{margin-bottom:1rem;font-size:.875rem;color:#666}.news-table{width:100%;border-top:2px solid var(--color-primary);border-collapse:collapse;font-size:.875rem;margin-bottom:2rem}.news-table th,.news-table td{padding:.75rem .5rem;border-bottom:1px solid var(--color-line);text-align:left}.news-table a{text-decoration:none;color:inherit}.nav-desktop{display:none}.nav-desktop a{color:#24388d;text-decoration:none;font-size:15px}.pagination{display:flex;justify-content:center;text-align:center}.list-pagination{display:flex;align-items:center;gap:.25rem;padding:0;margin:0;font-weight:var(--font-weight-bold)}.list-pagination a{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:var(--font-size-sm);text-align:center;text-decoration:none;color:var(--color-text-light)}@media (min-width: 768px){.nav-desktop{display:flex;gap:1rem}}.pagination-prev svg{border-radius:50%}.pagination-nxt svg{transform:rotate(180deg);border-radius:50%}.page-num a:hover{color:var(--color-primary)}.pagination-prev:hover svg,.pagination-nxt:hover svg{border:3px solid var(--color-primary)}