#wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    position: relative;

}

body {
    width: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x: hidden;

}

img {
    width: 100%;
}


/*main*/
/*
#main {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 20vw;
    height: 127vw;

    background-image: url(../img/main/main_bg.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.main_box {
    position: absolute;
    width: 100%;
    display: flex;

}*/
#main {
    background-image: url(../img/main/main_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 120vw;
}

.swiper {
    width: 100%;
    height: 100%;
}

.mySwiper {
    width: 90%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.mySwiper .swiper-wrapper .swiper-slide > img {
    width: 100%;
}

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

.pkc {
    position: relative;
    top: 0;
    /*transform: scale(1.2);*/
    z-index: 9;
}

.maintext01,
.re01 {
    z-index: 10;
    position: absolute;
    top: 12vw;
    width: 52vw;
    left: 5vw;
    opacity: 0;
}

.maintext02,
.re02 {
    z-index: 10;
    position: absolute;
    top: 4vw;
    left: 5vw;
    width: 58vw;
    opacity: 0;
}

.maintext03,
.re03 {
    z-index: 10;
    position: absolute;
    top: 32vw;
    left: 5vw;
    width: 30vw;
    opacity: 0;
}

.maintext04,
.re04 {
    z-index: 10;
    position: absolute;
    top: 56vw;
    left: 5vw;
    width: 31vw;
    opacity: 0;
}

.maintext05 {
    z-index: 10;
    position: absolute;
    top: 61vw;
    left: 5vw;
    width: 35vw;
    opacity: 0;
}

.open {
    position: absolute;
    bottom: 2vw;
    left: 6vw;
    width: 20vw;
    z-index: 11;
    opacity: 0;
}

#mt01 {
    top: 12vw;
    width: 40vw;
    left: 5vw;
}

#bull_01 {
    position: absolute;
    bottom: 0;
    width: 12%;
    padding: 0 4vw;
    background: #fff;
}

/*프리미엄*/

.pre {
    padding-bottom: 10vw;
}

.pre_text {
    width: 60vw;
    margin: 0 auto;
    padding: 14vw 0 0 0;

}

.mySwiper2 {
    width: 100%;
    height: 135vw;
}

.mySwiper2 .swiper-wrapper .swiper-slide img {
    width: 90%;
}

#bull_02 {
    position: absolute;
    left: 25vw;
    bottom: 0;
    width: 50%;
}


/*유닛*/
.unit {
    background: #f5f5f5;
    height: 160vw;
    position: relative;
}

.unit .swiper_container {
    position: relative;
}

.unit_text {
    width: 50vw;
    margin: 0 0 0 7vw;
    padding: 14vw 0 0 0;
}

.mySwiper3 {
    width: 100%;
    height: 130vw;
}

.mySwiper3 .swiper-wrapper .swiper-slide {
    height: 90%;
}

.mySwiper3 .swiper-wrapper .swiper-slide img {
    width: 80%;
}

#prev_01 {
    width: 8vw;
    height: 8vw;
    left: 37vw;
    top: 120vw;
}

#next_01 {
    width: 8vw;
    height: 8vw;
    right: 37vw;
    top: 120vw;
}

/*특별혜택*/

.special {
    background-image: url(../img/special/special_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 120vw;
}

.spe_text {
    width: 54vw;
    margin: 0 auto;
    padding: 14vw 0 0;
}

.mySwiper4 {
    width: 100%;
    height: 100%;
}

.mySwiper4 .swiper-wrapper .swiper-slide {
    height: 75vw;
}

.mySwiper4 .swiper-wrapper .swiper-slide img {
    width: 80%;
}

#prev_02 {
    width: 8vw;
    height: 8vw;
    left: 6vw;
    top: 36vw;
}

#next_02 {
    width: 8vw;
    height: 8vw;
    right: 6vw;
    top: 36vw;
}

#bull_03 {
    position: absolute;
    left: 25vw;
    width: 50%;
}

/*footer*/

.foot {
    position: relative;
    width: 100%;
}

.footer {
    top: 0;
    position: absolute;

}

/*footer end*/