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

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

:root {
    --primary-color: #9747ff;
    --primary-hover-color: #b278ff;
}

* { 
    font-family: 'pretendard', sans-serif;
}
a, a:hover { text-decoration: none; }
p, h1, h2, h3, h4, h5, h6 {margin: 0;}

a, span, p, h1, h2, h3, h4, h5, h6, li, td, th, input, button, textarea, select { letter-spacing: -0.54px;}

/* flex */
.flex { display: flex; }

/* flex, justify-content */
.flex-center { display: flex; justify-content: center; }
.flex-start { display: flex; justify-content: start; }
.flex-end { display: flex; justify-content: end; }
.flex-around { display: flex; justify-content: space-around; }
.flex-between { display: flex; justify-content: space-between; }
.flex-evenly { display: flex; justify-content: space-evenly; }

/* flex, align-items */
.flex-none-center { display: flex; align-items: center; }
.flex-none-start { display: flex; align-items: start; }
.flex-none-end { display: flex; align-items: end; }

/* flex, justify-content: center, align-items */
.flex-center-center { display: flex; justify-content: center; align-items: center; }
.flex-center-start { display: flex; justify-content: center; align-items: start; }
.flex-center-end { display: flex; justify-content: center; align-items: end; }

/* flex, justify-content: start, align-items */
.flex-start-center { display: flex; justify-content: start; align-items: center; }
.flex-start-start { display: flex; justify-content: start; align-items: start; }
.flex-start-end { display: flex; justify-content: start; align-items: end; }

/* flex, justify-content: end, align-items */
.flex-end-center { display: flex; justify-content: end; align-items: center; }
.flex-end-start { display: flex; justify-content: end; align-items: start; }
.flex-end-end { display: flex; justify-content: end; align-items: end; }

/* flex, justify-content: space-around, align-items */
.flex-around-center { display: flex; justify-content: space-around; align-items: center; }
.flex-around-start { display: flex; justify-content: space-around; align-items: start; }
.flex-around-end { display: flex; justify-content: space-around; align-items: end; }

/* flex, justify-content: space-between, align-items */
.flex-between-center { display: flex; justify-content: space-between; align-items: center; }
.flex-between-start { display: flex; justify-content: space-between; align-items: start; }
.flex-between-end { display: flex; justify-content: space-between; align-items: end; }

/* flex, justify-content: space-evenly, align-items */
.flex-evenly-center { display: flex; justify-content: space-evenly; align-items: center; }
.flex-evenly-start { display: flex; justify-content: space-evenly; align-items: start; }
.flex-evenly-end { display: flex; justify-content: space-evenly; align-items: end; }

/* flex, flex-direction */
.flex-column { display: flex; flex-direction: column; }
.flex-columnReverse { display: flex; flex-direction: column-reverse; }
.flex-row { display: flex; flex-direction: row; }
.flex-rowReverse { display: flex; flex-direction: row-reverse; }

/* hide */
.show-1200-block,
.show-1200-flex,
.show-768-block,
.show-768-flex,
.show-480-block,
.show-480-flex {
    display: none !important;
}
.show-480-block { display: none !important; }

/* 벨리타 공통 스타일 */
.common-layout {
    min-height: calc(100vh - 184px);
    margin: 89px 99px 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

/* 사이트 메뉴 */

@media screen and (max-width: 1200px) {
    .hide-1200 { display: none !important; }
    .show-1200-block { display: block !important; }
    .show-1200-flex { display: flex !important; }
}

@media screen and (max-width: 768px) {
    .hide-768 { display: none !important; }
    .show-768-block { display: block !important; }
    .show-768-flex { display: flex !important; }

    .common-layout { min-height: calc(100vh - 140px); margin: 70px 40px 0; border-left: none; border-right: none;}
}

@media screen and (max-width: 480px) {
    .hide-480 { display: none !important; }
    .show-480-block { display: block !important; }
    .show-480-flex { display: flex !important; }

    .common-layout { min-height: calc(100vh - 130px); margin: 60px 20px 0; }
}