@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@font-face {
    font-family: 'Binggrae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
    color: #2b1c1f;
    position: relative;
}

/* nav 클릭 */
nav ul li:nth-child(6) a{
    font-weight: 700;
    color: #e9ac18;
}

section {
    width: 100%;
}

/* contain */
/* title */
.title, .title>img {
    width: 100%;
    position: relative;
}

.title>img:nth-child(2) {
    display: none;
}

.event-contant {
    width: 53%;
    margin: 0 auto;
    margin-top: 3%;
}

.event1 {
    margin-top: 5%;
}

.event-contant>img {
    width: 100%;
    display: block;
}

.detail {
    width: 100%;
    position: relative;
    display: none;
}

.detail>img {
    width: 100%;
    position: relative;
}

.detail>a, .close {
    width: 27.5%;
    position: absolute;
}

.detail>a>img, .close>img {
    width: 100%;
}

.btn1 {
    left: 22.5%;
    top: 6.4%;
}

.btn2 {
    left: 16.8%;
    top: 66.5%;
}

.close1, .close3 {
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%);
}
.close2 {
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
}

.event3 {
    margin-bottom: 10%;
}

.btn3 {
    left: 13%;
    top: 8.2%;
}

.btn4 {
    left: 16.8%;
    top: 63.5%;
}

.event-popup {
    position: fixed;
    width: 50%;
    height: 70%;
    background-color: #e9ac18;
    z-index: 101;
}

@media screen and (max-width:1100px) {
    .title {
        width: 150%;
        left: 50%;
        transform: translateX(-50%);
    }

    .event-contant {
        width: 80%;
    }
}
@media screen and (max-width:720px) {
    .title {
        width: 100%;
    }
    .title>img:nth-child(1) {display: none;}
    .title>img:nth-child(2) {
        display: block;
        margin-top: 5%;
    }
    .event-contant {
        width: 92%;
    }
}