.event-winner-slider .slick-dots li button:before {font-size: 11px;}
.lucky-event-pop-templeate .name-layout div { max-width: 170px; min-width: 100px; padding: 0px 8px; box-sizing: border-box; line-height: 27px; /*border-right: 2px solid rgba(255,255,255, 0.14); */}

.name-layout .name-box { border-right: 2px solid rgba(255,255,255,0.14); padding: 0px !important; height: 306px; }
.name-layout .name-box:nth-child(8) { border-right: 0px; }



.personal-winning-modal { width: 610px; height: 662px; background: #fff url('/images/luckydraw/popup-ld-bg-result-2-b.png') 0 0; border: 4px solid #38c4ff; background-size: contain; background-repeat: no-repeat; box-shadow: 0px 16px 60px 0 rgba(0, 0, 0, 0.7); margin: 0 auto; padding: 40px 30px; position: relative; text-align: center; border-radius: 20px; }
.personal-winning-modal .lde-msg { margin: 26px 0px 18px 0px; font-size: 18px; line-height: 1.5; font-weight: normal; color: #333333; letter-spacing: -1.35px; }

.event-popup-button { margin: 5px; margin-bottom: 0px; margin-top: 27px; min-width: 160px; padding: 0px 10px; height: 60px; font-size: 20px; letter-spacing: -2.03px;
    color: #1cfff2; text-align: center; line-height: 60px; font-weight: bold; border: 0px; box-shadow: 0px 10px 40px 0 rgb(255 255 255 / 10%);
    background-color: #171545; cursor: pointer; }
.lde-goods-msg { margin: 60px 0px 20px 0px; font-size: 28px; line-height: 1.5; font-weight: bold; color: #333333; letter-spacing: -3px;}

.lucky-event-pop-templeate .support-layout .support-name .user-name .person6 { display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }
.lucky-event-pop-templeate .support-layout .support-name .user-name .person6 div { padding: 0px 24px; font-size: 32px; line-height: 1.69; font-weight: bold; letter-spacing: -0.8px; color: #fff; text-shadow: 0px 4px 6px rgb(0 0 0 / 24%); }

.lucky-event-pop-templeate .title { font-size: 37px !important; margin-bottom: 30px; }
.ranking-event-tabs > ul { list-style-type: none; padding: 0px 0px 20px 0px; display: inline-flex; width: 100%; justify-content: center; }
.ranking-event-tabs ul .ranking-goods-tab { display: inline-block; padding: 10px 10px; background: #104cae; border-radius: 50px; width: 100%; margin: 0px 0.5%; border: solid 4px #104cae; position: relative; }
.ranking-event-tabs ul .ranking-goods-tab a { text-decoration: none; color: #90a9d3; letter-spacing: -1.5px; font-weight: bold; display: block; width: 100%; height: 100%;
    z-index: 10;}
.ranking-event-tabs ul .ranking-goods-tab[aria-expanded=true] { background: #100d43; box-shadow: 7.1px 7.1px 8.1px 0.9px rgba(0, 0, 0, 0.23); border: solid 4px #1cfff2; }
.ranking-event-tabs ul .ranking-goods-tab[aria-expanded=true] a { color: #1cfff2; transition: all 0.3s; }
.ranking-event-tabs ul .ranking-goods-tab[aria-expanded=true]::after {display: block;transition: all 0.3s;background: url('/images/luckydraw/tab-3-ea-sel.png') -64% 73.3%;position: absolute;content: '';width: 30px;height: 56px;left: calc(50% - 15px);}

.lde-prev {left: -20px; top: calc(50% - 30px);}
.lde-next {right: -20px; top: calc(50% - 29px);}

.event-popup-button { margin: 5px; margin-bottom: 0px;  min-width: 160px; padding: 0px 37px; height: 60px; font-size: 27px; letter-spacing: -2.03px;
    color: #1cfff2; text-align: center; line-height: 60px; font-weight: bold; border: 0px;  box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.4);
    background-color: #171545; cursor: pointer; }
.lde-goods-tit { margin-top: 18px;}
.lde-goods-msg { margin: 13px auto 18px; font-size: 26px; width: 450px; height: 45px;  line-height: 26px; font-weight: bold; color: #333333; letter-spacing: -2px; background: #ff6612; color: #fff; border-radius: 22.5px; display: inline-flex; display: -ms-inline-flexbox;
    align-items: center; align-content: center; justify-content: center; }


/* 모바일 반응형 */
@media screen and (max-width: 640px) {
    .event-popup-button {
        padding: 0px;
    }
    .personal-winning-modal {
        width: calc(100% - 40px);
        height: auto;
        padding: 40px 20px;
    }
    .lde-goods-tit img {
        width: 100%;
        max-width: 366px;
    }
    .lde-goods-msg {
        width: auto;
        max-width: 450px;
        display: flex;
    }
    .lde-goods-img {
        height: auto !important
    }
}
@media screen and (max-width: 480px) {
    .lucky-event-pop-next-modal .btn-area, .personal-winning-modal .btn-area {
        display: flex !important;
    }
    .lde-goods-msg {
        font-size: 20px;
    }
    .event-popup-button {
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        flex: 1;
        min-width: auto;
    }
    .personal-winning-modal .lde-msg {
        margin: 10px 0;
        line-height: 1.2;
    }
    .lde-goods-msg {
        font-size: 18px;
        padding: 10px 30px;
        line-height: unset;
    }
}