@charset "utf-8";
/* 컬러팔레트 */
:root {
    --bg: #F4F4F4;
    --bg2: #EDEDED;
    --primary: #2C2C9B;
    --secondary: #F87126;
    --text1: #161515;
    --text2: #555555;
    --text3: #AEAEAE;
    --gray1: #676767;
    --gray2: #7E7E7E;
    --line: #E0E0E0;
    --line2: #D9D9D9;
}

:root {
    --font-root: 18px;
    --font-root-admin: 15px;
    --font-h1: 40px;
    --font-tab: 26px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-18: 18px;
    --font-20: 20px;
    --font-20-2: 20px;
    --font-22: 22px;
    --font-23: 23px;
    --font-24: 24px;
    --font-26: 26px;
    --font-28: 28px;
    --font-30: 30px;
    --font-32: 32px;
    --font-36: 36px;
    --font-42: 42px;
    --font-48: 48px;
    --font-50: 50px;
    --font-54: 54px;
    --font-64: 64px;
    --font-80: 64px;
    --font-96: 96px;
    --min-w: 1670px;
    --nav-h: 100px;
    --round: 24px;
    --round-l: 30px;
    --ease: cubic-bezier(0,0.75,0,1)
}

@media (max-width: 768px) {
    :root {
      --font-h1: 40px;
      --font-tab: 26px;
      --font-14: 13px;
      --font-15: 14px;
      --font-16: 15px;
      --font-18: 16px;
      --font-20: 18px;
      --font-22: 20px;
      --font-23: 20px;
      --font-24: 20px;
      --font-26: 24px;
      --font-28: 24px;
      --font-30: 28px;
      --font-32: 28px;
      --font-36: 32px;
      --font-42: 36px;
      --font-48: 40px;
      --font-50: 50px;
      --font-54: 54px;
      --font-64: 50px;
      --font-80: 64px;
      --font-96: 96px;
      --round-l: 24px;
    }
}

@media (max-width: 500px) {
    :root {
      --font-h1: 40px;
      --font-tab: 26px;
      --font-14: 13px;
      --font-15: 14px;
      --font-16: 15px;
      --font-18: 16px;
      --font-20: 18px;
      --font-22: 20px;
      --font-23: 20px;
      --font-24: 20px;
      --font-26: 24px;
      --font-28: 24px;
      --font-30: 28px;
      --font-32: 28px;
      --font-36: 32px;
      --font-42: 36px;
      --font-48: 40px;
      --font-50: 50px;
      --font-54: 54px;
      --font-64: 50px;
      --font-80: 64px;
      --font-96: 96px;
      --round: 20px;
      --round-l: 20px;
    }
}

/*
@media (max-width: 1024px) {
    :root {
        --font-root:14px;
        --font-h1: 20px;
        --font-tab: 15px;
        --font-14: 12px;
        --font-15: 13px;
        --font-16: 14px;
        --font-18: 16px;
        --font-20: 16px;
        --font-20-2: 13px;
        --font-22: 18px;
        --font-23: 18px;
        --font-24: 18px;
        --font-26: 22px;
        --font-28: 22px;
        --font-30: 18px;
        --font-32: 20px;
        --font-36: 20px;
        --font-42: 24px;
        --font-48: 26px;
        --font-50: 28px;
        --font-54: 28px;
        --font-64: 39px;
        --font-80: 40px;
        --font-96: 40px;
        --round: 20px;
        --round-l: 24px;
    }
} */

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: 'Pretendard'; font-weight: 400; line-height: normal; font-optical-sizing: auto; font-weight: 400; scrollbar-width: thin; scrollbar-color: #B1C1D6 var(--bg2); --scrollbar-size: 5px;}

html{scroll-behavior: smooth;font-size: 16px;}
html.hidden{overflow: hidden;}
body{font-size: 16px;}
html, body {line-height: 1.2; color: var(--text1);}
li {list-style: none;}
a {color: inherit; text-decoration: none; display: inline-block; cursor: pointer;}
span{display: inline-block;}
i {font-style: normal;}
button {color: var(--text1); background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;}
table, th, td {border: none;padding: 0;margin: 0;}

.btn_member_mn_on {background: transparent; border: 0;}

/* 버튼 */


/* 스와이퍼 페이지네이션 */


/* 이미지 */
.img-wrap {overflow: hidden;}
.img-wrap img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}