@charset "UTF-8";

* {margin:0; padding:0; box-sizing:border-box; border:0; outline:0;}

html, body {width:100vw; font-family:'Pretendard','Apple SD Gothic Neo',Sans-serif; font-size:20px; font-weight:300; line-height:1.6; letter-spacing:-0.1px; background:var(--bgColor); color:var(--txtColor); overflow-X:hidden;}

h2 {font-size:2.5rem; font-weight:700; line-height:1.2;}
h3 {font-size:2.25rem; font-weight:700; line-height:1.2;}
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, 
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, button {cursor:pointer; line-height:1.5; padding:0; margin:0; font:inherit; border-radius:0; outline:0; background:inherit; color:inherit; text-decoration:none;}
input, select, option, textarea {line-height:1.5; padding:0.5em 1em; margin:0; font:inherit; border-radius:0; outline:0; background:inherit; color:inherit; text-decoration:none;}
img {max-width:100%; line-height:1; display:inline-block; border:0; outline:0;}
b, strong {font-weight:600;}


@media screen and (max-width:1600px) {
  html, body {font-size:18px; line-height:1.6;}
  h2 {font-size:2.25rem;}
  h3 {font-size:2rem;}
}
@media screen and (max-width:1024px) {
  html, body {font-size:16px; line-height:1.5;}
}
@media screen and (max-width:768px) {
  html, body {font-size:14px; line-height:1.4;}
  h2 {font-size:1.7rem;}
  h3 {font-size:1.5rem;}
}
@media only screen and (max-width:680px) {
  html, body {font-size:12px; line-height:1.4;}
}