/* reset */
*{
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

img{
    display: block;
}

li,
ol,
ul{
    list-style: none;
}

a{
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}

input,
textarea{
    outline:none;
}
input:focus::placeholder,
textarea:focus::placeholder{
    box-shadow: none;
}

::selection {
    background-color: #000;
    color: #fff;
}

:root{
    --color-bg: #85CAE9;
    --color-point: #FFD394;
    --color-point2:#FA7070;
}

/* font */
/* rem 값으로 사용시: 10px = 1rem */
html,
body {
    font-family: 'Pretendard';
    font-size: 62.5%;
    line-height: 1.285;
    text-transform: uppercase;
    word-break: keep-all;
}
h1{font-size: 4.4rem;}
h2{font-size: 2.4rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.6rem;}
h5{font-size: 1.4rem;}
h6{font-size: 1.2rem;}
p{font-size: 1.4rem;}

/* font 'Monrovia' */
@font-face {
    font-family: "Monrovia Modern";
    font-weight: 900;
    font-display: swap;
    src: local("Monrovia Modern"), url("./font/Monrovia-ModernSerifFont.otf") format("opentype");
}
@font-face {
    font-family: "Monrovia Slant";
    font-weight: 700;
    font-display: swap;
    src: local("Monrovia Slant"), url("./font/Monrovia-Slant-Fix.otf") format("opentype");
}

/* font 'Jalnan' */
@font-face {
    font-family: "Jalnan Gothic";
    font-weight: 900;
    font-display: swap;
    src: local("Jalnan Gothic"), url("./font/JalnanGothic.otf") format("opentype");
}

/* font 'Pretendard' */
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url("./font/Pretendard-Black.woff2") format("woff2"), url("../font/Pretendard-Black.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url("./font/Pretendard-ExtraBold.woff2") format("woff2"), url("../font/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url("./font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url("./font/Pretendard-SemiBold.woff2") format("woff2"), url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url("./font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url("./font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url("./font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url("./font/Pretendard-ExtraLight.woff2") format("woff2"), url("../font/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url("./font/Pretendard-Thin.woff2") format("woff2"), url("../font/Pretendard-Thin.woff") format("woff");
}

/* font 'gumi' */
@font-face {
    font-family: "Gumi Romance";
    font-weight: normal;
    font-display: swap;
    src: local("Gumi Romance"), url("./font/GumiRomance.otf") format("opentype");
}