/* ======================
   Font
====================== */

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

/* ======================
   Root variables
====================== */

:root {
    --primary-gradient: linear-gradient(90deg, #06b7aa 27%, #65cdb5 79%, #24d0cc 100%);
    --topbar-h: 48px;
}

/* ======================
   Base
====================== */

body {
    color: #222;
    background: #fff;
    line-height: 1.6;
    font-family: 'Pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    overflow-x: hidden;
}

.page_move {
    cursor: pointer;
}

/* ======================
   Utility
====================== */

.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }

/* ======================
   Layout
====================== */

.container {
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 24px;
}
@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }
}
@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
}

/* ======================
   Media
====================== */

img {
    max-width: 100%;
    display: block;
}