@charset "UTF-8";

.main{
    overflow:hidden;
}
.main .txt .btn-wrap{
    margin-top: 3.4rem;
}
.main .txt .btn-wrap a{
    position: relative;
    display: inline-block;
    color: #3182F6;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.134;
    padding: 1.7rem 5.1rem 1.8rem 3.3rem;
    border-radius: 4px;
    border: 1px solid #3182F6;
}
.main .txt .btn-wrap a::after{
    content: "";
    position: absolute;
    top: 49%;
    right: 3.3rem;
    width: .8rem;
    height: .8rem;
    border-top: 2px solid #3182F6;
    border-right: 2px solid #3182F6;
    transform: translateY(-50%) rotate(45deg);
}

/* section 1 */
.section1{
    position: relative;
    height: 100vh;
    min-height: 64rem;
    color: #fff;
}
.section1 .sec-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}
.section1 .txt{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}
.section1 .txt em{
    position: relative;
    display: inline-block;
    width: 277px;
    height: 45px;
    margin-top: 10.3rem;
    background: url(/images/home/celeb/img_sprite.svg) no-repeat;
    background-position: 0 -62px;
}
.section1 .txt .line{
    position: absolute;
    top: 14%;
    left: 23.5%;
    width: 200px;
    height: 100%;
}
.section1 .txt .line::after{
    content: '';
    position:absolute;
    top: 45%;
    left: 0;
    width: 0;
    border-bottom: 4px solid #fff;
    animation: line .6s .1s ease forwards;
}
@keyframes line{
    0% {
        left: 50%;
        width: 0%;
    }
    100%{
        left: 10%;
        width: 100%;
    }
}
.section1 .tit{
    word-break: keep-all;
    font-size: 6.5rem;
    font-weight: 300;
    line-height: 1.277;
    letter-spacing: -.04em;
}
.section1 .tit strong{
    color: #3E93F2;
    display: block;
    font-weight: 900;
}
.section1 .tit .tag{
    font-size: 0;
    margin-top: 2.4rem;
}
.section1 .tit .tag span{
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.125;
    letter-spacing: -.01em;
    padding-right: 1.5rem;
}
.section1 .tit .tag span:last-child{
    padding-right: 0;
}

/* scroll down */
.section1 .scroll-down{
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
}
.section1 .scroll-down p{
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: .8rem;
}
.section1 .scroll-down span{
    position: relative;
    display: block;
    width: 2rem;
    height: 3rem;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 5rem;
}
.section1 .scroll-down span::before{
    content: '';
    position: absolute;
    display: block;
    top: .4rem;
    left: 50%;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #fff;
    transform: translateX(-50%);
    animation: scroll-down 1.2s infinite;
}
@keyframes scroll-down {
    0%{
        transform: translate(-50%, 0);
        opacity: 0;
    }
    40%{
        opacity: 1;
    }
    80%{
        transform: translate(-50%, 20px);
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}


/* section 2 */
.section2{
    text-align: center;
    padding: 15rem 0 7.2rem;
    background: #F7FAFF;
}
.section2 .tit strong span{
    display: inline-block;
    width: 9.5rem;
    height: 5.3rem;
    vertical-align: middle;
    margin: -.6rem 0 0 1.4rem;
    background: url(/images/home/celeb/img_picxell.svg) no-repeat center;
    background-size: 100%;
}
.section2 .visual-wrap{
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 6.8rem 0;
}
.section2 .visual-wrap .back-bg{
    position: absolute;
    top: 13.7rem;
    width: 100%;
}
.section2 .visual-wrap .back-bg::before,
.section2 .visual-wrap .back-bg::after{
    z-index: 1;
    content: '';
    position: absolute;
    top: -1px;
    display: block;
    width: 37.6rem;
    height: 102%;
    background: linear-gradient(90deg, #F7FAFF 42.19%, rgba(247, 250, 255, 0) 100%)
}
.section2 .visual-wrap .back-bg::before{
    left: 0;
}
.section2 .visual-wrap .back-bg::after{
    right: 0;
    transform: rotate(-180deg);
}
.section2 .visual-wrap .back-bg li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 295.6rem;
    height: auto;
}
.section2 .visual-wrap .back-bg li img + img{
    padding-left: 2rem;
}
.section2 .visual-wrap .back-bg li.flow-right{
    animation: flow-right 55s linear infinite alternate;
}
.section2 .visual-wrap .back-bg li.flow-left{
    padding-top: 2rem;
    animation: flow-left 55s linear infinite alternate;
}
@keyframes flow-right{
    0%{
        transform: translate(-100%, 0);
    }
    100%{
        transform: translate(0, 0)
    }
}
@keyframes flow-left{
    0%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(-100%, 0)
    }
}
.section2 .visual-wrap .phone{
    position: relative;
    width: 23rem;
    margin: 0 auto;
}
.section2 .visual-wrap .phone-frame{
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6px solid #000;
    border-radius: 20px;
    box-shadow: 2px 4px 24px 7px rgba(0, 0, 0, .16)
}
.section2 .visual-wrap .phone-slide-wrap{
    z-index: 0;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
.section2 .visual-wrap .phone-slide-wrap .swiper-slide img{
    padding-bottom: 6px;
}

/* picxell-info-wrap */
.picxell-info-wrap{
    position: relative;
    padding: 9.6rem 0 10.8rem;
    background: #E3EDFC;
}
.picxell-info-wrap .plus{
    position: absolute;
    top: -4.1rem;
    left: 50%;
    width: 8.2rem;
    height: 8.2rem;
    border-radius: 50%;
    background: #E3EDFC;
    transform: translateX(-50%);
}
.picxell-info-wrap .plus::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url(/images/home/celeb/img_sprite.svg) no-repeat;
    background-position: -158px -157px;
    transform: translate(-50%,-50%);
}
.picxell-info-wrap .cont{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.picxell-info-wrap .tit{
    font-size: 4.2rem;
    font-weight: 400;
    line-height: 1.0956;
}
.picxell-info-wrap .tit strong{
    color: #333;
    display: inline-block;
}
.picxell-info-wrap .tit strong em{
    color: #3182F6;
}
.picxell-info-wrap .obj{
    width: 92rem;
    padding-top: 3.2rem;
}
.picxell-info-wrap .obj > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 3rem 3rem 3rem 14.8rem;
    border-radius: 1.2rem;
    background: #fff;
    background-repeat: no-repeat;
}
.picxell-info-wrap .obj .img-box{
    overflow: hidden;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    background: #F191AF;
}
.picxell-info-wrap .obj .txt-box{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left: 5.2rem;
    margin-top: .5rem;
}
.picxell-info-wrap .obj .txt-box > strong{
    display: inline-block;
    color: #FF3577;
    font-size: 2.9rem;
    font-weight: 800;
    line-height: 1.1035;
}
.picxell-info-wrap .obj .txt-box p{
    word-break: keep-all;
    font-size: 1.7rem;
    line-height: 1.6475;
    margin: 1.2rem 0 1.6rem;
}
.picxell-info-wrap .obj .celeb-box .txt-box p{
    width: 85%;
}
.picxell-info-wrap .obj .txt-box p > strong{
    font-weight: 800;
}
.picxell-info-wrap .obj .celeb-box{
    background-image: url(/images/home/celeb/img_picxell_info_bg01.png);
    background-size: 24.4rem auto;
    background-position: left -.5rem bottom  -.9rem;
}
.picxell-info-wrap .obj .seller-box{
    margin-top: 1.2rem;
    background-image: url(/images/home/celeb/img_picxell_info_bg02.png);
    background-size: 25.5rem auto;
    background-position: left -1.5rem bottom  -.5rem;
}
.picxell-info-wrap .obj .seller-box .img-box{
    background: #100627;
}
.picxell-info-wrap .obj .seller-box .txt-box > strong{
    color: #321C85;
}
.picxell-info-wrap .obj .label-wrap{
    font-size: 0;
}
.picxell-info-wrap .obj .label-wrap span{
    display: inline-block;
    font-size: 1.3rem;
    padding: 1rem 1.7rem;
    margin-top: .6rem;
    border-radius: 5rem;
    background: #F6F6F6;
}
.picxell-info-wrap .obj .label-wrap span + span{
    margin-left: .6rem;
}
.picxell-info-wrap .btn-download{
    position:relative;
    padding:.6rem 1.9rem .5rem .9rem;
    margin-top:1.6rem;
    margin-bottom:-.8rem;
    color:#321C85;
    font-size:1.1rem;
    font-weight:800;
    border-color:#321C85;
}
.picxell-info-wrap .btn-download::after{
    content:"";
    position:absolute;
    top:40%;
    right:.9rem;
    width:.6rem;
    height:.6rem;
    border-top:.1rem solid #321C85;
    border-right:.1rem solid #321C85;
    transform:rotate(45deg);
}

