@charset "utf-8";

#main {
    padding-top: 136px;
}
@media screen and (max-width: 1279px) {
    #main {
        padding-top: 72px;
    }
}

/* @media screen and (min-width: 1280px) {
    .snap-container {
        position: relative;
        height: 100vh;
        overflow: hidden auto;
        scroll-snap-type: y mandatory;
        scroll-behavior: smooth;
        scroll-timeline: --scroll-timeline;
    }
    .snap-container::-webkit-scrollbar {
        display: none;
    }
    .snap-section {
        height: 100vh;
        padding-top: 136px;
        scroll-snap-align: start;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #fff;
        overflow: hidden;
    }
    .snap-footer {
        scroll-snap-align: end;
        scroll-snap-stop: always;
    }
} */




.mainVisual {}
.mainVisual .swiper-pagin.swiper-pagination-lock {
    display: block;
}
.mainVisual .swiper-pagin {
    color:#FFF;
    font-weight: 800;
    letter-spacing: -0.48px;
}
.mainVisual .swiper-pagin .swiper-pagination-current {
    color: #FFC75E;
}
.mainVisual .swiper-button-lock {
    display: inline-block;
    opacity: 0.7;
    pointer-events: none;
}
.mainVisual .swiper-button-disabled {
    display: inline-block;
    opacity: 0.7;
    pointer-events: none;
}
.mainVisual .subSwiper {
    visibility: visible;
}

@media screen and (max-width: 1279px) {
    .mainVisual .subSwiper {
        visibility: hidden;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
    }
}

/* 배너존 */
.bannerZone .swiper-pagin {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #2D2D2D;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.51px;
}
.bannerZone .swiper-pagin .swiper-pagination-current {
    color: #307070;
}
.bannerZone .swiper-controller .prev:hover .ico-prev-black {
    background-image: url(../images/icons/ico-prev-darkTeal.svg);
}
.bannerZone .swiper-controller .play:hover .ico-play-black {
    background-image: url(../images/icons/ico-play-darkTeal.svg);
}
.bannerZone .swiper-controller .next:hover .ico-next-black {
    background-image: url(../images/icons/ico-next-darkTeal.svg);
}
.bannerZone .swiper-controller .stop:hover .ico-pause-black {
    background-image: url(../images/icons/ico-pause-darkTeal.svg);
}

/* 배너모음 */
.banner-list .swiper .swiper-slide {
    width: auto;
}
.banner-list .swiper-controller .swiper-button-lock {
    display: inline-block;
    opacity: 0.4;
    pointer-events: none;
}
.banner-list .swiper-controller .swiper-button-lock + .play:has(+ .swiper-button-lock),
.banner-list .swiper-controller .swiper-button-lock + .stop:has(+ .swiper-button-lock) {
    opacity: 0.4;
    pointer-events: none;
}

/* 메인팝업 */
.main_notice_pop {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 132px;
    left: 0;
    z-index: 99;
}

.main_notice_pop .pop_con {
    position: relative;
    top: 0; right: 0;
    background-color: #fff;
    z-index: 1;
    word-break: break-all;
}

.main_notice_pop .pop_con .close_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background-image:  url(../images/icon/icon_close_white.svg);
    background-color: rgba(28, 28, 28, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 20;
}

.main_notice_pop .pop_con .img img {
    width: 100%;
    max-width: 100%;
}

.main_notice_pop .pop_con .btns {
    display: flex;
    background: #212121;
}

.main_notice_pop .pop_con .btns .btn_invisible {
    flex: 1;
    position: relative;
    padding: 13px 0;
    border: none;
    background: #3e3e3e;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.main_notice_pop .pop_con .btns .btn_close {
    flex: 1;
    position: relative;
    padding: 13px 0;
    border: none;
    background: #212121;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.main_notice_pop .pop_con .btns button span {
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 1279px) {
    .main_notice_pop {
        left: 0;
        right: 0;
    }

    .main_notice_pop .pop_con {
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100% - 70px);
    }
}

@media screen and (max-width: 1279px) {
	.main_notice_pop {
		top: 116px;
	}
}
@media screen and (max-width: 767px) {

	.main_notice_pop .pop_con {
		max-width: calc(100% - 32px);
	}
}

/* layer popup */
.layer-popup::-webkit-scrollbar {
    display: none;
}
.layer-popup::-webkit-scrollbar-thumb {
    display: none;
}
.layer-popup::-webkit-scrollbar-track {
    display: none;
}

.layer-popup .swiper-slide {
    width: 400px;
    max-width: 100vw;
}

.layer-popup .pop_con img {
    max-width: 100%;
}
.layer-popup .swiper-controller .prev:hover,
.layer-popup .swiper-controller .prev:focus {
    background-color: #fff;
}
.layer-popup .swiper-controller .prev:focus .ico-prev2-white,
.layer-popup .swiper-controller .prev:hover .ico-prev2-white {
    background-image: url(../images/icons/ico-prev2-darkTeal.svg);
}
.layer-popup .swiper-controller .next:hover,
.layer-popup .swiper-controller .next:focus {
    background-color: #fff;
}
.layer-popup .swiper-controller .next:focus .ico-next2-white,
.layer-popup .swiper-controller .next:hover .ico-next2-white {
    background-image: url(../images/icons/ico-next2-darkTeal.svg);
}

.layerPopupPagination.swiper-pagination-fraction {
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: normal;
    color: #C6C6C6;
}
.layerPopupPagination.swiper-pagination-fraction .swiper-pagination-current {
    color: #FFC75E;
}
.layerPopupPagination.swiper-pagination-fraction .swiper-pagination-total {

}





br.pc {display: block;}
br.t {display: none;}
br.m {display: none;}
@media screen and (max-width: 1279px) {
    br.pc {display: none;}
    br.t {display: block;}
}
@media screen and (max-width: 767px) {
    br.m {display: block;}
    br.t {display: none;}
}