@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.set_container {
    font-family: "Noto Sans KR", "Sans-serif";
    color: #252525;
    min-width: 1780px;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.set_container button {
    font-family: "Noto Sans KR", "Sans-serif";
}

.top_banner {
    background-image: url("../../images/2026/1006/main_back.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 3936px;
    position: relative;
    overflow: hidden;
}

.top_banner .top_text01 {
    margin-top: 75px;
    animation-name: text01;
    animation-delay: 1.2s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

@keyframes text01 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

.top_banner .top_text02 {
    margin-top: 46px;
    display: inline-block;
    animation-name: text01;
    animation-delay: 2s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.top_banner .top_text02 span {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 1px;
    line-height: 110px;
    letter-spacing: -0.05em;
    color: transparent;
    z-index: 1;
}

.top_banner .image2027_01 {
    width: 1000px;
    height: 563px;
    margin-top: 120px;
    display: inline-block;
    animation-name: text01;
    animation-delay: 3s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.top_banner .top_text03 {
    width: 1520px;
    margin-top: 120px;
    animation-name: text01;
    animation-delay: 4s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.top_banner .top_text03 span {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 1px;
    line-height: 110px;
    letter-spacing: -0.05em;
    color: transparent;
    z-index: 1;
}

.top_banner .top_text04 {
    width: 1000px;
    margin-top: 120px;
    display: inline-block;
    animation-name: text01;
    animation-delay: 1.9s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.top_banner .top_text04 span {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 1px;
    line-height: 110px;
    letter-spacing: -0.05em;
    color: transparent;
    z-index: 1;
}

.top_banner .image2027_02 {
    width: 1020px;
    height: 593px;
    margin: 120px 430px 0;
    animation-name: text01;
    animation-delay: 2.1s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

/* section01 */
.deskcal_2027 {
    background-color: #495964;
    width: 100%;
    height: 1051px;
    position: relative;
    overflow: hidden;
}


.deskcal_2027 .event_wrap .event_title01 {
    width: 663px;
    margin: 120px auto 0 auto;
    animation-name: text02;
    animation-delay: 0.2s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

@keyframes text02 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}


.deskcal_2027 .event_wrap .event_cal {
    width: 1000px;
    display: inline-block;
    margin-top: 65px;
    animation-name: text02;
    animation-delay: 0.6s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.deskcal_2027 .event_wrap .event_txt {
    width: 706px;
    margin: 80px auto 0 auto;
    animation-name: text02;
    animation-delay: 1.2s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

/* section02 */
#section02 {
    background-image: url("../../images/2026/1006/back02.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 1147px;
    position: relative;
    overflow: hidden;
}

.review_2027 .container_wrap .event_title02 {
    width: 550px;
    display: inline-block;
    margin-top: 119px;
    animation-name: text03;
    animation-delay: 0.1s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

@keyframes text03 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

.review_2027 .container_wrap ul {
    width: 1000px;
    height: 818px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;

}

.review_2027 .container_wrap ul li {
    margin-top: 60px;
    width: 320px;
    display: inline-block;
    animation-name: text03;
   
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;

}
.review_2027.is-visible .container_wrap ul li:nth-child(1) {
    animation-delay: 0.2s;
}

.review_2027.is-visible .container_wrap ul li:nth-child(2) {
    animation-delay: 0.35s;
}

.review_2027.is-visible .container_wrap ul li:nth-child(3) {
    animation-delay: 0.5s;
}

.review_2027.is-visible .container_wrap ul li:nth-child(4) {
    animation-delay: 0.65s;
}

.review_2027.is-visible .container_wrap ul li:nth-child(5) {
    animation-delay: 0.8s;
}

.review_2027.is-visible .container_wrap ul li:nth-child(6) {
    animation-delay: 0.95s;
}
/* section03 */
#section03 {
    background-image: url("../../images/2026/1006/front.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 2270px;
    position: relative;
    overflow: hidden;
}

.front_2027 .event_title03 {
    width: 1000px;
    display: inline-block;
    margin-top: 120px;
    animation-name: text04;
    animation-delay: 0.2s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.front_2027 ul {
    margin-top: 70px;
    display: inline-block;
}

.front_2027 ul li:nth-child(2) {
    width: 1040px;
    display: inline-block;
    margin-top: 70px;
    animation-name: text04;
    animation-delay: 0.8s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

@keyframes text04 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

/* section04 */
#section04 {
    background-image: url("../../images/2026/1006/back.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 2270px;
    position: relative;
    overflow: hidden;
}

.back_2027 .event_title04 {
    width: 553px;
    display: inline-block;
    margin-top: 120px;
    animation-name: text05;
    animation-delay: 0.2s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

.back_2027 ul {
    margin-top: 70px;
    display: inline-block;
}

.back_2027 ul li:nth-child(2) {
    width: 1040px;
    display: inline-block;
    margin-top: 70px;
    animation-name: text05;
    animation-delay: 0.8s;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

@keyframes text05 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

/* section05 */
#section05 {
    background-color: #fff;
    width: 100%;
    height: 1571px;
    position: relative;
    overflow: hidden;
}

.outsection .top_text05 {
    margin-top: 120px;
    width: 1040px;
    display: inline-block;
    animation-name: text05;
    animation-delay: 0.1s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}
.outsection .top_text05 span {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 1px;
    line-height: 110px;
    letter-spacing: -0.05em;
    color: transparent;
    z-index: 1;
}

@keyframes text05 {
    0% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}




.outsection .image2027_03 {
    width: 1040px;
    margin-top: 120px;
    display: inline-block;
    animation-name: text01;
    animation-delay: 0.8s;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    position: relative;
    top: 0;
    opacity: 0;
}

/* section06 */
.out_2027cal {
    background-image: url("../../images/2026/1006/outbanner.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 590px;
    position: relative;
    overflow: hidden;
}

.out_2027cal a {
    margin-top: 120px;
    display: inline-block;
    width: 1200px;
}


.conts_btn_top {
    position: fixed;
    left: 50%;
    margin-left: 680px;
    bottom: 95px;
    z-index: 9888;
    animation: topm 0.8s ease-in-out infinite;
    animation-play-state: paused;
}

.conts_btn_top button {
    cursor: pointer;
    border: none;
    outline: none;
    display: block;
    background: url(https://www.bizforms.co.kr/magazine/content/hotclick/images/2020/201208/ico_top.png) 50% 50% no-repeat;
    text-indent: -9999px;
    opacity: 0;
    width: 0px;
    height: 0px;
    -webkit-transition: opacity 0.4s, width 0s 0.4s, height 0s 0.4s;
    -moz-transition: opacity 0.4s, width 0s 0.4s, height 0s 0.4s;
    -ms-transition: opacity 0.4s, width 0s 0.4s, height 0s 0.4s;
    -o-transition: opacity 0.4s, width 0s 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, width 0s 0.4s, height 0s 0.4s;
}

.conts_btn_top:hover {
    animation-play-state: running;
    animation-fill-mode: forwards;
}

.conts_btn_top.on button {
    opacity: 0.5;
    width: 50px;
    height: 50px;
    -webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -ms-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
    transition: opacity 1.0s;
}

.conts_btn_top.on:hover button {
    opacity: 1;
}




/* ----------------------------------------
   9. 사이드 메뉴 indicator 전환 부드럽게
   ---------------------------------------- */
.top_banner .side_menu ul li a {
    transition: color 0.3s ease, font-weight 0.3s ease;
}

.top_banner .side_menu ul li::after {
    transition: background-image 0.3s ease, transform 0.3s ease;
}

/* .top_banner .side_menu ul li.on::after {
    transform: translateY(-50%) scale(1.2);
} */

/* =================================================
   Scroll Reveal
   ================================================= */

/* 스크롤 전에는 애니메이션 정지 */
.deskcal_2027 .event_title01,
.deskcal_2027 .event_cal,
.deskcal_2027 .event_txt,
.review_2027 .event_title02,
.review_2027 .container_wrap ul li,
.front_2027 .event_title03,
.front_2027 ul li:nth-child(2),
.back_2027 .event_title04,
.back_2027 ul li:nth-child(2),
.outsection .top_text05,
.outsection .image2027_03 {
    animation-play-state: paused;
}


/* 화면에 들어오면 애니메이션 실행 */
.deskcal_2027.is-visible .event_title01,
.deskcal_2027.is-visible .event_cal,
.deskcal_2027.is-visible .event_txt,
.review_2027.is-visible .event_title02,
.review_2027.is-visible .container_wrap ul li,
.front_2027.is-visible .event_title03,
.front_2027.is-visible ul li:nth-child(2),
.back_2027.is-visible .event_title04,
.back_2027.is-visible ul li:nth-child(2),
.outsection.is-visible .top_text05,
.outsection.is-visible .image2027_03 {
    animation-play-state: running;
}