@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Nanum Gothic", sans-serif; */
    font-family: "Pretendard Variable", sans-serif;
    font-style: normal;
}

html,
body {
    width: 100%;
    height: auto;
    overflow: auto;
    background-color: white;
}

:root {
    --main-color: #ff5933;
    --club-color: #00A6CC;
    --coral-orange: #FF6F4F;
    --vivid-orange: #FF7521;
    --light-orange: #FF9E1F;
    --pumpkin-orange: #FFA154;
    --peach-orange: #FFB37F;
    --white-color: #fff8f2;
    --black-color: #524438;
    --gray-color: #B9A89A;
    --green-color: #009745;
    --light-green: #00D077;
    --pink-color: #FE6B8B;
}

.app {
    padding: 50px 0 30px 0;
    color: var(--black-color);
}

.page_title {
    padding: 20px 0;
    margin-left: 200px;
    color: #4a4a4a;
    font-weight: 500;
    font-size: 30px;
}

@media (max-width: 1050px) {
    .page_title {
        margin: auto;
        max-width: 800px;
        width: 100%;
        padding: 20px 5px;
        text-align: center;
        font-size: 20px;
    }

    .app {
        /* padding: 50px 0 30px 0; */
    }
}