:root{
    --font-primary: 'Pretendard', sans-serif;
    --pt-to-px: 1.333;
    --light-grey: #d8d8d8;
    --mid-grey: #a5a5a5;
    --dark-grey: #323232;
    --mid-blue: #2a7fff;
}

.d-flex{display: flex;}
.j-c-center{justify-content: center;}
.j-c-between{justify-content: space-between;}
.a-i-center{align-items: center;}

.bar {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin-top: 1px;
    margin-left: 6px;
    margin-right: 6px;
    background-color: #c5c5c5;
}

.pc_br{display: block;}
.mo_br{display: none;}

.mo_none{display: inline-flex;}
.pc_none{display: none;}

.p0{
    padding: 0;
}
.pt0{
    padding-top: 0;
}

.t_a_left{text-align: left !important; align-items: flex-start !important;}
.t_a_right{text-align: right !important; align-items: flex-end !important;}
.t_a_center{text-align: center !important; align-items: center !important;}

.w_1080{
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}
/* .w_1320{
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
} */
@media only screen and (max-width: 1080px) {
    .w_1080{
        width: 95%;
    }
    /* .w_1320{
        width: 95%;
    } */
}
@media only screen and (max-width: 768px) {
    .w_1080{
        width: 90%;
    }
    /* .w_1320{
        width: 90%;
    } */
    .mo_br{display: block;}
    .pc_br{display: none;}
    .mo_none{display: none;}
    .pc_none{display: flex;}
}


/* 폰트 */
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'Pretendard';
src: url('/fonts/pretendard/Pretendard-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GmarketSansBold';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}


.f_12{font-size: 12px;}
.f_16{font-size: 16px;}
.f_18{font-size: 18px;}
.f_22{font-size: 22px;}
.f_38{font-size: 38px;}
.f_45{font-size: 45px;}

@media only screen and (max-width: 768px) {
    .f_16{font-size: 14px;}
    .f_18{font-size: 16px;}
    .f_22{font-size: 16px;}
    .f_38{font-size: 28px;}
    .f_45{font-size: 28px;}
}

.s_bold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}