@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
:root {
    /* color
    --color-black: #161616;
    */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-Gray28: #3e3e3e;
    --color-Gray55: #555555;
    --color-Gray77: #777777;
    --color-Gray81: #818181;
    --color-Grayf9: #f9fafb;
    --color-DackBlue: #212236;
    /* placeholder 컬러 */
    --color-GrayA: #aaaaaa;
    /* 라인 색상 */
    --color-Graydc: #dcdcdc;
    --color-Graybc: #bcbcbc;

    --color-Purple: #6d438d;
    --color-Orange: #fd5e21;
    --color-DarkRed: #a12f3f;
    --color-SkyBlue: #17779b;
    --color-Red: #df1f1b;
    --color-Green: #1d9453;
}
.sort_n1 {
    display: inline-block;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    color: var(--color-white);
    background: var(--color-SkyBlue);
}
.sort_n2 {
    display: inline-block;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    color: var(--color-white);
    background: var(--color-DarkRed);
}
.sort_n3 {
    display: inline-block;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    color: var(--color-white);
    background: var(--color-Purple);
}
.sort_n4 {
    display: inline-block;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    color: var(--color-white);
    background: var(--color-Orange);
}
.state {
    display: inline-block;
    min-width: 60px;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-Orange);
}
.state_no {
    display: inline-block;
    min-width: 60px;
    padding: 2px 10px 3px 10px;
    border-radius: 25px;
    font-size: 13px;
    margin: 0 10px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-Gray55);
}
.not_font1 {
    font-family: 'Noto Sans KR';
    font-weight: 100;
}
.not_font3 {
    font-family: 'Noto Sans KR';
    font-weight: 300;
}
.not_font4 {
    font-family: 'Noto Sans KR';
    font-weight: 400;
}
.not_font5 {
    font-family: 'Noto Sans KR';
    font-weight: 500;
}
.not_font7 {
    font-family: 'Noto Sans KR';
    font-weight: 700;
}
.en_font2 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 200;
}
.en_font3 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 300;
}
.en_font4 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 400;
}
.en_font5 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 500;
}
.en_font6 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 600;
}
.en_font7 {
    font-family: 'Poppins', 'Noto Sans KR';
    font-weight: 700;
}

.fs_14 {
    font-size: 14px;
}
.fs_15 {
    font-size: 15px !important;
}
.fs_16 {
    font-size: 16px;
}
.fs_18 {
    font-size: 18px;
}
.fs_20 {
    font-size: 20px;
}
.fs_30 {
    font-size: 30px;
}
.fs_35 {
    font-size: 35px;
}
.fs_40 {
    font-size: 40px;
}
.fs_50 {
    font-size: 50px;
}
.fs_55 {
    font-size: 55px;
}

.f_unLine {
    text-decoration: underline !important;
}
.f_tc {
    text-align: center;
}
.f_tl {
    text-align: left;
}
.f_tr {
    text-align: right;
}
.f_ju {
    text-align: justify;
}
.point_text {
    color: var(--color-Red) !important;
}
@media (max-width: 720px) {
    .fs_30 {
        font-size: 24px;
    }
    .fs_35 {
        font-size: 28px;
    }
    .fs_40 {
        font-size: 32px;
    }
    .fs_50 {
        font-size: 35px;
    }
    .fs_55 {
        font-size: 40px;
    }
}
@media (max-width: 580px) {
    .fs_16 {
        font-size: 15px;
    }
    .fs_18 {
        font-size: 15px;
    }
    .fs_20 {
        font-size: 16px;
    }
    .fs_30 {
        font-size: 20px;
    }
    .fs_35 {
        font-size: 22px;
    }
    .fs_40 {
        font-size: 24px;
    }
    .fs_50 {
        font-size: 26px;
    }
    .fs_55 {
        font-size: 26px;
    }
}
/*********
.ft_B {
    color: #000000;
}
.ft_G5 {
    color: #555555;
}
.ft_G7 {
    color: #777777;
}
.ft_G16 {
    color: #161616;
}
.ft_G81 {
    color: #818181;
}
.ft_Gf9 {
    color: #f9fafb;
}
.ft_Gdc {
    color: #dcdcdc;
}
.ft_Gbc {
    color: #bcbcbc;
}

.ft_G7 {
    color: #6d438d;
}
.ft_G7 {
    color: #fd5e21;
}
.ft_G7 {
    color: #a12f3f;
}
.ft_G7 {
    color: #17779b;
}
.ft_G7 {
    color: #df1f1b;
}
************/