@charset "utf-8";

/* root */
:root {
    --header-height: 70px;
    --view-height: calc(var(--vh, 1vh) * 100);
    --basic-dark: #222;
    --basic-white: #fff;
    --basic-gray: #646f7c;
    --basic-gray2: #999;
    --basic-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    --basic-delay: all 0.3s;
    --key-blue: #425ce0;
    --key-mint: #3AEBB6;
    --main-gap: 120px;
    @media (width <= 1024px) {
        --header-height: 60px;
    }
}

/* font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("/css/font/pretendard/pretendard-subset.css");
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@font-face {font-family: 'Yeongwol'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-2@1.0/YeongwolTTF-Regular.woff2') format('woff2'); font-weight: normal; font-display: swap;}

/* reset */
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', 'Pretendard', 'sans-serif';}
ul,li{list-style: none;}
a {display: block; text-decoration: none; color: var(--basic-dark);}
img {width: 100%; max-width: 100%; vertical-align: top; border: 0;}
body {font-size: 16px; line-height: 1.4; -ms-overflow-style: none;}
body::-webkit-scrollbar {display: none;}
table {border-collapse: collapse;}
p, span {word-break: keep-all;}
em {font-style: normal;}
button {font-size: inherit; background: none; border: none; cursor: pointer;}
i::before {margin: 0 !important;}

/* library */
.swiper {width: 100%; height: 100%;}

/* style */
.font-yw {font-family: 'Yeongwol' !important;}

/* animation */
@keyframes bounce {
    from {top: -80px;}
    to {top: -86px;}
}