@charset "UTF-8";
.event-box .info[data-v-07c25f87] {
    width: 95vw
}

[data-v-5d1c6b78] .topNoPage {
    margin-top: -13vw
}

[data-v-5d1c6b78] .content-event {
    padding: 3.4vw;
    line-height: 1.8;
    text-align: justify
}

[data-v-5d1c6b78] .content-event .content p img {
    height: auto !important
}

[data-v-5d1c6b78] .content-event .tab-content-box {
    overflow: initial
}

[data-v-5d1c6b78] ul.tab-event-type li, [data-v-5d1c6b78] ul.tab-event-type li a {
    min-width: 22vw
}

[data-v-5d1c6b78] ul.tab-event-type li a {
    min-width: 22vw;
    border-top: 4px solid var(--borderColor22);
    color: var(--txtColor42);
    background: var(--bgColor35);
    border-right: 0px;
    border-bottom: 1px solid var(--borderColor07)
}

[data-v-5d1c6b78] ul.tab-event-type li a .tab-name {
    width: auto;
    height: 4vw;
    font-size: .81rem
}

[data-v-5d1c6b78] ul.tab-event-type li a span {
    width: 15vw;
    height: 7vw;
    font-size: 1.5rem;
    color: var(--txtColor33);
    background-position: center center;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconALLnew {
    font-size: 1.25rem
}

[data-v-5d1c6b78] ul.tab-event-type li a span.icon-iiconDice, [data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconSport {
    font-size: 1.4rem
}

[data-v-5d1c6b78] ul.tab-event-type li.active a, [data-v-5d1c6b78] ul.tab-event-type li.active a span {
    color: var(--txtColor26)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a {
    border-bottom: 1px solid var(--borderColor16)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span {
    -moz-animation: parent-tab-image .5s linear;
    -o-animation: parent-tab-image .5s linear;
    animation: parent-tab-image .5s linear;
    -webkit-animation: parent-tab-image .5s linear;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 48%;
    background-size: 48%
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span:before {
    content: ""
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-icconALLnew {
    -o-background-size: 45%;
    background-size: 45%;
    background-image: url(/assets/icon-icconALLnew3D.baf71267.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-icconVip {
    -o-background-size: 50%;
    background-size: 50%;
    background-image: url(/assets/icon-icconVip3D.6f0a64fd.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-icconDbonus {
    -o-background-size: 50%;
    background-size: 50%;
    background-image: url(/assets/icon-icconDbonus3D.8bb54021.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-icconSport {
    -o-background-size: 45%;
    background-size: 45%;
    background-image: url(/assets/icon-icconSport3D.56c8767e.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-iiconDice {
    background-image: url(/assets/icon-iiconDice3D.a2bb46ac.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-iiconSlote {
    background-image: url(/assets/icon-iiconSlote3D.1fbc3553.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-iiconGame {
    background-image: url(/assets/icon-iiconGame3D.cf21ebf5.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-iiconPoker {
    -o-background-size: 43%;
    background-size: 43%;
    background-image: url(/assets/icon-iiconPoker3D.bd24eafe.png)
}

[data-v-5d1c6b78] ul.tab-event-type li.active a span.icon-icconVR {
    background-image: url(/assets/icon-icconVR3D.55f5ec6f.png)
}

[data-v-5d1c6b78] .content-event ul.event-box li {
    position: relative;
    margin-bottom: 3vw;
    box-shadow: 0 2px 2px var(--bgColor14_op);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

[data-v-5d1c6b78] .content-event ul.event-box li:last-child {
    margin-bottom: 0
}

[data-v-5d1c6b78] .content-event ul.event-box li .pic img {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0
}

[data-v-5d1c6b78] .content-event ul.event-box li .tag {
    position: absolute;
    width: 25vw;
    height: 30vw;
    left: -1.6vw;
    top: .6vw;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: center;
    z-index: 100
}

[data-v-5d1c6b78] .content-event ul.event-box li .hot-tag {
    background-image: url(../../../../KD001-05/Event/images/hot-tag.png)
}

[data-v-5d1c6b78] .content-event ul.event-box li .everyday-tag {
    background-image: url(../../../../KD001-05/Event/images/everyday-tag.png)
}

[data-v-5d1c6b78] .content-event ul.event-box li .limited-tag {
    background-image: url(../../../../KD001-05/Event/images/limited-tag.png)
}

[data-v-5d1c6b78] .content-event ul.event-box li .info {
    padding: 2vw 3vw;
    line-height: 1.6;
   /* background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(55deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(55deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(55deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: linear-gradient(35deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);*/
    background:linear-gradient(to right, #272727 0%,#000000 100%);
    border-top: 1px solid #444444;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .title {
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .time {
    color: #ffffff;
    margin: 2vw 0 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .75rem
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown span {
    background: var(--bgColor26);
    color: var(--txtColor01);
    padding: .2vw 1vw;
    margin: 0vw 1vw;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-weight: 600
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown span.keep {
    background: #373737;
    text-align: right;
    font-weight: 600;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .93rem;
    margin: 0
}

[data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown span.keep.icon-event:before {
    margin-right: 1vw;
    font-size: 1.2rem;
    font-weight: 400
}

[data-v-5d1c6b78] button.apply-button {
    width: 100vw;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 3vw;
    font-size: .82rem;
    background: var(--btnColor10);
    color: var(--txtColor01)
}

[data-v-5d1c6b78] button.coupon-button {
    position: absolute;
    right: 3.4vw;
    bottom: 2.6vw;
    border-radius: .5vw;
    padding: 1.2vw 2.4vw;
    font-size: .86rem;
    font-weight: 600;
    color: var(--txtColor01);
    background: var(--btnColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

[data-v-5d1c6b78] .tab-content-box .tab-content {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-v-5d1c6b78] button.coupon-button span {
    color: var(--txtColor01);
    margin-left: 0vw;
    margin-right: 1vw;
    font-size: 1rem;
    font-weight: 400
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    [data-v-5d1c6b78] button.coupon-button span, [data-v-5d1c6b78] .content-event ul.event-box li .info .title {
        font-size: 1.6rem
    }

    [data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown span.keep, [data-v-5d1c6b78] .content-event ul.event-box li .info .time, [data-v-5d1c6b78] button.coupon-button, [data-v-5d1c6b78] button.apply-button, [data-v-5d1c6b78] ul.tab-event-type li a .tab-name {
        font-size: 1.4rem
    }

    [data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconALLnew, [data-v-5d1c6b78] ul.tab-event-type li a span.icon-iiconDice, [data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconSport, [data-v-5d1c6b78] ul.tab-event-type li a span {
        font-size: 2.8rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    [data-v-5d1c6b78] button.coupon-button span, [data-v-5d1c6b78] .content-event ul.event-box li .info .title {
        font-size: 2rem
    }

    [data-v-5d1c6b78] .content-event ul.event-box li .info .time .countdown span.keep, [data-v-5d1c6b78] .content-event ul.event-box li .info .time, [data-v-5d1c6b78] button.coupon-button, [data-v-5d1c6b78] button.apply-button, [data-v-5d1c6b78] ul.tab-event-type li a .tab-name {
        font-size: 1.8rem
    }

    [data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconALLnew, [data-v-5d1c6b78] ul.tab-event-type li a span.icon-iiconDice, [data-v-5d1c6b78] ul.tab-event-type li a span.icon-icconSport, [data-v-5d1c6b78] ul.tab-event-type li a span {
        font-size: 3.6rem
    }
}

[data-v-5d1c6b78] ul.tab-type li.active a {
    border-top: 4px solid var(--borderColor13);
    background: var(--bgColor01)
}