@charset "utf-8";
/* 컬러팔레트 */
:root {
    --bg: #171A1F;
    --bg2: #414141;
    --bg3: #F6F6F6;
    --primary: #1998DF;
    --secondary: #1C2B86;
    --secondary2: #B7B9C1;
    --secondary3: #F3F7FA;
    --text1: #171A1F;
    --text2: #555555;
    --text3: #999999;
    --text4: #707070;
    --text5: #B7B9C1;
    --text_w: #ffffff;
    --th: #f2f5f8;
    --td-hover: #eef3f8;
    --line: #BEBEBE;
    --line2: #e5e5e5;
    --line3: #707070;
}

: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;
    }
} */

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

.play-regular {
  font-family: "Play", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.play-bold {
  font-family: "Play", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.nunito {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: "Nunito Sans", "Play", "Noto Sans KR", sans-serif; 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;}