/* CSS Initialization Start */

@font-face { font-family: 'SpoqaHanSansNeo'; src: url('../fonts/SpoqaHanSansNeo_TTF/SpoqaHanSansNeo-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'SpoqaHanSansNeo'; src: url('../fonts/SpoqaHanSansNeo_TTF/SpoqaHanSansNeo-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'SpoqaHanSansNeo'; src: url('../fonts/SpoqaHanSansNeo_TTF/SpoqaHanSansNeo-Regular.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'SpoqaHanSansNeo'; src: url('../fonts/SpoqaHanSansNeo_TTF/SpoqaHanSansNeo-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }

@font-face {
    font-family: 'CMMI10';
    src: url('../fonts/ComputerModern/cmmi10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard/Pretendard-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumGothic';
    src: url('../fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumMyeongjo';
    src: url('../fonts/NanumMyeongjo/NanumMyeongjo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RidiBatang';
    src: url('../fonts/RIDIBatang.otf') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTLaundryGothicB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}



body {
    font-family: 'SpoqaHanSansNeo';
    font-weight: 500;
    color: #505865;
}
/* 기본폰트 End */

/* 모든 요소 및 가상 요소 초기화 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  background: transparent;
}

body {
    background: white;
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

nav ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    vertical-align: baseline;
    color: #505865;
    background: transparent;
}

img {
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.icon {
    font-family: 'Pretendard';
    color:#550077;
}

header, footer {  /* header, footer 공통 */
    width: 100vw;
    height: 3em;
    margin: 0 auto;
    padding: 0 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    position: fixed;
    z-index: 9000;
    background: rgb(255, 230, 230);
}

/* CSS Initialization End */