/* section 3 */
.section3{
    padding: 8.6rem 0 10.4rem;
}
.section3 .obj{
    position: relative;
    width: 50%;
    margin-right: 6rem;
}
.section3 .obj > div{
    position: relative;
    display: inline-block;
    width: 43rem;
    height: auto;
}
.section3 .swiper-sec3{
    overflow: hidden;
    position: absolute;
    top: 13rem;
    left: 7.8rem;
    width: 45.2rem;
}
.section3 .txt{
    padding-top: 8rem;
}


/* section 4 */
.section4{
    padding: 14.6rem 0 15rem;
    background: #F7FAFF;
}
.section4 .cont{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.section4 .txt{
    padding-top: 4rem;
}
.section4 .obj > div{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 52rem;
    height: auto;
}
.section4 .swiper-sec4{
    position: absolute;
    top: 9.1rem;
    width: 100%;
}
.section4 .swiper-sec4 .swiper-slide{
    position: relative;
    width: 14rem;
    box-shadow: 0 0 1.2rem rgba(0, 0, 0, .05);
}
.section4 .swiper-sec4 .swiper-slide-active::before,
.section4 .swiper-sec4 .swiper-slide-active::after{
    content: '';
    position: absolute;
}
.section4 .swiper-sec4 .swiper-slide-active::before{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: pick 1s forwards;
}
@keyframes pick{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
        background: url(/images/home/celeb/img_sec4_obj_frame.png) no-repeat center;
        background-size: 100%;
    }
}
.section4 .swiper-sec4 .swiper-slide-active::after{
    z-index: 1;
    top: 27%;
    left: 50%;
    width: 63%;
    height: 17%;
    transform: translateX(-50%);
    animation: pick-txt 1s forwards;
}
@keyframes pick-txt{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
        background: url(/images/home/celeb/img_sec4_obj_pick.svg) no-repeat center;
        background-size: 100%;
    }
}

