@import url(/assets/css/fonts.css);

:root {
    /* Color */
    --main-purple:#644F9D;
    --main-blue:#234A58;
    --white:#fff;
    --content:#222222;
    --gray:#707070;
    --line:#9F9F9F;

    /* Font */
    --title-lg:3rem;
    --title-md:2.25rem;
    --title-sm:1.5rem;
    --text-lg:1.125rem;
    --text-md:1rem;
    --text-sm:.875rem;
    --caption:.75rem;

    /* Gap, Margin, Padding */
    --section-default:200px 0px;
    --gap:24px;
    --title-margin:12px;
    --title-bottom-margin:60px;
}

@media screen and (max-width:760px) {
    :root {
        /* Font */
        --title-lg:1.875rem;
        --title-md:1.625rem;
        --title-sm:1.25rem;
        --text-lg:1.125rem;
        --text-md:1rem;
        --text-sm:.875rem;
        /* --caption:.875rem; */

        /* Gap, Margin, Padding */
        --section-default:50px 0px;
        --gap:12px;
        --title-margin:6px;
        --title-bottom-margin:20px;
    }
}

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

a {
    text-decoration:none;
    color:inherit;
}

p { margin:0; }

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

body {
    position:relative;
    color:var(--content);
    font-family:'Pretendard-Regular', san-serif;
    font-size:var(--text-md);
}

h1,
h2,
h3,
h4,
h5 { font-weight:normal !important; }

.title-lg {
    font-size:var(--title-lg);
    font-weight:900 !important;
}

.title-md {
    font-size:var(--title-md);
    font-weight:700 !important;
}

.title-sm {
    font-size:var(--title-sm);
    font-weight:600 !important;
}

.text-lg {
    font-size:var(--text-lg);
    font-weight:500 !important;
}

.text-md {
    font-size:var(--text-md);
    font-weight:normal;
}

.text-sm {
    font-size:var(--text-sm);
    font-weight:normal;
}

.caption {
    font-size:var(--caption);
    font-weight:normal;
    color:var(--caption);
}

.purple {
    color:var(--main-purple);
}

.blue {
    color:var(--main-blue);
}

@media screen and (max-width:768px) {
    .title-lg {
        font-size:30px;
    }
    
    .title-md {
        font-size:24px;
    }

    .title-sm {
        font-size:18px;
    }

    .text-lg {
        font-size:16px;
    }
    
    .text-md {
        font-size:14px;
    }

    .text-sm {
        font-size:12px;
    }
}