@import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&family=Noto+Sans+KR&family=Oswald:wght@300&family=Roboto+Slab:wght@100&display=swap');
/* font-family: 'Kdam Thmor Pro', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto Slab', serif; */

@font-face {
    font-family : 'CHAB';
    src: url('./fonts/chab.woff') format('woff');
}
@font-face {
    font-family : 'DDAG';
    src: url('./fonts/ddag.woff') format('woff');
}

/* #region PC */
@media (min-width: 768px) {
    .siteTitle {
        width: 100%;
        text-align: center;
        border-bottom: solid 1px #888888;
        font-family: 'Kdam Thmor Pro', sans-serif;
        font-size: 18px;
        font-weight: bold;
    }

    .word {
        color:#bebebe;
        font-size: 12px;
        font-weight: normal;
    }

    .daysL {
        font-family: 'DDAG';
        font-size: 16px;
        color:#343434;
        font-weight: 80;
    }
    h1 {
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h2{
        font-family: 'CHAB';
        color: #fb1717;
        font-weight: 100;
        text-shadow: 1px 0px 1px #333333;
    }

    .yearBtn {
        width: 40px;
        height: 40px;
        background-color: deepskyblue;
        border: none;
        border-radius: 6px;
        color:aliceblue;
        font-size: 1.5em;
    }

    tr {
        height: 32px;
    }

    .contentRow {
        display: flex;
    }

    .notice {
        color: red;
    }

    .check_area {
        width: 90%;
        font-size: 14px;
        margin: 40px auto;
    }

    a:-webkit-any-link {
        text-decoration: none; 
    }

    a:visited {
        color: #343434;
    }

    .content_wrap {
        width: 70%;
        margin: 0px auto;
    }

    table {
        width: 80%;
        font-size: 12px;
        margin-left: 5px;
    }

    .container {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        font-weight: bold;
    }

    .footer {
        margin-top: 200px;
        color: #888888;
    }

    /* .cheks {
        width:50%;
        border: 1px solid;
        margin: 0px auto;
    } */
}

/* #region mobile */
@media (max-device-width: 768px) {

    .siteTitle {
        width: 100%;
        text-align: center;
        border-bottom: solid 1px #888888;
        font-family: 'Kdam Thmor Pro', sans-serif;
        font-size: 18px;
        font-weight: bold;
    }

    .daysL {
        font-family: 'DDAG';
        font-size: 14px;
        color:#343434;
        font-weight: 80;
    }

    .word {
        color:#bebebe;
        font-size: 10px;
        font-weight: normal;
    }

    h1 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h2{
        font-family: 'CHAB';
        color: #FBB917;
        font-weight: 100;
        text-shadow: 1px 0px 1px #333333;
    }
    
    .yearBtn {
        width: 40px;
        height: 40px;
        background-color: deepskyblue;
        border: none;
        border-radius: 6px;
        color:aliceblue;
        font-size: 1.5em;
    }

    tr {
        height: 32px;
    }

    .contentRow {
        display: flex;
    }

    .notice {
        color: red;
        font-weight: bolder;
        /* text-shadow: 1px 1px 1px #343434; */
    }

    .check_area {
        width: 90%;
        font-size: 14px;
        margin: 40px auto;
    }

    a:-webkit-any-link {
        text-decoration: none; 
    }

    a:visited {
        color: #343434;
    }

    .content_wrap {
        width: 100%;
        margin: 0px auto;
    }

    table {
        width: 100%;
        font-size: 12px;
    }

    .A, .B, .C, .D, .E, .F, .G {
        font-weight: bold;
    }

    .container {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        font-weight: bold;
    }

    .footer {
        margin-top: 200px;
        color: #888888;
    }
}
/*#endregion*/