@charset "utf-8";
@font-face {
    font-family:'deon';
    src:local('※'), url('../fonts/GabiaDunn-Regular.woff2') format('woff2'), url('../fonts/GabiaDunn-Regular.woff') format('woff');
}
body {
    font-family: "Noto Sans KR", sans-serif;
}
header {
    border-bottom:1px solid #eee;
    padding:30px 0;
    position:fixed;
    top:0;
    width:100vw;
    background-color:rgba(255,255,255,0.7);
}
.header_wrap {
    width:73%;
    max-width:1400px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
h1 img {
    width:170px;
}
header nav > ul {
    display:flex;
    gap:30px;
}
.menu_btn {
    display:none;
}
#visual {
    background-image:url('../images/bg.jpg');
    background-size:cover;
    background-position:center;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
#visual > h2 {
    font-family:'deon',serif;
    font-size:56px;
}
#visual > p {
    font-weight:bold;
    margin:30px 0 50px;
}
#visual > a {
    background-color:#99f;
    color:#fff;
    width:130px;
    display:block;
    padding:20px 0;
    text-align:center;
    border-radius:10px;
}
#visual > a:hover {
    background-color:#bbf;
}


/****************모바일******************/
@media screen and (max-width:800px) and (min-width:320px) {
    .header_wrap {
        width:95%;
        max-width:800px;
    }
    nav {
        display:none;
    }
    .menu_btn {
        display:inline-block;
        border:none;
        background-color:transparent;
    }
    .menu_btn > span {
        display:block;
        width:20px;
        height:3px;
        background-color:#222;
        margin:5px 0;
    }
    #visual {
        text-align:center;
    }
    #visual > h2 {
        line-height:1.3;
    }
    #visual > p {
        line-height:1.3;
        width:90%;
    }
}