@charset "utf-8";
/* Info
 ========================================================================== */
/**
    * 1. Writer: Ajin Lee. (Weaverloft Corp.)
    * 2. Production Date: 2025-06
    * 3. Client: W PromptHub
 */

@font-face { 
    font-family: 'ImpactOffline'; 
    src: url('/fonts/impact.woff2') format('woff2'), 
    url('/fonts/impact.woff') format('woff'), 
    url('/fonts/impact.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

/*========== 404 ERROR ==========*/
.error-page {position: relative;}
.error-page::after {content: '';display: block;position: fixed;left: 0;top: 0;z-index: -1;width: 100vw;height: 100vh; background: radial-gradient(ellipse 160% 120% at 0% 20%, rgba(219, 238, 255, 1) 0%, rgba(247, 249, 252, 1) 30%, rgba(247, 249, 252, 1) 100%);pointer-events: none;}
.error-sec { height: calc(100vh - 100px); height: calc(100dvh - 100px); } 
.error-sec .error-inner { height: 100%;} 
.error-sec .error-cont { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } 
.error-sec .error-title { margin-bottom: 24px; font-size: var(--title-md); color: var(--main-color); font-weight: 700; font-variation-settings: 'wght' 700; letter-spacing: 0.16em; text-align: center; } 
.error-sec .error-page-tit { margin: 0 auto; font-size: 12.76vw;font-family: 'ImpactOffline'; text-align: center; font-weight: 900; color: var(--text-dark-color); } 
.error-sec .error-page-txt { position: relative; margin: 0 auto; margin-top: 20px;} 
.error-sec .error-page-txt > span { display: block; font-size: 54px; font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-dark-color);line-height: 1; word-break: keep-all; text-align: center; } 
.error-sec .error-page-txt > p { margin: 70px 0 0; font-size: 27px; font-weight: 300; font-variation-settings: 'wght' 300; color: var(--text-dark-color); word-break: keep-all; line-height: 1.6; text-align: center; } 
.error-sec .btn-wrap { margin-top: 75px; } 
.error-sec .btn-wrap .basic-btn.small { width: 214px; padding: 17px; border-radius: 27px; font-size: 20px; font-weight: 300; font-variation-settings: 'wght' 300;} 

@media screen and (max-width: 768px) {
    .error-sec .error-page-tit {width: 100%;font-size: 74px;}
    .error-sec .error-page-txt {padding: 0 20px;}
    .error-sec .error-page-txt > span {font-size: 1.25rem;}
    .error-sec .error-page-txt > p {font-size: 1rem;}
    .error-sec .btn-wrap { margin-top: 40px; } 
    .error-sec .btn-wrap .basic-btn.small {width: 150px;padding: 14px;font-size: 16px;}
}