:root{--accent: #ff5100;--accent-dark: #db5d23ee;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--white: #fff;--background-default: #000;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}html{font-size:100%}@media(max-width:720px){html{font-size:80%}}html.smoother-prep #smooth-content{opacity:0;transform:translateZ(0)}html.smoother-ready #smooth-content{opacity:1;transition:opacity .16s ease}*,*:before,*:after{box-sizing:border-box}.react-loading-skeleton{--base-color: rgba(32, 33, 36, .8) !important;--highlight-color: rgba(255, 255, 255, .05) !important}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:100;src:url(/fonts/NotoSans-Thin.woff2) format("woff2"),url(/fonts/NotoSans-Thin.woff) format("woff"),url(/fonts/NotoSans-Thin.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:300;src:url(/fonts/NotoSans-Light.woff2) format("woff2"),url(/fonts/NotoSans-Light.woff) format("woff"),url(/fonts/NotoSans-Light.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:350;src:url(/fonts/NotoSans-DemiLight.woff2) format("woff2"),url(/fonts/NotoSans-DemiLight.woff) format("woff"),url(/fonts/NotoSans-DemiLight.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(/fonts/NotoSans-Regular.woff2) format("woff2"),url(/fonts/NotoSans-Regular.woff) format("woff"),url(/fonts/NotoSans-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:500;src:url(/fonts/NotoSans-Medium.woff2) format("woff2"),url(/fonts/NotoSans-Medium.woff) format("woff"),url(/fonts/NotoSans-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:700;src:url(/fonts/NotoSans-Bold.woff2) format("woff2"),url(/fonts/NotoSans-Bold.woff) format("woff"),url(/fonts/NotoSans-Bold.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:900;src:url(/fonts/NotoSans-Black.woff2) format("woff2"),url(/fonts/NotoSans-Black.woff) format("woff"),url(/fonts/NotoSans-Black.otf) format("opentype");font-display:swap}body{font-family:Noto Sans KR,sans-serif;margin:0;padding:0;text-align:left;background:var(--background-default, #000);background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:var(--white, #fff);font-size:20px;line-height:1.7}main{width:100%;margin:auto;position:relative;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}p{margin-bottom:1em;word-break:keep-all}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media(max-width:720px){body{font-size:18px}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}header{position:fixed;left:50%;transform:translate(-50%);top:0;z-index:var(--z-index-header);height:var(--header-height);transition:.5s ease all;z-index:2000;max-width:1320px;padding-top:2rem;width:100%}header.hide{transform:translate(-50%,-100%)}header .wave{width:100%;height:100%;border:1px solid rgba(255,255,255,.3);position:absolute;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%);animation:headerWave 3s ease-in-out forwards;pointer-events:none}@keyframes headerWave{0%{width:100%;height:100%;opacity:1}to{width:calc(100% + 100px);height:calc(100% + 100px);opacity:0}}h2{margin:0;font-size:1em}h2 a,h2 a.active{text-decoration:none}.logo-wrapper{display:flex;align-items:center;height:100%}.logo-wrapper a{display:flex;align-items:center;height:100%;transition:opacity .3s ease}.logo-wrapper a:hover{opacity:.8}.logo-img{height:40px;width:auto;object-fit:contain;display:block}nav.active{border:none}nav{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:.8rem 2rem;position:relative;border-radius:55rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6rem);backdrop-filter:blur(6rem);background:#202124cc;height:80px}nav a{padding:0 1em;color:var(--white, #fff);border-bottom:4px solid transparent;text-decoration:none;position:relative;width:auto;height:auto;overflow:hidden;line-height:1rem;font-size:1rem}nav .internal-links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;height:100%}nav .internal-links a .char{filter:drop-shadow(0 2rem 0 rgba(255,255,255,1));transition:all .3s ease;overflow:hidden}nav .internal-links a:hover .char{transform:translateY(-2rem)}nav .internal-links a .char:nth-child(1){transition-delay:0}nav .internal-links a .char:nth-child(2){transition-delay:.05s}nav .internal-links a .char:nth-child(3){transition-delay:.1s}nav .internal-links a .char:nth-child(4){transition-delay:.15s}nav .internal-links a .char:nth-child(5){transition-delay:.2s}nav .internal-links a .char:nth-child(6){transition-delay:.25s}nav .internal-links .deco{position:absolute;bottom:0;left:0;transform:translate(var(--left, 0px)) scale(0);width:var(--target-width, 0px);background:linear-gradient(90deg,transparent,#fff 50%,transparent);height:1px;transition:all .5s ease;filter:drop-shadow(2px 0 10px rgba(255,255,255,.7))}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2001}.hamburger .bar{width:100%;height:2px;background-color:#fff;transition:all .3s ease}.mobile-menu,.mobile-menu-overlay{display:none}@media(max-width:768px){header{padding-top:1rem;width:95%}nav{padding-left:1.2rem;height:60px}.logo-img{height:32px}.hamburger{display:flex}nav .internal-links{display:none}.social-links .auth-container{display:none}.mobile-menu{display:flex;position:fixed;top:0;right:0;transform:translate(100%);width:100vw;height:100vh;background:#000;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;transition:transform .4s cubic-bezier(.165,.84,.44,1);z-index:2005;border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #00000080}.mobile-menu.active{transform:translate(0)}.close-menu-btn{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:#fff;cursor:pointer;z-index:2006;padding:.5rem}.mobile-menu a{font-size:1.5rem;margin-bottom:2rem;width:100%;text-align:left;padding:0;opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease;text-decoration:none;color:#fff}.mobile-menu.active a{opacity:1;transform:translate(0)}.auth-container.mobile-auth{margin-top:2rem;flex-wrap:wrap}.auth-container.mobile-auth .auth-btn{color:#fff;padding-left:0}.auth-container.mobile-auth .auth-btn:hover{color:var(--accent);background:transparent}.auth-container.mobile-auth .admin-btn-mobile{color:#ff5100e6}.auth-container.mobile-auth .admin-btn-mobile:hover{color:#ff5100;background:#ff51001a}.contact-btn.mobile-contact-btn{margin-top:1rem;width:100%;justify-content:center;padding:.8em 1.4em;font-size:1rem}.mobile-menu-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(5px);z-index:2004;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}nav.menu-open .hamburger .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}nav.menu-open .hamburger .bar:nth-child(2){opacity:0}nav.menu-open .hamburger .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}nav .internal-links:hover .deco{transform:translate(var(--left, 0px)) scale(1)}.social-links{display:flex;align-items:center;gap:1em}.social-links a{display:flex}.auth-container{display:flex;align-items:center;gap:1rem}.user-avatar-link{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);padding:0!important;transition:transform .2s ease}.user-avatar-link:hover{transform:scale(1.1)}.user-avatar-link img{width:100%;height:100%;object-fit:cover}.auth-btn{display:flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:20px;font-size:.9em;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;background:transparent;color:var(--black)}.auth-btn:hover{background:rgba(var(--gray-light),.5);color:var(--accent)}.auth-btn.logout{color:#ef4444}.auth-btn.logout:hover{background:#fee2e2;color:#dc2626}.login-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;text-decoration:none;transition:all .3s ease;cursor:pointer;padding:0}.login-icon-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.login-icon-btn svg{width:20px;height:20px}.admin-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff51001a;border:1px solid rgba(255,81,0,.2);color:#ff5100e6;text-decoration:none;transition:all .3s ease;cursor:pointer;padding:0}.admin-icon-btn:hover{background:#ff510026;border-color:#ff51004d;color:#ff5100;transform:translateY(-2px)}.admin-icon-btn svg{width:20px;height:20px}.contact-btn{display:flex;align-items:center;justify-content:center;padding:.6em 1.4em;border-radius:25px;font-size:.9em;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);cursor:pointer;background:#ffffff0d;color:#ffffffe6;font-family:inherit;white-space:nowrap}.contact-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media screen and (max-width:768px){.social-links{display:none}}footer{border-top:1px solid rgba(255,255,255,.1);background:var(--background-default, #000);color:rgb(var(--gray))}.footer-container{max-width:1320px;margin:0 auto;padding:4rem 2rem 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column}.footer-brand{max-width:300px}.footer-logo{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#fff;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{font-size:.9rem;line-height:1.6;margin:0 0 1.5rem;color:#fff9}.footer-title{font-size:1rem;font-weight:600;margin:0 0 1.25rem;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li{margin:0;color:#fff9;font-size:.9rem;line-height:1.6}.footer-links a{color:#fff9;text-decoration:none;font-size:.9rem;line-height:1.6;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(4px)}.footer-address,.footer-note{color:#fff9;font-size:.9rem;line-height:1.6;margin-top:.25rem}footer .social-links{display:flex;gap:1rem;margin-top:0}footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;transition:all .3s ease;text-decoration:none}footer .social-links a:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}footer .social-links a svg{width:20px;height:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.footer-copyright{margin:0;font-size:.85rem;color:#ffffff80}.footer-legal{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.footer-legal a{color:#ffffff80;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#fffc}.footer-legal .separator{color:#ffffff4d}.footer-company-info{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#ffffff80;flex:1}.footer-company-info p{margin:0;line-height:1.5}.footer-company-info .company-name,.footer-company-info .company-registration{color:#ffffff80}.footer-company-info .company-website{margin-top:.25rem}.footer-company-info .company-website a{color:#ffffff80;text-decoration:none;transition:color .3s ease}.footer-company-info .company-website a:hover{color:#fffc;text-decoration:underline}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-brand{max-width:100%;grid-column:1 / -1}}@media(max-width:768px){footer{margin-top:2rem}.footer-container{padding:2.5rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem}.footer-brand{grid-column:1;max-width:100%;text-align:center}.footer-logo{font-size:1.3rem;margin-bottom:.75rem}.footer-description{font-size:.875rem;margin-bottom:1.25rem;line-height:1.7}footer .social-links{justify-content:center;gap:.875rem}footer .social-links a{width:44px;height:44px}footer .social-links a svg{width:22px;height:22px}.footer-section{text-align:center}.footer-title{font-size:.8rem;margin-bottom:1rem}.footer-links{gap:.625rem;align-items:center}.footer-links a{font-size:.875rem}.footer-links li{text-align:center}.footer-note{font-size:.8rem;line-height:1.6;text-align:center}.footer-bottom{flex-direction:column;text-align:center;gap:.75rem;padding-top:1.5rem}.footer-copyright{font-size:.8rem;order:2}.footer-legal{justify-content:center;order:1;font-size:.8rem}.footer-company-info{order:3;text-align:center;font-size:.8rem;margin-top:.5rem}}@media(max-width:480px){.footer-container{padding:2rem 1.25rem 1.25rem}.footer-content{gap:2rem;margin-bottom:1.5rem}.footer-logo{font-size:1.2rem}.footer-description{font-size:.8rem;margin-bottom:1rem}footer .social-links{gap:.75rem}footer .social-links a{width:40px;height:40px}footer .social-links a svg{width:20px;height:20px}.footer-title{font-size:.75rem;margin-bottom:.875rem}.footer-links{gap:.5rem}.footer-links a{font-size:.8rem}.footer-note{font-size:.75rem}.footer-bottom{padding-top:1.25rem;gap:.625rem}.footer-copyright,.footer-legal{font-size:.75rem}}.cursor,.cursor-bd{display:none}@media(any-pointer:fine){.cursor{display:block;position:fixed;z-index:10000;width:var(--size);height:var(--size);background:var(--color-primary);border-radius:50%;mix-blend-mode:difference;pointer-events:none}.cursor-bd{display:block;position:fixed;top:0;left:0;z-index:10000;width:var(--size);height:var(--size);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-image:url(/img/common/cursor_bd_img.svg);mix-blend-mode:difference;transition:.05s all;pointer-events:none}}::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:none}body{-ms-overflow-style:none}.progress-container{position:fixed;right:16px;height:calc(var(--vh, 100vh) * .2);top:50%;width:6px;background:#7c7c7c1a;z-index:1000;transform:translateY(-50%);border-radius:3px;opacity:0;transition:.3s opacity}.progress-container.on{opacity:1}.progress-bar{border-radius:3px;position:absolute;top:0;width:6px;height:20%;background:linear-gradient(0deg,#e64545,#ffb100);animation:lightBlur 2s infinite ease}@media screen and (max-width:768px){.progress-container{right:6px;width:2px;border-radius:1px}.progress-bar{width:2px;border-radius:1px}}@keyframes lightBlur{0%{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 0 rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}}.channelTalkButton{position:fixed;bottom:40px;right:40px;cursor:pointer;z-index:9999}.channelTalkButton img:nth-child(1){width:100px;height:100px;transition:width .3s ease-in-out,height .3s ease-in-out,filter .3s ease-in-out;will-change:transform;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.5))}.channelTalkButton:hover img:nth-child(1){width:100px;height:100px}.channelTalkButton img:nth-child(2){width:160px;position:absolute;left:-30px;top:-30px;will-change:transform}@media(max-width:768px){.channelTalkButton{bottom:20px;right:20px}.channelTalkButton img:nth-child(1){width:60px;height:60px}.channelTalkButton:hover img:nth-child(1){width:60px;height:60px}.channelTalkButton img:nth-child(2){width:100px;left:-20px;top:-20px}}.scroll-top-btn{position:fixed;bottom:200px;right:40px;width:56px;height:56px;border-radius:50%;background:#202124cc;backdrop-filter:blur(6rem);border:1px solid rgba(255,255,255,.1);color:#ffffffe6;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d inset;pointer-events:auto}.scroll-top-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1a inset}.scroll-top-btn:active{transform:translateY(-2px) scale(1)}.scroll-top-btn svg{width:20px;height:20px;transition:transform .3s ease}.scroll-top-btn:hover svg{transform:translateY(-2px)}@media(max-width:768px){.scroll-top-btn{display:none}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
