@charset "utf-8";

#container.index-container{ padding-bottom:0; overflow:hidden; }
.index-container *{ letter-spacing:-.03em; }

.img-area{ margin:0 auto; font-size:0; text-align:center; }
img{ max-width:100%; margin:0 auto; }

.tit-landing{ line-height:132%; margin:0 auto 20px; font-size:50px; font-weight:700; text-align:center; word-break:keep-all; }
.tit-landing > small{ line-height:132%; margin-bottom:8px; display:block; font-size:16px; }
.txt-landing{ line-height:132%; margin:0 auto 58px; font-size:24px; font-weight:800; text-align:center; word-break:keep-all; }

.index-container .btn-area{ text-align:center; }
.index-container .btn-landing, .index-container .btn-landing:hover{ height:78px; line-height:78px; max-width:100%; padding:0 98px; background-color:#000; border:none; border-radius:39px; font-size:24px; font-weight:700; color:#fff; box-shadow:0 4px 16px rgba(0, 0, 0, .25); }

.index-container .list-flex{ margin:-9px; display:flex; flex-wrap:wrap; }
.index-container .list-flex > li{ margin:9px; }

/* click */
.click-layout .click-day{ margin:0 -2px 4px; display:flex; }
.click-layout .click-day > li{ height:100px; margin:0 2px; display:flex; background-color:#C3C3C3; font-size:32px; font-weight:600; color:#fff; justify-content:center; align-items:center; flex:1; }
.click-layout .click-day > li.today{ background-color:#000; }
.click-layout .click-day > li.before{ color:#aaa; }
.click-layout .click-before{ padding:76px 0; background-color:#000; font-size:28px; color:#fff; text-align:center; }
.click-layout .click-type1 .quiz-area{ margin-bottom:4px; padding:16px 32px; background-color:#fff; }
.click-layout .click-type1 .quiz-area .tit{ margin-bottom:8px; font-size:20px; font-weight:700; }
.click-layout .click-type1 .quiz-area .txt{ display:flex; font-size:28px; justify-content:flex-start; align-items:center; }
.click-layout .click-type1 .hint-area .tit, .click-layout .click-type1 .hint-area .txt{ color:#FA6000; }
.click-layout .click-type1 .info-area{ height:35px; margin-bottom:16px; display:flex; background-color:#FA6000; font-size:16px; font-weight:800; color:#fff; justify-content:center; align-items:center; }
.click-layout .click-type1 .input-text input:not([type='button']){ height:80px; line-height:78px; border-width:2px; border-radius:0; font-size:28px; }
.click-layout .click-type1 .input-text input:not([type='button']):hover{ border-color:#FA6000; }
.click-layout .agree-area{ margin-top:16px; }
.click-layout .agree-area .input-checkbox{ width:100%; line-height:26px; padding-left:26px; position:relative; font-size:16px; font-weight:500; color:#000; text-align:left; }
.click-layout .agree-area .input-checkbox .ico-checkbox{ position:absolute; top:5px; left:0; }
.click-layout .agree-area .btn-area{ margin-top:32px; display:flex; align-items:center; flex-direction:column; }

/** landing **/
/* header */
.landing-header{ padding:100px 0; background:url(/images/landing/page/2022/07/event/header_bg.png) 50% 0 no-repeat; background-size:cover; }
.landing-header .tit-landing{ margin-bottom:50px; }
.landing-header .tit-landing > small{ margin-bottom:40px; font-size:48px; color:#FA6000; }
.landing-header .txt-landing{ line-height:176%; margin-bottom:0; font-size:32px; }

/* event */
.landing-event{ padding:100px 0; background-position:50% 0; background-repeat:no-repeat; }
.landing-event .tit-landing, .landing-event .txt-landing{ color:#fff; }
.landing-event .btn-area{ margin-top:50px; }

/* pass */
.landing-pass{ padding:72px 0; position:relative; background:url(/images/landing/pass/2022/06/paper_bg1.jpg) 0 0 repeat; text-align:center; box-shadow:0 4px 34px rgba(0, 0, 0, .25); }
.landing-pass:after{ content:''; width:2448px; height:401px; position:absolute; top:50%; left:50%; background:url(/images/landing/pass/2022/06/high/header_bg.png) 50% 50% no-repeat; background-size:100% 100%; transform:translate(-50%, -50%); z-index:1; }
.landing-pass > .content-layout{ position:relative; z-index:2; }
.landing-pass .txt-landing{ line-height:145%; margin:0 auto 32px; font-size:32px; font-weight:700; color:#767676; }
.landing-pass .tit-landing{ margin:0 auto; font-size:64px; font-weight:700; color:#000; }
.landing-pass .tit-landing .img-area{ width:654px; max-width:100%; margin:8px auto 0; }
.landing-pass .btn-area{ margin:64px auto 32px; }
.landing-pass .btn-area .btn-landing, .landing-pass .btn-area .btn-landing:hover{ height:88px; line-height:88px; padding:0 64px; background-color:#07362B; border:none; border-radius:40px; font-size:32px; font-weight:700; color:#fff; box-shadow:0 4px 16px rgba(0, 0, 0, .25); }
.landing-pass .btn-area .btn-landing:last-child, .landing-pass .btn-area .btn-landing:last-child:hover{ background-color:#070936; }
.landing-pass .list-flex{ margin:-8px; display:flex; justify-content:center; flex-wrap:wrap; }
.landing-pass .list-flex > li{ width:calc( 25% - 16px ); margin:8px; padding:32px 16px; position:relative; background-color:#E1DCFF; border-radius:12px; overflow:hidden; box-shadow:4px 4px 12px rgba(0, 0, 0, .25); }
.landing-pass .list-flex > li:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/landing/pass/2022/06/header_cover.png) 50% 0 no-repeat; }
.landing-pass .list-flex > li .tit{ margin-bottom:16px; line-height:126%; font-size:32px; font-weight:900; color:#07362B; }

/* terms */
.landing-terms{ padding-bottom:40px; }

/* modal */
.modal-result{ width:520px; background-color:#FA6000; border:none; border-radius:10px; }
.modal-result .modal-header{ background-color:#FA6000; border-bottom:none; }
.modal-result .modal-content{ padding:46px 20px 0; }
.modal-result .img-area{ width:200px; max-width:100%; margin:0 auto; }
.modal-result .tit-landing{ margin:32px auto 16px; font-size:28px; color:#fff; }
.modal-result .list-dash{ margin-bottom:32px; padding:0 20px; font-size:16px; color:#fff; text-align:left; word-break:keep-all; }
.modal-result .list-dash li .txt-link{ font-weight:700; }


/*** event ***/
/* header */
.event-container .landing-header h3.tit-landing{ margin:100px auto 50px; }
.event-container .landing-header h3.tit-landing > small{ color:#000; }
.event-container .landing-header .list-event > li{ position:relative; }
.event-container .landing-header .list-event > li:not(:first-child){ margin-top:16px; }
.event-container .landing-header .list-event > li .cont-area{ padding:36px 44px; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; }
.event-container .landing-header .list-event > li .cont-area .tit{ font-size:48px; font-weight:400; }
.event-container .landing-header .list-event > li .cont-area .tit > small{ margin-bottom:8px; display:block; font-size:18px; }
.event-container .landing-header .list-event > li .cont-area .tit > small [class^='color']{ font-weight:900; }
.event-container .landing-header .list-event > li .cont-area .tit > small .color-green{ color:#44FFD9 !important; }
.event-container .landing-header .list-event > li .cont-area .tit > small .color-yellow{ color:#FFE600 !important; }
.event-container .landing-header .list-event > li .cont-area .tit > small .color-blue{ color:#1193DE !important; }
.event-container .landing-header .list-event > li .cont-area .txt{ margin-top:8px; font-size:24px; font-weight:800; }


/*** dice ***/
/* header */
.dice-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/dice/header_bg.png); }

/* event */
.dice-container .landing-event{ background:#FA6000 url(/images/landing/page/2022/07/event/dice/event_bg.png) 50% 0 no-repeat; }
.dice-container .landing-event .dice-layout{ display:flex; justify-content:center; align-items:center; }
.dice-container .landing-event .dice-layout .dice-area{ margin:18px auto 38px; perspective:1200px; perspective-origin:250% -150%; }
.dice-container .landing-event .dice-layout .dice-area .list-dice{ width:200px; height:200px; position:relative; transform-style:preserve-3d; }
.dice-container .landing-event .dice-layout .dice-area .list-dice:before, .dice-container .landing-event .dice-layout .dice-area .list-dice:after{ content:''; background-color:#36b583; position:absolute; top:1px; left:1px; right:1px; bottom:1px; z-index:-1; }
.dice-container .landing-event .dice-layout .dice-area .list-dice:after{ transform:rotate3d(0, 1, 0, 90deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li{ width:100%; height:100%; padding:34px; display:grid; position:absolute; background-color:#36b583; border-radius:16px;  grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(3, 1fr); grid-template-areas:'one two three' 'four five six' 'seven eight nine'; box-shadow:inset -.35rem .35rem .75rem rgba(0, 0, 0, .3), inset .5rem -.25rem .5rem rgba(0, 0, 0, .15); z-index:10; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li .dot{ width:36px; height:36px; background-color:#fff; border-radius:50%; justify-self:center; align-self:center; }

.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='1']{ transform:rotate3d(0, 0, 0, 90deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='2']{ transform:rotate3d(-1, 0, 0, 90deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='3']{ transform:rotate3d(0, 1, 0, 90deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4']{ transform:rotate3d(0, -1, 0, 90deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5']{ transform:rotate3d(1, 0, 0, 90deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6']{ transform:rotate3d(1, 0, 0, 180deg) translateZ(100px); }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='1'] .dot:nth-of-type(1){ grid-area:five; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='2'] .dot:nth-of-type(1){ grid-area:one; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='2'] .dot:nth-of-type(2){ grid-area:nine; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='3'] .dot:nth-of-type(1){ grid-area:one; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='3'] .dot:nth-of-type(2){ grid-area:five; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='3'] .dot:nth-of-type(3){ grid-area:nine; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4'] .dot:nth-of-type(1){ grid-area:one; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4'] .dot:nth-of-type(2){ grid-area:three; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4'] .dot:nth-of-type(3){ grid-area:seven; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4'] .dot:nth-of-type(4){ grid-area:nine; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5'] .dot:nth-of-type(1){ grid-area:one; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5'] .dot:nth-of-type(2){ grid-area:three; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5'] .dot:nth-of-type(3){ grid-area:five; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5'] .dot:nth-of-type(4){ grid-area:seven; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5'] .dot:nth-of-type(5){ grid-area:nine; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(1){ grid-area:one; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(2){ grid-area:three; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(3){ grid-area:four; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(4){ grid-area:six; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(5){ grid-area:seven; }
.dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6'] .dot:nth-of-type(6){ grid-area:nine; }

.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll{ transition:transform 1.5s cubic-bezier(0, .95, .41, .15); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll{ transition:transform 1.25s cubic-bezier(0, .95, .41, .15); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='1']{ transform:rotateX(360deg) rotateY(720deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='2']{ transform:rotateX(450deg) rotateY(720deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='3']{ transform:rotateX(360deg) rotateY(630deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='4']{ transform:rotateX(360deg) rotateY(810deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='5']{ transform:rotateX(270deg) rotateY(720deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.even-roll[data-roll='6']{ transform:rotateX(360deg) rotateY(900deg) rotateZ(360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='1']{ transform:rotateX(-360deg) rotateY(-720deg) rotateZ(-360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='2']{ transform:rotateX(-270deg) rotateY(-720deg) rotateZ(-360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='3']{ transform:rotateX(-360deg) rotateY(-810deg) rotateZ(-360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='4']{ transform:rotateX(-360deg) rotateY(-630deg) rotateZ(-360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='5']{ transform:rotateX(-450deg) rotateY(-720deg) rotateZ(-360deg); }
.dice-container .landing-event .dice-layout .dice-area .list-dice.odd-roll[data-roll='6']{ transform:rotateX(-360deg) rotateY(-900deg) rotateZ(-360deg); }

.dice-container .landing-event .btn-area{ margin-bottom:100px; }
.dice-container .landing-event .list-flex > li{ width:calc( 33.33% - 18px ); }
.dice-container .landing-event .list-flex > li .tit{ margin-bottom:8px; font-size:20px; font-weight:800; text-align:center; }


/*** gift ***/
/* header */
.gift-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/gift/header_bg.png); }
.gift-container .landing-header .tit-landing > small{ color:#1193DE; }

/* event */
.gift-container .landing-event{ background:#1193DE url(/images/landing/page/2022/07/event/gift/event_bg.png) 50% 0 no-repeat; }
.gift-container .landing-event .img-area + .txt-landing{ margin-top:100px; }
.gift-container .landing-event .list-flex{ flex-wrap:nowrap; }
.gift-container .landing-event .list-flex > li{ flex:1; }
.gift-container .landing-event .list-flex > li > a{ display:block; text-align:center; }
.gift-container .landing-event .list-flex > li > a .btn-landing, .gift-container .landing-event .list-flex > li > a .btn-landing:hover{ margin-top:32px; }

/* modal */
.modal-gift, .modal-gift .modal-header{ background-color:#1193DE; }

/** summer **/
/* header */
.summer-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/summer/header_bg.png); }
.summer-container .landing-header .tit-landing > small{ color:#ECD400; }

/* event */
.summer-container .landing-event{ background:#FFE600 url(/images/landing/page/2022/07/event/summer/event_bg.png) 50% 0 no-repeat; }
.summer-container .landing-event .tit-landing, .summer-container .landing-event .txt-landing{ color:#000; }
.summer-container .landing-event .tit-landing:not(:first-child){ margin-top:60px; }
.summer-container .landing-event .img-area + .txt-landing{ margin-top:100px; }


/** PC **/
@media screen and (min-width:1025px){
    /*** gift ***/
    /* event */
    .gift-container .landing-event .list-flex > li > a:hover .img-area{ animation:giftAni 1s infinite; }

    @keyframes giftAni{
        0%, 20%, 53%, 80%, to{ animation-timing-function:cubic-bezier(.215, .61, .355, 1); transform:translateZ(0) }
        40%, 43%{ transform:translate3d(0, -30px, 0) }
        40%, 43%, 70%{ animation-timing-function:cubic-bezier(.755, .05, .855, .06) }
        70%{ transform:translate3d(0, -15px, 0) }
        90%{ transform:translate3d(0, -4px, 0) }
    }
}


/** Tablets **/
@media (max-width:1024px) and (orientation:portrait), (max-width:1336px) and (orientation:landscape){
    /* header */
    .landing-header{ padding:50px 0; background-image:url(/images/landing/page/2022/07/event/m_header_bg.png); background-size:100% auto; }
    .landing-header .tit-landing > small{ font-size:40px; }

    /* pass */
    .landing-pass .btn-area{ display:flex; }
    .landing-pass .btn-area .btn-landing, .landing-pass .btn-area .btn-landing:hover{ padding:0 8px; font-size:28px; flex:1; }
    .landing-pass .list-flex > li{ width:calc( 50% - 16px ); }


    /*** event ***/
    /* header */
    .event-container .landing-header .list-event > li .cont-area{ padding:24px; }
    .event-container .landing-header .list-event > li .cont-area .tit{ font-size:32px; }
    .event-container .landing-header .list-event > li .cont-area .tit > small{ margin-bottom:4px; font-size:16px; }
    .event-container .landing-header .list-event > li .cont-area .txt{ font-size:16px; }


    /*** dice ***/
    /* header */
    .dice-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/dice/m_header_bg.png); }


    /*** gift ***/
    /* header */
    .gift-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/gift/m_header_bg.png); }
    .gift-container .landing-event .list-flex > li > a .img-area{ width:160px; max-width:100%; }
    .gift-container .landing-event .list-flex > li > a .btn-landing, .gift-container .landing-event .list-flex > li > a .btn-landing:hover{ width:90%; height:46px; line-height:46px; margin-top:16px; padding:0 8px; border-radius:23px; font-size:16px; }


    /** summer **/
    /* header */
    .summer-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/summer/m_header_bg.png); }
    

}

/** mobiles **/
@media (max-width:539px) and (orientation:portrait), (max-width:959px) and (orientation:landscape){
    .tit-landing{ font-size:24px; }
    .txt-landing{ margin:0 auto 32px; font-size:16px; }

    .index-container .btn-landing, .index-container .btn-landing:hover{ width:calc( 100% - 20px); height:46px; line-height:46px; padding:0 8px; border-radius:23px; font-size:16px; }  

    /* click */
    .click-layout .click-day{ margin:0 -1px 2px; }
    .click-layout .click-day > li{ height:40px; margin:0 1px; font-size:13px; }
    .click-layout .click-before{ padding:46px 0; font-size:16px; }
    .click-layout .click-type1 .quiz-area{ margin-bottom:2px; padding:9px 10px; }
    .click-layout .click-type1 .quiz-area .tit{ margin-bottom:2px; font-size:14px; }
    .click-layout .click-type1 .quiz-area .txt{ font-size:15px; }
    .click-layout .click-type1 .info-area{ height:20px; margin-bottom:12px; font-size:11px; }
    .click-layout .click-type1 .input-text input:not([type='button']){ height:36px; line-height:24px; font-size:15px; }
    .click-layout .agree-area{ margin-top:12px; }
    .click-layout .agree-area .input-checkbox{ line-height:18px; padding-left:22px; font-size:12px; }
    .click-layout .agree-area .input-checkbox .ico-checkbox{ top:2px; }
    .click-layout .agree-area .btn-area{ margin-top:24px; }

    /** landing **/
    /* header */
    .landing-header{ padding:50px 0; }
    .landing-header .tit-landing{ margin-bottom:16px; }
    .landing-header .tit-landing > small{ margin-bottom:16px; font-size:20px; }
    .landing-header .txt-landing{  font-size:16px; }

    /* event */
    .landing-event{ padding:50px 0; }

    /* pass */
    .landing-pass{ padding:50px 0; }
    .landing-pass .txt-landing{ margin-bottom:14px; font-size:16px; }
    .landing-pass .tit-landing{ font-size:32px; }
    .landing-pass .btn-area{ margin:24px auto 16px; }
    .landing-pass .btn-area .btn-landing{ height:46px; line-height:46px; margin:0 4px; padding:0 8px; border-radius:23px; font-size:14px; }
    .landing-pass .list-flex > li{ padding:20px 16px; } 
    .landing-pass .list-flex > li .tit{ margin-bottom:8px; font-size:18px; }
    .landing-pass .list-flex > li .img-area{ width:64px; }

    /* terms */
    .landing-terms .terms-type2{ padding:0; }

    /* modal */
    .modal-result .tit-landing{ margin:16px auto 8px; font-size:22px; }
    .modal-result .img-area{ width:140px; }
    .modal-result .list-dash{ font-size:14px; }
 

    /*** event ***/
    /* header */
    .event-container .landing-header h3.tit-landing{ margin:50px auto 16px; }
    .event-container .landing-header .list-event > li:not(:first-child){ margin-top:4px; }
    .event-container .landing-header .list-event > li .cont-area{ padding:16px; }
    .event-container .landing-header .list-event > li .cont-area .tit{ font-size:20px; }
    .event-container .landing-header .list-event > li .cont-area .tit > small{ margin-bottom:0; font-size:12px; }
    .event-container .landing-header .list-event > li .cont-area .txt{ font-size:14px; }


    /*** dice ***/
    /* header */
    .dice-container .landing-header{ background-image:url(/images/landing/page/2022/07/event/dice/m_header_bg.png); }

    /* event */
    .dice-container .landing-event{ background-image:url(/images/landing/page/2022/07/event/dice/m_event_bg.png); background-size:100% auto; }
    .dice-container .landing-event .dice-layout .dice-area .list-dice{ width:140px; height:140px; }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li{ padding:22px; }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li .dot{ width:24px; height:24px; }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='1']{ transform:rotate3d(0, 0, 0, 90deg) translateZ(70px); }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='2']{ transform:rotate3d(-1, 0, 0, 90deg) translateZ(70px); }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='3']{ transform:rotate3d(0, 1, 0, 90deg) translateZ(70px); }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='4']{ transform:rotate3d(0, -1, 0, 90deg) translateZ(70px); }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='5']{ transform:rotate3d(1, 0, 0, 90deg) translateZ(70px); }
    .dice-container .landing-event .dice-layout .dice-area .list-dice > li[data-side='6']{ transform:rotate3d(1, 0, 0, 180deg) translateZ(70px); }
    .dice-container .landing-event .btn-area{ margin:24px auto 50px; }
    .dice-container .landing-event .list-flex > li{ width:calc( 50% - 18px ); }
    .dice-container .landing-event .list-flex > li .tit{ font-size:16px; }


    /*** gift ***/
    /* event */
    .gift-container .landing-event{ background-image:url(/images/landing/page/2022/07/event/gift/m_event_bg.png); background-size:100% auto; }
    .gift-container .landing-event .img-area + .txt-landing{ margin-top:50px; }
    .gift-container .landing-event .list-flex{ margin:-4px; }
    .gift-container .landing-event .list-flex > li{ margin:4px; }
    .gift-container .landing-event .list-flex > li > a .img-area{ width:80px; }
    .gift-container .landing-event .list-flex > li > a .btn-landing, .gift-container .landing-event .list-flex > li > a .btn-landing:hover{ height:32px; line-height:32px; font-size:16px; }


    /** summer **/
    /* event */
    .summer-container .landing-event{ background-image:url(/images/landing/page/2022/07/event/summer/m_event_bg.png); background-size:100% auto; }
    .summer-container .landing-event .tit-landing:not(:first-child){ margin-top:30px; }
    .summer-container .landing-event .img-area + .txt-landing{ margin-top:50px; }
    
}

/** mobiles xs **/
@media (max-width:320px) and (orientation:portrait){
    /* header */
    .landing-header .tit-landing > small{ font-size:16px; }

    /* pass */
    .landing-pass .txt-landing{ font-size:14px; }
    .landing-pass .btn-area .btn-landing{ font-size:12px; }
    .landing-pass .list-flex > li{  padding:20px 8px; }

    /*** event ***/
    /* header */
    .event-container .landing-header .list-event > li .cont-area .tit{ font-size:16px; }
    .event-container .landing-header .list-event > li .cont-area .tit > small{ font-size:10px; }
    .event-container .landing-header .list-event > li .cont-area .txt{ font-size:12px; }
}