@charset "UTF-8";

/* 폰트 참조 */
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'n2';
    src: url('../fonts/BrandonGrotesque/BrandonGrotesque-Black.otf') format('truetype'); 
}
/*
n1 : 400
n3 : 500
n4 : 700
n5 : 300
@font-face {
    font-family: 'n1';
    src: url('../fonts/Noto_Sans_KR/NotoSansKR-Regular.otf') format('truetype'); 
}
@font-face {
    font-family: 'n3';
    src: url('../fonts/Noto_Sans_KR/NotoSansKR-Medium.otf') format('truetype'); 
}
@font-face {
    font-family: 'Noto Sans KR';font-weight:700;
    src: url('../fonts/Noto_Sans_KR/NotoSansKR-Bold.otf') format('truetype'); 
}
@font-face {
    font-family: 'Noto Sans KR';font-weight:300;
    src: url('../fonts/Noto_Sans_KR/NotoSansKR-Light.otf') format('truetype'); 
}
*/
/* 여백 초기화 */
html {height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {margin: 0; padding: 0}

/* 테두리 초기화 */
fieldset, img {border: 0 none}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}

/* 리스트 스타일 초기화 */
dl, ul, ol, menu, li {list-style: none}

/* 폰트 초기화 */
body, th, td, input, select, textarea, button {font-size: 16px; font-family: 'Noto Sans KR', '나눔 고딕', 'Nanum Gothic', 'Nanum Myeongjo', 'Malgun Gothic', '맑은 고딕', '돋움', sans-serif;}
a {color: #000; text-decoration: none}
/* a:hover {color: #000; text-decoration: none} */
a:active {background-color: transparent}

/* 폰트 스타일 초기화 */
address, caption, cite, code, dfn, em, var{font-style: normal; font-weight: normal}