:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{width:100%;min-width:320px;min-height:100vh;margin:0;display:block;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{color:#27374d;background-color:#f1f0e4;font-family:Noto Sans KR,sans-serif;font-size:1rem;line-height:1.6}.container{background-color:#fff;width:100%;max-width:1200px;margin:0 auto}#header{background-color:#dde6ed;padding:1.5rem 1rem}.logo-box{align-items:flex-start;gap:.625rem;display:flex}.logo{width:auto;height:4rem;margin:0;padding-top:.5rem}.nav-content h1{margin:0;font-size:4rem}.nav-content p{color:#526d82;margin-top:.5rem;padding-left:4.5rem;font-size:1.1rem;font-weight:700}.main-layout{flex-direction:column;gap:1rem;padding:0 1rem 0 0;display:flex}#left-sidebar img{width:100%;height:auto}#blank1{text-align:center;padding:1rem 2rem;font-size:3rem}#slide-name{text-align:center;color:#fff;background-color:#526d82;border-radius:.625rem;margin:0 10rem 1rem;padding:.5rem 1.8rem;font-size:1.2rem;font-weight:700}.slider-container{width:100%;height:auto;position:relative;overflow:hidden}.slider{transition:transform .5s ease-in-out;display:flex}.slide{background-color:#9db2bf;min-width:100%;max-width:700px;padding:1vh;line-height:1.6}.slide h2{text-align:center;margin-bottom:1rem;font-size:1.7rem}.slide ul{padding:0;list-style:none}.slide li{margin:.5rem 0;padding-left:3rem;font-size:1.2rem}button.prev,button.next{color:#dde6ed;cursor:pointer;background-color:#9db2bf;border:none;padding:.5rem;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}button.prev{left:.5rem}button.next{right:.5rem}.right-sidebars{flex-direction:column;gap:1rem;display:flex}.right-sidebar{text-align:center;background-color:#fff9af;border-radius:1rem;padding:1rem;font-size:1rem}#blank2{text-align:center;background-color:#fff;padding:2.5rem 2rem;font-size:6rem}.right-sidebar img{max-width:100px;height:auto;margin-bottom:.5rem}#blank3{text-align:center;background-color:#27374d;border-radius:50%;margin:20px 10%;padding:.1rem;font-size:.5rem}#info{text-align:left;margin:20px 9%;padding:.1rem;font-size:1.2rem}.mbox{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.box{cursor:pointer;background-color:#dde6ed;border:1px solid #526d82;justify-content:left;align-items:center;width:200px;height:100px;margin:10px;font-size:1rem;display:inline-flex}.box img{width:auto;height:100%;padding:.3rem}#postarea{margin-left:2%}#postans{margin-top:0}#posttitle{cursor:pointer;background-color:#dde6ed;border:1px solid #526d82;width:30%;padding:10px;font-size:1.1rem}#postcon{cursor:pointer;background-color:#dde6ed;border:1px solid #526d82;width:80%;height:100px;padding:10px;font-size:1rem}#submitBtn{cursor:pointer;background-color:#dde6ed;border:none;padding:6px 12px;font-size:1rem}#posts{font-size:.9rem}#footer{color:#fff;text-align:center;background-color:#27374d;margin-top:0;padding:1rem}@media (min-width:900px){.main-layout{flex-direction:row;align-items:flex-start;width:100%}#left-sidebar{width:20%}.content{flex:1;padding:0 1rem}.right-sidebars{width:25%}#slide-name{margin-bottom:1rem;position:relative;left:0;transform:none}.slider-container{height:auto}.slide{padding:1.5rem 0;line-height:3}.slide h2{font-size:1.3rem}.slide li{font-size:1rem}button.prev,button.next{padding:.4rem;font-size:1.5rem}}@media (max-width:899px){body{width:100%;overflow-x:hidden}.container{width:100%}.nav-content h1{text-align:center;font-size:2.2rem}.nav-content p{text-align:center;padding-left:0;font-size:1rem}#left-sidebar{display:none}#slide-name{margin:1rem 3rem;font-size:1.3rem}.slider-container{justify-content:center;width:100%;display:flex;overflow:hidden}.slider{width:100%;min-width:100%;transition:transform .5s ease-in-out;display:flex}.slide{flex-shrink:0;width:100%;max-width:700px;margin:0 auto}.slide h2{font-size:1.3rem}.slide li{padding:0 2rem;font-size:.9rem}#blank2{display:none}.right-sidebars{flex-direction:column;align-items:center;display:flex}.right-sidebar{flex-direction:column;align-items:center;width:95%;margin:0 auto;padding:.8rem;display:flex}.logo-box{flex-direction:column;align-items:center}.logo{height:3rem}.mbox{flex-direction:column;align-items:center}.box{width:95%;height:auto;padding:1rem;font-size:1rem}.box img{width:auto;height:4rem}#footer{padding:.8rem;font-size:.9rem}}@media (prefers-color-scheme:dark){.main-layout{background-color:#121212}body{color:#e0e0e0;background-color:#121212}.container{background-color:#1e1e1e}#header{background-color:#2c3e50}.nav-content p{color:#b0bec5}.box{color:#eceff1;background-color:#2c3e50;border-color:#90a4ae}#slide-name{color:#eceff1;background-color:#37474f}.slide h2,.slide li{color:#000}#blank2{background-color:#121212;border:none}.right-sidebar{color:#000;background-color:#fff9af}#posttitle{color:#000;font-size:1.1rem}#postcon{color:#000;font-size:1rem}#submitBtn{background-color:#2c3e50}}