/* 스타일 설정 */
html {
    margin: 0 auto;
    padding: 0;
}
header {
    position: relative;
    background: #ffffff;  
    margin: 0 auto;
    margin-top: 0.5rem;
    padding: 0;
    max-width: 1280px;
}
body {
    position: relative;
    background: #ffffff;  
    margin: 0 auto;
    margin-top: 0.5rem;
    padding: 0;
    max-width: 1206px;
}

/* 페이지명 관련 스타일 */
.pageNameContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1.5em;
    margin-bottom: 1em;
    }

.pageName a{
    font-family: 'SCoreDream-500';
    font-weight: 900;
    display: flex;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2.8em;
    color: black;
    background-color: transparent;
    text-decoration: none;  
    }     

.pageName img {
    height: 50px;
    }
    
    .menu-container {
        overflow: hidden;
        margin: 0;
    }

    .menuWrapper {
        display: flex;
        justify-content: flex-start;
        margin: 1em 0;
    }

    .menu {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        background-color: transparent;
        white-space: nowrap;
        margin-left: 0;
    }

    .menu a {
        padding: 0.5em 1em;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.9em;
        letter-spacing: 0.1em;
        transition: color 0.2s;
        background-color: transparent;
    }

    .menu > * {
        margin: 0 1em;
        text-decoration: none;
        white-space: nowrap;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        color: #000;
        min-width: 80px;
    }

    .menu > *:hover {
        color: #fdfcfc;
        background-color: #e9e9e9;
    }




/* 메뉴 스타일 설정 */
/*******************/

.header { 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    background-color: #ffffff;
    justify-content: center;
    width: 100%;
    max-width: 1208px;
    margin: 0 auto;
}
.header div {
    width: 100%;
    max-width: 1208px;
    margin: 0 auto;
}
.headerLeftButton, .headerRightButton {
    font-family: 'SCoreDream-400';            
    display: flex;
    justify-content: center;
    margin-top: 0.1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.1em;
    font-size: 0.8em;
    color: black;
    background-color: transparent;
    text-decoration: none; 
 }
 .headerLeftButton {
    margin-right: auto;
}
.headerRightButton {
    margin-left: auto;
}

/* footer style 설정 */        
.footerContainer{    
    position: relative;
    background: #ffffff;  
    margin: 0 auto;
    margin-top: 0.5rem;
    padding: 0;
    max-width: 1206px;
}

.footer {
    max-width: 100%;
    margin: 0;
    padding-top: 0px;
    margin-bottom: 0px;
    justify-content: center;
    max-width: 1208px;
}
    
.footer img {
    width: 100%; /* 이미지의 너비를 화면에 가득 차게 설정합니다. */
    height: 3em; /* 이미지의 높이를 150px로 설정합니다. */
    margin: 0%;           
    padding: 0; 
    object-fit: cover; /* 이미지를 가득 차게 보이도록 설정합니다. */
    display: block; /* 이미지의 display 속성을 block으로 설정합니다. */
}