@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

body {overflow: hidden;}

.img_bg {
    position: relative;
}

.gold_swiper {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: calc(50% + 300px);
    left: 0;
    transform: translate(0%, -50%);
    height: 340px;
}

.gold_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;

}

.gold_swiper .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.img-wrap.link {
    width: 100%;
}

.gold_swiper .fp-controlArrow.fp-prev,
.gold_swiper .fp-controlArrow.fp-next {
    top: 55%;
}

.gold_swiper .fp-controlArrow.fp-prev {
    left: calc((100% - 1280px) / 2 + 20px);
    border: 0;
    width: 45px;
    height: 76px;
    background: url(/theme/basic/img/main_prev.png) center center no-repeat;
    background-size: 45px 76px;
}

.gold_swiper .fp-controlArrow.fp-next {
    right: calc((100% - 1280px) / 2 + 20px);
    border: 0;
    width: 45px;
    height: 76px;
    background: url(/theme/basic/img/main_next.png) center center no-repeat;
    background-size: 45px 76px;
}

.gold_swiper .main_youtube_wrap {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    color: #fff;
    transform: translateY(45px);
    width: 100%;
    max-width: 600px !important;
}

.gold_swiper .new_img_background_wrap_2 .img-wrap .blank-pos.ty3.more_btn {
    bottom: 7.6%;
}

.gold_swiper .swiper-pagination {
    display: none;
}

.gold_swiper .swiper-pagination-bullet-active {
    background: red;
}


@media screen and (max-width: 1440px) {
    .gold_swiper {
        top: calc(50% + 200px);
    }
}

@media screen and (max-width: 1280px) {
    .gold_swiper .fp-controlArrow.fp-next {
        right: 80px;
    }

    .gold_swiper .fp-controlArrow.fp-prev {
        left: 80px;
    }

    .gold_swiper {
        top: calc(50% + 100px);
    }

    .gold_swiper .main_youtube_wrap {
        max-width: 500px !important
    }
}

@media screen and (max-width: 900px) {

    .gold_swiper {
        top: calc(50% + 50px);
    }
}


@media screen and (max-width: 767px) {

    .gold_swiper .main_youtube_wrap {
        max-width: 400px !important
    }

    .gold_swiper .fp-controlArrow.fp-next {
        right: 20px;
        width: 22px;
        height: 35px;
        background-size: 22px 35px;
        top: 60%;
    }

    .gold_swiper .fp-controlArrow.fp-prev {
        left: 20px;
        width: 22px;
        height: 35px;
        background-size: 22px 35px;
        top: 60%;
    }

    .gold_swiper {
        top: calc(50% + 100px);
    }

    .new_img_background_wrap_2 .img-wrap .blank-pos.ty3.more_btn {
        bottom: 9.6%;
    }
}

@media screen and (max-width: 540px) {

    .gold_swiper .main_youtube_wrap {
        max-width: 300px !important
    }

    .gold_swiper {
        top: calc(50% + 50px);
    }


    .gold_swiper .swiper-pagination {
        display: block;
    }

    .gold_swiper .fp-controlArrow.fp-prev,
    .gold_swiper .fp-controlArrow.fp-next {
        display: none;
    }


}

@media screen and (max-width: 430px) {

    .gold_swiper {
        top: calc(50% + 00px);
    }

    .gold_swiper .swiper-pagination {
        display: block;
    }


}

@media (min-aspect-ratio: 16 / 9) {
    .gold_swiper .main_youtube_wrap iframe {
        width: 100% !important;
        height: inherit !important
    }
}