/* 1024px */
@media (max-width:1024px) {

    html,
    body {
        height: 100%;
    }

    .index-wrap,
    .page-wrap,
    .page {
        width: 100%;
    }

    .index {
        height: 100%;
        padding-top: 115%;
    }

    .rwd-index-nav-btn {
        position: absolute;
        display: block;
        width: 10%;
        top: 33px;
        right: 30px;
    }

    .rwd-nav-btn {
        display: block;
        width: 10%;
        top: 8%;
        right: 4%;
        position: absolute;
        z-index: 12;
    }

    .index-wrap {
        background: url('../images/rwd_img.jpg') 0 0 no-repeat #40d154;
        background-size: 100%;
        height: 100%;
    }

    .index-wrap.en {
        background: url('../images/rwd_img-en.jpg') 0 0 no-repeat #40d154;
        background-size: 100%;
        height: 100%;
    }

    .index-pencil {
        width: 18%;
        height: 59%;
        bottom: 44px;
        left: 9px;
    }

    .index-stamp-list,
    .index-top,
    .index-kv,
    .index-bottom,
    .index-time {
        display: none;
    }

    .index-mouse {
        left: 7%;
        top: auto;
        bottom: 57px;
        width: 27vw;
    }

    .rwd-index-login {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .rwd-index-login img {
        max-width: 100%;
        width: 100%;
    }

    .index-login {
        display: none;
    }

    .index-mouse img {
        width: 100%;
        display: block;
    }

    .index-slider-wrap {
        padding: 32px 0;
    }

    .index-slider .stamp {
        width: 120px;
        height: 120px;
    }

    .index-slider .stamp img {
        max-height: 120px;
        max-width: 120px;
    }

    .page-screen-left,
    .page-screen-right {
        width: 160px;
        height: auto;
    }

    .page-stamp-wrap {
        width: 23%;
    }

    .page-stamp {
        width: 145px;
        height: 145px;
        background: none;
    }

    .page-stamp-info {
        width: 145px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-stamp-list {
        width: 95%;
    }

    .page-header {
        display: none;
    }

    .rwd-index-top,
    .rwd-index-title,
    .rwd-index-kv,
    .rwd-header {
        display: block;
    }

    .rwd-index-kv {
        padding: 20% 0;
    }

    .page-wrap {
        width: 100%;
        min-height: auto;
        background: #fff8d9;
    }

    .page-view {
        left: 5%;
    }

    .page-logo {
        right: 5%;
    }

    .AgreeCU .print {
        display: none;
    }

    .page-bottom {
        display: none;
    }

    .rwd-pagination,
    .rwd-index-footer,
    .rwd-page-footer {
        display: block;
    }

    .index-login {
        width: 27%;
        top: 66%;
        right: 7%;
        z-index: 9;
    }

    .prize-list li,
    .common-prize-list li {
        width: calc(100% / 3 - 4px);
    }

    .prize {
        width: 220px;
        padding-bottom: calc(220px - 15px);
    }
}

/* 1024px end */

/* 860px */
@media (max-width:860px) {

    .prize-list li,
    .common-prize-list li {
        width: calc(100% / 2 - 4px);
    }

    .rwd-header-login.nav_login {
        bottom: 77px;
        right: 25%;
        width: 34%;
    }
}

/* 860px end */

/* 768px */
@media (max-width:768px) {

    .stamp-pic-side {
        width: 200px;
        float: none;
        margin-right: 0;
        margin: 20px auto 0 auto;
    }

    .stamp-pic-wrap {
        width: 200px;
        height: 200px;
        float: none;
        margin-right: 0;
    }

    .zoomContainer {
        display: none;
    }

    .stamp-intro {
        width: 100%;
    }

    .lottery-query {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .stamp-popup,
    .statement-popup {
        width: 90%;
        padding: 20px 4%;
    }

    .article-section .cont {
        padding-left: 0;
    }

    .rwd-index-title {
        top: 46%;
    }

    .rwd-index-kv {
        padding: 0;
        min-height: auto;
    }

}

/* 768px end */

/* 650px */
@media (max-width:650px) {

    .rwd-index-kv {
        width: 100%;
        background-size: 100%;
    }

    .article {
        width: 96%;
        margin: 0 auto;
        padding: 0 10px;
        /* background: rgba(255, 255, 255, 0); */
    }

    .stamp-intro {
        margin: 20px 0 0 0;
    }

    .page-stamp-wrap {
        width: 31.3333%;
    }

    .page-stamp-info {
        width: 140px;
    }

    .rwd-header {
        padding-top: 56%;
        background-size: cover;
    }

    .rwd-header-box .share-cont {
        margin-bottom: 4px;
    }

    .rwd-header-box .share-cont ul li {
        width: 8vw;
    }

    .rwd-header-time-title {
        font-size: 3vw;
    }

    .rwd-header-time {
        bottom: 18%;
    }

    .rwd-header-time .date {
        font-size: 4vw;
        display: flex;
        align-items: center;
        margin: 8px 0 0 0;
    }

    .rwd-header-time .date span {
        display: inline-flex;
        width: 8vw;
        height: 8.5vw;
        justify-content: center;
        align-items: center;
    }

    .rwd-index-title img {
        width: 87%;
    }

    .index-login {
        width: 29vw;
        right: 5vw;
        bottom: 53vw;
    }

    .rwd-header-login.nav_login img {
        width: 90%;
    }

    .rwd-header-login.nav_login {
        bottom: 10px;
    }

}

/* 650px end */

/* 540px */
@media (max-width:540px) {
    .rwd-index-title {
        top: 53%;
    }

    .prize-list li,
    .common-prize-list li {
        width: calc(100% / 1 - 4px);
    }

    .common-prize-list li p,
    .prize-list li p {
        width: 100%;
    }

}

/* 540px end */

/* 480px */
@media (max-width:480px) {
    .index {
        padding-top: 110%;
    }

    .index-wrap {
        background: url('../images/rwd_img.jpg') 0 0 no-repeat #40d154;
        background-size: 100%;
        height: 100%;
    }

    .page-view {
        position: static;
        margin: 10px 0 5px 0;
    }

    .page-logo {
        position: static;
        margin: 5px 0 10px 0;
    }

    .rwd-header-inner {
        width: 100%;
    }

    .rwd-header-box {
        right: 10px;
        gap: 2px;
    }

    .rwd-header-box .share-cont {
        margin-bottom: 2vw;
    }

    .rwd-header-box .share-cont ul li {
        width: 7.8vw;
    }

    /* .rwd-header-time {
        position: absolute;
        bottom: 16%;
        right: 0;
        width: 50%;
    } */

    .rwd-header-time .date span {
        width: 7.8vw;
        height: 8.3vw;
        padding-bottom: 3px;
    }

    .rwd-header-kv {
        width: 40%;
        bottom: 5%;
        left: 2%;
    }

    #cityarea,
    #mail {
        width: 100%;
        margin: 0;
    }

    .page-main {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .page-stamp-wrap {
        width: 48%;
        margin: 15px 1%;
    }

    .page-stamp-info {
        width: 140px;
    }

    .rwd-nav {
        width: 85%;
    }

    .rwd-header-login {
        bottom: 10px;
        right: 20%;
        width: 150px;
    }

    .rwd-nav-header .rwd-nav-btn {
        width: 53px;
        right: 4%;
        top: 10%;
    }

    .rwd-nav-header .rwd-nav-btn span {
        margin: 7px auto;
    }

    .rwd-index-top {
        padding-top: 23%;
        background-size: 100%;
    }

    .rwd-header-login.nav_login {
        bottom: 44px;
        right: 30%;
        width: 37%;
    }

    .rwd-index-title {
        top: 42%;
    }

    .rwd-header-time .date {
        margin: 0;
    }

    .rwd-index-footer img,
    .rwd-page-footer img {
        padding: 32px 0 0 0;
    }

    .rwd-index-footer img{
        padding:0;
        width:2rem;
    }

    .AgreeCU .agree,
    .AgreeCU .disagree {
        width: calc(100% / 3 - 5px);
    }
}

/* 480px end */

/* 390px */
@media (max-width:390px) {
    .rwd-header-box .share-cont {
        margin-bottom: 2.5vw;
    }
}

/* 375px */
@media (max-width:375px) {
    .rwd-index-nav-btn {
        position: absolute;
        display: block;
        width: 12%;
        top: 16px;
        right: 19px;
    }

    .rwd-header-kv {
        left: 2%;
    }

    .rwd-header-time {
        right: 0;
    }

    .page-stamp {
        width: 130px;
        height: 130px;
    }

    .page-stamp-info {
        width: 130px;
    }

    .rwd-header-login {
        width: 38%;
        bottom: 5px;
    }

    .rwd-index-kv {
        background: url(../images/iphone_x_img.jpg) center top no-repeat;
        background-size: 100%;
    }

    .index-wrap .rwd-nav-btn {
        bottom: 9%;
    }

    .rwd-header-box .share-cont {
        margin-bottom: 2.5vw;
    }
}

/* 375px end */


/* 360px */
@media (max-width:360px) {
    .rwd-nav-header .rwd-nav-btn {
        width: 46px;
    }

    .rwd-nav-header .rwd-nav-btn span {
        margin: 6px auto;
    }

    .rwd-header-time .date {
        margin: 0px 0 1px;
        line-height: 46px;
    }

    .rwd-header-login.nav_login {
        bottom: 18px;
    }

    .rwd-header-time {
        bottom: 14%;
    }

    .rwd-header-box .share-cont {
        margin-bottom: 3vw;
    }
}

/* 360px end */


/* 320px */
@media (max-width:320px) {

    .rwd-index-kv {
        background: url(../images/iphone_small.jpg) center top no-repeat #fff4ce;
        background-size: 100%;
    }

    .rwd-index-footer img {
        padding-top: 44px;
    }

}

/* 320px end */