@charset "utf-8";
@import url(../../cdn.jsdelivr.net/gh/moonspam/NanumSquare%402.0/nanumsquare.css);

*{margin: 0; padding: 0; font: inherit; color: inherit;}
*, :after, :before {box-sizing: border-box;}
:root {-webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; cursor: default; line-height: 1.5; overflow-wrap: break-word; word-break: break-word; tab-size: 4}
html, body {width: 100%; height: 100%; scroll-behavior: smooth; overflow-x: hidden;}
img, picture, video, canvas, svg {display: block; max-width: 100%;}
button {background: none; border: 0; cursor: pointer;}
ul, li, ol {list-style: none;}
a {text-decoration: none; color: inherit}
table {border-collapse: collapse; border-spacing: 0}

/* font */

html, body, button {
    font-family: 'NanumSquare', "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: #282A2D;
    font-weight: 700;
    font-size: 9px;
    line-height: 1;
} /* normal 400 | bold 700 | bolder 800 | light 300 */

/* 제목 태그 */

h1 {
    font-size: 4.8rem;
    font-weight: 800;
}

h2 {
    font-size: 3.6rem;
    font-weight: 800;
}

h3 {
    font-size: 3.2rem;
    font-weight: 800;
}

h4 {
    font-size: 2.6rem;
    font-weight: 800;
}

h5 {
    font-size: 2.2rem;
    font-weight: 800;
}

@media (max-width:768px) {
    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 2.6rem;
    }
    
    h3 {
        font-size: 2.2rem;
    }
    
    h4 {
        font-size: 2rem;
    }
}