@charset "utf-8";
:root{
    --html-color:#FDFCF8;
    --orange:#E4722C;
    --mustard:#F1BA3E;
    --red:#E03931;
    --black:#1f1f1f;
    --green:#02768B;
    --size: clamp(10rem, 1rem + 20vmin, 15rem);
    --gap: 1rem;
    --duration: 40s;
}
/*  ----- reset ----- */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #1f1f1f;
}
ul,li{
    list-style: none;
}
img{
    /* vertical-align:middle; */
    /* max-width: 100%; */
}
html{
    height: 100%;
}
body{
    background-color: var(--html-color);
    height: 100%;
    font-size: 18px;
    font-style: normal;
    font-family: "Inter", serif, "glory-medium", "JacquesFrancois-Regular","Offbit-bold","lemonmlik-medium","pretendard-bold","pretendard-semiBold","pretendard-regular";
    /* letter-spacing: ; */
    overflow-y: scroll;
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 15px;
}
body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
}
body::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

/*  ----- common setting ----- */
.wrap{
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}
.container{
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    /* 양옆 마진 값 175px */
}
section{
    padding: 3.5em 0;
}
.mo{
    display: none;
}
.offbit{
    font-family: "Offbit-bold" ;
    font-style: normal;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}