@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-1{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-\[30vh\]{height:30vh}.max-w-\[600px\]{max-width:600px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-\[\#0071e3\]{--tw-border-opacity: 1;border-color:rgb(0 113 227 / var(--tw-border-opacity, 1))}.bg-\[\#f5f5f7\]{--tw-bg-opacity: 1;background-color:rgb(245 245 247 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-\[\#0071e3\]{--tw-text-opacity: 1;color:rgb(0 113 227 / var(--tw-text-opacity, 1))}.text-\[\#333333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.opacity-90{opacity:.9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;width:100%;font-family:Pretendard Variable,sans-serif}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;overflow-x:hidden;position:relative;z-index:1;margin:0;padding:0}.app-content{flex:1;width:100%;display:flex;flex-direction:column;position:relative;z-index:1}.grid-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(12,78px);gap:24px}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (max-width: 1919px){.grid-container{grid-template-columns:repeat(12,1fr);max-width:100%;padding:0 24px}}@media (max-width: 768px){.grid-container{gap:16px;padding:0 16px}.col-md-1{grid-column:span 1}.col-md-2{grid-column:span 2}.col-md-3{grid-column:span 3}.col-md-4{grid-column:span 4}.col-md-5{grid-column:span 5}.col-md-6{grid-column:span 6}.col-md-7{grid-column:span 7}.col-md-8{grid-column:span 8}.col-md-9{grid-column:span 9}.col-md-10{grid-column:span 10}.col-md-11{grid-column:span 11}.col-md-12{grid-column:span 12}}@media (max-width: 480px){.grid-container{gap:12px;padding:0 12px}.col-sm-1{grid-column:span 1}.col-sm-2{grid-column:span 2}.col-sm-3{grid-column:span 3}.col-sm-4{grid-column:span 4}.col-sm-5{grid-column:span 5}.col-sm-6{grid-column:span 6}.col-sm-7{grid-column:span 7}.col-sm-8{grid-column:span 8}.col-sm-9{grid-column:span 9}.col-sm-10{grid-column:span 10}.col-sm-11{grid-column:span 11}.col-sm-12{grid-column:span 12}}.app{position:relative;z-index:1}.app-content{position:relative;z-index:100}.title-section,.calendar-container{position:relative;z-index:1}.month-display-wrapper{position:absolute;z-index:2}.year-select{position:relative;z-index:3}.navbar-container{position:relative;z-index:90}.navbar-position-wrapper{position:relative;z-index:91}.dropdown-backdrop{position:absolute;z-index:80}.dropdown-content{position:relative;z-index:81}.overlay-container,.overlay-backdrop{position:fixed;z-index:1000}.overlay-content{position:fixed;z-index:1001}.hamburger-button,.close-button{position:fixed;z-index:1002}.header,.footer{position:relative;z-index:95}.hover\:bg-\[\#0071e3\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 113 227 / var(--tw-bg-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.main-content-background{width:100vw;overflow-x:hidden;background-color:#f5f5f7;min-height:100%;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-bottom:40px;display:flex;flex-direction:column;isolation:isolate}.main-content{max-width:1200px;width:100%;margin:0 auto;padding:0;position:relative;z-index:1}.calendar-container{width:800px;margin:20px auto 0;padding:20px;background-color:#f5f5f7;border-radius:8px;font-family:Pretendard Variable,sans-serif;box-shadow:0 0 10px #0000001a}.calendar-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%;height:30px}.calendar-controls{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.month-display{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;position:absolute;left:50%;transform:translate(-50%);padding:0 20px}.month-display-text{color:#000;font-weight:500;font-size:1.4rem;white-space:nowrap}.year-select{position:absolute;right:0;padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-size:16px;cursor:pointer;min-width:100px;margin-left:auto}.calendar-arrow{position:relative;width:30px;height:30px;background-color:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;padding:0}.calendar-arrow:hover{background-color:#000000b3}.calendar-arrow.left{margin-right:5px}.calendar-arrow.right{margin-left:5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background-color:#ddd;border:1px solid #ddd;width:100%}.weekday{background-color:#f5f5f5;padding:10px;text-align:center;font-weight:700}.calendar-day{background-color:#fff;min-height:100px;padding:5px;position:relative;width:100%;box-sizing:border-box}.day-number{font-size:14px;margin-bottom:5px}.day-number.today{background-color:#000;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.day-events{display:flex;flex-direction:column;gap:2px;width:100%}.event-bar{display:flex;align-items:center;padding:2px 5px;font-size:12px;border-radius:3px;gap:5px;box-sizing:border-box;min-width:0;max-width:100%}.event-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.event-link{display:flex;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1976d2;text-decoration:none}.event-link:hover{text-decoration:underline}.empty{background-color:#f9f9f9}@media (max-width: 768px){.calendar-container{width:calc(100vw - 20px);padding:10px;margin:20px auto 0}.calendar-grid{font-size:12px;gap:1px;border:1px solid #ddd}.weekday{padding:5px}.calendar-day{padding:2px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:60px}.weekday{display:block;font-size:14px}.day-number{font-size:12px}.event-bar{background-color:#e3f2fd;padding:2px 5px;width:100%!important;justify-content:flex-start;font-size:10px}.month-display{max-width:250px}.month-display-text{font-size:1.2rem}.year-select,.nav-buttons{position:static}.calendar-controls{padding:0 10px}.calendar-arrow{width:25px;height:25px;font-size:16px}.calendar-arrow.left{margin-right:2px}.calendar-arrow.right{margin-left:2px}.event-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-events{margin-top:2px}.events-summary{margin-top:15px;padding-top:10px}.event-summary-item{font-size:12px;margin-bottom:6px}}.calendar-arrow.disabled{opacity:.3;cursor:not-allowed}.calendar-arrow.disabled:hover{background-color:#00000080}.event-color-0{background-color:#e3f2fd}.event-color-1{background-color:#f3e5f5}.event-color-2{background-color:#e8f5e9}.event-color-3{background-color:#fff3e0}.event-color-4{background-color:#f1f8e9}.event-color-5{background-color:#e0f7fa}.event-color-6{background-color:#fce4ec}.event-color-7{background-color:#fff8e1}.event-color-8{background-color:#e8eaf6}.event-color-9{background-color:#efebe9}.events-summary{margin-top:20px;padding-top:15px;border-top:1px solid #ddd}.event-summary-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.event-dot{font-size:20px;line-height:1;color:#666}.event-summary-title{font-weight:500}.event-summary-date{color:#666}@media (max-width: 480px){.calendar-container{margin-top:20px}.month-display-text{font-size:1rem}.day-number.today{width:16px;height:16px}}.apply{display:flex;flex-direction:column;justify-content:center;align-items:center;height:30vh;background-color:#f5f5f7}.apply-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;color:#0071e3;background-color:transparent;border:2px solid #0071e3;border-radius:8px;padding:12px 24px;cursor:pointer;transition:all .3s ease}.apply-button:hover{background-color:#0071e3;color:#fff}.apply-info{font-size:20px;font-weight:500;letter-spacing:.8px;color:#333;margin-bottom:24px;padding:0 20px;text-align:center;max-width:600px;line-height:1.4;opacity:.9;text-shadow:0px 1px 2px rgba(0,0,0,.05)}.apply-date{color:#d32f2f;font-weight:700}.footer{position:relative;width:100%;height:100px;background-color:#49454f;z-index:95;display:flex;align-items:center;justify-content:center}.footer:before{content:"";position:absolute;top:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;height:100%;background-color:#49454f;z-index:-1}.footer-content{position:relative;max-width:1200px;margin:0 auto;z-index:1;text-align:center;line-height:1.6;font-size:12px}.footer p{margin:0;opacity:.9;transition:opacity .2s ease}.title-section{width:100vw;height:100%;margin-left:calc(50% - 50vw);background-color:#f5f5f7;position:relative}.title-content{max-width:800px;height:100px;margin:0 auto;padding:10px 0 10px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;line-height:1}.school-title-kr{font-size:24px;font-weight:700;color:#000;margin:0;padding:0}.info-helper{font-size:40px;font-weight:800;color:#c31f1e;margin:0;padding:0;position:relative;z-index:2}.divider{width:100%;height:1px;background-color:#d1d9e0;position:absolute;bottom:0;left:0}.navbar-wrapper{position:absolute;top:0;left:0;width:100%;height:100px}@media (max-width: 768px){.school-title-kr{font-size:20px}.info-helper{font-size:32px}}@media (max-width: 480px){.navbar-wrapper{height:80px}.title-content{flex-direction:column;gap:2px;height:80px}.school-title-kr{font-size:18px}.info-helper{font-size:24px}}.navbar-container{width:100%;position:static;max-width:1200px;margin:10px auto 0;display:flex;justify-content:center;padding:0}.desktop-menu{display:block}.mobile-menu{display:none}.menu{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(70px,80px));gap:20px;padding:0;margin:0 auto;height:100%;align-items:center;justify-content:center;max-width:800px}.menu-item{position:relative;cursor:pointer;padding:10px;font-size:18px;font-weight:500;background-color:#f5f5f7;text-align:center;display:flex;align-items:center;justify-content:center;height:80px;width:80px;white-space:pre-line;color:#000}.menu-item:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#ddd}@media (max-width: 768px){.navbar-container{padding:0;overflow-x:auto;width:100%}.menu{grid-template-columns:repeat(8,minmax(56px,78px));padding:0 12px;gap:8px}.menu-item{font-size:16px;width:100%;min-width:56px;max-width:78px;padding:0;margin:0 auto;display:flex;align-items:center;justify-content:center}.dropdown-content{gap:16px;padding:16px 0}.dropdown-inner{height:70px}.dropdown-backdrop{top:160px}.menu-item:not(:last-child):after{right:-6px;height:16px}}@media (max-width: 480px){.navbar-container{position:absolute;right:0;width:auto;margin:0;padding:16px;height:80px;display:flex;justify-content:flex-end;align-items:center;max-width:80px}.navbar-position-wrapper{position:relative}.desktop-menu{display:none}.mobile-menu{display:block}.hamburger-button{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .3s ease}.hamburger-button span{display:block;width:100%;height:2px;background-color:#000}.hamburger-button.hidden{opacity:0;pointer-events:none}}.navbar-wrapper::-webkit-scrollbar{height:4px}.navbar-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.navbar-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.navbar-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.menu-item.active{color:#007bff}.dropdown-backdrop{position:absolute;top:100px;right:0;width:100vw;height:auto;background-color:#fffffff2;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,0 20px 25px -5px #0000000d;opacity:0;visibility:hidden;transform:translate(-50%,-15px);transition:opacity .3s ease,visibility .3s ease,transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;left:50%;margin-left:0;margin-right:0;animation:slideDown .4s forwards}.dropdown-backdrop.show{opacity:1;visibility:visible;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.dropdown-content{width:-moz-fit-content;width:fit-content;margin:0 auto;display:grid;grid-template-columns:repeat(4,78px);gap:24px;padding:24px 0;justify-content:center}.dropdown-inner{grid-column:5 / 9;padding:0;display:flex;flex-direction:column;justify-content:center;gap:5px;opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s;height:70px}.dropdown-inner a{text-decoration:none;color:#333;font-size:16px;padding:0;transition:color .2s ease;white-space:pre-line;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:100%}.dropdown-inner .icon-wrapper{display:flex;align-items:center;gap:4px;margin-top:2px}.dropdown-inner .icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin:0 2px}.dropdown-inner a:hover{color:#007bff}.dropdown-backdrop.show .dropdown-inner{opacity:1;transform:translateY(0)}.overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.overlay-container.open{opacity:1;visibility:visible;pointer-events:auto}.overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6}.overlay-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:10px 20px}.overlay-menu{list-style:none;padding:0;margin:0;text-align:center;width:100%;max-width:300px}.overlay-item{margin:10px 0;transform:translateY(20px);opacity:0;transition:transform .4s ease,opacity .4s ease}.open .overlay-item{transform:translateY(0);opacity:1}.overlay-item:nth-child(1){transition-delay:.1s}.overlay-item:nth-child(2){transition-delay:.2s}.overlay-item:nth-child(3){transition-delay:.3s}.overlay-item:nth-child(4){transition-delay:.4s}.overlay-link{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-size:20px;font-weight:500;transition:transform .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.overlay-link:hover{transform:scale(1.1)}.close-button{position:absolute;top:30px;right:16px;background:none;border:none;cursor:pointer;width:30px;height:20px;padding:0}.close-button:before,.close-button:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.close-button:hover:before,.close-button:hover:after{background-color:#ddd}.submenu{list-style:none;padding:0;margin:5px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.submenu::-webkit-scrollbar{width:4px}.submenu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.submenu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.submenu::-webkit-scrollbar-thumb:hover{background:#fff6}.submenu-item{opacity:0;transform:translateY(10px);transition:all .3s ease;height:60px}.open .submenu-item{opacity:1;transform:translateY(0)}.submenu-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;color:#fff;text-decoration:none;font-size:16px;background:#ffffff1a;border-radius:8px;transition:background-color .3s ease;height:100%;text-align:center;white-space:pre-line;line-height:1.2}.submenu-link:hover{background:#fff3}.icon-wrapper{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:16px}.icon{width:16px;height:16px}.ot-content-background{width:100vw;background-color:#f5f5f7;min-height:calc(100vh - 180px);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-bottom:40px;isolation:isolate}.ot-content{max-width:1200px;margin:0 auto;padding:0 5px;position:relative;z-index:1}.category-nav{display:flex;gap:10px;margin-bottom:20px;padding:10px 20px;border-bottom:1px solid #ddd;max-width:800px;margin-left:auto;margin-right:auto}.category-btn{padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:20px;transition:all .3s ease;font-size:14px}.category-btn.active{background-color:#007bff;color:#fff}.content-wrapper{display:flex;padding:0 20px;gap:20px;align-items:flex-start;max-width:800px;margin-left:auto;margin-right:auto}.posts-content{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.post-card{cursor:pointer;padding:10px;border:1px solid #eee;border-radius:8px;transition:transform .2s;text-decoration:none;color:inherit}.post-card:hover{transform:translateY(-5px)}.post-card img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.post-card h3{margin:10px 0;font-size:1.1em}.sidebar{width:250px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.sidebar h3{margin-top:0;padding-bottom:5px;border-bottom:2px solid #007bff}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar-item{padding:10px;cursor:pointer;border-radius:4px;transition:background-color .2s;white-space:nowrap}.sidebar-item:hover{background-color:#f0f0f0}.sidebar-item.active{background-color:#e3f2fd;color:#007bff}.post-detail{padding:10px 20px}.post-detail h2{margin-bottom:20px}.post-content img{max-width:100%;height:auto;margin-bottom:0;border-radius:8px}.post-content p{line-height:1.6}@media screen and (max-width: 768px){.content-wrapper{flex-direction:column;padding:0 10px;align-items:stretch}.posts-content,.sidebar{flex-grow:1}.sidebar{display:none}.main-content{padding:5px}.posts-content{padding:15px}.category-nav{padding:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.category-nav::-webkit-scrollbar{height:5px}.category-nav::-webkit-scrollbar-track{background:#ddd}.category-nav::-webkit-scrollbar-thumb{background:#888}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.post-card h3{font-size:16px;margin:8px 0}.post-content p,.sidebar-item{font-size:14px}.post-detail h2{font-size:18px}.category-btn{font-size:14px;white-space:nowrap}}@media screen and (max-width: 480px){.ot-content-background{min-height:calc(100vh - 160px)}}.back-button{padding:8px 16px;margin-bottom:20px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.back-button:hover{background-color:#e0e0e0}.post-detail-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.post-detail-container h1{font-size:24px;margin-bottom:10px}.post-category,.post-date{color:#777;margin-bottom:10px}.post-image{max-width:100%;height:auto;margin-bottom:15px;border-radius:4px}.post-content{line-height:1.6;white-space:pre-wrap}.content-background{width:100vw;background-color:#f5f5f7;min-height:calc(100vh - 260px);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.main-content{max-width:1200px;margin:0 auto;padding:0}