/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@200;300;400;500;700;900&display=swap');

/*리셋*/
*{margin: 0; padding: 0; box-sizing: border-box; font-size:inherit; font-weight:normal}

::selection {
    background: #1d1d51;   
    color: #fff;
}
::-moz-selection {
    background: #1d1d51;    
    color: #fff;
}

::-webkit-scrollbar {
    width: 0;  /* 세로축 스크롤바 폭 너비 */
}

.area-box {
    max-width: 1500px;
    margin: 0px auto;
}

html{font-size:10px;cursor: default;overflow-x: hidden;color:#000;background-color: rgb(255, 255, 255);letter-spacing: -0.03em;}
body, table, th, td, button, select, input, textarea {
	font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
table, th, td{word-break:break-word;}
ul, ol, dl, li {list-style: none;}
a {color: #000; text-decoration: none; font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	vertical-align: auto;}
input, input::placeholder, select, select::placeholder, textarea {border: none;	font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
button, button span, button a {background: none; border: none; cursor: pointer; text-decoration: none;	font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
a span, button a, button a span, i {margin: 0; padding: 0;vertical-align: auto;}
span, strong, a {display: block;	font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
select {background: transparent; color: #000;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
p {line-height: 1.5;}

img {
    backface-visibility: hidden;
    transform: translateZ(0);
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 9px;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 8.5px;
    }
}

@media only screen and (max-width: 550px) {
    html {
        font-size: 8px;
        min-width: 320px;
    }
}