@font-face {
    font-family: 'NanumMyeongjo-Bold';
    src: url('/static/font/Nanum_Myeongjo/NanumMyeongjo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumMyeongjo-Regular';
    src: url('/static/font/Nanum_Myeongjo/NanumMyeongjo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumMyeongjo-ExtraBold';
    src: url('/static/font/Nanum_Myeongjo/NanumMyeongjo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/static/font/Pretendard/Pretendard-Regular.woff') format('truetype');
}

.hide-scrollbar {
    overflow-y: scroll; /* 스크롤 기능 유지 */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}

body {
    /* 폰트 스타일 */
    font-family: 'Pretendard-Regular', sans-serif !important;
    
    /* 선택 비활성화 스타일 */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

/****************************************************
* vh css START
*****************************************************/

.vh-5{
    height: 5vh !important;
}

.vh-10{
    height: 10vh !important;
}

.vh-15{
    height: 15vh !important;
}

.vh-20{
    height: 20vh !important;
}

.vh-25{
    height: 25vh !important;
}

.vh-30{
    height: 30vh !important;
}

.vh-35{
    height: 35vh !important;
}

.vh-40{
    height: 40vh !important;
}

.vh-45{
    height: 45vh !important;
}

.vh-50{
    height: 50vh !important;
}

.vh-55{
    height: 55vh !important;
}

.vh-60{
    height: 60vh !important;
}

.vh-65{
    height: 65vh !important;
}

.vh-70{
    height: 70vh !important;
}

.vh-75{
    height: 75vh !important;
}

.vh-80{
    height: 80vh !important;
}

.vh-85{
    height: 85vh !important;
}

.vh-90{
    height: 90vh !important;
}

.vh-95{
    height: 95vh !important;
}

.vh-100{
    height: 100vh !important;
}

/****************************************************
* vh css END
*****************************************************/

/****************************************************
* h css START
*****************************************************/

.h-5{
    height: 5% !important;
}

.h-10{
    height: 10% !important;
}

.h-15{
    height: 15% !important;
}

.h-20{
    height: 20% !important;
}

.h-25{
    height: 25% !important;
}

.h-30{
    height: 30% !important;
}

.h-35{
    height: 35% !important;
}

.h-40{
    height: 40% !important;
}

.h-45{
    height: 45% !important;
}

.h-50{
    height: 50% !important;
}

.h-55{
    height: 55% !important;
}

.h-60{
    height: 60% !important;
}

.h-65{
    height: 65% !important;
}

.h-70{
    height: 70% !important;
}

.h-75{
    height: 75% !important;
}

.h-80{
    height: 80% !important;
}

.h-85{
    height: 85% !important;
}

.h-90{
    height: 90% !important;
}

.h-95{
    height: 95% !important;
}

.h-100{
    height: 100% !important;
}

/****************************************************
* h css END
*****************************************************/

/****************************************************
* vw css START
*****************************************************/

.vw-5{
    width: 5vw !important;
}

.vw-10{
    width: 10vw !important;
}

.vw-15{
    width: 15vw !important;
}

.vw-20{
    width: 20vw !important;
}

.vw-25{
    width: 25vw !important;
}

.vw-30{
    width: 30vw !important;
}

.vw-35{
    width: 35vw !important;
}

.vw-40{
    width: 40vw !important;
}

.vw-45{
    width: 45vw !important;
}

.vw-50{
    width: 50vw !important;
}

.vw-55{
    width: 55vw !important;
}

.vw-60{
    width: 60vw !important;
}

.vw-65{
    width: 65vw !important;
}

.vw-70{
    width: 70vw !important;
}

.vw-75{
    width: 75vw !important;
}

.vw-80{
    width: 80vw !important;
}

.vw-85{
    width: 85vw !important;
}

.vw-90{
    width: 90vw !important;
}

.vw-95{
    width: 95vw !important;
}

.vw-100{
    width: 100vw !important;
}

/****************************************************
* vw css END
*****************************************************/

/****************************************************
* w css START
*****************************************************/

.w-5{
    width: 5% !important;
}

.w-10{
    width: 10% !important;
}

.w-15{
    width: 15% !important;
}

.w-20{
    width: 20% !important;
}

.w-25{
    width: 25% !important;
}

.w-30{
    width: 30% !important;
}

.w-35{
    width: 35% !important;
}

.w-40{
    width: 40% !important;
}

.w-45{
    width: 45% !important;
}

.w-50{
    width: 50% !important;
}

.w-55{
    width: 55% !important;
}

.w-60{
    width: 60% !important;
}

.w-65{
    width: 65% !important;
}

.w-70{
    width: 70% !important;
}

.w-75{
    width: 75% !important;
}

.w-80{
    width: 80% !important;
}

.w-85{
    width: 85% !important;
}

.w-90{
    width: 90% !important;
}

.w-95{
    width: 95% !important;
}

.w-100{
    width: 100% !important;
}

/****************************************************
* h css END
*****************************************************/

.px-01{
    padding-left: .1rem !important;
    padding-right:.1rem !important;
}

.px-02{
    padding-left: .2rem !important;
    padding-right:.2rem !important;
}

.px-03{
    padding-left: .3rem !important;
    padding-right:.3rem !important;
}

.px-04{
    padding-left: .4rem !important;
    padding-right:.4rem !important;
}

.px-05{
    padding-left: .5rem !important;
    padding-right:.5rem !important;
}

.px-06{
    padding-left: .6rem !important;
    padding-right:.6rem !important;
}

.px-07{
    padding-left: .7rem !important;
    padding-right:.7rem !important;
}

.px-08{
    padding-left: .8rem !important;
    padding-right:.8rem !important;
}

.px-09{
    padding-left: .9rem !important;
    padding-right:.9rem !important;
}

.px-10{
    padding-left: 1.0rem !important;
    padding-right:1.0rem !important;
}