/*�명듃濡�*/
.intro-header {
    width: 100%;
    background-color: #507cf4;
}

.intro-start {
    height: 44px;
    background-color: #507cf4 !important;
}

.intro-start .next-page {
    font-size: 16px;
    color: #fff;
}

.intro-page .main-article .h1 {
    color: #fff;
    padding-left: 30px;
    font-size: 30px;
    line-height: 1.4;
    margin: 0;
    font-weight: 700;
}

#app-intro-banner {
    height: calc(100vh - 44px);
    /*overflow-x: scroll;*/
    /*position: fixed;*/
    background-color: #507cf4;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
}

#app-intro-banner .swiper-container-3d {
    height: 100%;
}

#app-intro-banner .swiper-pagination {
    position: absolute;
    bottom: 70px;
}

#app-intro-banner .swiper-pagination-bullet {
    background-color: #fff;
}

#app-intro-banner .swiper-container-3d {
    perspective: none;
}

#app-intro-banner .fixed-bottom {
    height: 60px;
}

#app-intro-banner .main-article {
    position: relative;
    z-index: 100;
}

#app-intro-banner .main-article p {
    color: #fff;
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: 300;
}

#app-intro-banner .main-article p.small {
    font-size: 14px;
}

#app-intro-banner .main-article .title-top {
    margin-top: 23px;
}

#app-intro-banner .main-article .price {
    font-size: 115px;
    padding-left: 30px;
    line-height: 0;
    margin-top: 57px;
}

#app-intro-banner .main-article .price span {
    font-size: 47px;
}

#app-intro-banner div .intro-swiper .swiper-slide .main-slide {
    height: 100%;
    position: relative;
}

#app-intro-banner div .intro-swiper .swiper-slide div .item {
    position: absolute;
    bottom: 72px;
}

#app-intro-banner div .intro-swiper .swiper-slide div .item img {
    max-width: 100%;
    height: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    margin: 0 auto 0 auto;
    bottom: auto;
    /* left: auto;*/
    line-height: 10px;
    padding-top: 2px;
}

.swiper-pagination {
    position: relative;
}

.swiper-pagination-bullet {
    width: calc((100vw - (25px * 2)) / 4);
    height: 3px;
    border-radius: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}