@charset "utf-8";
/* 컬러팔레트 */
:root {
    --bg: #2B2B2B;
    --bg2: #2F2F2F;
    --bg3: #484848;
    --bg4: #151515;
    --bg5: #E9E9E9;
    --bg6: #F3F3F3;
    --bg7: #F4F4F4;
    --primary: #C4FA2F;
    --secondary: #3F85FF;
    --secondary2: #64B2FF;
    --secondary3: #22d0ff;
    --secondary4: #8BD1EB;
    --text1: #000000;
    --text2: #222222;
    --text3: #666666;
    --text4: #cccccc;
    --text_w: #ffffff;
    --th: #f2f5f8;
    --td-hover: #eef3f8;
    --line: #D4D4D4;
    --line2: #E3E3E3;
    --line3: #D9D9D9;
    --line4: #D5D5D5;
    --line5: #DDDDDD;
}

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

@font-face {
    font-family: 'Taenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: 'Pretendard-Regular'; 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;}
h1,h2,h3,h4,h5 {font-weight: normal;}
button {color: var(--text1); background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer;}
input[type="checkbox"]:not(.selec_chk){position: relative; width: 20px; height: 20px; border-radius: 50%;}
input[type="checkbox"]:not(.selec_chk):checked {accent-color: var(--primary);}
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;}
.Taenada {font-family: 'Taenada';}

/* 버튼 */
.btn-wrap {display: flex; align-items: center; column-gap: 10px;}
.simple-btn,.default-btn {transition: background 0.2s; padding: 12px 60px; display: flex; align-items: center; justify-content: center; width: fit-content;}
.default-btn {border: 1px solid var(--line); font-size: 14px;}
.simple-btn {font-size: 16px; background-color: #fff; margin: 0 auto;}
.simple-btn:hover,.default-btn:hover {background-color: var(--secondary); color: #fff;}
.txt-btn {transition: border 0.2s,color 0.2s; padding: 4px; border-bottom: 1px solid var(--text1);}

/* 스와이퍼 페이지네이션 */
.swiper-pagination-bullet {width: 45px !important; height: 3px !important; border-radius: 0 !important;}
.swiper-pagination-bullet-active {background: var(--text1) !important;}

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