/* picxell-sample-wrap */
.picxell-sample-wrap{
    padding: 18.4rem 0 17.2rem;
}
.picxell-sample-wrap .txt > p{
    width: 85%;
}
.picxell-sample-wrap .obj > div{
    display: inline-block;
    width: 46.4rem;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 3.2rem 0 rgba(0, 0, 0, .16);
}
.picxell-sample-wrap .obj .list{
    position: absolute;
    top: 15.1rem;
    left: 8.8rem;
    width: 42.6rem;
    font-size: 0;
}
.picxell-sample-wrap .obj .list img{
    display: inline-block;
    width: 13.4rem;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, .15);
}
.picxell-sample-wrap .obj .list img + img{
    margin-left: 1.2rem;
}
.picxell-sample-wrap .txt{
    padding-left: 20.5rem;
    margin-top: -1.35rem;
}
.picxell-sample-wrap .txt small{
    position: relative;
    display: block;
    color:#ff4e59;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.6;
    padding-left: 1rem;
    margin-top: 1.6rem;
}
.picxell-sample-wrap .txt small::before{
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

/* section 5 */
.section5{
    padding: 11rem 0 14.4rem;
    background: #F7FAFF;
}
.section5 .cont{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.section5 .obj{
    width: 43.7rem;
    margin-right: 2.4rem;
}
.section5 .obj > div{
    position: relative;
    width: 31rem;
    height: auto;
}
.section5 .obj .list{
    position: absolute;
    top: 23.1rem;
    left: 18.3rem;
    width: 25.4rem;
    height: auto;
}
.section5 .obj .list img{
    z-index: 2;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.section5 .obj .list img + img{
    margin-top: 1.1rem;
}
.section5 .obj .list img:nth-child(2){
    z-index: 1;
}
.section5 .obj .list img:last-child{
    z-index: 0;
}
.section5 .txt em{
    color: #3182F6;
}
.section5 .txt small{
    display: block;
    color:#333;
    font-size:1.5rem;
    line-height:1.2;
}
.section5 .txt small:first-of-type{
    margin-top: 1.6rem;
}
.section5 .txt small:not(:last-child){
    color:#ff4e59;
    font-weight: 800;
}
.section5 .txt small + small{
    margin-top: .8rem;
}

/* section 6 */
.section6{
    padding: 15.5rem 0 17.2rem;
}
.section6 .cont{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.section6 .txt{
    padding-top: 5.1rem;
}
.section6 .tit strong{
    display: inline-block;
}
.section6 .obj{
    margin: 0 21.2rem 0 8.3rem;
}
.section6 .obj .circle{
    display: inline-block;
    width: 33.5rem;
    border-radius: 50%;
    background: #DFE9FA;
}
.section6 .obj .circle::after{
    content: '';
    display: block;
    padding-bottom: 100%;
}
.section6 .obj .img-wrap{
    position: absolute;
    top: 0;
    right: 0;
    width: 42rem;
}
.section6 .obj .img-wrap div{
    position: relative;
    top: -.5rem;
    right: -4.3rem;
    text-align: center;
}
.section6 .obj .img-wrap .obj1{
    width: 23.9rem;
    height: auto;
    box-shadow: 0 7px 20px 2px rgba(0, 0, 0, .05);
}
.section6 .obj .img-wrap .obj2{
    position: absolute;
    bottom: -2rem;
    right: 3.3rem;
    width: 11.2rem;
    height: auto;
}
.section6 .obj .img-wrap .obj3{
    position: absolute;
    top: 3.4rem;
    left: 0;
    width: 100%;
    height: auto;
}

/* picxell-bonus-wrap */
.picxell-bonus-wrap{
    padding: 14.5rem 0 14.6rem;
    background: #F7FAFF;
}
.picxell-bonus-wrap .tit{
    width: 70%;
}
.picxell-bonus-wrap .txt > p{
    width: 52%;
}
.picxell-bonus-wrap .txt > p span{
    display:inline-block;
}
.picxell-bonus-wrap .cont{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.picxell-bonus-wrap .obj{
    padding-top: 4.2rem;
    margin-right: 6.6rem;
}
.picxell-bonus-wrap .obj .img-wrap{
    position: relative;
    width: 32.8rem;
    height: auto;
}
.picxell-bonus-wrap .obj .img-wrap .item img{
    position: absolute;
}
.picxell-bonus-wrap .obj .img-wrap .item .obj1{
    top: .2rem;
    right: -4.1rem;
    width: 14rem;
}
.picxell-bonus-wrap .obj .img-wrap .item .obj2{
    bottom: 8.6rem;
    left: -4.1rem;
    width: 8rem;
}
.picxell-bonus-wrap .obj .img-wrap .item .obj3{
    bottom: 4.1rem;
    right: -2.3rem;
    width: 5.4rem;
}
:is(.picxell-bonus-wrap, .seller-bonus-wrap) .tit strong{
    display: inline-block;
}

/* seller-bonus-wrap */
.seller-bonus-wrap{
    padding: 13.9rem 0 14rem;
}
.seller-bonus-wrap .obj{
    font-size: 0;
    width: 32rem;
    height: 32rem;
    margin: 7rem auto 0 11.4rem;
}
.seller-bonus-wrap .obj .circle{
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #DEE8F9;
}
.seller-bonus-wrap .obj .img-wrap{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 110%;
    height: 127%;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%);
}
.seller-bonus-wrap .obj .img-wrap img{
    position: absolute;
    bottom: -7.6rem;
    width: 34.4rem;
    height: 44.9rem;
}
.seller-bonus-wrap .txt small{
    display: block;
    color: #777;
    font-size: 1.5rem;
    line-height: 2.125;
}

/* section 7 */
.section7{
    text-align: center;
    padding: 11rem 0 12rem;
    background: #f8f8f8;
}
.section7 .inner{
    padding: 0 20px;
}
.section7 .cont{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.section7 .tit{
    font-size: 5rem;
    line-height: 1.1;
}
.section7 .txt > p{
    padding: 0 0 1.8rem;
}
.section7 .tit strong{
    display: inline-block;
}
.section7 .swiper-pagination{
    z-index: 1;
    position: relative;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: auto;
    padding: .5rem;
    margin: 4.2rem auto 3.2rem;
    border-radius: 5rem;
    background: #fff;
}
.section7 .swiper-pagination-bullets .swiper-pagination-bullet{
    opacity: 1;
    width: auto;
    height: auto;
    min-width: 9.8rem;
    color: #777;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.134;
    letter-spacing: -.04em;
    padding: 1.4rem 2rem 1.5rem;
    margin: 0 auto;
    border-radius: 50px;
    background: transparent;
}
.section7 .swiper-pagination-bullets .swiper-pagination-bullet-active{
    color: #fff;
    font-weight: 800;
    border-radius: 50px;
    background: #3182F6;
}
.section7 .swiper-container{
    border-radius: 30px;
    box-shadow: 0 0 39px 16px rgba(0,0,0,.05);
}
.section7 .swiper-sec7 .swiper-slide{
    overflow: hidden;
    color: #fff;
    height: 58rem;
    background: linear-gradient(104.83deg, #4D557B 0%, #233047 100%);
}
.section7 .swiper-sec7 .swiper-slide.slide1 .txt-wrap{
    background-image: url(/images/home/celeb/img_sec7_bg1.png);
}
.section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap{
    background-image: url(/images/home/celeb/img_sec7_bg2.png);
}
.section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap{
    background-image: url(/images/home/celeb/img_sec7_bg3.png);
}
.section7 .swiper-sec7 .swiper-slide.slide4 .txt-wrap{
    background-image: url(/images/home/celeb/img_sec7_bg4.png);
}
.section7 .txt-wrap{
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    text-align: left;
    padding: 12rem 9rem 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 587px auto;
}
.section7 .txt-wrap .num{
    position: absolute;
    top: 5.5rem;
    left: 5.3rem;
    color: rgba(255, 255, 255, .3);
    font-size: 8.8rem;
    font-weight: 900;
    mix-blend-mode: soft-light;
}
.section7 .txt-wrap strong{
    word-break: keep-all;
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 1.2;
}
.section7 .txt-wrap p{
    word-break: keep-all;
    font-size: 1.6rem;
    line-height: 1.813;
    margin-top: 2.4rem;
}
.section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap > p{
    width: 42%;
}
.section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap > p{
    width: 46%;
}
.section7 .swiper-sec7 .swiper-slide.slide4 .txt-wrap > p{
    width: 41%;
}
.section7 .txt-wrap p em{
    display: block;
    color: #FF7575;
    font-size: 1.4rem;
    font-weight: 800;
    margin-top: 1rem;
}

/* section 8 */
.section8{
    padding: 10.2rem 0 7.4rem;
    border-bottom: 1px solid #eee;
}
.section8 .cont{
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.section8 .tit{
    font-size: 5rem;
    padding-left: 5rem;
    line-height: 1.1;
}
.section8 .tit strong{
    display: inline-block;
}
.section8 .txt .btn-wrap{
    z-index: 2;
    position: absolute;
    top: -.2rem;
    right: 4.2rem;
    margin-top: 0;
}
.section8 .txt .btn-wrap button{
    position: relative;
    display: inline-block;
    right: 0;
    left: 0;
    width: 5.8rem;
    height: 5.8rem;
    margin: 0 .8rem;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    background: #fff;
}
.section8 .txt .btn-wrap button::before{
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 6px 0 0 5px;
    background: url(/images/home/celeb/img_sprite.svg) no-repeat;
    background-position: 0 -160px;
}
.section8 .txt .btn-wrap button.btn-next::before{
    margin: 6px 3px 0 0;
    background-position: -22px -160px;
}
.section8 .swiper-sec8{
    overflow: hidden;
    margin-left: 6rem;
}
.section8 .swiper-sec8 .swiper-slide{
    width: 28rem;
    margin: 7rem 8rem 5rem 2rem;
}
.section8 .swiper-sec8 .swiper-slide .img-frame{
    position: relative;
}
.section8 .swiper-sec8 .swiper-slide .img-frame::before{
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #000;
    border-radius: 20px;
    box-shadow: 1.2rem 1.2rem 2.8rem .2rem rgba(0, 0, 0, .16);
}
.section8 .swiper-sec8 .swiper-slide .img-frame img{
    border-radius: 20px;
}
.section8 .swiper-pagination-progressbar{
    display: none;
}

/* section 9 */
.section9{
    padding: 10.6rem 0 12rem;
}
.section9 .txt{
    text-align: center;
}
.section9 .txt > p{
    padding-top: 2.4rem;
}
.section9 .tit > span{
    display: block;
    font-size: 4.2rem;
    line-height: 1.0956;
}
.section9 .tit p{
    font-size: 5rem;
    line-height: 1.12;
    padding-top: 1.5rem;
}
.section9 .tit img{
    margin: -.8rem .4rem 0 0;
}
.section9 .tit strong{
    display: inline-block;
}
.section9 .link-lst-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 13.4rem);
    margin: 0 auto;
    padding-top: 6rem;
}
.section9 .link-item{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 4.8rem 4.4rem 5.1rem 5.5rem;
    border-radius: 10px;
    background: #F5F7FD;
}
.section9 .link-item .arrow{
    position: absolute;
    top: 4rem;
    right: 4.4rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: #BAC5E7;
}
.section9 .link-item .arrow::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: url(/images/home/celeb/img_sprite.svg) no-repeat;
    background-position: -113px -139px;
    transform: translate(-50%, -50%);
}
.section9 .link-item:last-child{
    margin-left: 2rem;
    background: #F6F7F7;
}
.section9 .link-item:last-child .arrow{
    background-color: #BEBEBE;
}
.section9 .link-item strong{
    font-size: 3rem;
    font-weight: 900;
}
.section9 .link-item p{
    font-size: 1.7rem;
    padding-top: 6.9rem;
}
.section9 .link-item em{
    display: block;
    font-weight: 800;
    margin-top: 1.2rem;
}


/* section 10 */
.section10{
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 9rem 0 9.1rem;
    background: url(/images/home/celeb/img_sec11_bg.png) no-repeat center;
    background-size: cover;
}
.section10 .tit p{
    color: #fff;
    font-size: 2.3rem;
    font-weight: 700;
    padding-bottom: .8rem;
    letter-spacing: -.46px;
}
.section10 .tit p span{
    width: 92px;
    margin: 0 .6rem;
}
.section10 .tit p em{
    display: inline-block;
}
.section10 .tit p em img{
    vertical-align: top;
    margin-top: 0.5rem;
}
.section10 .tit strong{
    word-break: keep-all;
    color: #fff;
    font-size: 5.6rem;
}
.section10 .btn-wrap{
    font-size: 0;
    margin-top: 4.4rem;
}
.section10 .btn-wrap a{
    display: inline-block;
    width: 20rem;
    height: 6.2rem;
    border-radius: 5px;
    background-color: #fff;
}
.section10 .btn-wrap a + a{
    margin-left: 1.2rem;
}
.section10 .btn-wrap a::before{
    content: '';
    display: inline-block;
    margin-top: 1.8rem;
}
.section10 .btn-wrap a.googleplay::before{
    width: 12rem;
    height: 2.5rem;
    background: url(/images/home/celeb/img_playstore.svg) no-repeat center;
    background-size: 100% auto;
}
.section10 .btn-wrap a.applestore::before{
    width: 10.8rem;
    height: 2.4rem;
    background: url(/images/home/celeb/img_appstore.svg) no-repeat center;
    background-size: 100% auto;
}


/* responsive */
@media only screen and (max-width: 1200px){

    /* section1 */
    .section1 .bg-img{
        overflow: hidden;
    }
    .section1 .bg-img img.bg-pc{
        height: 122%;
    }
    .section1 .bg-img img.bg-pc{
        object-position: top 0 right 32%;
    }
    .section1 .txt{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .section1 .txt em{
        margin: 0 auto 3rem;
    }
    .section1 .txt .line{
        display: none;
    }
    .section1 .tit{
        text-align: center;
    }

    /* section2 */
    .section2 .visual-wrap .back-bg::before,
    .section2 .visual-wrap .back-bg::after{
        width: 20%;
    }

    /* section3 */
    .section3 .cont{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .section3 .obj{
        margin-right: 0;
    }
    .section3 .txt{
        padding-left: 5rem;
    }

    /* section4 */
    .section4 .cont{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
    }
    .section4 .txt{
        padding-right: 4rem;
    }
    .section4 .obj > div{
        width: 50rem;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap .cont{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .picxell-sample-wrap .obj{
        margin-left: 4rem;
    }
    .picxell-sample-wrap .txt{
        padding-left: 10.5rem;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap .obj{
        margin: 7rem 13rem 0 10rem;
    }

    /* section5 */
    .section5 .cont{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .section5 .obj{
        width: auto;
        margin: 0 14rem 0 13rem;
    }

    /* section6 */
    .section6 .cont{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .section6 .obj{
        margin: 0 14rem 0 0;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap .cont .txt{
        margin-left: 5rem;
    }

    /* section7 */
    .section7 .txt-wrap{
        background-position: right 0 bottom -14rem;
    }

    /* section8 */
    .section8 .swiper-sec8{
        margin-left: 5.3%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        width: 33.3%;
        padding: 7rem 6.9% 5rem 1.5%;
        margin: 0 auto;
    }
}

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

    .main .txt .btn-wrap{
        text-align: center;
    }

    /* section1 */
    .section1  .bg-img img.bg-pc{
        height: 130%;
        object-position: top 0 right 53%;
    }
    .section1 .scroll-down{
        display: none;
    }
    .section1 .sec-wrap{
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding-top: 15rem;
    }
    .section1 .txt em{
        margin: 2.4rem auto 3.6rem;
    }
    .section1 .tit .tag span{
        color: #E0E0E0;
        font-size: 1.8rem;
        padding: .5rem;
    }

    /* section2 */
    .section2{
        padding: 12rem 0 6rem;
    }
    .section2 .visual-wrap .back-bg{
        top: 50%;
        transform: translateY(-50%);
    }
    .section2 .visual-wrap .back-bg::before,
    .section2 .visual-wrap .back-bg::after{
        display: none;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 87%;
    }
    .picxell-info-wrap .obj > div{
        padding-left: 9.8rem;
    }
    .picxell-info-wrap .obj .celeb-box{
        background-size: 19rem auto;
        background-position: left -.5rem bottom -.5rem;
    }
    .picxell-info-wrap .obj .seller-box{
        background-size: 20rem auto;
    }
    .picxell-info-wrap .obj .txt-box{
        padding-left: 6%;
    }
    .picxell-info-wrap .obj .seller-box .txt-box p{
        width: 95%;
    }

    /* section3 */
    .section3 .txt{
        padding: 3.4rem 0 0 0;
    }
    .section3 .obj{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    /* section4 */
    .section4{
        padding: 12rem 0;
    }
    .section4 .txt{
        padding: 0;
    }
    .section4 .obj{
        margin-top: 5rem;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap{
        padding: 12rem 0 14.5rem;
    }
    .picxell-sample-wrap .txt > p{
        width: 50%;
        margin: 0 auto;
    }
    .picxell-sample-wrap .txt small{
        display: inline-block;
    }
    .picxell-sample-wrap .obj{
        order: 2;
        margin: 5rem 0 0;
    }
    .picxell-sample-wrap .obj > div{
        position: relative;
        width: 50rem;
    }
    .picxell-sample-wrap .obj .list{
        top: 48%;
        left: 20%;
        width: 100%;
    }
    .picxell-sample-wrap .obj .list img{
        width: calc((100% / 3) - 2.4rem);
    }
    .picxell-sample-wrap .txt{
        padding-left: 0;
        margin-top: 0;
    }

    /* section5 */
    .section5{
        padding: 12rem 0;
    }
    .section5 .obj{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 auto;
    }
    .section5 .txt{
        margin-bottom: 4rem;
    }

    /* section6 */
    .section6{
        padding: 12rem 0;
    }
    .section6 .obj{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 auto;
    }
    .section6 .txt{
        padding: 0 0 6rem;
        margin-right: 0;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap{
        padding: 12rem 0;
    }
    .picxell-bonus-wrap .tit,
    .picxell-bonus-wrap .txt > p{
        margin: 0 auto;
    }
    .picxell-bonus-wrap .cont .txt{
        margin-left: 0;
    }
    .picxell-bonus-wrap .obj{
        padding-top: 6rem;
        margin-right: 0;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap{
        padding: 12rem 0;
    }
    .seller-bonus-wrap .txt{
        padding-bottom: 12rem;
    }
    .seller-bonus-wrap .obj{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 auto;
    }

    /* section7 */
    .section7{
        padding: 12rem 0;
    }
    .section7 .inner{
        padding: 0;
    }
    .section7 .obj{
        width: 100%;
    }
    .section7 .txt-wrap{
        padding: 9rem 6rem 0;
        background-position: right -8rem bottom -16rem;
    }
    .section7 .txt-wrap .num{
        top: 4.5rem;
        left: 3.3rem;
        font-size: 5.8rem;
    }
    .section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap > p{
        width: 50%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap > p{
        width: 54%;
    }

    /* section8 */
    .section8 .cont .txt{
        width: 100%;
    }
    .section8 .tit{
        text-align: left;
        padding-left: 2.5rem;
    }
    .section8 .swiper-sec8{
        width: 100%;
        margin-left: 1.7%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        padding: 6rem 5% 4rem 1.5%;
    }

    /* section9 */
    .section9 .tit p{
        line-height: 1.25;
        padding-top: 1.2rem;
    }
    .section9 .tit > span{
        font-size: 3.1rem;
    }
    .section9 .link-lst-wrap{
        width: calc(100% - 20px);
    }

    /* section10 */
    .section10{
        background-position: 68% center;
    }
    .section10 .tit strong{
        line-height: 1.3;
        text-shadow: 0 0 20px rgba(0,0,0,.3);
    }
}

@media only screen and (max-width: 991px){
    .picxell-info-wrap .obj > div{
        padding: 4% 8.2% 4% 10%;
    }
    .picxell-info-wrap .obj .img-box{
        width: 27%;
        height: auto;
        min-width: 18rem;
    }
    .picxell-info-wrap .obj .txt-box{
        padding-left: 5.47%;
    }
    .picxell-info-wrap .obj .celeb-box .txt-box p{
        width: 100%;
    }
    .picxell-info-wrap .obj .seller-box .txt-box p{
        width: 100%;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 1.2rem;
        padding: .8rem 1.2rem;
    }
    .picxell-info-wrap .obj .label-wrap span + span{
        margin-left: .4rem;
    }
}

@media only screen and (max-width: 768px){
    .main .txt .btn-wrap a{
        font-size: 1.875rem;
        padding: 2.3rem 6.5rem 2.25rem 4rem;
    }
    .main .txt .btn-wrap a::after{
        right: 4rem;
        width: 1rem;
        height: 1rem;
    }

    /* section1 */
    .section1 .tit{
        font-size: 7.25rem;
    }
    .section1 .tit strong{
        font-weight: 800;
    }
    .section1 .tit .tag span{
        font-size: 2rem;
    }
    .section1 .txt em{
        margin: 2.75rem auto 4.25rem;
    }

    /* section2 */
    .section2{
        padding-bottom: 10rem;
    }
    .section2 .tit strong span{
        width: 11.25rem;
        height: 6.375rem;
        margin: -.75rem 0 0 1.25rem;
    }
    .section2 .visual-wrap .phone{
        width: 28rem;
    }
    .section2 .visual-wrap .phone-frame{
        border-width: 5px;
    }
    .section2 .visual-wrap .phone-slide-wrap .swiper-slide img{
        padding-bottom: 2%;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap{
        padding-bottom: 13rem;
    }
    .picxell-info-wrap .plus{
        top: -4.75rem;
        width: 9.5rem;
        height: 9.5rem;
    }
    .picxell-info-wrap .tit{
        font-size: 5.6rem;
        line-height: 1.28;
    }
    .picxell-info-wrap .tit strong{
        display: block;
    }
    .picxell-info-wrap .obj{
        width: 58%;
        padding-top: 4.25rem;
    }
    .picxell-info-wrap .obj > div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 11.24% 12% 17%;
    }
    .picxell-info-wrap .obj .img-box{
        width: 65%;
        min-width: 0;
    }
    .picxell-info-wrap .obj .celeb-box{
        background-size: 42% auto;
    }
    .picxell-info-wrap .obj .seller-box{
        margin-top: 1.5rem;
        background-size: 45% auto;
        background-position: left bottom -.1rem;
    }
    .picxell-info-wrap .obj .txt-box{
        text-align: center;
        padding-left: 0;
        margin-top: 4.25rem;
    }
    .picxell-info-wrap .obj .txt-box > strong{
        font-size: 3.6rem;
    }
    .picxell-info-wrap .obj .txt-box p{
        font-size: 2rem;
        margin: 4% auto 5.25%;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 1.625rem;
        padding: 1.25rem 2rem;
        margin-top: .8rem;
    }
    .picxell-info-wrap .obj .label-wrap span + span{
        margin-left: .8rem;
    }

    /* section3 */
    .section3 .inner{
        margin: 0 auto;
    }
    .section3 .obj > div{
        width: 56%;
    }
    .section3 .swiper-sec3{
        top: 29%;
        left: 18%;
        width: 116%;
    }
    .picxell-info-wrap .btn-download{
        margin-top:4.4rem;
        margin-bottom:-4rem;
        padding:1.2rem 3.2rem 1rem 2rem;
        font-size:1.5rem;
    }
    .picxell-info-wrap .btn-download::after{
        top:40%;
        right:2rem;
        width:.9rem;
        height:.9rem;
    }

    /* section4 */
    .section4 .obj{
        text-align: center;
    }
    .section4 .obj > div{
        width: 64%;
    }
    .section4 .swiper-sec4{
        top: 20%;
    }
    .section4 .swiper-sec4 .swiper-slide{
        width: 34%;
    }

    /* section5 */
    .section5{
        padding-bottom: 15rem;
    }
    .section5 .txt{
        margin-bottom: 4.75rem;
    }
    .section5 .txt small{
        font-size: 2rem;
    }
    .section5 .txt small + small{
        margin-top: 1rem;
    }
    .section5 .obj{
        text-align: center;
    }
    .section5 .obj > div{
        width: 46%;
        margin: 0 auto;
    }
    .section5 .obj > div > img{
        margin-left: -13%;
    }
    .section5 .obj .list{
        top: 57%;
        left: 32%;
        width: 85%;
    }
    .section5 .obj .list img + img{
        margin-top: 1.375rem;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap{
        padding-top: 11rem;
    }
    .picxell-sample-wrap .txt > p{
        width: 61%;
    }
    .picxell-sample-wrap .txt small{
        font-size: 2rem;
        padding-left: 1.2rem;
    }
    .picxell-sample-wrap .obj{
        text-align: center;
        margin-top: 6rem;
    }
    .picxell-sample-wrap .obj > div{
        width: 64%;
    }
    .picxell-sample-wrap .obj .list{
        top: 48%;
        left: 19%;
        width: 95%;
        text-align: left;
    }
    .picxell-sample-wrap .obj .list img{
        width: calc((100% / 3) - 2rem);
    }
    .picxell-sample-wrap .obj .list img + img{
        margin-left: 2rem;
    }

    /* section6 */
    .section6 .inner{
        margin: 0 auto;
    }
    .section6 .obj{
        width: 100%;
        text-align: center;
    }
    .section6 .obj::after{
        content: '';
        display: block;
        clear: both;
    }
    .section6 .obj .circle{
        width: 43%;
    }
    .section6 .obj .img-wrap{
        width: 61%;
        left: 50%;
        transform: translateX(-50%);
    }
    .section6 .obj .img-wrap > div{
        top: 0;
        right: 0;
    }
    .section6 .obj .img-wrap .obj1{
        width: 49%;
    }
    .section6 .obj .img-wrap .obj2{
        bottom: -8%;
        right: 14%;
        width: 24%;
    }
    .section6 .obj .img-wrap .obj3{
        width: 90%;
        left: 6%;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap .inner{
        margin: 0 auto;
    }
    .picxell-bonus-wrap .txt > p{
        width: 55%;
        margin: 0 auto;
    }
    .picxell-bonus-wrap .obj .img-wrap{
        width: 47%;
        margin: 0 auto;
    }
    .picxell-bonus-wrap .obj .img-wrap .item .obj1{
        top: -1%;
        right: -13%;
        width: 44%;
    }
    .picxell-bonus-wrap .obj .img-wrap .item .obj2{
        bottom: 25%;
        left: -13%;
        width: 25%;
    }
    .picxell-bonus-wrap .obj .img-wrap .item .obj3{
        bottom: 12%;
        right: -9%;
        width: 18%;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap .obj {
        width: 45vw;
        height: 45vw;
        margin-top: 2rem;
    }
    .seller-bonus-wrap .obj .img-wrap img{
        bottom: -20%;
        width: 100%;
        height: auto;
    }
    .seller-bonus-wrap .txt small{
        font-size: 2rem;
        padding-top: 1rem;
    }

    /* section7 */
    .section7 .tit{
        font-size: 6.25rem;
    }
    .section7 .txt > p{
        padding: 0 0 1.75rem;
    }
    .section7 .txt-wrap{
        padding-bottom: 55rem;
        background-position: right -54% bottom -18rem;
        background-size: 80% auto;
    }
    .section7 .txt-wrap .num{
        font-size: 7.5rem;
        top: 4rem;
    }
    .section7 .txt-wrap p{
        font-size: 2rem;
        margin-top: 1.75rem;
    }
    .section7 .swiper-container{
        border-radius: 24px;
    }
    .section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap > p{
        width: 68%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap > p{
        width: 68%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide4 .txt-wrap > p{
        width: 67%;
    }
    .section7 .txt-wrap p em{
        font-size: 1.75rem;
        margin-top: .5rem;
    }
    .section7 .swiper-sec7 .swiper-slide{
        height: auto;
    }
    .section7 .swiper-pagination{
        padding: 0;
        margin: 4rem auto 2.8rem;
        border: none;
        background: transparent;
    }
    .section7 .swiper-pagination-bullets .swiper-pagination-bullet{
        font-size: 0;
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        padding: 0;
        margin: 0 .6rem;
        border-radius: 50%;
        background: #D9D9D9;
    }
    .section7 .swiper-pagination-bullets .swiper-pagination-bullet-active{
        background: #3182F6;
    }

    /* section8 */
    .section8{
        padding: 12rem 0;
    }
    .section8 .inner{
        margin: 0 auto;
    }
    .section8 .txt .btn-wrap{
        display: none;
    }
    .section8 .tit{
        font-size: 6.25rem;
        text-align: center;
        padding-left: 0;
    }
    .section8 .swiper-sec8{
        margin: 0 auto;
        padding: 0 25% 0 31%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        width: 100%;
        padding: 17% 13.4% 18.4% 1.7%;
    }
    .section8 .swiper-sec8 .swiper-slide .img-frame::before{
        box-shadow: .6rem .6rem 1.6rem .1rem rgba(0, 0, 0, .16);
    }
    .section8 .swiper-pagination-progressbar{
        display: block;
        overflow: hidden;
        position: relative;
        width: 34%;
        height: 5px;
        margin: 1.5rem auto 0;
        border-radius: 10px;
        background: #E8E8E8;
    }
    .section8 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        border-radius: 10px;
    }

    /* section9 */
    .section9{
        padding: 12rem 0;
        border-top: 0;
    }
    .section9 .txt > p{
        width: 60%;
        margin: 0 auto;
    }
    .section9 .tit > span{
        font-size: 2.5rem;
    }
    .section9 .tit p{
        font-size: 6.25rem;
        padding-top: 0;
    }
    .section9 .tit img{
        margin: -.875rem .75rem 0 0;
    }
    .section9 .link-lst-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .section9 .link-item:last-child{
        margin: 2rem 0 0;
    }
    .section9 .link-item{
        padding: 4.75rem;
    }
    .section9 .link-item strong{
        font-size: 3rem;
    }
    .section9 .link-item p{
        font-size: 1.875rem;
    }
    .section9 .link-item em{
        margin-top: 1.25rem;
    }
    .section9 .link-item .arrow{
        width: 5rem;
        height: 5rem;
    }

    /* section10 */
    .section10 .tit strong{
        font-size: 6.25rem;
    }
    .section10 .tit p{
        font-size: 2.25rem;
        padding-bottom: .75rem;
    }
    .section10 .tit p span{
        width: auto;
        margin: .625rem;
    }
    .section10 .tit p em img{
        height: 2rem;
        margin-top: .4rem;
    }
    .section10 .btn-wrap{
        margin-top: 3.5rem;
    }
    .section10 .btn-wrap a{
        width: 25rem;
        height: 7.75rem;
        margin: 0 auto;
    }
    .section10 .btn-wrap a + a{
        margin-right: 1.25rem;
    }
    .section10 .btn-wrap a::before{
        margin-top: 2.25rem;
    }
    .section10 .btn-wrap a.googleplay::before{
        width: 15rem;
        height: 3.125rem;
    }
    .section10 .btn-wrap a.applestore::before{
        width: 13.5rem;
        height: 3rem;
    }
}

@media only screen and (max-width: 640px){
    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 70%;
    }

    /* section3 */
    .section3 .obj > div{
        width: 68%;
    }

    /* section4 */
    .section4 .obj > div{
        width: 76%;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap .txt > p{
        width: 75%;
    }
    .picxell-sample-wrap .obj > div{
        width: 72%;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap .obj {
        width: 50vw;
        height: 50vw;
    }

    /* section5 */
    .section5 .obj .list{
        top: 56%;
    }

    /* section6 */
    .section6 .obj .circle{
        width: 53%;
    }
    .section6 .obj .img-wrap{
        width: 75%;
    }

    /* section7 */
    .section7 .txt-wrap{
        padding-bottom: 50rem;
        background-position: right -118% bottom -17rem;
        background-size: 90% auto;
    }
    .section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap > p{
        width: 82%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap > p{
        width: 82%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide4 .txt-wrap > p{
        width: 82%;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 25% 0 30%;
    }

    /* section9 */
    .section9 .txt > p{
        width: 80%;
    }

    /* section10 */
    .section10 .tit p em img{
        margin-top: .3rem;
    }
}

@media only screen and (max-width: 540px){
    /* section1 */
    .section1 .tit{
        font-size: 6rem;
    }

    /* section2 */
    .section2 .tit strong span{
        width: 10.625rem;
        height: 5.875rem;
        margin: -.5rem 0 0 1rem;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 80%;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap .txt small{
        font-size: 1.75rem;
    }
    .picxell-sample-wrap .obj .list img{
        width: calc((100% / 3) - 1.35rem);
        border-radius: 6px;
    }
    .picxell-sample-wrap .obj .list img + img{
        margin-left: 1.35rem;
    }

    /* section5 */
    .section5 .txt small{
        font-size: 1.75rem;
    }
    .section5 .obj .list{
        top: 55%;
    }

    /* section6 */
    .section6 .obj .circle{
        width: 56%;
    }
    .section6 .obj .img-wrap{
        width: 80%;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap .obj .img-wrap{
        width: 53%;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap .obj {
        width: 56vw;
        height: 56vw;
    }

    /* section7 */
    .section7 .tit, .section8 .tit, .section9 .tit p{
        font-size: 6rem;
    }
    .section7 .txt-wrap{
        background-position: right -118% bottom -60%;
    }
    .section7 .txt-wrap p .enter{
        display: none !important;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 21% 0 27%;
    }

    /* section10 */
    .section10 .tit p em img{
        margin-top: .4rem;
    }
    .section10 .btn-wrap a{
        width: 21rem;
        height: 6rem;
    }
    .section10 .btn-wrap a::before{
        margin-top: 1.75rem;
    }
    .section10 .btn-wrap a.googleplay::before{
        width: 11rem;
        height: 2.25rem;
    }
    .section10 .btn-wrap a.applestore::before{
        width: 9.75rem;
        height: 2.25rem;
    }
}

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

    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 86%;
    }
    .picxell-info-wrap .obj .img-box{
        width: 72%;
    }
    .picxell-info-wrap .obj .txt-box p{
        width: 80%;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap .obj > div{
        width: 80%;
    }
    .picxell-sample-wrap .obj .list{
        left: 15%;
    }

    /* section5 */
    .section5 .obj > div{
        width: 54%;
    }

    /* section7 */
    .section7 .txt-wrap{
        background-position: right -258% bottom -12rem;
        background-size: 95% auto;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 17% 0 24%;
    }
}

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

    .main .txt .btn-wrap{
        margin-top: 2rem;
    }
    .main .txt .btn-wrap a{
        font-size: 1.5rem;
        line-height: 1.084;
        padding: 1.875rem 5.5rem 1.875rem 3.25rem;
    }
    .main .txt .btn-wrap a::after{
        right: 3.3rem;
        width: .875rem;
        height: .875rem;
    }

    /* section1 */
    .section1 .sec-wrap{
        padding-top: 13rem;
    }
    .section1 .tit{
        font-size: 4.25rem;
        line-height: 1.343;
    }
    .section1 .tit strong{
        font-size: 4.5rem;
    }
    .section1 .txt em{
        width: 160px;
        height: 26px;
        margin: 2.25rem auto 3.75rem;
        background-position: 0 -110px;
    }
    .section1 .tit .tag span{
        font-size: 1.75rem;
    }

    /* section2 */
    .section2{
        padding: 9.375rem 0 7.25rem;
    }
    .section2 .tit strong span{
        width: 7.375rem;
        height: 4.125rem;
        margin-left: .75rem;
    }
    .section2 .visual-wrap{
        padding: 4.75rem 0;
    }
    .section2 .visual-wrap .phone{
        width: 17.5rem;
    }
    .section2 .visual-wrap .phone-frame{
        border-width: 4px;
        border-radius:  12px;
    }
    .section2 .visual-wrap .phone-slide-wrap{
        border-radius: 12px;
    }
    .section2 .visual-wrap .back-bg li{
        width: 213rem;
    }
    .section2 .visual-wrap .back-bg li img + img{
        padding-left: 1.25rem;
    }
    .section2 .visual-wrap .back-bg li.flow-left{
        padding-top: 1.25rem;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap{
        padding: 7.6rem 0 11.5rem;
    }
    .picxell-info-wrap .plus{
        top: -4.2rem;
        width: 8.25rem;
        height: 8.25rem;
    }
    .picxell-info-wrap .plus::after{
        width: 18px;
        height: 18px;
        background-position: -185px -160px;
    }
    .picxell-info-wrap .tit{
        font-size: 4.25rem;
        line-height: 1.3615;
    }
    .picxell-info-wrap .obj{
        padding-top: 3rem;
    }
    .picxell-info-wrap .obj .img-box{
        width: 66%;
    }
    .picxell-info-wrap .obj .txt-box{
        margin-top: 2.5rem;
    }
    .picxell-info-wrap .obj .txt-box > strong{
        font-size: 3.25rem;
    }
    .picxell-info-wrap .obj .txt-box p{
        font-size: 1.75rem;
        margin-bottom: 1.2rem;
    }
    .picxell-info-wrap .obj .celeb-box{
        background-position: left -.2rem bottom -.4rem;
    }
    .picxell-info-wrap .obj .seller-box{
        background-position: left bottom -.3rem;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 1.375rem;
        padding: 1rem 1.5rem;
    }
    .picxell-info-wrap .obj .label-wrap span + span{
        margin: .6rem 0 0 .6rem;
    }
    .picxell-info-wrap .btn-download{
        margin-top:3rem;
        margin-bottom:-3.4rem;
        padding:1.2rem 3.4rem .9rem 2.2rem;
        font-size:1.3rem;
    }
    .picxell-info-wrap .btn-download::after{
        top:42%;
        right:2.2rem;
        width:.8rem;
        height:.8rem;
    }

    /* section3 */
    .section3{
        padding: 8.5rem 0 10rem;
    }
    .section3 .txt{
        padding: 0;
    }
    .section3 .obj > div{
        width: 80%;
    }
    .section3 .swiper-sec3{
        top: 31%;
        width: 108%;
    }

    /* section4 */
    .section4{
        padding: 9.375rem 0 10rem;
    }
    .section4 .obj{
        text-align: center;
        margin-top: 4.75rem;
    }
    .section4 .obj > div{
        width: 94%;
    }
    .section4 .swiper-sec4{
        top: 19%;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap{
        padding: 8.5rem 0 13rem;
    }
    .picxell-sample-wrap .txt > p{
        width: 84%;
    }
    .picxell-sample-wrap .txt small{
        font-size: 1.5rem;
    }
    .picxell-sample-wrap .obj{
        margin-top: 5rem;
    }
    .picxell-sample-wrap .obj > div{
        width: 83%;
    }

    /* section5 */
    .section5{
        padding: 9.375rem 0 13rem;
    }
    .section5 .txt{
        margin-bottom: 3.75rem;
    }
    .section5 .txt small{
        font-size: 1.5rem;
        line-height: 1.25;
    }
    .section5 .txt small + small{
        margin-top: .75rem;
    }
    .section5 .txt small:first-of-type{
        margin-top: 1rem;
    }
    .section5 .obj > div{
        width: 52%;
    }
    .section5 .obj > div > img{
        margin-left: -20%;
    }
    .section5 .obj .list{
        top: 55.68%;
        left: 29%;
    }
    .section5 .obj .list img + img{
        margin-top: 1rem;
    }

    /* section6 */
    .section6{
        padding: 9.375rem 0 10rem;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap{
        padding: 9.375rem 0 10rem;
    }
    .picxell-bonus-wrap .txt > p{
        width: 80%;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap{
        padding: 9.375rem 0 10rem;
    }
    .seller-bonus-wrap .txt{
        padding-bottom: 8rem;
    }
    .seller-bonus-wrap .txt > p{
        width: 80%;
        margin: 0 auto;
    }
    .seller-bonus-wrap .txt small{
        font-size: 1.5rem;
        line-height: 1.25;
    }

    /* section7 */
    .section7{
        padding: 8.75rem 0 10rem;
    }
    .section7 .tit{
        font-size: 4.5rem;
        line-height: 1.3615;
    }
    .section7 .txt > p{
        line-height: 1.929;
        padding: 0;
    }
    .section7 .swiper-pagination{
        margin: 2.375rem auto 2.5rem;
    }
    .section7 .swiper-pagination-bullets .swiper-pagination-bullet{
        width: .875rem;
        height: .875rem;
        min-width: .875rem;
        margin: 0 .375rem;
    }
    .section7 .swiper-container{
        border-radius: 14px;
    }
    .section7 .txt-wrap{
        padding: 7.375rem 4.5rem 41rem;
        background-position: left 1.8rem bottom -12rem;
        background-size: 112% auto;
    }
    .section7 .txt-wrap .num{
        top: 3rem;
        left: 2rem;
        font-size: 5.5rem;
    }
    .section7 .txt-wrap strong{
        font-size: 2.875rem;
    }
    .section7 .txt-wrap p{
        font-size: 1.625rem;
        line-height: 1.77;
        margin-top: 1.39rem;
    }
    .section7 .swiper-sec7 .swiper-slide.slide2 .txt-wrap > p{
        width: 100%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide3 .txt-wrap > p{
        width: 98%;
    }
    .section7 .swiper-sec7 .swiper-slide.slide4 .txt-wrap > p{
        width: 100%;
    }
    /* section8 */
    .section8{
        padding: 8.75rem 0;
    }
    .section8 .tit{
        font-size: 4.5rem;
        line-height: 1.3615;
    }
    .section8 .swiper-sec8{
        padding: 0 22.3% 0 29%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        padding: 18.8% 15.3% 17.8% 2.5%;
    }
    .section8 .swiper-sec8 .swiper-slide .img-frame::before{
        border-width: 3px;
        border-radius: 12px;
    }

    /* section9 */
    .section9{
        padding: 8.75rem 0 9.75rem;
    }
    .section9 .tit > span{
        font-size: 2.125rem;
        line-height: 1.118;
    }
    .section9 .tit p{
        font-size: 4.5rem;
        line-height: 1.3056;
        padding-top: .5rem;
    }
    .section9 .tit img{
        width: 18rem;
        height: auto;
        margin-right: .5rem;
    }
    .section9 .txt > p{
        width: 85%;
        padding-top: 1.5rem;
    }
    .section9 .link-lst-wrap{
        padding-top: 4.75rem;
    }
    .section9 .link-item{
        padding: 3.125rem 3.75rem;
        border-radius: 5px;
    }
    .section9 .link-item strong{
        font-size: 2.25rem;
    }
    .section9 .link-item p{
        font-size: 1.5rem;
        padding-top: 6.375rem;
    }
    .section9 .link-item .arrow{
        top: 2.5rem;
        right: 2.75rem;
        width: 3.25rem;
        height: 3.25rem;
    }
    .section9 .link-item .arrow::after{
        width: 9px;
        height: 9px;
        background-position: -150px -139px;
    }
    .section9 .link-item:last-child{
        margin-top: 1.5rem;
    }

    /* section10 */
    .section10{
        padding: 9.25rem 0 8.75rem;
        background-image: url(/images/home/celeb/img_sec11_m_bg.png);
        background-position: center;
    }
    .section10 .tit p{
        font-size: 2rem;
        line-height: 1;
        padding: 0 0 1.875rem;
    }
    .section10 .tit p span{
        margin-left: .5rem;
    }
    .section10 .tit p em img{
        height: 1.875rem;
        margin-top: .1rem;
    }
    .section10 .tit strong{
        font-size: 4.5rem;
        line-height: 1.3615;
    }
    .section10 .btn-wrap{
        margin-top: 3.25rem;
    }
    .section10 .btn-wrap a{
        display: block;
    }
    .section10 .btn-wrap a + a{
        margin: 1.25rem auto 0;
    }
}

@media only screen and (max-width: 375px){
    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 100%;
    }

    /* section3 */
    .section3 .obj > div{
        width: 85%;
    }

    /* section4 */
    .section4 .obj > div{
        width: 100%;
    }

    /* picxell-sample-wrap */
    .picxell-sample-wrap .txt > p br{
        display: none;
    }
    .picxell-sample-wrap .txt > p em{
        display: inline-block;
    }
    .picxell-sample-wrap .obj > div{
        width: 90%;
    }
    .picxell-sample-wrap .obj .list{
        left: 12%;
    }

    /* section5 */
    .section5 .obj > div{
        width: 60%;
    }

    /* section6 */
    .section6 .txt > p{
        width: 70%;
        margin: 0 auto;
    }
    .section6 .txt > p br{
        display: none;
    }
    .section6 .obj .circle{
        width: 65%;
    }
    .section6 .obj .img-wrap{
        width: 93%;
    }

    /* section7 */
    .section7 .txt-wrap{
        padding-bottom: 35rem;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap .tit{
        width: 80%;
    }
    .picxell-bonus-wrap .txt > p{
        width: 68%;
        margin: 0 auto;
    }
    .picxell-bonus-wrap .obj .img-wrap{
        width: 61%;
    }

    /* seller-bonus-wrap */
    .seller-bonus-wrap .obj {
        width: 60vw;
        height: 60vw;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 18.3% 0 26.2%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        padding: 18.3% 15.6% 17.3% 2.4%;
    }
    .section8 .swiper-sec8 .swiper-slide img{
        border-radius: 8px;
    }

    /* section10 */
    .section10 .tit p em img{
        margin-top: 0;
    }
}

@media only screen and (max-width: 360px){
    /* picxell-sample-wrap */
    .picxell-sample-wrap .txt > p{
        width: 90%;
    }
    /* section5 */
    .section5 .txt br{
        display: none;
    }
    .section5 .txt em:last-child{
        display: block;
    }
    .section5 .obj > div{
        width: 62.5%;
    }

    /* section7 */
    .section7 .txt-wrap strong{
        letter-spacing: -1.1px;
    }
    .section7 .txt-wrap p .enter-mo{
        display: none !important;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 17.3% 0 25%;
    }
    .section8 .swiper-sec8 .swiper-slide{
        padding: 18.3% 14.8% 17.3% 2.4%;
    }
}

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

    /* section1 */
    .section1 .sec-wrap{
        padding-top: 11.25rem;
    }
    .section1 .tit p{
        font-size: 3.5rem;
    }
    .section1 .tit strong{
        font-size: 3.75rem;
    }

    /* section3 */
    .section3 .obj > div{
        width: 100%;
    }

    /* section4 */
    .section4 .txt > p{
        width: 87%;
        margin: 0 auto;
    }

    /* section5 */
    .section5 .txt > p{
        width: 100%;
        margin: 0 auto;
    }
    .section5 .obj > div{
        width: 71.43%;
    }

    /* picxell-bonus-wrap */
    .picxell-bonus-wrap .tit{
        width: 70%;
    }

    /* section7 */
    .section7 .txt-wrap{
        padding: 6.75rem 4rem 30rem;
    }
    .section7 .txt-wrap strong{
        line-height: 1.4;
    }

    /* section8 */
    .section8 .swiper-sec8{
        padding: 0 12.3% 0 23.5%;
    }
    .section8 .swiper-pagination-progressbar{
        width: 42%;
    }
}