@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Black+Han+Sans:400";.riotbar-present{margin-top:80px!important}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;box-sizing:border-box;background:#272d33!important}.act3 .blink{animation:blinkAct3 1s ease-in-out infinite}@keyframes blinkAct3{0%{color:#fff}49%{color:#fff}51%{color:#1b2228}to{color:#1b2228}}.act3 .glow_pp{animation:glow_pp 2s ease-in-out infinite}@keyframes glow_pp{0%{filter:drop-shadow(0 0 0px #b745e5)}50%{filter:drop-shadow(0 0 15px #b745e5)}to{filter:drop-shadow(0 0 0px #b745e5)}}.act3 .pc{display:block}.act3 .mobile{display:none}.act3 section#valEvent{font-family:Pretendard;background:#272d33 url(../img/act3/background_act3.png) center top no-repeat;color:#fff;letter-spacing:-.04em;word-break:keep-all;font-size:10px;overflow-x:hidden;max-width:1920px;margin:0 auto}.act3 section#valEvent:after{content:"";display:block;width:100px;height:100%;background:linear-gradient(270deg,#272d33,transparent);position:absolute;top:0;right:0;z-index:1}.act3 section#valEvent:before{content:"";display:block;width:100px;height:100%;background:linear-gradient(90deg,#272d33,transparent);position:absolute;top:0;left:0;z-index:1}.act3 .keyart{position:absolute;bottom:900px;left:50%;transform:translate(70px);z-index:2;width:1026px;pointer-events:none}.act3 .main{width:948px;min-height:200vh;position:relative;z-index:2}.act3 .main_container{height:780px}.act3 .main_intro{position:absolute;top:0;left:50%;transform:translate(-50%);background:url(../img/act3/val_event.png) center top no-repeat;background-size:contain;width:1920px;height:780px}.act3 .main_intro .videobg{position:absolute;top:0;left:0;width:100%;margin:auto;height:1080px;object-fit:cover;object-position:center;z-index:1}.act3 .main_intro .videobg.mobile{height:0}.act3 .main_intro .text_container{box-sizing:content-box;width:948px;padding-right:452px;margin:560px auto 0;text-align:center;font-size:30px;font-weight:400;z-index:2}.act3 .main_intro .text_container .period{margin:15px 0 0;font-size:.75em}.act3 .main_intro .text_container .message{display:inline-block;color:#12d9b2;margin-top:45px;border-bottom:1px solid #12d9b2;padding-bottom:5px;transition:all .3s ease;cursor:pointer;font-size:.95em}.act3 .main_intro .text_container .message:hover{color:#fff;border-color:#fff}.act3 .tab{display:flex;background:url(../img/act3/bg_tab_act3.png) center top no-repeat;background-size:cover;height:80px}.act3 .tab button{font-family:aggravo;width:50%;font-size:32px;padding-top:5px;text-align:center;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;transition:text-shadow .3s ease}.act3 .tab button:hover{color:#fff!important;text-shadow:0 0 10px #fff}.act3 #valPieceExchange{height:2787px;background:url(../img/act3/bg_exchange_act3.png) center top no-repeat;background-size:cover;margin-top:-50px;overflow:hidden;padding:0 105px}.act3 #valPieceExchange h3 img{margin:90px auto 60px}.act3 #valPieceExchange h4{font-size:28px;text-align:center;margin:0 0 6px;line-height:64px;height:64px;padding-top:3px;overflow:hidden}.act3 #valPieceExchange h4 span{position:relative;z-index:2}.act3 #valPieceExchange h4:after{content:"";display:block;width:100%;height:100%;background:#192229;position:absolute;top:0;left:0;z-index:1;transform-origin:left top;transform:skew(25deg)}.act3 #valPieceExchange .subscript{color:#000;text-align:center;font-size:18px;margin:40px 0 70px}.act3 #valPieceExchange .exchange_list{width:100%}.act3 #valPieceExchange .exchange_list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.act3 #valPieceExchange .exchange_list ul.col-4{margin-top:50px;padding-top:50px;border-top:2px #1b2228 solid}.act3 #valPieceExchange .exchange_list ul.col-4 li{padding-top:25px;gap:10px;width:calc((100% - 18px)/4);font-size:14px;height:auto}.act3 #valPieceExchange .exchange_list ul.col-4 li img{height:auto;object-fit:contain}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:20px 0 0;font-size:19px;height:2em;display:flex;align-items:center}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:18px}.act3 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:25px}.act3 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:14px}.act3 #valPieceExchange .exchange_list li{display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 12px) / 3);height:auto;padding:10px;font-size:18px;background:#fff;text-align:center;color:#000;gap:10px}.act3 #valPieceExchange .exchange_list li img{width:100%;height:140px;object-fit:contain}.act3 #valPieceExchange .exchange_list li .h5_box{margin:20px 0;height:56px;display:flex;justify-content:center;align-items:center}.act3 #valPieceExchange .exchange_list li .h5_box h5{font-size:20px;margin:0;height:auto;letter-spacing:-.05em;font-weight:700}.act3 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{display:block;font-size:.7em}.act3 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block}.act3 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act3 #valPieceExchange .exchange_list li.wide{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:335px;background:url(../img/act3/bg_item_wide_act3.png) center top no-repeat;background-size:cover;padding:45px 30px;gap:30px;text-align:left}.act3 #valPieceExchange .exchange_list li.wide img{height:190px}.act3 #valPieceExchange .exchange_list li.wide h5{height:auto;font-size:30px;margin:0 0 20px}.act3 #valPieceExchange .exchange_list li.wide .ex_btn{font-size:15px;text-align:center}.act3 #valPieceExchange .exchange_list li.wide .ex_btn .price{font-size:31px}.act3 #valPieceExchange .exchange_list li.wide .ex_btn .btn{width:220px;max-width:220px}.act3 #valPieceExchange .exchange_list li.wide .sub{color:#000;font-weight:300;margin:20px 0 0}.act3 #valPieceExchange .exchange_list li.prize_wide{display:none}.act3 #valPieceExchange .exchange_list li.cut_tl{background:url(../img/act3/bg_item_cut_tl3.png) left top no-repeat;background-size:cover}.act3 #valPieceExchange .exchange_list li.cut_tr{background:url(../img/act3/bg_item_cut_tr3.png) right top no-repeat;background-size:cover}.act3 #valPieceExchange .exchange_list .prize_category{margin:35px auto 25px;text-align:center}.act3 #valPieceExchange .exchange_list .prize_category img{display:block;margin:0 auto}.act3 #valPieceExchange .prize_container .ex_btn{color:#000}.act3 #valPieceExchange .prize_container .ex_btn:hover .btn{background:#15966d}.act3 #valPieceExchange .prize_container .ex_btn .price{color:#009074}.act3 #valPieceExchange .prize_container .ex_btn .btn{background:#009074}.act3 #valPieceExchange .prize_container .ex_btn .btn:after{content:"응모하기"}.act3 #valPieceExchange .prize_container .ex_btn.completion .btn{background:#818181}.act3 #valPieceExchange .prize_container .ex_btn.completion .btn:after{content:"응모완료"}.act3 #valPieceExchange .ex_btn{font-family:aggravo;font-size:16px;font-weight:700;text-align:center;margin:0 2px;color:#000}.act3 #valPieceExchange .ex_btn:hover .btn{background:#aca209}.act3 #valPieceExchange .ex_btn p{margin:0 0 10px;letter-spacing:-.05em}.act3 #valPieceExchange .ex_btn .price{color:#aca209;font-size:28px}.act3 #valPieceExchange .ex_btn .btn{color:#fff;background:#aca209;padding:15px 0 12px;font-size:24px;width:100%;max-width:unset;margin:auto;text-align:center;transition:background .3s ease}.act3 #valPieceExchange .ex_btn .btn:after{content:"교환하기"}.act3 #valPieceExchange .ex_btn.completion *{color:#818181!important}.act3 #valPieceExchange .ex_btn.completion .btn{background:#818181;color:#fff!important}.act3 #valPieceExchange .ex_btn.completion .btn:after{content:"교환완료"}.act3 #aside{position:fixed;left:50%;margin-left:270px;padding:0;top:90px;width:430px;height:1155px;transform-origin:left top;z-index:2}.act3 #aside .dashboard{display:none}.act3 #aside .pre_login{display:flex}.act3 #aside.logged_in .dashboard{display:block}.act3 #aside.logged_in .pre_login{display:none}.act3 #aside .column{display:flex;flex-direction:column;gap:14px;border:1px solid #12d9b2;border-radius:20px;background:#00000080;padding:18px 16px}.act3 #aside .column h4{display:flex;align-items:center;color:#ffbb29;font-size:18px;gap:6px;margin:0}.act3 #aside .column h4:before{content:"";display:block;width:25px;aspect-ratio:25/31;background:url(../img/act3/ico_star3.png) center center no-repeat;background-size:contain}.act3 #aside .column h5{font-size:19px;margin:0}.act3 #dashboard{background:#0000004d;border:1px solid #12d9b2;border-radius:20px;padding:30px 24px;height:980px}.act3 #dashboard .topper{justify-content:space-between;align-items:flex-end}.act3 #dashboard .topper .greeting{font-size:17px}.act3 #dashboard .topper .greeting .userName{display:block;font-family:aggravo;font-weight:700;font-size:23px;margin-bottom:4px}.act3 #dashboard .topper a.myReport{font-size:17px}.act3 #dashboard .topper a.myReport:hover{opacity:1;text-shadow:0 0 10px #fff}.act3 #dashboard .topper .refresh{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;font-size:17px;cursor:pointer;color:#41f9bf;transition:opacity .3s ease}.act3 #dashboard .topper .refresh img{width:17px;height:17px;transition:transform .3s ease}.act3 #dashboard .topper .refresh:hover img{transform:rotate(180deg)}.act3 #dashboard .myStatus{margin:30px auto;overflow:visible}.act3 #dashboard .myStatus .swiper-wrapper{display:flex;gap:30px;flex-direction:column}.act3 #dashboard .myStatus .balance{justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin:-10px 0}.act3 #dashboard .myStatus .balance .text{margin-top:5px;font-size:18px;font-weight:700;font-family:Aggravo}.act3 #dashboard .myStatus .balance strong{color:#ffbb29;font-size:28px}.act3 #dashboard .rewardList ul{gap:10px}.act3 #dashboard .rewardList ul li{display:flex;justify-content:space-between;align-items:center;font-size:19px}.act3 #dashboard .rewardList ul li .result{color:#160b1d;background:#fff;width:90px;height:30px;display:flex;justify-content:center;align-items:center;padding-top:3px;font-size:16px;font-family:aggravo}.act3 #dashboard .rewardList ul li .result:after{content:"달성"}.act3 #dashboard .rewardList ul li .tooltip{display:none}.act3 #dashboard .rewardList ul li.notAchieved{color:#fff3}.act3 #dashboard .rewardList ul li.notAchieved .result{background:#58545c;color:#160b1d}.act3 #dashboard .rewardList ul li.notAchieved .result:after{content:"미달성"}.act3 #dashboard .rewardList ul li.notAchieved .tooltip{display:block}.act3 #dashboard .conditionList ul{gap:10px}.act3 #dashboard .conditionList ul li{font-size:19px;margin-bottom:10px}.act3 #dashboard .conditionList .graph{height:19px;background-color:#fff;overflow:hidden;margin:4px 0}.act3 #dashboard .conditionList .graph .bar{position:absolute;top:0;left:-10px;width:100%;height:19px;transform:skew(45deg);background:linear-gradient(0deg,#10bd9b 0% 100%)}.act3 #dashboard .conditionList .graph .bar.val{background:linear-gradient(0deg,#d1c724 0% 100%)}.act3 #dashboard .conditionList .text{display:block;font-size:14px;line-height:19px;color:#797979}.act3 #dashboard .hasTooltip .tooltip,.act3 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% - 10px));background:#fff;color:#767676;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:200;line-height:1.15;z-index:10;text-align:center;opacity:0;transition:opacity .3s ease;white-space:nowrap}.act3 #dashboard .hasTooltip .tooltip.under,.act3 #dashboard .notAchieved .tooltip.under{top:unset;bottom:0;transform:translateY(calc(100% + 10px))}.act3 #dashboard .hasTooltip .tooltip.graph_under,.act3 #dashboard .notAchieved .tooltip.graph_under{top:unset;bottom:0;transform:translateY(calc(100% - 15px))}.act3 #dashboard .hasTooltip .tooltip strong,.act3 #dashboard .notAchieved .tooltip strong{color:#694185}.act3 #dashboard .hasTooltip:hover .tooltip,.act3 #dashboard .notAchieved:hover .tooltip{opacity:1}.act3 .dueDate{position:absolute;top:818px;left:24px;width:calc(100% - 48px)}.act3 .dueDate .countdown{text-align:center;font-size:35px;font-weight:700;margin:5px 0}.act3 .pre_login{width:100%;height:980px;background:url(../img/act3/bg_dashboard_pre.png) center top no-repeat;background-size:contain;border:1px solid #12d9b2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.act3 .pre_login h4{font-size:28px;margin:0}.act3 .pre_login p{font-size:20px;margin:0;color:#999;line-height:1.5em}.act3 .pre_login button.btn_riot_login{width:180px;height:50px;background-color:#1fba89;color:#fff;font-size:24px;cursor:pointer;padding:4px 0 0;transition:background-color .3s ease}.act3 .pre_login button.btn_riot_login:hover{background-color:#0d9a6d}.act3 .reward{margin-top:30px}.act3 .reward a img{display:block;border-radius:100px}.act3 .close{position:absolute;top:-70px;right:-20px}.act3 .close img{display:block;width:80px;height:80px}.act3 .caution{left:50%;transform:translate(-50%);width:1920px;background:#000;color:#fff;padding:0;z-index:2}.act3 .caution .inner{width:1370px;margin:0 auto;box-sizing:content-box}.act3 .caution .inner h4{font-size:26px;font-weight:700;margin:0 0 40px}.act3 .caution .inner ul{display:flex;flex-direction:column;gap:10px}.act3 .caution .inner ul li{font-size:22px;line-height:1.3;padding-left:16px}.act3 .caution .inner ul li:before{position:absolute;content:"";display:block;width:6px;height:6px;background:#fff;border-radius:100px;top:10px;left:0}.modal_container .modal_box.act3{--color: #0fc4a1;display:none;background:#fff;width:540px;border:4px solid var(--color);box-sizing:content-box;box-shadow:0 0 20px #0000004d;text-align:center}.modal_container .modal_box.act3 .header{font-size:30px;height:74px;padding-top:5px;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box.act3 .body{padding:50px 16px 16px}.modal_container .modal_box.act3 .body p{font-size:24px;margin:0}.modal_container .modal_box.act3 .body .content{margin:0}.modal_container .modal_box.act3 .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.act3 .body .btn{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;height:70px;color:#fff;background:#111619;font-size:27px;padding-top:4px;cursor:pointer}.modal_container .modal_box.act3 .body .btn:after{content:""}.modal_container .modal_box.act3 .body .btn.btn_color{background:var(--color)}.modal_container .modal_box.act3 img.imageModal{display:block;width:100%}.modal_container .modal_box.act3 .btn_wrap{display:flex;gap:15px}.modal_container .modal_box.act3 .btn_wrap .btn{font-size:28px;height:69px;width:100%}.modal_container .modal_box.act3 .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box.act3 .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.act3.modal_reward{--color: #aca209}.modal_container .modal_box.act3.modal_reward .header{background:var(--color)}.modal_container .modal_box.act3.modal_reward .header h4:after{content:"보상 지급이 완료되었습니다!"}.modal_container .modal_box.act3.modal_reward .body .btn_close:after{content:"교환완료 >"}.modal_container .modal_box.act3.modal_apply{--color: #0fc4a1}.modal_container .modal_box.act3.modal_apply .header h4:after{content:"응모가 완료되었습니다!"}.modal_container .modal_box.act3.modal_apply .body .btn_close:after{content:"응모완료 >"}.modal_container .modal_box.act3.modal_apply .inputWrap{display:flex;flex-direction:column;gap:10px;margin:40px 0}.modal_container .modal_box.act3.modal_apply .inputWrap>div{display:flex;flex-direction:row;gap:10px}.modal_container .modal_box.act3.modal_apply .inputWrap>div label{font-family:aggravo;font-size:24px;color:#fff;background:var(--color);text-align:center;padding:12px 0;width:130px;height:49px}.modal_container .modal_box.act3.modal_apply .inputWrap>div input{flex:1;height:49px;font-size:22px;background:#eaeaea;border:none;padding:0 20px}.modal_container .modal_box.act3.modal_login{border-color:#0fc4a1}.modal_container .modal_box.act3.modal_login .header{background:#0fc4a1}.modal_container .modal_box.act3.modal_login .header h4:after{content:"로그인하고 보상 받기"}.modal_container .modal_box.act3.modal_login p{color:#777}.modal_container .modal_box.act3.modal_login .content img{height:170px}.modal_container .modal_box.act3.modal_login .btn{width:100%}.modal_container .modal_box.act3.modal_login .btn:after{display:none;content:""}.modal_container .modal_box.act3.modal_my_reward{padding:30px 40px}.modal_container .modal_box.act3.modal_my_reward .header{--color: $mint2;font-size:28px;background:#fff;color:var(--color);justify-content:flex-start}.modal_container .modal_box.act3.modal_my_reward .header p.userName{font-weight:700;line-height:43px;border-left:1px solid var(--color);padding-left:20px;margin-left:20px}.modal_container .modal_box.act3.modal_my_reward .tab_reward{display:flex;justify-content:center;margin-top:20px}.modal_container .modal_box.act3.modal_my_reward .tab_reward .tab_btn{--color: #0fc5a1;font-size:23px;font-weight:700;width:160px;color:var(--color);background:#fff;text-align:center;padding:10px 0 8px;border:1px solid var(--color);border-right:none}.modal_container .modal_box.act3.modal_my_reward .tab_reward .tab_btn.active{color:#fff;background-color:var(--color)}.modal_container .modal_box.act3.modal_my_reward .tab_reward .tab_btn:last-child{border-right:1px solid var(--color)}.modal_container .modal_box.act3.modal_my_reward .body{margin-top:40px;padding:0}.modal_container .modal_box.act3.modal_my_reward .body p.subText{font-size:18px;color:#b5b5b5;margin:0}.modal_container .modal_box.act3.modal_my_reward .body .content{margin:0}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList{--color: #0fc5a1;width:100%;border-collapse:collapse;margin-bottom:20px}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList thead{background-color:var(--color);color:#fff}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList thead th{padding:15px;font-weight:400;font-size:20px;text-align:center}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList tbody tr td{font-size:18px;padding:20px 10px;border-bottom:1px solid #ccc;text-align:center}.modal_container .modal_box.act3.modal_my_reward .body .pagination{margin:20px 0 24px}.modal_container .modal_box.act3.modal_my_reward .body .pagination ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal_container .modal_box.act3.modal_my_reward .body .pagination ul li a{display:block;width:25px;height:25px;font-size:20px;color:#b5b5b5}.modal_container .modal_box.act3.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.act3.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act3.selectPCB .radioWrap{margin:40px auto 50px;display:flex;justify-content:center;gap:110px}.modal_container .modal_box.act3.selectPCB .radioWrap input[type=radio]{position:absolute;width:0;height:0;opacity:0;visibility:hidden}.modal_container .modal_box.act3.selectPCB .radioWrap input[type=radio]:checked+label{background:var(--color)}.modal_container .modal_box.act3.selectPCB .radioWrap label{display:flex;justify-content:center;align-items:center;width:96px;aspect-ratio:1/1;color:#fff;font-size:29px;font-weight:700;background:#757575;border-radius:100px;padding-top:7px;cursor:pointer}.modal_container .modal_box.act3.couponPCB .content .couponPCB{background:#ede4ff;color:var(--color);font-size:26px;font-weight:500;text-align:center;width:100%;height:45px;line-height:45px;margin-bottom:45px;border:none}.modal_container .modal_box.act3.couponPCB .btn:after{content:"교환 완료"!important}.modal_container .modal_box.act3.coming_soon{background:var(--color)}.modal_container .modal_box.act3.notice .header h4:after{content:"안내"!important}.modal_container .modal_box.act3.notice .body{padding:30px 16px 16px}.modal_container .modal_box.act3.notice .message{margin:50px 0 80px;color:#000;font-size:30px;font-weight:500}.modal_container .modal_box.act3.notice .message .amount{font-family:aggravo;font-weight:700;color:var(--color)}.modal_container .modal_box.act3.notice .message .subMessage{display:block;font-size:17px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act3.notice .btn{font-size:27px;height:69px;width:100%}.modal_container .modal_box.act3.notice .btn:after{display:none;content:""}.modal_container .modal_box.act3.modal_result{--color: #0fc4a1}.modal_container .modal_box.act3.modal_result .body{display:flex;flex-direction:column;gap:20px;padding:16px}.modal_container .modal_box.act3.modal_result .body h5{font-size:27px;margin:10px 0 0}.modal_container .modal_box.act3.modal_result .body .rewardText_win{line-height:1.35}.modal_container .modal_box.act3.modal_result .body .red_reward{color:#bf0000}.modal_container .modal_box.act3.modal_result .body .content{display:flex;flex-direction:column;align-items:center;gap:10px}.modal_container .modal_box.act3.modal_result .body .content p{font-size:18px;margin:0;color:#5f5f5f}.modal_container .modal_box.act3.modal_result .body .content p.period{font-size:20px;font-weight:500;color:#000}.modal_container .modal_box.act3.modal_result .body .content p.subText{font-size:15px}.modal_container .modal_box.act3.modal_result .body .content p.red{color:#bf0000}.modal_container .modal_box.act3.modal_result .body .itemImg{margin:0}.modal_container .modal_box.act3.modal_result .body.omission{gap:40px}.modal_container .modal_box.act3.modal_result .body.omission h5{font-size:24px;line-height:1.3;margin-top:50px}.modal_container .modal_box.act3.modal_result .body.omission p.text{font-size:20px}.modal_container .modal_box.act3.modal_result .body.omission .btn_close{background-color:#0fc4a1}.modal_container .modal_box.act3.active{display:block}@media(max-width:1000px){.act3 .pc{display:none!important}.act3 .mobile{display:block}.act3 section#valEvent{background-image:none;font-size:1.5vw}.act3 section#valEvent:after{display:none}.act3 section#valEvent:before{display:none}.act3 .main{width:100%}.act3 .main_container{height:92vw}.act3 .main_intro{max-width:100%;height:92vw}.act3 .main_intro .videobg{top:0;height:92vw}.act3 .main_intro .videobg.pc{height:0}.act3 .main_intro .videobg.mobile{height:auto}.act3 .main_intro .text_container{width:100%;padding:0;margin:62vw auto 0;font-size:3.3vw}.act3 .main_intro .text_container .period{margin:1.5vw 0 0}.act3 .main_intro .text_container .message{margin-top:5vw;padding-bottom:.5vw}.act3 .tab{height:13vw}.act3 .tab button{font-size:2.6em;padding-top:1vw;transition:none}.act3 #valPieceExchange{height:548vw;background:url(../img/act3/bg_exchange_act3_m.png) center top no-repeat;background-size:cover;margin-top:-5vw;padding:0 6vw}.act3 #valPieceExchange h3 img{margin:12vw auto 9vw}.act3 #valPieceExchange h4{font-size:3.8vw;margin:0 0 1vw;line-height:7.5vw;height:7.5vw;padding-top:.5vw}.act3 #valPieceExchange .subscript{font-size:2.5vw;margin:3vw 0 8vw}.act3 #valPieceExchange .exchange_list ul{gap:.7vw}.act3 #valPieceExchange .exchange_list ul.col-4{margin-top:5vw;padding-top:5vw}.act3 #valPieceExchange .exchange_list ul.col-4 li{height:auto;width:calc((100% - 1vw)/2);padding:2vw;font-size:2.2vw;gap:2vw}.act3 #valPieceExchange .exchange_list ul.col-4 li img{width:100%;height:20vw}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:4vw 0;height:4vw;display:flex;justify-content:center;align-items:center}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:3.2vw;height:auto}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5 br{display:block}.act3 #valPieceExchange .exchange_list ul.col-4 li .h5_box.line3{height:3em}.act3 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:4.7vw}.act3 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:2.3vw}.act3 #valPieceExchange .exchange_list li{width:calc((100% - 1vw)/2);padding:2vw;font-size:2.2vw;gap:2vw}.act3 #valPieceExchange .exchange_list li img{width:100%;height:20vw}.act3 #valPieceExchange .exchange_list li .h5_box{margin:4vw 0;height:4vw;display:flex;justify-content:center;align-items:center}.act3 #valPieceExchange .exchange_list li .h5_box h5{font-size:3.2vw;height:auto}.act3 #valPieceExchange .exchange_list li .h5_box h5 br{display:block}.act3 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{font-size:1em}.act3 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block}.act3 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act3 #valPieceExchange .exchange_list li.wide,.act3 #valPieceExchange .exchange_list li.wide_m{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:44vw;padding:7vw 4vw;gap:0;background:transparent url(../img/act3/bg_item_wide_act3_m.png) left top no-repeat!important;background-size:cover!important}.act3 #valPieceExchange .exchange_list li.wide img,.act3 #valPieceExchange .exchange_list li.wide_m img{height:24vw}.act3 #valPieceExchange .exchange_list li.wide h5,.act3 #valPieceExchange .exchange_list li.wide_m h5{font-size:4vw!important;margin:0 0 1vw}.act3 #valPieceExchange .exchange_list li.wide .ex_btn,.act3 #valPieceExchange .exchange_list li.wide_m .ex_btn{font-size:2.3vw;text-align:left}.act3 #valPieceExchange .exchange_list li.wide .ex_btn .price,.act3 #valPieceExchange .exchange_list li.wide_m .ex_btn .price{font-size:4.7vw}.act3 #valPieceExchange .exchange_list li.wide .ex_btn .btn,.act3 #valPieceExchange .exchange_list li.wide_m .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:40vw;max-width:40vw}.act3 #valPieceExchange .exchange_list li.wide .sub,.act3 #valPieceExchange .exchange_list li.wide_m .sub{margin:2vw 0 0}.act3 #valPieceExchange .exchange_list li.prize_wide{display:flex!important;gap:2vw}.act3 #valPieceExchange .exchange_list li.prize_wide img{height:17vw}.act3 #valPieceExchange .exchange_list li.cut_tl,.act3 #valPieceExchange .exchange_list li.cut_tr{background:#fff}.act3 #valPieceExchange .exchange_list li.cut_tr_m{background:url(../img/act3/bg_item_cut_tr3.png) right top no-repeat!important;background-size:cover!important}.act3 #valPieceExchange .exchange_list li.cut_tl_m{background:url(../img/act3/bg_item_cut_tl3.png) right top no-repeat!important;background-size:cover!important;background-size:cover}.act3 #valPieceExchange .exchange_list .prize_category{margin:4vw 0 3.5vw}.act3 #valPieceExchange .ex_btn{font-size:2.3vw;margin:0}.act3 #valPieceExchange .ex_btn p{margin:.5vw 0}.act3 #valPieceExchange .ex_btn .price{font-size:4.7vw}.act3 #valPieceExchange .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:100%;max-width:100%}.act3 #aside{left:0;margin-left:0;top:0;width:100vw;height:100dvh;background:#000000d9;z-index:100;display:none;overflow:hidden}.act3 #aside.active{display:block}.act3 #aside.logged_in .dueDate{transform:translateY(90%)}.act3 #aside .column{border-radius:1.3vw;padding:4vw 3.5vw;gap:1vw}.act3 #aside .column h4{font-size:3.2vw;gap:1.5vw}.act3 #aside .column h4:before{width:4vw}.act3 #dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:105vw;border-radius:2vw;padding:4vw}.act3 #dashboard .topper{justify-content:center}.act3 #dashboard .topper .greeting{font-size:2em;text-align:center}.act3 #dashboard .topper .greeting .userName{font-size:1.4em}.act3 #dashboard .topper a.myReport{display:none}.act3 #dashboard .topper .refresh{top:unset;bottom:0;gap:1vw;font-size:3.4vw}.act3 #dashboard .topper .refresh img{width:3.5vw;height:3.5vw}.act3 #dashboard .myStatus{margin:4vw auto;overflow:hidden}.act3 #dashboard .myStatus .swiper-wrapper{gap:0;flex-direction:row}.act3 #dashboard .myStatus .swiper-wrapper .swiper-slide{height:auto}.act3 #dashboard .myStatus .swiper-pagination{position:relative;margin:2vw 0;bottom:unset}.act3 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1;width:2.4vw;height:2.4vw;transition:all .3s ease}.act3 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#12d9b2}.act3 #dashboard .myStatus .balance{height:100%;flex-direction:column;justify-content:center;font-size:3.6vw;margin:0}.act3 #dashboard .myStatus .balance img{width:10vw}.act3 #dashboard .myStatus .balance .text{margin-top:1vw;font-size:4.2vw}.act3 #dashboard .myStatus .balance strong{font-size:6.6vw}.act3 #dashboard .rewardList{height:100%;display:flex;align-items:center}.act3 #dashboard .rewardList ul{width:100%;gap:4vw}.act3 #dashboard .rewardList ul li{font-size:3.4vw}.act3 #dashboard .rewardList ul li .result{width:16vw;height:5.3vw;padding-top:.5vw;font-size:2.9vw}.act3 #dashboard .conditionList ul{gap:2vw}.act3 #dashboard .conditionList ul li{font-size:3.4vw;margin-bottom:1.7vw}.act3 #dashboard .conditionList ul li h5{display:flex;align-items:center;gap:1vw;margin:0;font-size:3.3vw}.act3 #dashboard .conditionList ul li h5 .btn_tooptip{width:3.3vw;margin-bottom:.5vw}.act3 #dashboard .conditionList .graph{height:3.2vw;margin-top:1vw}.act3 #dashboard .conditionList .graph .bar{left:-1.7vw;height:3.2vw}.act3 #dashboard .conditionList .graph .text{font-size:2.9vw;line-height:3.2vw;margin-left:1.7vw}.act3 #dashboard .hasTooltip .tooltip,.act3 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% + 4.4vw))!important;padding:1.3vw 2.6vw;border-radius:1.3vw;font-size:2.4vw}.act3 #dashboard .hasTooltip .tooltip.under,.act3 #dashboard .notAchieved .tooltip.under,.act3 #dashboard .hasTooltip .tooltip.graph_under,.act3 #dashboard .notAchieved .tooltip.graph_under{bottom:unset;top:0}.act3 #dashboard .hasTooltip:hover .tooltip,.act3 #dashboard .notAchieved:hover .tooltip{opacity:0}.act3 #dashboard .hasTooltip.active .tooltip,.act3 #dashboard .notAchieved.active .tooltip{opacity:1}.act3 #dashboard .notAchieved .tooltip{right:17vw;top:50%!important;transform:translateY(-50%)!important}.act3 .dueDate{top:51%;left:14vw;width:72vw;transform:translateY(50%)}.act3 .dueDate .countdown{font-size:6.2vw;margin:1vw 0}.act3 .pre_login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;border-radius:2vw;padding:10vw 4vw 40vw;background:#00000080;gap:2vw}.act3 .pre_login h4{font-size:4vw}.act3 .pre_login p{font-size:3vw}.act3 .pre_login button.btn_riot_login{width:35vw;height:8vw;font-size:3.5vw}.act3 .reward{display:none}.act3 .mobileUI{position:fixed;bottom:3vw;right:3vw;z-index:10;display:flex;flex-direction:column;gap:1.5vw}.act3 .mobileUI button,.act3 .mobileUI a{width:11vw;height:11vw;display:block}.act3 .mobileUI button img,.act3 .mobileUI a img{display:block;width:100%;height:100%;border-radius:10vw}.act3 .close{top:-8vw;right:-2vw}.act3 .close img{width:8vw;height:8vw}.act3 .caution{left:0;transform:translate(0);width:100%;padding:0}.act3 .caution .inner{width:100%;box-sizing:border-box}.act3 .caution .inner h4{font-size:3.6vw;font-weight:700;margin:0 0 6vw}.act3 .caution .inner ul{gap:2.5vw}.act3 .caution .inner ul li{font-size:2.9vw;padding-left:2.5vw}.act3 .caution .inner ul li:before{width:1vw;height:1vw;margin-top:.1vw}.modal_container .modal_box.act3{width:82vw;border:.5vw solid var(--color)}.modal_container .modal_box.act3 .header{font-size:4.5vw;height:12vw;padding-top:1vw}.modal_container .modal_box.act3 .body{padding:7vw 5vw 5vw}.modal_container .modal_box.act3 .body p{font-size:3.2vw}.modal_container .modal_box.act3 .body .content img{height:32vw}.modal_container .modal_box.act3 .body .btn{width:100%;height:10vw;font-size:4.2vw;padding-top:.5vw}.modal_container .modal_box.act3 .btn_wrap{gap:2vw}.modal_container .modal_box.act3.modal_apply .inputWrap{gap:1.5vw;margin:6vw 0}.modal_container .modal_box.act3.modal_apply .inputWrap>div{gap:1.5vw}.modal_container .modal_box.act3.modal_apply .inputWrap>div label{font-size:3.5vw;padding:2.2vw 0;width:20vw;height:8vw}.modal_container .modal_box.act3.modal_apply .inputWrap>div input{height:8vw;font-size:3.3vw;padding:0 3vw}.modal_container .modal_box.act3.modal_login p{color:#777}.modal_container .modal_box.act3.modal_login .content img{height:170px}.modal_container .modal_box.act3.modal_my_reward{padding:5vw}.modal_container .modal_box.act3.modal_my_reward .header{font-size:4.5vw}.modal_container .modal_box.act3.modal_my_reward .header img{height:5vw}.modal_container .modal_box.act3.modal_my_reward .header p.userName{line-height:6vw;padding-left:3vw;margin-left:3vw}.modal_container .modal_box.act3.modal_my_reward .tab_reward{margin-top:2vw}.modal_container .modal_box.act3.modal_my_reward .tab_reward .tab_btn{font-size:4vw;width:25vw;padding:1.8vw 0 1.3vw}.modal_container .modal_box.act3.modal_my_reward .body{margin-top:4vw}.modal_container .modal_box.act3.modal_my_reward .body p.subText{font-size:3vw}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList{margin-bottom:4vw}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList thead th{padding:2vw;font-size:3vw}.modal_container .modal_box.act3.modal_my_reward .body .myRewardList tbody tr td{font-size:3vw;padding:2vw 1vw}.modal_container .modal_box.act3.modal_my_reward .body .pagination{margin:4vw 0 5vw}.modal_container .modal_box.act3.modal_my_reward .body .pagination ul li a{width:5vw;height:5vw;font-size:3vw}.modal_container .modal_box.act3.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act3.selectPCB .radioWrap{margin:2vw auto 8vw;gap:17vw}.modal_container .modal_box.act3.selectPCB .radioWrap label{width:15vw;font-size:4.3vw;border-radius:10vw;padding-top:1vw}.modal_container .modal_box.act3.couponPCB .content .couponPCB{font-size:3.8vw;height:6.7vw;line-height:6.7vw;margin-bottom:4.5vw}.modal_container .modal_box.act3.notice p.message{margin:10vw 0 15vw;font-size:4.5vw}.modal_container .modal_box.act3.modal_result .body h5{font-size:4.5vw;margin-top:2vw}.modal_container .modal_box.act3.modal_result .body .content{gap:2vw}.modal_container .modal_box.act3.modal_result .body .content p{font-size:3vw}.modal_container .modal_box.act3.modal_result .body .content p.period{font-size:3.2vw}.modal_container .modal_box.act3.modal_result .body .content p.subText{font-size:2.6vw}.modal_container .modal_box.act3.modal_result .body.omission h5{font-size:3.5vw;margin-top:5vw}.modal_container .modal_box.act3.modal_result .body.omission p.text{font-size:2.9vw}.modal_container .modal_box.act3.modal_result .body.omission .btn_close{background-color:#0fc4a1}.modal_container .modal_box.act3.active{display:block}.modal_container.active{display:flex}}@font-face{font-family:Aggravo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format("woff");font-weight:300;font-display:swap}@font-face{font-family:Aggravo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Aggravo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}body.iframe-mode .riotbar-root,body.riotbar-present.iframe-mode .header,body.iframe-mode .footer{display:none!important}body.iframe-mode{margin-top:0!important}body.iframe-mode div[class*=riotbar-footer]{display:none!important}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;background:#1a0f24}img{max-width:100%}.black{font-family:Black Han Sans}.purple{color:#694185}.aggravo{font-family:Aggravo}.pretendard{font-family:Pretendard}.blink{animation:blink 1s ease-in-out infinite}@keyframes blink{0%{color:#fff}49%{color:#fff}51%{color:#5e34b4}to{color:#5e34b4}}.glow_red{animation:glow_red 2s ease-in-out infinite}@keyframes glow_red{0%{filter:drop-shadow(0 0 0px #ff0000)}50%{filter:drop-shadow(0 0 15px #ff0000)}to{filter:drop-shadow(0 0 0px #ff0000)}}h1,h2,h3,h4,h5,h6{font-family:Aggravo}.flex{display:flex}.pc{display:block}.mobile{display:none}section#valEvent{font-family:Pretendard;background:#1a0f24 url(../img/background.jpg) center top no-repeat;color:#fff;letter-spacing:-.04em;word-break:keep-all;font-size:10px;overflow-x:hidden;max-width:1920px;margin:0 auto}section#valEvent:after{content:"";display:block;width:100px;height:100%;background:linear-gradient(270deg,#1a0f24,transparent);position:absolute;top:0;right:0;z-index:1}section#valEvent:before{content:"";display:block;width:100px;height:100%;background:linear-gradient(90deg,#1a0f24,transparent);position:absolute;top:0;left:0;z-index:1}#eventPage{max-width:1400px;margin:0 auto}.dummygnb{position:fixed;top:0;left:0;width:100%;height:80px;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.miks{position:absolute;bottom:462px;left:50%;transform:translate(110px);z-index:2}.main{width:948px;min-height:200vh;position:relative;z-index:2}.main_container{height:780px}.main_intro{position:absolute;top:0;left:50%;transform:translate(-50%);background:url(../img/val_event.jpg) center top no-repeat;background-size:contain;width:1920px;height:780px}.main_intro .videobg{position:absolute;top:-80px;left:0;width:100%;margin:auto;height:1080px;object-fit:cover;object-position:center;z-index:1}.main_intro .text_container{box-sizing:content-box;width:948px;padding-right:452px;margin:500px auto 0;text-align:center;font-size:28px;font-weight:400;z-index:2}.main_intro .text_container p{margin:15px 0 0}.main_intro .text_container .period{font-size:.82em}.main_intro .text_container .message{display:inline-block;color:#ff992c;margin-top:80px;border-bottom:1px solid #ff992c;padding-bottom:5px;transition:all .3s ease;cursor:pointer;white-space:pre-line!important}.main_intro .text_container .message:hover{color:#fff;border-color:#fff}.tab{display:flex;background:url(../img/bg_tab.png) center top no-repeat;background-size:cover;height:80px}.tab button{font-family:aggravo;width:50%;font-size:32px;padding-top:5px;text-align:center;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;transition:text-shadow .3s ease}.tab button:hover{color:#fff!important;text-shadow:0 0 10px #fff}#valPieceExchange{height:2859px;background:url(../img/bg_exchange.png) center top no-repeat;background-size:cover;margin-top:-50px;overflow:hidden;padding:0 105px}#valPieceExchange h3 img{margin:85px auto 50px}#valPieceExchange h4{font-size:24px;text-align:center;margin:0 0 8px;line-height:64px;height:64px;padding-top:3px;overflow:hidden}#valPieceExchange h4 span{position:relative;z-index:2}#valPieceExchange h4:after{content:"";display:block;width:100%;height:100%;background:#351a6c;position:absolute;top:0;left:0;z-index:1;transform-origin:left top;transform:skew(25deg)}#valPieceExchange .subscript{color:#000;text-align:center;font-size:18px;margin:40px 0 65px}#valPieceExchange .exchange_list{width:100%}#valPieceExchange .exchange_list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}#valPieceExchange .exchange_list li{display:flex;flex-direction:column;width:calc((100% - 24px)/4);padding:24px 4px;font-size:18px;background:#fff;text-align:center;gap:20px;color:#000}#valPieceExchange .exchange_list li img{width:100%;height:130px;object-fit:contain}#valPieceExchange .exchange_list li h5{font-size:19px;margin:0;letter-spacing:-.05em;height:2em;font-weight:700}#valPieceExchange .exchange_list li.wide{flex-direction:row;align-items:center;width:100%;height:315px;background:url(../img/bg_item_wide.png) center top no-repeat;background-size:cover;padding:45px 30px;gap:40px;text-align:left}#valPieceExchange .exchange_list li.wide img{height:190px}#valPieceExchange .exchange_list li.wide h5{height:auto;font-size:29px;margin:5px 0 10px}#valPieceExchange .exchange_list li.wide .ex_btn{font-size:15px;text-align:left}#valPieceExchange .exchange_list li.wide .ex_btn .price{font-size:31px}#valPieceExchange .exchange_list li.wide .ex_btn .btn{padding:12px 12px 8px;font-size:23px;width:170px;max-width:170px}#valPieceExchange .exchange_list li.wide .sub{color:#000;font-weight:300;margin:20px 0 0}#valPieceExchange .exchange_list li.wide2nd{background:url(../img/bg_item_wide2.png) center top no-repeat;background-size:cover}#valPieceExchange .exchange_list li.wide2nd h5{font-size:26px}#valPieceExchange .exchange_list li.wide2nd .ex_btn{display:flex;align-items:flex-end;gap:1em}#valPieceExchange .exchange_list li.wide2nd .ex_btn p{margin-top:.5em}#valPieceExchange .exchange_list li.col3{width:calc((100% - 16px) / 3);gap:12px;padding:30px 0}#valPieceExchange .exchange_list li.col3 img{height:140px}#valPieceExchange .exchange_list li.col3 h5{font-size:21px}#valPieceExchange .exchange_list li.col3 h5+p{font-size:19px;margin:12px 0 0}#valPieceExchange .exchange_list li.cut_tl{background:url(../img/bg_item_cut_tl.png) left top no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_tr{background:url(../img/bg_item_cut_tr.png) right top no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_bl{background:url(../img/bg_item_cut_bl.png) left bottom no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_br{background:url(../img/bg_item_cut_br.png) right bottom no-repeat;background-size:cover}#valPieceExchange .prize_container h4:after{background:#083226;transform-origin:right top;transform:skew(-25deg)}#valPieceExchange .prize_container .ex_btn:hover .btn{background:#15966d}#valPieceExchange .prize_container .ex_btn .price{color:#1fba89}#valPieceExchange .prize_container .ex_btn .btn{background:#1fba89}#valPieceExchange .prize_container .ex_btn .btn:after{content:"응모하기"}#valPieceExchange .prize_container .ex_btn.completion .btn{background:#818181}#valPieceExchange .prize_container .ex_btn.completion .btn:after{content:"응모완료"}#valPieceExchange .ex_btn{font-family:aggravo;font-size:13px;font-weight:700;text-align:center;margin:0 2px}#valPieceExchange .ex_btn:hover .btn{background:#502d96}#valPieceExchange .ex_btn p{margin:4px 0;letter-spacing:-.05em}#valPieceExchange .ex_btn .price{color:#351a6c;font-size:23px}#valPieceExchange .ex_btn .btn{color:#fff;background:#351a6c;padding:10px 0 6px;font-size:17px;max-width:128px;margin:auto;text-align:center;transition:background .3s ease}#valPieceExchange .ex_btn .btn:after{content:"교환하기"}#valPieceExchange .ex_btn.completion *{color:#818181!important}#valPieceExchange .ex_btn.completion .btn{background:#818181;color:#fff!important}#valPieceExchange .ex_btn.completion .btn:after{content:"교환완료"}#aside{position:fixed;left:50%;margin-left:270px;padding:0;top:90px;width:430px;height:1155px;transform-origin:left top;z-index:2}#aside .dashboard{display:none}#aside .pre_login{display:flex}#aside.logged_in .dashboard{display:block}#aside.logged_in .pre_login{display:none}#aside .column{display:flex;flex-direction:column;gap:14px;border:1px solid #694185;border-radius:20px;background:#00000080;padding:18px 16px}#aside .column h4{display:flex;align-items:center;color:#ffbb29;font-size:18px;gap:6px;margin:0}#aside .column h4:before{content:"";display:block;width:25px;aspect-ratio:25/31;background:url(../img/ico_star.png) center center no-repeat;background-size:contain}#aside .column h5{font-size:19px;margin:0}#dashboard{background:#0000004d;border:1px solid #694185;border-radius:20px;padding:30px 24px;height:980px}#dashboard .topper{justify-content:space-between;align-items:flex-end}#dashboard .topper .greeting{font-size:17px}#dashboard .topper .greeting .userName{display:block;font-family:aggravo;font-weight:700;font-size:23px;margin-bottom:4px}#dashboard .topper a.myReport{font-size:17px}#dashboard .topper a.myReport:hover{opacity:1;text-shadow:0 0 10px #fff}#dashboard .topper .refresh{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;font-size:17px;cursor:pointer;color:#41f9bf;transition:opacity .3s ease}#dashboard .topper .refresh img{width:17px;height:17px;transition:transform .3s ease}#dashboard .topper .refresh:hover img{transform:rotate(180deg)}#dashboard .myStatus{margin:30px auto;overflow:visible}#dashboard .myStatus .swiper-wrapper{display:flex;gap:30px;flex-direction:column}#dashboard .myStatus .balance{justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin:-10px 0}#dashboard .myStatus .balance .text{margin-top:5px;font-size:18px;font-weight:700;font-family:Aggravo}#dashboard .myStatus .balance strong{color:#ffbb29;font-size:28px}#dashboard .rewardList ul{gap:10px}#dashboard .rewardList ul li{display:flex;justify-content:space-between;align-items:center;font-size:19px}#dashboard .rewardList ul li .result{color:#160b1d;background:#fff;width:90px;height:30px;display:flex;justify-content:center;align-items:center;padding-top:3px;font-size:16px;font-family:aggravo}#dashboard .rewardList ul li .result:after{content:"달성"}#dashboard .rewardList ul li .tooltip{display:none}#dashboard .rewardList ul li.notAchieved{color:#fff3}#dashboard .rewardList ul li.notAchieved .result{background:#58545c;color:#160b1d}#dashboard .rewardList ul li.notAchieved .result:after{content:"미달성"}#dashboard .rewardList ul li.notAchieved .tooltip{display:block}#dashboard .conditionList ul{gap:10px}#dashboard .conditionList ul li{font-size:19px;margin-bottom:10px}#dashboard .conditionList .graph{height:19px;background-color:#fff;overflow:hidden;margin:4px 0}#dashboard .conditionList .graph .bar{position:absolute;top:0;left:-10px;width:100%;height:19px;transform:skew(45deg);background:linear-gradient(0deg,#f17f27,#ec9d4c)}#dashboard .conditionList .graph .bar.val{background:linear-gradient(0deg,#311a5e,#3f1d80)}#dashboard .conditionList .text{display:block;font-size:14px;line-height:19px;color:#797979}#dashboard .hasTooltip .tooltip,#dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% - 10px));background:#fff;color:#767676;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:200;line-height:1.15;z-index:10;text-align:center;opacity:0;transition:opacity .3s ease;white-space:nowrap}#dashboard .hasTooltip .tooltip.under,#dashboard .notAchieved .tooltip.under{top:unset;bottom:0;transform:translateY(calc(100% + 10px))}#dashboard .hasTooltip .tooltip.graph_under,#dashboard .notAchieved .tooltip.graph_under{top:unset;bottom:0;transform:translateY(calc(100% - 15px))}#dashboard .hasTooltip .tooltip strong,#dashboard .notAchieved .tooltip strong{color:#694185}#dashboard .hasTooltip:hover .tooltip,#dashboard .notAchieved:hover .tooltip{opacity:1}#dashboard .hasTooltip h5,#dashboard .notAchieved h5,#dashboard .hasTooltip .text,#dashboard .notAchieved .text{text-align:left!important}.dueDate{position:absolute;top:818px;left:24px;width:calc(100% - 48px)}.dueDate .countdown{text-align:center;font-size:35px;font-weight:700;margin:0}.dueDate .subscript{text-align:center;font-size:13px;color:#797979}.pre_login{width:100%;height:995px;background:url(../img/bg_dashboard_pre.png) center top no-repeat;background-size:contain;border:1px solid #694185;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.pre_login h4{font-size:28px;margin:0}.pre_login p{font-size:20px;margin:0;color:#999;line-height:1.5em}.pre_login button.btn_riot_login{width:180px;height:50px;background-color:#1fba89;color:#fff;font-size:24px;cursor:pointer;padding:4px 0 0;transition:background-color .3s ease}.pre_login button.btn_riot_login:hover{background-color:#0d9a6d}.reward{margin-top:30px}.reward a img{display:block;border-radius:100px}.modal_container .modal_box.selectPCB .radioItem .subText{margin-top:10px;color:#999}.modal_container .modal_box.notice .message{margin:50px 0 80px;color:#000;font-size:30px;font-weight:500;white-space:pre-line!important}.caution{left:50%;transform:translate(-50%);width:1920px;background:#000;color:#fff;padding:50px 0;z-index:2}.caution .inner{text-align:left!important;width:1370px;margin:0 auto;box-sizing:content-box}.caution .inner h4{font-size:26px;font-weight:700;margin:0 0 40px}.caution .inner ul{display:flex;flex-direction:column;gap:10px}.caution .inner ul li{font-size:22px;line-height:1.3;padding-left:16px}.caution .inner ul li:before{position:absolute;content:"";display:block;width:6px;height:6px;background:#fff;border-radius:100px;top:10px;left:0}@media(max-width:1000px){a{transition:none}a:hover{text-shadow:none}.pc{display:none}.mobile{display:block}section#valEvent{background-image:none;font-size:1.5vw}section#valEvent:after{display:none}section#valEvent:before{display:none}.main{width:100%}.main_container{height:92vw}.main_intro{background-image:url(../img/val_event_m.jpg);max-width:100%;height:92vw}.main_intro .videobg{top:-6vw;height:103vw}.main_intro .text_container{width:100%;padding:0;margin:59vw auto 0;font-size:3.3vw}.main_intro .text_container p{margin:1.5vw 0 0}.main_intro .text_container .period{font-size:2.7vw}.main_intro .text_container .message{margin-top:10vw;white-space:pre-line!important}.tab{height:13vw}.tab button{font-size:3.2em;padding-top:1vw;transition:none}.tab button:hover{text-shadow:none}#valPieceExchange{height:498vw;background:url(../img/bg_exchange_m.png) center top no-repeat;background-size:cover;margin-top:-5vw;padding:0 6vw}#valPieceExchange h3 img{margin:12vw auto 9vw}#valPieceExchange h4{font-size:3.8vw;margin:0 0 1vw;line-height:7.5vw;height:7.5vw;padding-top:.5vw}#valPieceExchange .subscript{font-size:2.5vw;margin:3vw 0 8vw}#valPieceExchange .exchange_list ul{gap:1vw}#valPieceExchange .exchange_list li{width:calc((100% - 1vw)/2);padding:4vw 1vw;font-size:2.2vw;gap:1vw}#valPieceExchange .exchange_list li img{width:34vw;height:20vw}#valPieceExchange .exchange_list li h5{font-size:3.2vw;height:3.8vw}#valPieceExchange .exchange_list li h5 br{display:none}#valPieceExchange .exchange_list li.wide{height:37.6vw;padding:7vw 4vw;gap:4vw}#valPieceExchange .exchange_list li.wide img{height:24vw}#valPieceExchange .exchange_list li.wide h5{font-size:3.2vw!important;margin:0 0 1vw}#valPieceExchange .exchange_list li.wide .ex_btn{font-size:1.8vw}#valPieceExchange .exchange_list li.wide .ex_btn .price{font-size:3.6vw}#valPieceExchange .exchange_list li.wide .ex_btn .btn{padding:1.2vw 1.2vw .8vw;font-size:2.8vw;width:24vw;max-width:24vw}#valPieceExchange .exchange_list li.wide .sub{margin:2vw 0 0}#valPieceExchange .exchange_list li.col3{width:calc((100% - 1vw)/2);gap:1vw;padding:4vw 1vw}#valPieceExchange .exchange_list li.col3 img{height:20vw}#valPieceExchange .exchange_list li.col3 h5{font-size:3.2vw!important;margin:0 0 1vw}#valPieceExchange .exchange_list li.col3 h5+p{font-size:2.2vw;margin:.5vw 0 0}#valPieceExchange .exchange_list li.cut_tl{background:url(../img/bg_item_cut_tl_m.png) left top no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_tr,#valPieceExchange .exchange_list li.cut_br,#valPieceExchange .exchange_list li.cut_bl{background:#fff}#valPieceExchange .exchange_list li.cut_tr_m{background:url(../img/bg_item_cut_tr_m.png) right top no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_bl_m{background:url(../img/bg_item_cut_bl_m.png) left bottom no-repeat;background-size:cover}#valPieceExchange .exchange_list li.cut_br_m{background:url(../img/bg_item_cut_br_m.png) right bottom no-repeat;background-size:cover}#valPieceExchange .prize_container .ex_btn:hover .btn{background:#15966d}#valPieceExchange .prize_container .ex_btn .price{color:#1fba89}#valPieceExchange .prize_container .ex_btn .btn{background:#1fba89}#valPieceExchange .prize_container .ex_btn .btn:after{content:"응모하기"}#valPieceExchange .prize_container .ex_btn.completion .btn{background:#818181}#valPieceExchange .prize_container .ex_btn.completion .btn:after{content:"응모완료"}#valPieceExchange .ex_btn{font-size:1.8vw;margin:0}#valPieceExchange .ex_btn p{margin:.5vw 0}#valPieceExchange .ex_btn .price{font-size:3.6vw}#valPieceExchange .ex_btn .btn{padding:1.2vw 1.2vw .8vw;font-size:2.8vw;width:24vw;max-width:24vw}#aside{left:0;margin-left:0;top:0;width:100vw;height:100dvh;background:#000000d9;z-index:100;display:none;overflow:hidden}#aside.active{display:block}#aside.logged_in .dueDate{transform:translateY(90%)}#aside .column{border-radius:1.3vw;padding:4vw 3.5vw;gap:1vw}#aside .column h4{font-size:3.2vw;gap:1.5vw}#aside .column h4:before{width:4vw}#dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:115vw;border-radius:2vw;padding:4vw}#dashboard .topper{justify-content:center}#dashboard .topper .greeting{font-size:2em;text-align:center}#dashboard .topper .greeting .userName{font-size:1.4em}#dashboard .topper a.myReport{display:none}#dashboard .topper .refresh{top:unset;bottom:0;gap:1vw;font-size:3.4vw}#dashboard .topper .refresh img{width:3.5vw;height:3.5vw}#dashboard .myStatus{margin:4vw auto;overflow:hidden}#dashboard .myStatus .swiper-wrapper{gap:0;flex-direction:row}#dashboard .myStatus .swiper-wrapper .swiper-slide{height:auto}#dashboard .myStatus .swiper-pagination{position:relative;margin-top:4vw;bottom:unset}#dashboard .myStatus .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1;width:2.4vw;height:2.4vw;transition:all .3s ease}#dashboard .myStatus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#694185}#dashboard .myStatus .balance{height:100%;flex-direction:column;justify-content:center;font-size:3.6vw;margin:0}#dashboard .myStatus .balance img{width:10vw}#dashboard .myStatus .balance .text{margin-top:1vw;font-size:4.2vw}#dashboard .myStatus .balance strong{font-size:6.6vw}#dashboard .rewardList{height:100%;display:flex;align-items:center}#dashboard .rewardList ul{width:100%;gap:4vw}#dashboard .rewardList ul li{font-size:3.4vw}#dashboard .rewardList ul li .result{width:16vw;height:5.3vw;padding-top:.5vw;font-size:2.9vw}#dashboard .conditionList ul{gap:2vw}#dashboard .conditionList ul li{font-size:3.4vw;margin-bottom:1.7vw}#dashboard .conditionList ul li h5{display:flex;align-items:center;gap:1vw;margin:0;font-size:3.3vw}#dashboard .conditionList ul li h5 .btn_tooptip{width:3.3vw;margin-bottom:.5vw}#dashboard .conditionList .graph{height:3.2vw;margin-top:1vw}#dashboard .conditionList .graph .bar{left:-1.7vw;height:3.2vw}#dashboard .conditionList .graph .text{font-size:2.9vw;line-height:3.2vw;margin-left:1.7vw}#dashboard .hasTooltip .tooltip,#dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% + 4.4vw))!important;padding:1.3vw 2.6vw;border-radius:1.3vw;font-size:2.4vw}#dashboard .hasTooltip .tooltip.under,#dashboard .notAchieved .tooltip.under,#dashboard .hasTooltip .tooltip.graph_under,#dashboard .notAchieved .tooltip.graph_under{bottom:unset;top:0}#dashboard .hasTooltip:hover .tooltip,#dashboard .notAchieved:hover .tooltip{opacity:0}#dashboard .hasTooltip.active .tooltip,#dashboard .notAchieved.active .tooltip{opacity:1}#dashboard .notAchieved .tooltip{right:17vw;top:50%!important;transform:translateY(-50%)!important}.dueDate{top:45%;left:14vw;width:72vw;transform:translateY(50%)}.dueDate .countdown{font-size:6.2vw;margin:1vw 0}.dueDate .subscript{font-size:3vw}.pre_login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;border-radius:2vw;padding:10vw 4vw 40vw;background:#00000080;gap:2vw}.pre_login h4{font-size:4vw}.pre_login p{font-size:3vw}.pre_login button.btn_riot_login{width:35vw;height:8vw;font-size:3.5vw}.reward{display:none}.mobileUI{position:fixed;bottom:3vw;right:3vw;z-index:10;display:flex;flex-direction:column;gap:1.5vw}.mobileUI button,.mobileUI a{width:11vw;height:11vw;display:block}.mobileUI button img,.mobileUI a img{display:block;width:100%;height:100%;border-radius:10vw}.modal_container .modal_box{width:82vw;border:.5vw solid var(--color)}.modal_container .modal_box .header{font-size:4.5vw;height:12vw;padding-top:1vw}.modal_container .modal_box .body{padding:7vw 5vw 5vw}.modal_container .modal_box .body p{font-size:3.2vw}.modal_container .modal_box .body .content img{height:32vw}.modal_container .modal_box .body .btn{width:100%;height:10vw;font-size:4.2vw;padding-top:.5vw}.modal_container .modal_box .btn_wrap{gap:2vw}.modal_container .modal_box.modal_apply .inputWrap{gap:1.5vw;margin:6vw 0}.modal_container .modal_box.modal_apply .inputWrap>div{gap:1.5vw}.modal_container .modal_box.modal_apply .inputWrap>div label{font-size:3.5vw;padding:2.2vw 0;width:20vw;height:8vw}.modal_container .modal_box.modal_apply .inputWrap>div input{height:8vw;font-size:3.3vw;padding:0 3vw}.modal_container .modal_box.modal_login p{color:#777}.modal_container .modal_box.modal_login .content img{height:170px}.modal_container .modal_box.modal_my_reward{padding:5vw}.modal_container .modal_box.modal_my_reward .header{font-size:4.5vw}.modal_container .modal_box.modal_my_reward .header img{height:5vw}.modal_container .modal_box.modal_my_reward .header p.userName{line-height:6vw;padding-left:3vw;margin-left:3vw}.modal_container .modal_box.modal_my_reward .tab_reward{margin-top:2vw}.modal_container .modal_box.modal_my_reward .tab_reward .tab_btn{font-size:4vw;width:25vw;padding:1.8vw 0 1.3vw}.modal_container .modal_box.modal_my_reward .body{margin-top:4vw}.modal_container .modal_box.modal_my_reward .body p.subText{font-size:3vw}.modal_container .modal_box.modal_my_reward .body .myRewardList{margin-bottom:4vw}.modal_container .modal_box.modal_my_reward .body .myRewardList thead th{padding:2vw;font-size:3vw}.modal_container .modal_box.modal_my_reward .body .myRewardList tbody tr td{font-size:3vw;padding:2vw 1vw}.modal_container .modal_box.modal_my_reward .body .pagination{margin:4vw 0 5vw}.modal_container .modal_box.modal_my_reward .body .pagination ul li a{width:5vw;height:5vw;font-size:3vw}.modal_container .modal_box.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.selectPCB .radioWrap{margin:2vw auto 8vw;gap:17vw}.modal_container .modal_box.selectPCB .radioWrap label{width:15vw;font-size:4.3vw;border-radius:10vw;padding-top:1vw}.modal_container .modal_box.couponPCB .content .couponPCB{font-size:3.8vw;height:6.7vw;line-height:6.7vw;margin-bottom:4.5vw}.modal_container .modal_box.notice p.message{margin:10vw 0 15vw;font-size:4.5vw;white-space:pre-line!important}.modal_container .modal_box.active{display:block}.modal_container.active{display:flex}.close{top:-8vw;right:-2vw}.close img{width:8vw;height:8vw}.caution{left:0;transform:translate(0);width:100%;padding:7vw 6vw}.caution .inner{width:100%;box-sizing:border-box}.caution .inner h4{font-size:3.6vw;font-weight:700;margin:0 0 6vw}.caution .inner ul{gap:2.5vw}.caution .inner ul li{font-size:2.9vw;padding-left:2.5vw}.caution .inner ul li:before{width:1vw;height:1vw;margin-top:.1vw}}.act4 .blink{animation:blinkAct4 1s ease-in-out infinite}@keyframes blinkAct4{0%{color:#fff}49%{color:#fff}51%{color:#1b2228}to{color:#1b2228}}.act4 .glow_pp{animation:glow_pp 2s ease-in-out infinite}.act4 .glow_mint{animation:glow_mint 2s ease-in-out infinite}.act4 .pc{display:block}.act4 .mobile{display:none}.act4 section#valEvent{font-family:Pretendard;background:#272d33 url(../img/act4/background_act4.jpg) center top no-repeat;color:#fff;letter-spacing:-.04em;word-break:keep-all;font-size:10px;overflow-x:hidden;max-width:1920px;margin:0 auto}.act4 section#valEvent:after{content:"";display:block;width:100px;height:100%;background:linear-gradient(270deg,#101d2a,transparent);position:absolute;top:0;right:0;z-index:1}.act4 section#valEvent:before{content:"";display:block;width:100px;height:100%;background:linear-gradient(90deg,#101d2a,transparent);position:absolute;top:0;left:0;z-index:1}.act4 .keyart{position:absolute;bottom:1100px;left:50%;transform:translate(220px);z-index:1;width:869px;pointer-events:none}.act4 .main{width:948px;min-height:200vh;position:relative;z-index:2}.act4 .main_container{height:780px}.act4 .main_intro{position:absolute;top:0;left:50%;transform:translate(-50%);background:url(../img/act4/val_event.png) center top no-repeat;background-size:contain;width:1920px;height:780px}.act4 .main_intro .videobg{position:absolute;top:0;left:0;width:100%;margin:auto;height:1080px;object-fit:cover;object-position:center;z-index:1}.act4 .main_intro .videobg.mobile{height:0}.act4 .main_intro .text_container{box-sizing:content-box;width:948px;padding-right:452px;margin:620px auto 0;text-align:center;font-size:30px;font-weight:400;z-index:2}.act4 .main_intro .text_container .period{margin:65px 0 0;font-size:.75em}.act4 .main_intro .text_container .message{display:inline-block;color:#0ff;margin-top:45px;border-bottom:1px solid #00ffff;padding-bottom:5px;transition:all .3s ease;cursor:pointer;font-size:.95em}.act4 .main_intro .text_container .message:hover{color:#fff;border-color:#fff}.act4 .tab{display:flex;background:url(../img/act4/bg_tab_act4.png) center top no-repeat;background-size:cover;height:80px}.act4 .tab button{font-family:aggravo;width:50%;font-size:32px;padding-top:5px;text-align:center;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;transition:text-shadow .3s ease}.act4 .tab button:hover{color:#fff!important;text-shadow:0 0 10px #fff}.act4 #valPieceExchange{height:3790px;background:url(../img/act4/bg_exchange_act4.png) center top no-repeat;background-size:cover;margin-top:-50px;overflow:hidden;padding:0 105px}.act4 #valPieceExchange h3 img{margin:90px auto 60px}.act4 #valPieceExchange h4{font-size:28px;text-align:center;margin:0 0 6px;line-height:64px;height:64px;padding-top:3px;overflow:hidden}.act4 #valPieceExchange h4 span{position:relative;z-index:2}.act4 #valPieceExchange h4:after{content:"";display:block;width:100%;height:100%;background:#02182c;position:absolute;top:0;left:0;z-index:1;transform-origin:left top;transform:skew(25deg)}.act4 #valPieceExchange .subscript{color:#000;text-align:center;font-size:18px;margin:40px 0 70px}.act4 #valPieceExchange .exchange_list{width:100%}.act4 #valPieceExchange .exchange_list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.act4 #valPieceExchange .exchange_list ul.col-4{margin-top:50px;padding-top:50px;border-top:2px #1b2228 solid}.act4 #valPieceExchange .exchange_list ul.col-4 li{padding-top:25px;gap:10px;width:calc((100% - 18px)/4);font-size:14px;height:auto}.act4 #valPieceExchange .exchange_list ul.col-4 li img{height:auto;object-fit:contain}.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:20px 0 0;font-size:19px;height:2em;display:flex;align-items:center}.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:18px}.act4 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:25px}.act4 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:14px}.act4 #valPieceExchange .exchange_list ul.col-2 li{padding-top:25px;gap:10px;width:calc((100% - 6px)/2);font-size:16px;height:auto}.act4 #valPieceExchange .exchange_list ul.col-2 li img{width:260px;height:200px;object-fit:contain;margin:0 auto}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box{margin:20px 0 0;font-size:24px;height:4em;display:flex;align-items:center}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5{font-size:24px}.act4 #valPieceExchange .exchange_list ul.col-2 li .price{font-size:28px}.act4 #valPieceExchange .exchange_list ul.col-2 li .ex_btn{font-size:14px}.act4 #valPieceExchange .exchange_list li{display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 12px) / 3);height:auto;padding:10px;font-size:18px;background:#fff;text-align:center;color:#000;gap:10px}.act4 #valPieceExchange .exchange_list li img{width:100%;height:140px;margin-bottom:20px;object-fit:contain}.act4 #valPieceExchange .exchange_list li .h5_box{margin:20px 0 0;height:56px;display:flex;justify-content:center;align-items:center}.act4 #valPieceExchange .exchange_list li .h5_box h5{font-size:20px;margin:0;height:auto;letter-spacing:-.05em;font-weight:700}.act4 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{display:block;font-size:.7em}.act4 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block;font-weight:200;color:#888}.act4 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act4 #valPieceExchange .exchange_list li.wide{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:335px;background:#fff;padding:45px 30px;gap:30px;text-align:left}.act4 #valPieceExchange .exchange_list li.wide img{height:190px}.act4 #valPieceExchange .exchange_list li.wide h5{height:auto;font-size:30px;margin:0 0 20px}.act4 #valPieceExchange .exchange_list li.wide .ex_btn{font-size:15px;text-align:center}.act4 #valPieceExchange .exchange_list li.wide .ex_btn .price{font-size:31px}.act4 #valPieceExchange .exchange_list li.wide .ex_btn .btn{width:220px;max-width:220px}.act4 #valPieceExchange .exchange_list li.wide .sub{color:#000;font-weight:300;margin:20px 0 0}.act4 #valPieceExchange .exchange_list li.prize_wide{display:none}.act4 #valPieceExchange .exchange_list li.haschamfer:after{content:"";display:block;position:absolute;width:30px;height:30px;background:url(../img/act4/chamfer.png) left top no-repeat;background-size:cover}.act4 #valPieceExchange .exchange_list li.cut_tl:after{top:0;left:0}.act4 #valPieceExchange .exchange_list li.cut_tr:after{top:0;right:0;transform:rotate(90deg)}.act4 #valPieceExchange .exchange_list li.cut_br:before{content:"";display:block;position:absolute;width:30px;height:30px;background:url(../img/act4/chamfer.png) left top no-repeat;background-size:cover;bottom:0;right:0;transform:rotate(180deg)}.act4 #valPieceExchange .exchange_list .prize_category{margin:35px auto 25px;text-align:center}.act4 #valPieceExchange .exchange_list .prize_category img{display:block;margin:0 auto}.act4 #valPieceExchange .prize_container .ex_btn{color:#000}.act4 #valPieceExchange .prize_container .ex_btn:hover .btn{background:#0076a7}.act4 #valPieceExchange .prize_container .ex_btn .price{color:#158abb}.act4 #valPieceExchange .prize_container .ex_btn .btn{background:#158abb}.act4 #valPieceExchange .prize_container .ex_btn .btn:after{content:"응모하기"}.act4 #valPieceExchange .prize_container .ex_btn.completion .btn{background:#818181}.act4 #valPieceExchange .prize_container .ex_btn.completion .btn:after{content:"응모완료"}.act4 #valPieceExchange .ex_btn{font-family:aggravo;font-size:16px;font-weight:700;text-align:center;margin:0 2px;color:#000}.act4 #valPieceExchange .ex_btn:hover .btn{background:#158abb}.act4 #valPieceExchange .ex_btn p{margin:0 0 10px;letter-spacing:-.05em}.act4 #valPieceExchange .ex_btn .price{color:#158abb;font-size:28px}.act4 #valPieceExchange .ex_btn .btn{color:#fff;background:#158abb;padding:15px 0 12px;font-size:24px;width:100%;max-width:unset;margin:auto;text-align:center;transition:background .3s ease}.act4 #valPieceExchange .ex_btn .btn:after{content:"교환하기"}.act4 #valPieceExchange .ex_btn.completion *{color:#818181!important}.act4 #valPieceExchange .ex_btn.completion .btn{background:#818181;color:#fff!important}.act4 #valPieceExchange .ex_btn.completion .btn:after{content:"교환완료"}.act4 .row_devider{width:100%;height:2px;background-color:#1b2228;margin:50px 0}.act4 #aside{position:fixed;left:50%;margin-left:270px;padding:0;top:90px;width:430px;height:1155px;transform-origin:left top;z-index:2}.act4 #aside .dashboard{display:none}.act4 #aside .pre_login{display:flex}.act4 #aside.logged_in .dashboard{display:block}.act4 #aside.logged_in .pre_login{display:none}.act4 #aside .column{display:flex;flex-direction:column;gap:14px;border:1px solid #12d9b2;border-radius:20px;background:#00000080;padding:18px 16px}.act4 #aside .column h4{display:flex;align-items:center;color:#0ff;font-size:18px;gap:6px;margin:0}.act4 #aside .column h4:before{content:"";display:block;width:31px;aspect-ratio:6/5;background:url(../img/act4/ico_star4.png) center top no-repeat;background-size:contain}.act4 #aside .column h5{font-size:19px;margin:0}.act4 #dashboard{background:#0000004d;border:1px solid #12d9b2;border-radius:20px;padding:30px 24px;height:980px}.act4 #dashboard .topper{justify-content:space-between;align-items:flex-end}.act4 #dashboard .topper .greeting{font-size:17px;flex:0 1 220px;min-width:0;max-width:calc(100% - 150px)}.act4 #dashboard .topper .greeting .userName{display:block;font-family:aggravo;font-weight:700;font-size:23px;line-height:1.05;margin-bottom:4px;overflow-wrap:anywhere;word-break:break-all}.act4 #dashboard .topper a.myReport{font-size:17px}.act4 #dashboard .topper a.myReport:hover{opacity:1;text-shadow:0 0 10px #fff}.act4 #dashboard .topper .refresh{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;font-size:17px;cursor:pointer;color:#0ff;transition:opacity .3s ease}.act4 #dashboard .topper .refresh img{width:17px;height:17px;transition:transform .3s ease}.act4 #dashboard .topper .refresh:hover img{transform:rotate(180deg)}.act4 #dashboard .myStatus{margin:30px auto;overflow:visible}.act4 #dashboard .myStatus .swiper-wrapper{display:flex;gap:30px;flex-direction:column}.act4 #dashboard .myStatus .balance{justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin:-10px 0}.act4 #dashboard .myStatus .balance .text{margin-top:5px;font-size:18px;font-weight:700;font-family:Aggravo}.act4 #dashboard .myStatus .balance strong{color:#0ff;font-size:28px}.act4 #dashboard .rewardList ul{gap:10px}.act4 #dashboard .rewardList ul li{display:flex;justify-content:space-between;align-items:center;font-size:19px}.act4 #dashboard .rewardList ul li .result{color:#160b1d;background:#fff;width:90px;height:30px;display:flex;justify-content:center;align-items:center;padding-top:3px;font-size:16px;font-family:aggravo}.act4 #dashboard .rewardList ul li .result:after{content:"달성"}.act4 #dashboard .rewardList ul li .tooltip{display:none}.act4 #dashboard .rewardList ul li.notAchieved{color:#fff3}.act4 #dashboard .rewardList ul li.notAchieved .result{background:#58545c;color:#160b1d}.act4 #dashboard .rewardList ul li.notAchieved .result:after{content:"미달성"}.act4 #dashboard .rewardList ul li.notAchieved .tooltip{display:block}.act4 #dashboard .conditionList ul{gap:10px}.act4 #dashboard .conditionList ul li{font-size:19px;margin-bottom:10px}.act4 #dashboard .conditionList .graph{height:19px;background-color:#fff;overflow:hidden;margin:4px 0}.act4 #dashboard .conditionList .graph .bar{position:absolute;top:0;left:-10px;width:100%;height:19px;transform:skew(45deg);background:linear-gradient(0deg,#00e2e2,#0dd)}.act4 #dashboard .conditionList .graph .bar.val{background:linear-gradient(0deg,#641bde,#631bdd)}.act4 #dashboard .conditionList .text{display:block;font-size:14px;line-height:19px;color:#797979}.act4 #dashboard .hasTooltip .tooltip,.act4 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% - 10px));background:#fff;color:#767676;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:200;line-height:1.15;z-index:10;text-align:center;opacity:0;transition:opacity .3s ease;white-space:nowrap}.act4 #dashboard .hasTooltip .tooltip.under,.act4 #dashboard .notAchieved .tooltip.under{top:unset;bottom:0;transform:translateY(calc(100% + 10px))}.act4 #dashboard .hasTooltip .tooltip.graph_under,.act4 #dashboard .notAchieved .tooltip.graph_under{top:unset;bottom:0;transform:translateY(calc(100% - 15px))}.act4 #dashboard .hasTooltip .tooltip strong,.act4 #dashboard .notAchieved .tooltip strong{color:#694185}.act4 #dashboard .hasTooltip:hover .tooltip,.act4 #dashboard .notAchieved:hover .tooltip{opacity:1}.act4 .dueDate{position:absolute;top:818px;left:24px;width:calc(100% - 48px)}.act4 .dueDate .countdown{text-align:center;font-size:35px;font-weight:700;margin:5px 0}.act4 .pre_login{width:100%;height:980px;background:url(../img/act4/bg_dashboard_pre.png) center top no-repeat;background-size:contain;border:1px solid #12d9b2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.act4 .pre_login h4{font-size:28px;margin:0}.act4 .pre_login p{font-size:20px;margin:0;color:#999;line-height:1.5em}.act4 .pre_login button.btn_riot_login{width:180px;height:50px;background-color:#01e0e0;color:#fff;font-size:24px;cursor:pointer;padding:4px 0 0;transition:background-color .3s ease}.act4 .pre_login button.btn_riot_login:hover{background-color:#158abb}.act4 .reward{margin-top:30px}.act4 .reward a img{display:block;border-radius:100px}.act4 .close{position:absolute;top:-70px;right:-20px}.act4 .close img{display:block;width:80px;height:80px}.act4 .caution{left:50%;transform:translate(-50%);width:1920px;background:#000;color:#fff;padding:0;z-index:2}.act4 .caution .inner{width:1370px;margin:0 auto;box-sizing:content-box}.act4 .caution .inner h4{font-size:26px;font-weight:700;margin:0 0 40px}.act4 .caution .inner ul{display:flex;flex-direction:column;gap:10px}.act4 .caution .inner ul li{font-size:22px;line-height:1.3;padding-left:16px}.act4 .caution .inner ul li:before{position:absolute;content:"";display:block;width:6px;height:6px;background:#fff;border-radius:100px;top:10px;left:0}.modal_container .modal_box.act4{--color: #158abb;display:none;background:#fff;width:540px;border:4px solid var(--color);box-sizing:content-box;box-shadow:0 0 20px #0000004d;text-align:center}.modal_container .modal_box.act4 .header{font-size:30px;height:74px;padding-top:5px;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box.act4 .body{padding:50px 16px 16px}.modal_container .modal_box.act4 .body p{font-size:24px;margin:0}.modal_container .modal_box.act4 .body .content{margin:0}.modal_container .modal_box.act4 .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.act4 .body .content .nocieBox{margin-bottom:15px;color:#787878}.modal_container .modal_box.act4 .body .subText{display:block;font-size:14px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act4 .body .btn{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;height:70px;color:#fff;background:#111619;font-size:27px;padding-top:4px;cursor:pointer}.modal_container .modal_box.act4 .body .btn:after{content:""}.modal_container .modal_box.act4 .body .btn.btn_color{background:var(--color)}.modal_container .modal_box.act4 img.imageModal{display:block;width:100%}.modal_container .modal_box.act4 .btn_wrap{display:flex;gap:15px}.modal_container .modal_box.act4 .btn_wrap .btn{font-size:28px;height:69px;width:100%}.modal_container .modal_box.act4 .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box.act4 .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.act4.modal_reward{--color: #00d1d1}.modal_container .modal_box.act4.modal_reward .header{background:var(--color)}.modal_container .modal_box.act4.modal_reward .header h4:after{content:"보상 지급이 완료되었습니다!"}.modal_container .modal_box.act4.modal_reward .body .btn_close:after{content:"교환완료 >"}.modal_container .modal_box.act4.modal_apply{--color: #00d1d1}.modal_container .modal_box.act4.modal_apply .header h4:after{content:"응모가 완료되었습니다!"}.modal_container .modal_box.act4.modal_apply .body .btn_close:after{content:"응모완료 >"}.modal_container .modal_box.act4.modal_apply .inputWrap{display:flex;flex-direction:column;gap:10px;margin:40px 0}.modal_container .modal_box.act4.modal_apply .inputWrap>div{display:flex;flex-direction:row;gap:10px}.modal_container .modal_box.act4.modal_apply .inputWrap>div label{font-family:aggravo;font-size:24px;color:#fff;background:var(--color);text-align:center;padding:12px 0;width:130px;height:49px}.modal_container .modal_box.act4.modal_apply .inputWrap>div input{flex:1;height:49px;font-size:22px;background:#eaeaea;border:none;padding:0 20px}.modal_container .modal_box.act4.modal_apply_info{--color: #00d1d1}.modal_container .modal_box.act4.modal_apply_info .header h4:after{content:"휴대전화번호 등록"}.modal_container .modal_box.act4.modal_apply_info .message{font-size:32px}.modal_container .modal_box.act4.modal_apply_info .inputWrap>div input[type=text]{text-align:center;font-weight:800;font-size:32px;height:80px}.modal_container .modal_box.act4.modal_apply_info .agreePolicy{margin:0 0 30px 12px;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:17px;letter-spacing:-.01em}.modal_container .modal_box.act4.modal_apply_info .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.act4.modal_apply_info .agreePolicy ul li{padding-left:18px;margin-bottom:8px}.modal_container .modal_box.act4.modal_apply_info .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.act4.modal_apply_info .agreePolicy ul li .mint{color:var(--color)}.modal_container .modal_box.act4.modal_apply_info .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:50px}.modal_container .modal_box.act4.modal_apply_info .agreeWrap input{width:30px;height:30px}.modal_container .modal_box.act4.modal_apply_info .agreeWrap label{font-size:24px;font-weight:500;line-height:36px}.modal_container .modal_box.act4.modal_apply_info .agreeWrap .notice{width:100%;margin-top:40px;font-size:17px;color:#5f5f5f}.modal_container .modal_box.act4.modal_apply_info .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.act4.modal_apply_check{--color: #00d1d1}.modal_container .modal_box.act4.modal_apply_check .header h4:after{content:"등록 정보 확인"}.modal_container .modal_box.act4.modal_apply_check .message{font-size:32px}.modal_container .modal_box.act4.modal_apply_check .inputWrap>div input[type=text]{text-align:center;font-weight:800;font-size:32px;height:80px}.modal_container .modal_box.act4.modal_apply_check .agreePolicy{margin:0 0 30px 12px;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:17px;letter-spacing:-.01em}.modal_container .modal_box.act4.modal_apply_check .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.act4.modal_apply_check .agreePolicy ul li{padding-left:18px;margin-bottom:8px}.modal_container .modal_box.act4.modal_apply_check .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.act4.modal_apply_check .agreePolicy ul li .mint{color:var(--color)}.modal_container .modal_box.act4.modal_apply_check .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:50px}.modal_container .modal_box.act4.modal_apply_check .agreeWrap input{width:30px;height:30px}.modal_container .modal_box.act4.modal_apply_check .agreeWrap label{font-size:24px;font-weight:500;line-height:36px}.modal_container .modal_box.act4.modal_apply_check .agreeWrap .notice{width:100%;margin-top:40px;font-size:17px;color:#5f5f5f}.modal_container .modal_box.act4.modal_apply_check .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.act4.modal_login{border-color:#158abb}.modal_container .modal_box.act4.modal_login .header{background:#158abb}.modal_container .modal_box.act4.modal_login .header h4:after{content:"로그인하고 보상 받기"}.modal_container .modal_box.act4.modal_login p{color:#777}.modal_container .modal_box.act4.modal_login .content img{height:170px}.modal_container .modal_box.act4.modal_login .btn{width:100%}.modal_container .modal_box.act4.modal_login .btn:after{display:none;content:""}.modal_container .modal_box.act4.modal_my_reward{padding:30px 40px}.modal_container .modal_box.act4.modal_my_reward .header{--color: $mint2;font-size:28px;background:#fff;color:var(--color);justify-content:flex-start}.modal_container .modal_box.act4.modal_my_reward .header p.userName{font-weight:700;line-height:43px;border-left:1px solid var(--color);padding-left:20px;margin-left:20px}.modal_container .modal_box.act4.modal_my_reward .tab_reward{display:flex;justify-content:center;margin-top:20px}.modal_container .modal_box.act4.modal_my_reward .tab_reward .tab_btn{--color: #158abb;font-size:23px;font-weight:700;width:160px;color:var(--color);background:#fff;text-align:center;padding:10px 0 8px;border:1px solid var(--color);border-right:none}.modal_container .modal_box.act4.modal_my_reward .tab_reward .tab_btn.active{color:#fff;background-color:var(--color)}.modal_container .modal_box.act4.modal_my_reward .tab_reward .tab_btn:last-child{border-right:1px solid var(--color)}.modal_container .modal_box.act4.modal_my_reward .body{margin-top:40px;padding:0}.modal_container .modal_box.act4.modal_my_reward .body p.subText{font-size:18px;color:#b5b5b5;margin:0}.modal_container .modal_box.act4.modal_my_reward .body .content{margin:0}.modal_container .modal_box.act4.modal_my_reward .body .content .subText{display:block;font-size:14px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList{--color: #158abb;width:100%;border-collapse:collapse;margin-bottom:20px}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList thead{background-color:var(--color);color:#fff}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList thead th{padding:15px;font-weight:400;font-size:20px;text-align:center}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList tbody tr td{font-size:18px;padding:20px 10px;border-bottom:1px solid #ccc;text-align:center}.modal_container .modal_box.act4.modal_my_reward .body .pagination{margin:20px 0 24px}.modal_container .modal_box.act4.modal_my_reward .body .pagination ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal_container .modal_box.act4.modal_my_reward .body .pagination ul li a{display:block;width:25px;height:25px;font-size:20px;color:#b5b5b5}.modal_container .modal_box.act4.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.act4.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act4.selectPCB .radioWrap{margin:40px auto 50px;display:flex;justify-content:center;gap:110px}.modal_container .modal_box.act4.selectPCB .radioWrap input[type=radio]{position:absolute;width:0;height:0;opacity:0;visibility:hidden}.modal_container .modal_box.act4.selectPCB .radioWrap input[type=radio]:checked+label{background:var(--color)}.modal_container .modal_box.act4.selectPCB .radioWrap label{display:flex;justify-content:center;align-items:center;width:96px;aspect-ratio:1/1;color:#fff;font-size:29px;font-weight:700;background:#757575;border-radius:100px;padding-top:7px;cursor:pointer}.modal_container .modal_box.act4.couponPCB .content .couponPCB{background:#ede4ff;color:var(--color);font-size:26px;font-weight:500;text-align:center;width:100%;height:45px;line-height:45px;margin-bottom:45px;border:none}.modal_container .modal_box.act4.couponPCB .btn:after{content:"교환 완료"!important}.modal_container .modal_box.act4.coming_soon{background:var(--color)}.modal_container .modal_box.act4.notice .header h4:after{content:"안내"!important}.modal_container .modal_box.act4.notice .body{padding:30px 16px 16px}.modal_container .modal_box.act4.notice .message{margin:50px 0 80px;color:#000;font-size:30px;font-weight:500}.modal_container .modal_box.act4.notice .message .amount{font-family:aggravo;font-weight:700;color:var(--color)}.modal_container .modal_box.act4.notice .message .subMessage{display:block;font-size:17px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act4.notice .btn{font-size:27px;height:69px;width:100%}.modal_container .modal_box.act4.notice .btn:after{display:none;content:""}.modal_container .modal_box.act4.modal_result{--color: #158abb}.modal_container .modal_box.act4.modal_result .body{display:flex;flex-direction:column;gap:20px;padding:16px}.modal_container .modal_box.act4.modal_result .body h5{font-size:27px;margin:10px 0 0}.modal_container .modal_box.act4.modal_result .body .rewardText_win{line-height:1.35}.modal_container .modal_box.act4.modal_result .body .red_reward{color:#bf0000}.modal_container .modal_box.act4.modal_result .body .content{display:flex;flex-direction:column;align-items:center;gap:10px}.modal_container .modal_box.act4.modal_result .body .content p{font-size:18px;margin:0;color:#5f5f5f}.modal_container .modal_box.act4.modal_result .body .content p.period{font-size:20px;font-weight:500;color:#000}.modal_container .modal_box.act4.modal_result .body .content p.subText{font-size:15px}.modal_container .modal_box.act4.modal_result .body .content p.red{color:#bf0000}.modal_container .modal_box.act4.modal_result .body .itemImg{margin:0}.modal_container .modal_box.act4.modal_result .body.omission{gap:40px}.modal_container .modal_box.act4.modal_result .body.omission h5{font-size:24px;line-height:1.3;margin-top:50px}.modal_container .modal_box.act4.modal_result .body.omission p.text{font-size:20px}.modal_container .modal_box.act4.modal_result .body.omission .btn_close{background-color:#158abb}.modal_container .modal_box.act4.active{display:block}@media(max-width:1000px){.act4 .pc{display:none!important}.act4 .mobile{display:block}.act4 section#valEvent{background-image:none;font-size:1.5vw}.act4 section#valEvent:after{display:none}.act4 section#valEvent:before{display:none}.act4 .main{width:100%}.act4 .main_container{height:92vw}.act4 .main_intro{max-width:100%;height:92vw;background:url(../img/act4/val_event_m.png) center top no-repeat;background-size:cover}.act4 .main_intro .videobg{top:0;height:92vw}.act4 .main_intro .videobg.pc{height:0}.act4 .main_intro .videobg.mobile{height:auto}.act4 .main_intro .text_container{width:100%;padding:0;margin:66vw auto 0;font-size:3.3vw}.act4 .main_intro .text_container .message{margin-top:10vw;padding-bottom:.5vw}.act4 .tab{height:13vw}.act4 .tab button{font-size:2.6em;padding-top:1vw;transition:none}.act4 #valPieceExchange{height:658vw;background:url(../img/act4/bg_exchange_act4_m.png) center top no-repeat;background-size:cover;margin-top:-5vw;padding:0 6vw}.act4 #valPieceExchange h3 img{margin:12vw auto 9vw}.act4 #valPieceExchange h4{font-size:3.8vw;margin:0 0 1vw;line-height:7.5vw;height:7.5vw;padding-top:.5vw}.act4 #valPieceExchange .subscript{font-size:2.5vw;margin:3vw 0 8vw}.act4 #valPieceExchange .exchange_list ul{gap:.7vw}.act4 #valPieceExchange .exchange_list ul.col-2,.act4 #valPieceExchange .exchange_list ul.col-4{margin-top:5vw}.act4 #valPieceExchange .exchange_list ul.col-2 li,.act4 #valPieceExchange .exchange_list ul.col-4 li{height:auto;width:calc((100% - 1vw)/2);padding:2vw;font-size:2.2vw;gap:2vw}.act4 #valPieceExchange .exchange_list ul.col-2 li img,.act4 #valPieceExchange .exchange_list ul.col-4 li img{width:100%;height:30vw}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box,.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:1vw 0;height:3.5em!important;display:flex;justify-content:center;align-items:center}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5,.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:3.2vw;height:auto}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5 br,.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5 br{display:block}.act4 #valPieceExchange .exchange_list ul.col-2 li .h5_box.line3,.act4 #valPieceExchange .exchange_list ul.col-4 li .h5_box.line3{height:3em}.act4 #valPieceExchange .exchange_list ul.col-2 li .price,.act4 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:4.7vw}.act4 #valPieceExchange .exchange_list ul.col-2 li .ex_btn,.act4 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:2.3vw}.act4 #valPieceExchange .exchange_list li{width:calc((100% - 1vw)/2);padding:5vw 2vw 2vw;font-size:2.2vw;gap:2vw}.act4 #valPieceExchange .exchange_list li img{width:100%;height:25vw;margin-bottom:0}.act4 #valPieceExchange .exchange_list li .h5_box{margin:1vw 0;height:3em;display:flex;justify-content:center;align-items:center}.act4 #valPieceExchange .exchange_list li .h5_box h5{font-size:3.2vw;height:auto}.act4 #valPieceExchange .exchange_list li .h5_box h5 br{display:block}.act4 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{font-size:1em}.act4 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block}.act4 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act4 #valPieceExchange .exchange_list li.wide,.act4 #valPieceExchange .exchange_list li.wide_m{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:44vw;padding:7vw 4vw;gap:0;background:#fff}.act4 #valPieceExchange .exchange_list li.wide img,.act4 #valPieceExchange .exchange_list li.wide_m img{height:24vw}.act4 #valPieceExchange .exchange_list li.wide h5,.act4 #valPieceExchange .exchange_list li.wide_m h5{font-size:4vw!important;margin:0 0 1vw}.act4 #valPieceExchange .exchange_list li.wide .ex_btn,.act4 #valPieceExchange .exchange_list li.wide_m .ex_btn{font-size:2.3vw;text-align:left}.act4 #valPieceExchange .exchange_list li.wide .ex_btn .price,.act4 #valPieceExchange .exchange_list li.wide_m .ex_btn .price{font-size:4.7vw}.act4 #valPieceExchange .exchange_list li.wide .ex_btn .btn,.act4 #valPieceExchange .exchange_list li.wide_m .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:40vw;max-width:40vw}.act4 #valPieceExchange .exchange_list li.wide .sub,.act4 #valPieceExchange .exchange_list li.wide_m .sub{margin:2vw 0 0}.act4 #valPieceExchange .exchange_list li.prize_wide{display:flex!important;gap:2vw}.act4 #valPieceExchange .exchange_list li.prize_wide img{height:17vw}.act4 #valPieceExchange .exchange_list li.haschamfer:after{width:4vw;height:4vw}.act4 #valPieceExchange .exchange_list li.cut_tr:after{display:none}.act4 #valPieceExchange .exchange_list li.cut_br:before{width:4vw;height:4vw;bottom:0;right:0;transform:rotate(180deg)}.act4 #valPieceExchange .exchange_list .prize_category{margin:4vw 0 3.5vw}.act4 #valPieceExchange .prize_list_2nd li:nth-child(-n+4){order:1}.act4 #valPieceExchange .prize_list_2nd li:nth-child(n+5){order:3}.act4 #valPieceExchange .prize_list_2nd li:nth-child(7){order:2}.act4 #valPieceExchange .ex_btn{font-size:2.3vw;margin:0}.act4 #valPieceExchange .ex_btn p{margin:.5vw 0}.act4 #valPieceExchange .ex_btn .price{font-size:4.7vw}.act4 #valPieceExchange .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:100%;max-width:100%}.act4 .row_devider{height:1px;margin:10vw 0}.act4 #aside{left:0;margin-left:0;top:0;width:100vw;height:100dvh;background:#000000d9;z-index:100;display:none;overflow:hidden}.act4 #aside.active{display:block}.act4 #aside.logged_in .dueDate{transform:translateY(90%)}.act4 #aside .column{border-radius:1.3vw;padding:4vw 3.5vw;gap:1vw}.act4 #aside .column h4{font-size:3.2vw;gap:1.5vw}.act4 #aside .column h4:before{width:4vw}.act4 #dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:105vw;border-radius:2vw;padding:4vw}.act4 #dashboard .topper{justify-content:center}.act4 #dashboard .topper .greeting{font-size:2em;text-align:center;flex-basis:auto;width:100%;max-width:100%}.act4 #dashboard .topper .greeting .userName{font-size:1.4em;line-height:1.05}.act4 #dashboard .topper a.myReport{display:none}.act4 #dashboard .topper .refresh{top:unset;bottom:0;gap:1vw;font-size:3.4vw}.act4 #dashboard .topper .refresh img{width:3.5vw;height:3.5vw}.act4 #dashboard .myStatus{margin:4vw auto;overflow:hidden}.act4 #dashboard .myStatus .swiper-wrapper{gap:0;flex-direction:row}.act4 #dashboard .myStatus .swiper-wrapper .swiper-slide{height:auto}.act4 #dashboard .myStatus .swiper-pagination{position:relative;margin:2vw 0;bottom:unset}.act4 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1;width:2.4vw;height:2.4vw;transition:all .3s ease}.act4 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#12d9b2}.act4 #dashboard .myStatus .balance{height:100%;flex-direction:column;justify-content:center;font-size:3.6vw;margin:0}.act4 #dashboard .myStatus .balance img{width:10vw}.act4 #dashboard .myStatus .balance .text{margin-top:1vw;font-size:4.2vw}.act4 #dashboard .myStatus .balance strong{font-size:6.6vw}.act4 #dashboard .rewardList{height:100%;display:flex;align-items:center}.act4 #dashboard .rewardList ul{width:100%;gap:4vw}.act4 #dashboard .rewardList ul li{font-size:3.4vw}.act4 #dashboard .rewardList ul li .result{width:16vw;height:5.3vw;padding-top:.5vw;font-size:2.9vw}.act4 #dashboard .conditionList ul{gap:2vw}.act4 #dashboard .conditionList ul li{font-size:3.4vw;margin-bottom:1.7vw}.act4 #dashboard .conditionList ul li h5{display:flex;align-items:center;gap:1vw;margin:0;font-size:3.3vw}.act4 #dashboard .conditionList ul li h5 .btn_tooptip{width:3.3vw;margin-bottom:.5vw}.act4 #dashboard .conditionList .graph{height:3.2vw;margin-top:1vw}.act4 #dashboard .conditionList .graph .bar{left:-1.7vw;height:3.2vw}.act4 #dashboard .conditionList .graph .text{font-size:2.9vw;line-height:3.2vw;margin-left:1.7vw}.act4 #dashboard .hasTooltip .tooltip,.act4 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% + 4.4vw))!important;padding:1.3vw 2.6vw;border-radius:1.3vw;font-size:2.4vw}.act4 #dashboard .hasTooltip .tooltip.under,.act4 #dashboard .notAchieved .tooltip.under,.act4 #dashboard .hasTooltip .tooltip.graph_under,.act4 #dashboard .notAchieved .tooltip.graph_under{bottom:unset;top:0}.act4 #dashboard .hasTooltip:hover .tooltip,.act4 #dashboard .notAchieved:hover .tooltip{opacity:0}.act4 #dashboard .hasTooltip.active .tooltip,.act4 #dashboard .notAchieved.active .tooltip{opacity:1}.act4 #dashboard .notAchieved .tooltip{right:17vw;top:50%!important;transform:translateY(-50%)!important}.act4 .dueDate{top:51%;left:14vw;width:72vw;transform:translateY(50%)}.act4 .dueDate .countdown{font-size:6.2vw;margin:1vw 0}.act4 .pre_login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;border-radius:2vw;padding:10vw 4vw 40vw;background:#00000080;gap:2vw}.act4 .pre_login h4{font-size:4vw}.act4 .pre_login p{font-size:3vw}.act4 .pre_login button.btn_riot_login{width:35vw;height:8vw;font-size:3.5vw}.act4 .reward{display:none}.act4 .mobileUI{position:fixed;bottom:3vw;right:3vw;z-index:10;display:flex;flex-direction:column;gap:1.5vw}.act4 .mobileUI button,.act4 .mobileUI a{width:11vw;height:11vw;display:block}.act4 .mobileUI button img,.act4 .mobileUI a img{display:block;width:100%;height:100%;border-radius:10vw}.act4 .close{top:-8vw;right:-2vw}.act4 .close img{width:8vw;height:8vw}.act4 .caution{left:0;transform:translate(0);width:100%;padding:0}.act4 .caution .inner{width:100%;box-sizing:border-box}.act4 .caution .inner h4{font-size:3.6vw;font-weight:700;margin:0 0 6vw}.act4 .caution .inner ul{gap:2.5vw}.act4 .caution .inner ul li{font-size:2.9vw;padding-left:2.5vw}.act4 .caution .inner ul li:before{width:1vw;height:1vw;margin-top:.1vw}.modal_container .modal_box.act4{width:82vw;border:.5vw solid var(--color)}.modal_container .modal_box.act4 .header{font-size:4.5vw;height:12vw;padding-top:1vw}.modal_container .modal_box.act4 .body{padding:7vw 5vw 5vw}.modal_container .modal_box.act4 .body p{font-size:3.2vw}.modal_container .modal_box.act4 .body .content img{height:32vw}.modal_container .modal_box.act4 .body .btn{width:100%;height:10vw;font-size:4.2vw;padding-top:.5vw}.modal_container .modal_box.act4 .btn_wrap{gap:2vw}.modal_container .modal_box.act4.modal_apply .inputWrap{gap:1.5vw;margin:6vw 0}.modal_container .modal_box.act4.modal_apply .inputWrap>div{gap:1.5vw}.modal_container .modal_box.act4.modal_apply .inputWrap>div label{font-size:3.5vw;padding:2.2vw 0;width:20vw;height:8vw}.modal_container .modal_box.act4.modal_apply .inputWrap>div input{height:8vw;font-size:3.3vw;padding:0 3vw}.modal_container .modal_box.act4.modal_apply_info .message{font-size:5vw}.modal_container .modal_box.act4.modal_apply_info .inputWrap>div input[type=text]{font-size:5vw;height:12vw}.modal_container .modal_box.act4.modal_apply_info .agreePolicy{margin:3vw;font-size:2.8vw}.modal_container .modal_box.act4.modal_apply_info .agreePolicy ul li{padding-left:2.5vw;margin-bottom:1.5vw}.modal_container .modal_box.act4.modal_apply_info .agreeWrap{gap:1vw;margin:3vw 0}.modal_container .modal_box.act4.modal_apply_info .agreeWrap input{width:4.2vw;height:4.2vw}.modal_container .modal_box.act4.modal_apply_info .agreeWrap label{font-size:4vw;font-weight:500;line-height:1.6em}.modal_container .modal_box.act4.modal_apply_info .agreeWrap .notice{margin-top:3vw;font-size:2.8vw}.modal_container .modal_box.act4.modal_apply_check .message{font-size:5vw}.modal_container .modal_box.act4.modal_apply_check .inputWrap>div input[type=text]{font-size:5vw;height:12vw}.modal_container .modal_box.act4.modal_apply_check .agreePolicy{margin:3vw;font-size:2.8vw}.modal_container .modal_box.act4.modal_apply_check .agreePolicy ul li{padding-left:2.5vw;margin-bottom:1.5vw}.modal_container .modal_box.act4.modal_apply_check .agreeWrap{gap:1vw;margin:3vw 0}.modal_container .modal_box.act4.modal_apply_check .agreeWrap input{width:4.2vw;height:4.2vw}.modal_container .modal_box.act4.modal_apply_check .agreeWrap label{font-size:4vw;font-weight:500;line-height:1.6em}.modal_container .modal_box.act4.modal_apply_check .agreeWrap .notice{margin-top:3vw;font-size:2.8vw}.modal_container .modal_box.act4.modal_login p{color:#777}.modal_container .modal_box.act4.modal_login .content img{height:170px}.modal_container .modal_box.act4.modal_my_reward{padding:5vw}.modal_container .modal_box.act4.modal_my_reward .header{font-size:4.5vw}.modal_container .modal_box.act4.modal_my_reward .header img{height:5vw}.modal_container .modal_box.act4.modal_my_reward .header p.userName{line-height:6vw;padding-left:3vw;margin-left:3vw}.modal_container .modal_box.act4.modal_my_reward .tab_reward{margin-top:2vw}.modal_container .modal_box.act4.modal_my_reward .tab_reward .tab_btn{font-size:4vw;width:25vw;padding:1.8vw 0 1.3vw}.modal_container .modal_box.act4.modal_my_reward .body{margin-top:4vw}.modal_container .modal_box.act4.modal_my_reward .body p.subText{font-size:3vw}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList{margin-bottom:4vw}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList thead th{padding:2vw;font-size:3vw}.modal_container .modal_box.act4.modal_my_reward .body .myRewardList tbody tr td{font-size:3vw;padding:2vw 1vw}.modal_container .modal_box.act4.modal_my_reward .body .pagination{margin:4vw 0 5vw}.modal_container .modal_box.act4.modal_my_reward .body .pagination ul li a{width:5vw;height:5vw;font-size:3vw}.modal_container .modal_box.act4.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act4.selectPCB .radioWrap{margin:2vw auto 8vw;gap:17vw}.modal_container .modal_box.act4.selectPCB .radioWrap label{width:15vw;font-size:4.3vw;border-radius:10vw;padding-top:1vw}.modal_container .modal_box.act4.couponPCB .content .couponPCB{font-size:3.8vw;height:6.7vw;line-height:6.7vw;margin-bottom:4.5vw}.modal_container .modal_box.act4.notice p.message{margin:10vw 0 15vw;font-size:4.5vw}.modal_container .modal_box.act4.modal_result .body h5{font-size:4.5vw;margin-top:2vw}.modal_container .modal_box.act4.modal_result .body .content{gap:2vw}.modal_container .modal_box.act4.modal_result .body .content p{font-size:3vw}.modal_container .modal_box.act4.modal_result .body .content p.period{font-size:3.2vw}.modal_container .modal_box.act4.modal_result .body .content p.subText{font-size:2.6vw}.modal_container .modal_box.act4.modal_result .body.omission h5{font-size:3.5vw;margin-top:5vw}.modal_container .modal_box.act4.modal_result .body.omission p.text{font-size:2.9vw}.modal_container .modal_box.act4.modal_result .body.omission .btn_close{background-color:#158abb}.modal_container .modal_box.act4.active{display:block}.modal_container.active{display:flex}}body{margin:0;padding:0;box-sizing:border-box;background:#101d2a!important}.act3IframeWrap{width:100%;height:calc(100% + 80px);margin-top:-80px}.act5 .blink{animation:blinkact5 1s ease-in-out infinite}@keyframes blinkact5{0%{color:#fff}49%{color:#fff}51%{color:#1b2228}to{color:#1b2228}}.act5 .glow_pp{animation:glow_pp 2s ease-in-out infinite}@keyframes glow_pp{0%{filter:drop-shadow(0 0 0px #8146ff)}50%{filter:drop-shadow(0 0 15px #8146ff)}to{filter:drop-shadow(0 0 0px #8146ff)}}.act5 .glow_mint{animation:glow_mint 2s ease-in-out infinite}@keyframes glow_mint{0%{filter:drop-shadow(0 0 0px #3BD2A3)}50%{filter:drop-shadow(0 0 15px #3BD2A3)}to{filter:drop-shadow(0 0 0px #3BD2A3)}}.act5 .pc{display:block}.act5 .mobile{display:none}.act5 section#valEvent{font-family:Pretendard;background:#272d33 url(../img/act5/background_act5.jpg) center top no-repeat;color:#fff;letter-spacing:-.04em;word-break:keep-all;font-size:10px;overflow-x:hidden;max-width:1920px;margin:0 auto}.act5 section#valEvent:after{content:"";display:block;width:100px;height:100%;background:linear-gradient(270deg,#101d2a,transparent);position:absolute;top:0;right:0;z-index:1}.act5 section#valEvent:before{content:"";display:block;width:100px;height:100%;background:linear-gradient(90deg,#101d2a,transparent);position:absolute;top:0;left:0;z-index:1}.act5 .keyart{position:absolute;bottom:1100px;left:50%;transform:translate(220px);z-index:1;width:869px;pointer-events:none}.act5 .main{width:948px;min-height:200vh;position:relative;z-index:2}.act5 .main_container{height:780px}.act5 .main_intro{position:absolute;top:0;left:50%;transform:translate(-50%);background:url(../img/act5/val_event.png) center top no-repeat;background-size:contain;width:1920px;height:780px}.act5 .main_intro .videobg{position:absolute;top:0;left:0;width:100%;margin:auto;height:1080px;object-fit:cover;object-position:center;z-index:1}.act5 .main_intro .videobg.mobile{height:0}.act5 .main_intro .text_container{box-sizing:content-box;width:948px;padding-right:452px;margin:0 auto;text-align:center;font-size:30px;font-weight:400;z-index:2}.act5 .main_intro .text_container .period{margin:65px 0 0;font-size:.75em}.act5 .main_intro .text_container .btn_check_reward{display:flex;align-items:center;justify-content:center;width:315px;height:70px;border-radius:50px;background-color:#ff4655;color:#0f1923!important;margin:650px auto 0;border-bottom:none;padding-bottom:0;transition:all .3s ease;cursor:pointer;font-size:27px;font-weight:700;letter-spacing:-.04em}.act5 .main_intro .text_container .btn_check_reward:hover{color:#fff;border-color:#fff}.act5 .tab{display:flex;background:url(../img/act5/bg_tab_act5.png) center top no-repeat;background-size:cover;height:80px}.act5 .tab button{font-family:aggravo;width:50%;font-size:32px;padding-top:5px;text-align:center;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;transition:text-shadow .3s ease}.act5 .tab button:hover{color:#fff!important;text-shadow:0 0 10px #fff}.act5 #valPieceExchange{height:3850px;background:url(../img/act5/bg_exchange_act5.png) center top no-repeat;background-size:cover;margin-top:-50px;overflow:hidden;padding:195px 105px 0}.act5 #valPieceExchange h3 img{margin:90px auto 60px}.act5 #valPieceExchange h4{font-size:28px;text-align:center;margin:0 0 6px;line-height:64px;height:64px;padding-top:3px;overflow:hidden}.act5 #valPieceExchange h4 span{position:relative;z-index:2}.act5 #valPieceExchange h4:after{content:"";display:block;width:100%;height:100%;background:#02182c;position:absolute;top:0;left:0;z-index:1;transform-origin:left top;transform:skew(25deg)}.act5 #valPieceExchange .subscript{color:#000;text-align:center;font-size:18px;margin:40px 0 70px}.act5 #valPieceExchange .exchange_list{width:100%;--color: #472abb;--hoverColor: #29108f}.act5 #valPieceExchange .exchange_list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.act5 #valPieceExchange .exchange_list ul.col-4{margin-top:50px;padding-top:50px;border-top:2px #1b2228 solid}.act5 #valPieceExchange .exchange_list ul.col-4 li{padding-top:25px;gap:10px;width:calc((100% - 18px)/4);font-size:14px;height:auto}.act5 #valPieceExchange .exchange_list ul.col-4 li img{height:auto;object-fit:contain}.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:20px 0 0;font-size:19px;height:2em;display:flex;align-items:center}.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:18px}.act5 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:25px}.act5 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:14px}.act5 #valPieceExchange .exchange_list ul.col-2 li{padding-top:25px;gap:10px;width:calc((100% - 6px)/2);font-size:16px;height:auto}.act5 #valPieceExchange .exchange_list ul.col-2 li img{width:260px;height:200px;object-fit:contain;margin:0 auto}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box{margin:20px 0 0;font-size:24px;height:4em;display:flex;align-items:center}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5{font-size:24px}.act5 #valPieceExchange .exchange_list ul.col-2 li .price{font-size:28px}.act5 #valPieceExchange .exchange_list ul.col-2 li .ex_btn{font-size:14px}.act5 #valPieceExchange .exchange_list li{display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 12px) / 3);height:auto;padding:10px;font-size:18px;background:#fff;text-align:center;color:#000;gap:10px}.act5 #valPieceExchange .exchange_list li img{width:100%;height:140px;margin-bottom:20px;object-fit:contain}.act5 #valPieceExchange .exchange_list li .h5_box{margin:20px 0 0;height:56px;display:flex;justify-content:center;align-items:center}.act5 #valPieceExchange .exchange_list li .h5_box h5{font-size:20px;margin:0;height:auto;letter-spacing:-.05em;font-weight:700}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{display:block;font-size:.7em}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block;font-weight:200;color:#888}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeNameNoWrap{display:inline-block;white-space:nowrap}.act5 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act5 #valPieceExchange .exchange_list li.wide{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:335px;background:#fff;padding:45px 30px;gap:30px;text-align:left}.act5 #valPieceExchange .exchange_list li.wide img{height:190px}.act5 #valPieceExchange .exchange_list li.wide h5{height:auto;font-size:30px;margin:0 0 20px}.act5 #valPieceExchange .exchange_list li.wide .ex_btn{font-size:15px;text-align:center}.act5 #valPieceExchange .exchange_list li.wide .ex_btn .price{font-size:31px}.act5 #valPieceExchange .exchange_list li.wide .ex_btn .btn{width:220px;max-width:220px}.act5 #valPieceExchange .exchange_list li.wide .sub{color:#000;font-weight:300;margin:20px 0 0}.act5 #valPieceExchange .exchange_list li.prize_wide{display:none}.act5 #valPieceExchange .exchange_list li.haschamfer:after{content:"";display:block;position:absolute;width:30px;height:30px;background:url(../img/act5/chamfer.png) left top no-repeat;background-size:cover}.act5 #valPieceExchange .exchange_list li.cut_tl:after{top:0;left:0}.act5 #valPieceExchange .exchange_list li.cut_tr:after{top:0;right:0;transform:rotate(90deg)}.act5 #valPieceExchange .exchange_list li.cut_br:before{content:"";display:block;position:absolute;width:30px;height:30px;background:url(../img/act5/chamfer.png) left top no-repeat;background-size:cover;bottom:0;right:0;transform:rotate(180deg)}.act5 #valPieceExchange .exchange_list .prize_category{margin:35px auto 25px;text-align:center}.act5 #valPieceExchange .exchange_list .prize_category img{display:block;margin:0 auto}.act5 #valPieceExchange .prize_container .ex_btn{color:#000}.act5 #valPieceExchange .prize_container .ex_btn:hover .btn{background:var(--hoverColor)}.act5 #valPieceExchange .prize_container .ex_btn .price{color:var(--color)}.act5 #valPieceExchange .prize_container .ex_btn .btn{background:var(--color)}.act5 #valPieceExchange .prize_container .ex_btn .btn:after{content:"응모하기"}.act5 #valPieceExchange .prize_container .ex_btn.completion .btn{background:#818181}.act5 #valPieceExchange .prize_container .ex_btn.completion .btn:after{content:"응모완료"}.act5 #valPieceExchange .ex_btn{font-family:aggravo;font-size:16px;font-weight:700;text-align:center;margin:0 2px;color:#000}.act5 #valPieceExchange .ex_btn:hover .btn{background:var(--hoverColor)}.act5 #valPieceExchange .ex_btn p{margin:0 0 10px;letter-spacing:-.05em}.act5 #valPieceExchange .ex_btn .price{color:var(--color);font-size:28px}.act5 #valPieceExchange .ex_btn .btn{color:#fff;background:var(--color);padding:15px 0 12px;font-size:24px;width:100%;max-width:unset;margin:auto;text-align:center;transition:background .3s ease}.act5 #valPieceExchange .ex_btn .btn:after{content:"교환하기"}.act5 #valPieceExchange .ex_btn.completion *{color:#818181!important}.act5 #valPieceExchange .ex_btn.completion .btn{background:#818181;color:#fff!important}.act5 #valPieceExchange .ex_btn.completion .btn:after{content:"교환완료"}.act5 .row_devider{width:100%;height:2px;background-color:#1b2228;margin:50px 0}.act5 .row_blank{width:100%;height:40px}.act5 #aside{position:fixed;left:50%;margin-left:270px;padding:0;top:90px;width:430px;height:1155px;transform-origin:left top;z-index:2}.act5 #aside .dashboard{display:none}.act5 #aside .pre_login{display:flex}.act5 #aside.logged_in .dashboard{display:block}.act5 #aside.logged_in .pre_login{display:none}.act5 #aside .column{display:flex;flex-direction:column;gap:14px;border:1px solid #ff4655;border-radius:20px;background:#00000080;padding:18px 16px}.act5 #aside .column h4{display:flex;align-items:center;color:#ff4655;font-size:18px;gap:6px;margin:0}.act5 #aside .column h4:before{content:"";display:block;width:31px;aspect-ratio:6/5;background:url(../img/act5/ico_star5.png) center top no-repeat;background-size:contain}.act5 #aside .column h5{font-size:19px;margin:0}.act5 #dashboard{background:#0000004d;border:1px solid #ff4655;border-radius:20px;padding:30px 24px;height:950px}.act5 #dashboard .topper{justify-content:space-between;align-items:flex-end}.act5 #dashboard .topper .greeting{font-size:17px;flex:0 1 220px;min-width:0;max-width:calc(100% - 150px)}.act5 #dashboard .topper .greeting .userName{display:block;font-family:aggravo;font-weight:700;font-size:23px;line-height:1.05;margin-bottom:4px;overflow-wrap:anywhere;word-break:break-all}.act5 #dashboard .topper a.myReport{font-size:17px}.act5 #dashboard .topper a.myReport:hover{opacity:1;text-shadow:0 0 10px #fff}.act5 #dashboard .topper .refresh{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;font-size:17px;cursor:pointer;color:#ff4655;transition:opacity .3s ease}.act5 #dashboard .topper .refresh img{width:17px;height:17px;transition:transform .3s ease}.act5 #dashboard .topper .refresh:hover img{transform:rotate(180deg)}.act5 #dashboard .myStatus{margin:30px auto;overflow:visible}.act5 #dashboard .myStatus .swiper-wrapper{display:flex;gap:30px;flex-direction:column}.act5 #dashboard .myStatus .balance{justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin:-10px 0}.act5 #dashboard .myStatus .balance .text{margin-top:5px;font-size:18px;font-weight:700;font-family:Aggravo}.act5 #dashboard .myStatus .balance strong{color:#ff4655;font-size:28px}.act5 #dashboard .rewardList ul{gap:10px}.act5 #dashboard .rewardList ul li{display:flex;justify-content:space-between;align-items:center;font-size:19px}.act5 #dashboard .rewardList ul li.height_60{height:60px}.act5 #dashboard .rewardList ul li .result{color:#160b1d;background:#fff;width:90px;height:30px;display:flex;justify-content:center;align-items:center;padding-top:3px;font-size:16px;font-family:aggravo}.act5 #dashboard .rewardList ul li .result:after{content:"달성"}.act5 #dashboard .rewardList ul li .tooltip{display:none}.act5 #dashboard .rewardList ul li.notAchieved{color:#fff3}.act5 #dashboard .rewardList ul li.notAchieved .result{background:#58545c;color:#160b1d}.act5 #dashboard .rewardList ul li.notAchieved .result:after{content:"미달성"}.act5 #dashboard .rewardList ul li.notAchieved .tooltip{display:block}.act5 #dashboard .conditionList ul{gap:10px}.act5 #dashboard .conditionList ul li{font-size:19px;margin-bottom:10px}.act5 #dashboard .conditionList .graph{height:19px;background-color:#fff;overflow:hidden;margin:4px 0}.act5 #dashboard .conditionList .graph .bar{position:absolute;top:0;left:-10px;width:100%;height:19px;transform:skew(45deg);background:linear-gradient(0deg,#f24250,#ef414f)}.act5 #dashboard .conditionList .graph .bar.val{background:linear-gradient(0deg,#5f1fd4,#5f1fd3)}.act5 #dashboard .conditionList .text{display:block;font-size:14px;line-height:19px;color:#797979}.act5 #dashboard .hasTooltip .tooltip,.act5 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% - 10px));background:#fff;color:#767676;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:200;line-height:1.15;z-index:10;text-align:center;opacity:0;transition:opacity .3s ease;white-space:nowrap}.act5 #dashboard .hasTooltip .tooltip.under,.act5 #dashboard .notAchieved .tooltip.under{top:unset;bottom:0;transform:translateY(calc(100% + 10px))}.act5 #dashboard .hasTooltip .tooltip.graph_under,.act5 #dashboard .notAchieved .tooltip.graph_under{top:unset;bottom:0;transform:translateY(calc(100% - 15px))}.act5 #dashboard .hasTooltip .tooltip strong,.act5 #dashboard .notAchieved .tooltip strong{color:#694185}.act5 #dashboard .hasTooltip:hover .tooltip,.act5 #dashboard .notAchieved:hover .tooltip{opacity:1}.act5 .dueDate{position:absolute;top:788px;left:24px;width:calc(100% - 48px)}.act5 .dueDate .countdown{text-align:center;font-size:35px;font-weight:700;margin:5px 0}.act5 .pre_login{width:100%;height:980px;background:url(../img/act5/bg_dashboard_pre.png) center top no-repeat;background-size:contain;border:1px solid #ff4655;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.act5 .pre_login h4{font-size:28px;margin:0}.act5 .pre_login p{font-size:20px;margin:0;color:#999;line-height:1.5em}.act5 .pre_login .participation_closed{display:flex;flex-direction:column;gap:inherit;max-width:100%;padding:0 16px;overflow-wrap:anywhere}.act5 .pre_login button.btn_riot_login{width:180px;height:50px;background-color:#ff4655;color:#fff;font-size:24px;cursor:pointer;padding:4px 0 0;transition:background-color .3s ease}.act5 .pre_login button.btn_riot_login:hover{background-color:#f01818}.act5 .reward,.act5 .aside_btns{margin-top:30px;display:flex;flex-direction:column;justify-content:center;gap:20px}.act5 .reward a img,.act5 .aside_btns a img{display:block;border-radius:100px}.act5 .reward .previous_act_link,.act5 .aside_btns .previous_act_link{display:flex;align-items:center;width:430px;height:140px;padding:12px 24px 12px 14px;border-radius:100px;background:linear-gradient(135deg,#008a91,#00c4c7 58%,#00757e);color:#fff;text-decoration:none;box-sizing:border-box}.act5 .reward .previous_act_link img,.act5 .aside_btns .previous_act_link img{width:112px;height:112px;flex:0 0 auto}.act5 .reward .previous_act_link span,.act5 .aside_btns .previous_act_link span{flex:1;text-align:center;font-size:22px;line-height:1.25;font-weight:700}.act5 .reward .previous_act_link strong,.act5 .aside_btns .previous_act_link strong{font-size:30px}.act5 .reward .previous_act_link .previous_act_action,.act5 .aside_btns .previous_act_link .previous_act_action{font-size:24px;white-space:nowrap}.act5 .reward .previous_act_link b,.act5 .aside_btns .previous_act_link b{font-size:50px;line-height:1;font-weight:400}.act5 .reward .winner_act_link,.act5 .aside_btns .winner_act_link{background:linear-gradient(135deg,#51228a,#a940d1 58%,#321661)}.act5 #aside.avoid_agent_artwork .reward,.act5 #aside.avoid_agent_artwork .aside_btns{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.act5 .close{position:absolute;top:-70px;right:-20px}.act5 .close img{display:block;width:80px;height:80px}.act5 .caution{left:50%;transform:translate(-50%);width:1920px;background:#000;color:#fff;padding:0;z-index:2}.act5 .caution .inner{width:1370px;margin:0 auto;box-sizing:content-box}.act5 .caution .inner h4{font-size:26px;font-weight:700;margin:0 0 40px}.act5 .caution .inner ul{display:flex;flex-direction:column;gap:10px}.act5 .caution .inner ul li{font-size:22px;line-height:1.3;padding-left:16px}.act5 .caution .inner ul li:before{position:absolute;content:"";display:block;width:6px;height:6px;background:#fff;border-radius:100px;top:10px;left:0}.modal_container .modal_box.act5{--color: #ff4655;display:none;background:#fff;width:540px;border:4px solid var(--color);box-sizing:content-box;box-shadow:0 0 20px #0000004d;text-align:center}.modal_container .modal_box.act5 .header{font-size:30px;height:74px;padding-top:5px;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box.act5 .body{padding:50px 16px 16px}.modal_container .modal_box.act5 .body p{font-size:24px;margin:0}.modal_container .modal_box.act5 .body .content{margin:0}.modal_container .modal_box.act5 .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.act5 .body .content .nocieBox{margin-bottom:15px;color:#787878}.modal_container .modal_box.act5 .body .subText{display:block;font-size:14px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act5 .body .btn{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;height:70px;color:#fff;background:#111619;font-size:27px;padding-top:4px;cursor:pointer}.modal_container .modal_box.act5 .body .btn:after{content:""}.modal_container .modal_box.act5 .body .btn.btn_color{background:var(--color)}.modal_container .modal_box.act5 img.imageModal{display:block;width:100%}.modal_container .modal_box.act5 .btn_wrap{display:flex;gap:15px}.modal_container .modal_box.act5 .btn_wrap .btn{font-size:28px;height:69px;width:100%}.modal_container .modal_box.act5 .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box.act5 .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.act5.modal_reward{--color: #472abb}.modal_container .modal_box.act5.modal_reward .header{background:var(--color)}.modal_container .modal_box.act5.modal_reward .header h4:after{content:"보상 지급이 완료되었습니다!"}.modal_container .modal_box.act5.modal_reward .body .btn_close:after{content:"교환완료 >"}.modal_container .modal_box.act5.modal_apply{--color: #472abb}.modal_container .modal_box.act5.modal_apply .header h4:after{content:"응모가 완료되었습니다!"}.modal_container .modal_box.act5.modal_apply .body .btn_close:after{content:"응모완료 >"}.modal_container .modal_box.act5.modal_apply .inputWrap{display:flex;flex-direction:column;gap:10px;margin:40px 0}.modal_container .modal_box.act5.modal_apply .inputWrap>div{display:flex;flex-direction:row;gap:10px}.modal_container .modal_box.act5.modal_apply .inputWrap>div label{font-family:aggravo;font-size:24px;color:#fff;background:var(--color);text-align:center;padding:12px 0;width:130px;height:49px}.modal_container .modal_box.act5.modal_apply .inputWrap>div input{flex:1;height:49px;font-size:22px;background:#eaeaea;border:none;padding:0 20px}.modal_container .modal_box.act5.modal_confirm{--color: #472abb}.modal_container .modal_box.act5.modal_confirm .header h4:after,.modal_container .modal_box.act5.modal_confirm .body .btn_close:after{display:none;content:""}.modal_container .modal_box.act5.modal_result .header h4:after,.modal_container .modal_box.act5.modal_result .body .btn_close:after{display:none;content:""}.modal_container .modal_box.act5.modal_apply_info{--color: #ff4655}.modal_container .modal_box.act5.modal_apply_info .header h4:after{content:"휴대전화번호 등록"}.modal_container .modal_box.act5.modal_apply_info .message{font-size:32px}.modal_container .modal_box.act5.modal_apply_info .inputWrap>div input[type=text]{text-align:center;font-weight:800;font-size:32px;height:80px}.modal_container .modal_box.act5.modal_apply_info .agreePolicy{margin:0 0 30px 12px;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:17px;letter-spacing:-.01em}.modal_container .modal_box.act5.modal_apply_info .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.act5.modal_apply_info .agreePolicy ul li{padding-left:18px;margin-bottom:8px}.modal_container .modal_box.act5.modal_apply_info .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.act5.modal_apply_info .agreePolicy ul li .mint{color:var(--color)}.modal_container .modal_box.act5.modal_apply_info .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:50px}.modal_container .modal_box.act5.modal_apply_info .agreeWrap input{width:30px;height:30px}.modal_container .modal_box.act5.modal_apply_info .agreeWrap label{font-size:24px;font-weight:500;line-height:36px}.modal_container .modal_box.act5.modal_apply_info .agreeWrap .notice{width:100%;margin-top:40px;font-size:17px;color:#5f5f5f}.modal_container .modal_box.act5.modal_apply_info .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.act5.modal_apply_check{--color: #472abb}.modal_container .modal_box.act5.modal_apply_check .header h4:after{content:"등록 정보 확인"}.modal_container .modal_box.act5.modal_apply_check .message{font-size:32px}.modal_container .modal_box.act5.modal_apply_check .inputWrap>div input[type=text]{text-align:center;font-weight:800;font-size:32px;height:80px}.modal_container .modal_box.act5.modal_apply_check .agreePolicy{margin:0 0 30px 12px;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:17px;letter-spacing:-.01em}.modal_container .modal_box.act5.modal_apply_check .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.act5.modal_apply_check .agreePolicy ul li{padding-left:18px;margin-bottom:8px}.modal_container .modal_box.act5.modal_apply_check .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.act5.modal_apply_check .agreePolicy ul li .mint{color:var(--color)}.modal_container .modal_box.act5.modal_apply_check .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:50px}.modal_container .modal_box.act5.modal_apply_check .agreeWrap input{width:30px;height:30px}.modal_container .modal_box.act5.modal_apply_check .agreeWrap label{font-size:24px;font-weight:500;line-height:36px}.modal_container .modal_box.act5.modal_apply_check .agreeWrap .notice{width:100%;margin-top:40px;font-size:17px;color:#5f5f5f}.modal_container .modal_box.act5.modal_apply_check .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.act5.modal_login{border-color:#ff4655}.modal_container .modal_box.act5.modal_login .header{background:#ff4655}.modal_container .modal_box.act5.modal_login .header h4:after{content:"로그인하고 보상 받기"}.modal_container .modal_box.act5.modal_login p{color:#777}.modal_container .modal_box.act5.modal_login .content img{height:170px}.modal_container .modal_box.act5.modal_login .btn{width:100%}.modal_container .modal_box.act5.modal_login .btn:after{display:none;content:""}.modal_container .modal_box.act5.modal_my_reward{padding:30px 40px}.modal_container .modal_box.act5.modal_my_reward .header{--color: #ff4655;font-size:28px;background:#fff;color:var(--color);justify-content:flex-start}.modal_container .modal_box.act5.modal_my_reward .header p.userName{font-weight:700;line-height:43px;border-left:1px solid var(--color);padding-left:20px;margin-left:20px}.modal_container .modal_box.act5.modal_my_reward .tab_reward{display:flex;justify-content:center;margin-top:20px;--color: #ff4655}.modal_container .modal_box.act5.modal_my_reward .tab_reward .tab_btn{font-size:23px;font-weight:700;width:160px;color:var(--color);background:#fff;text-align:center;padding:10px 0 8px;border:1px solid var(--color);border-right:none}.modal_container .modal_box.act5.modal_my_reward .tab_reward .tab_btn.active{color:#fff;background-color:var(--color)}.modal_container .modal_box.act5.modal_my_reward .tab_reward .tab_btn:last-child{border-right:1px solid var(--color)}.modal_container .modal_box.act5.modal_my_reward .body{margin-top:40px;padding:0;--color: #ff4655}.modal_container .modal_box.act5.modal_my_reward .body p.subText{font-size:18px;color:#b5b5b5;margin:0}.modal_container .modal_box.act5.modal_my_reward .body .content{margin:0}.modal_container .modal_box.act5.modal_my_reward .body .content .subText{display:block;font-size:14px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList{width:100%;border-collapse:collapse;margin-bottom:20px}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList thead{background-color:var(--color);color:#fff}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList thead th{padding:15px;font-weight:400;font-size:20px;text-align:center}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList tbody tr td{font-size:18px;padding:20px 10px;border-bottom:1px solid #ccc;text-align:center}.modal_container .modal_box.act5.modal_my_reward .body .pagination{margin:20px 0 24px}.modal_container .modal_box.act5.modal_my_reward .body .pagination ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal_container .modal_box.act5.modal_my_reward .body .pagination ul li a{display:block;width:25px;height:25px;font-size:20px;color:#b5b5b5}.modal_container .modal_box.act5.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.act5.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act5.selectPCB .radioWrap{margin:40px auto 50px;display:flex;justify-content:center;gap:110px}.modal_container .modal_box.act5.selectPCB .radioWrap input[type=radio]{position:absolute;width:0;height:0;opacity:0;visibility:hidden}.modal_container .modal_box.act5.selectPCB .radioWrap input[type=radio]:checked+label{background:var(--color)}.modal_container .modal_box.act5.selectPCB .radioWrap label{display:flex;justify-content:center;align-items:center;width:96px;aspect-ratio:1/1;color:#fff;font-size:29px;font-weight:700;background:#757575;border-radius:100px;padding-top:7px;cursor:pointer}.modal_container .modal_box.act5.couponPCB .content .couponPCB{background:#ede4ff;color:var(--color);font-size:26px;font-weight:500;text-align:center;width:100%;height:45px;line-height:45px;margin-bottom:45px;border:none}.modal_container .modal_box.act5.couponPCB .btn:after{content:"교환 완료"!important}.modal_container .modal_box.act5.coming_soon{background:var(--color)}.modal_container .modal_box.act5.notice .header h4:after{content:"안내"!important}.modal_container .modal_box.act5.notice .body{padding:30px 16px 16px}.modal_container .modal_box.act5.notice .message{margin:50px 0 80px;color:#000;font-size:30px;font-weight:500}.modal_container .modal_box.act5.notice .message .amount{font-family:aggravo;font-weight:700;color:var(--color)}.modal_container .modal_box.act5.notice .message .subMessage{display:block;font-size:17px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.act5.notice .btn{font-size:27px;height:69px;width:100%}.modal_container .modal_box.act5.notice .btn:after{display:none;content:""}.modal_container .modal_box.act5.modal_result{--color: #158abb}.modal_container .modal_box.act5.modal_result .body{display:flex;flex-direction:column;gap:20px;padding:16px}.modal_container .modal_box.act5.modal_result .body h5{font-size:27px;margin:10px 0 0}.modal_container .modal_box.act5.modal_result .body .rewardText_win{line-height:1.35}.modal_container .modal_box.act5.modal_result .body .red_reward{color:#bf0000}.modal_container .modal_box.act5.modal_result .body .content{display:flex;flex-direction:column;align-items:center;gap:10px}.modal_container .modal_box.act5.modal_result .body .content p{font-size:18px;margin:0;color:#5f5f5f}.modal_container .modal_box.act5.modal_result .body .content p.period{font-size:20px;font-weight:500;color:#000}.modal_container .modal_box.act5.modal_result .body .content p.subText{font-size:15px}.modal_container .modal_box.act5.modal_result .body .content p.red{color:#bf0000}.modal_container .modal_box.act5.modal_result .body .itemImg{margin:0}.modal_container .modal_box.act5.modal_result .body.omission{gap:40px}.modal_container .modal_box.act5.modal_result .body.omission h5{font-size:24px;line-height:1.3;margin-top:50px}.modal_container .modal_box.act5.modal_result .body.omission p.text{font-size:20px}.modal_container .modal_box.act5.modal_result .body.omission .btn_close{background-color:#158abb}.modal_container .modal_box.act5.active{display:block}@media(max-width:1000px){.act5 .pc{display:none!important}.act5 .mobile{display:block}.act5 section#valEvent{background-image:none;font-size:1.5vw}.act5 section#valEvent:after{display:none}.act5 section#valEvent:before{display:none}.act5 .main{width:100%}.act5 .main_container{height:92vw}.act5 .main_intro{max-width:100%;height:92vw;background:url(../img/act5/val_event_m.png) center top no-repeat;background-size:cover}.act5 .main_intro .videobg{top:0;height:92vw}.act5 .main_intro .videobg.pc{height:0}.act5 .main_intro .videobg.mobile{height:auto}.act5 .main_intro .text_container{width:100%;padding:0;margin:0 auto;font-size:3.3vw}.act5 .main_intro .text_container .btn_check_reward{margin:74vw auto 0;padding:0;font-size:3.3vw;width:38.3vw;height:8.5vw}.act5 .tab{height:13vw}.act5 .tab button{font-size:2.6em;padding-top:1vw;transition:none}.act5 #valPieceExchange{height:658vw;background:url(../img/act5/bg_exchange_act5_m.png) center top no-repeat;background-size:cover;margin-top:-5vw;padding:26vw 6vw 0}.act5 #valPieceExchange h3 img{margin:12vw auto 9vw}.act5 #valPieceExchange h4{font-size:3.8vw;margin:0 0 1vw;line-height:7.5vw;height:7.5vw;padding-top:.5vw}.act5 #valPieceExchange .subscript{font-size:2.5vw;margin:3vw 0 8vw}.act5 #valPieceExchange .exchange_list ul{gap:.7vw}.act5 #valPieceExchange .exchange_list ul.col-2,.act5 #valPieceExchange .exchange_list ul.col-4{margin-top:5vw}.act5 #valPieceExchange .exchange_list ul.col-2 li,.act5 #valPieceExchange .exchange_list ul.col-4 li{height:auto;width:calc((100% - 1vw)/2);padding:2vw;font-size:2.2vw;gap:2vw}.act5 #valPieceExchange .exchange_list ul.col-2 li img,.act5 #valPieceExchange .exchange_list ul.col-4 li img{width:100%;height:30vw}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box,.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box{margin:1vw 0;height:3.5em!important;display:flex;justify-content:center;align-items:center}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5,.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5{font-size:3.2vw;height:auto}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box h5 br,.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box h5 br{display:block}.act5 #valPieceExchange .exchange_list ul.col-2 li .h5_box.line3,.act5 #valPieceExchange .exchange_list ul.col-4 li .h5_box.line3{height:3em}.act5 #valPieceExchange .exchange_list ul.col-2 li .price,.act5 #valPieceExchange .exchange_list ul.col-4 li .price{font-size:4.7vw}.act5 #valPieceExchange .exchange_list ul.col-2 li .ex_btn,.act5 #valPieceExchange .exchange_list ul.col-4 li .ex_btn{font-size:2.3vw}.act5 #valPieceExchange .exchange_list li{width:calc((100% - 1vw)/2);padding:5vw 2vw 2vw;font-size:2.2vw;gap:2vw}.act5 #valPieceExchange .exchange_list li img{width:100%;height:25vw;margin-bottom:0}.act5 #valPieceExchange .exchange_list li .h5_box{margin:1vw 0;height:3em;display:flex;justify-content:center;align-items:center}.act5 #valPieceExchange .exchange_list li .h5_box h5{font-size:3.2vw;height:auto}.act5 #valPieceExchange .exchange_list li .h5_box h5 br{display:block}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeSub{font-size:1em}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeCnt{display:block}.act5 #valPieceExchange .exchange_list li .h5_box h5 .prizeNameNoWrap{display:inline;white-space:normal}.act5 #valPieceExchange .exchange_list li .h5_box.line3{height:3em}.act5 #valPieceExchange .exchange_list li.wide,.act5 #valPieceExchange .exchange_list li.wide_m{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:44vw;padding:7vw 4vw;gap:0;background:#fff}.act5 #valPieceExchange .exchange_list li.wide img,.act5 #valPieceExchange .exchange_list li.wide_m img{height:24vw}.act5 #valPieceExchange .exchange_list li.wide h5,.act5 #valPieceExchange .exchange_list li.wide_m h5{font-size:4vw!important;margin:0 0 1vw}.act5 #valPieceExchange .exchange_list li.wide .ex_btn,.act5 #valPieceExchange .exchange_list li.wide_m .ex_btn{font-size:2.3vw;text-align:left}.act5 #valPieceExchange .exchange_list li.wide .ex_btn .price,.act5 #valPieceExchange .exchange_list li.wide_m .ex_btn .price{font-size:4.7vw}.act5 #valPieceExchange .exchange_list li.wide .ex_btn .btn,.act5 #valPieceExchange .exchange_list li.wide_m .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:40vw;max-width:40vw}.act5 #valPieceExchange .exchange_list li.wide .sub,.act5 #valPieceExchange .exchange_list li.wide_m .sub{margin:2vw 0 0}.act5 #valPieceExchange .exchange_list li.prize_wide{display:flex!important;gap:2vw}.act5 #valPieceExchange .exchange_list li.prize_wide img{height:17vw}.act5 #valPieceExchange .exchange_list li.haschamfer:after{width:4vw;height:4vw}.act5 #valPieceExchange .exchange_list li.cut_tr:after{display:none}.act5 #valPieceExchange .exchange_list li.cut_br:before{width:4vw;height:4vw;bottom:0;right:0;transform:rotate(180deg)}.act5 #valPieceExchange .exchange_list .prize_category{margin:4vw 0 3.5vw}.act5 #valPieceExchange .prize_list_2nd li:nth-child(-n+4){order:1}.act5 #valPieceExchange .prize_list_2nd li:nth-child(n+5){order:3}.act5 #valPieceExchange .prize_list_2nd li:nth-child(7){order:2}.act5 #valPieceExchange .ex_btn{font-size:2.3vw;margin:0}.act5 #valPieceExchange .ex_btn p{margin:.5vw 0}.act5 #valPieceExchange .ex_btn .price{font-size:4.7vw}.act5 #valPieceExchange .ex_btn .btn{padding:2vw 2vw 1vw;font-size:3.6vw;width:100%;max-width:100%}.act5 .row_devider{height:1px;margin:10vw 0}.act5 .row_blank{height:1.5vw}.act5 #aside{left:0;margin-left:0;top:0;width:100vw;height:100dvh;background:#000000d9;z-index:100;display:none;overflow:hidden}.act5 #aside.active{display:block}.act5 #aside.logged_in .dueDate{transform:translateY(90%)}.act5 #aside .column{border-radius:1.3vw;padding:4vw 3.5vw;gap:1vw}.act5 #aside .column h4{font-size:3.2vw;gap:1.5vw}.act5 #aside .column h4:before{width:4vw}.act5 #dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:105vw;border-radius:2vw;padding:4vw}.act5 #dashboard .topper{justify-content:center}.act5 #dashboard .topper .greeting{font-size:2em;text-align:center;flex-basis:auto;width:100%;max-width:100%}.act5 #dashboard .topper .greeting .userName{font-size:1.4em;line-height:1.05}.act5 #dashboard .topper a.myReport{display:none}.act5 #dashboard .topper .refresh{top:unset;bottom:0;gap:1vw;font-size:3.4vw}.act5 #dashboard .topper .refresh img{width:3.5vw;height:3.5vw}.act5 #dashboard .myStatus{margin:4vw auto;overflow:hidden}.act5 #dashboard .myStatus .swiper-wrapper{gap:0;flex-direction:row}.act5 #dashboard .myStatus .swiper-wrapper .swiper-slide{height:auto}.act5 #dashboard .myStatus .swiper-pagination{position:relative;margin:2vw 0;bottom:unset}.act5 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1;width:2.4vw;height:2.4vw;transition:all .3s ease}.act5 #dashboard .myStatus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff4655}.act5 #dashboard .myStatus .balance{height:100%;flex-direction:column;justify-content:center;font-size:3.6vw;margin:0}.act5 #dashboard .myStatus .balance img{width:10vw}.act5 #dashboard .myStatus .balance .text{margin-top:1vw;font-size:4.2vw}.act5 #dashboard .myStatus .balance strong{font-size:6.6vw}.act5 #dashboard .rewardList{height:100%;display:flex;align-items:center}.act5 #dashboard .rewardList ul{width:100%;gap:4vw}.act5 #dashboard .rewardList ul li{font-size:3.4vw}.act5 #dashboard .rewardList ul li .result{width:16vw;height:5.3vw;padding-top:.5vw;font-size:2.9vw}.act5 #dashboard .conditionList ul{gap:2vw}.act5 #dashboard .conditionList ul li{font-size:3.4vw;margin-bottom:1.7vw}.act5 #dashboard .conditionList ul li h5{display:flex;align-items:center;gap:1vw;margin:0;font-size:3.3vw}.act5 #dashboard .conditionList ul li h5 .btn_tooptip{width:3.3vw;margin-bottom:.5vw}.act5 #dashboard .conditionList .graph{height:3.2vw;margin-top:1vw}.act5 #dashboard .conditionList .graph .bar{left:-1.7vw;height:3.2vw}.act5 #dashboard .conditionList .graph .text{font-size:2.9vw;line-height:3.2vw;margin-left:1.7vw}.act5 #dashboard .hasTooltip .tooltip,.act5 #dashboard .notAchieved .tooltip{position:absolute;top:0;right:0;transform:translateY(calc(-100% + 4.4vw))!important;padding:1.3vw 2.6vw;border-radius:1.3vw;font-size:2.4vw}.act5 #dashboard .hasTooltip .tooltip.under,.act5 #dashboard .notAchieved .tooltip.under,.act5 #dashboard .hasTooltip .tooltip.graph_under,.act5 #dashboard .notAchieved .tooltip.graph_under{bottom:unset;top:0}.act5 #dashboard .hasTooltip:hover .tooltip,.act5 #dashboard .notAchieved:hover .tooltip{opacity:0}.act5 #dashboard .hasTooltip.active .tooltip,.act5 #dashboard .notAchieved.active .tooltip{opacity:1}.act5 #dashboard .notAchieved .tooltip{right:17vw;top:50%!important;transform:translateY(-50%)!important}.act5 .dueDate{top:51%;left:14vw;width:72vw;transform:translateY(50%)}.act5 .dueDate .countdown{font-size:6.2vw;margin:1vw 0}.act5 .pre_login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;border-radius:2vw;padding:10vw 4vw 40vw;background:#00000080;gap:2vw}.act5 .pre_login h4{font-size:4vw}.act5 .pre_login p{font-size:3vw}.act5 .pre_login button.btn_riot_login{width:35vw;height:8vw;font-size:3.5vw}.act5 .reward,.act5 .aside_btns{display:none}.act5 .mobileUI{position:fixed;bottom:3vw;right:3vw;z-index:10;display:flex;flex-direction:column;gap:1.5vw}.act5 .mobileUI button,.act5 .mobileUI a{width:11vw;height:11vw;display:block}.act5 .mobileUI button img,.act5 .mobileUI a img{display:block;width:100%;height:100%;border-radius:10vw}.act5 .mobileUI .mobile_winner_link{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#a940d1,#321661);color:#fff;text-decoration:none;text-align:center;box-shadow:0 0 2vw #a940d1a6}.act5 .mobileUI .mobile_winner_link span{font-size:2.5vw;line-height:1.05;font-weight:700}.act5 .mobileUI .mobile_winner_link strong{display:block;font-size:2.2vw}.act5 .close{top:-8vw;right:-2vw}.act5 .close img{width:8vw;height:8vw}.act5 .caution{left:0;transform:translate(0);width:100%;padding:0}.act5 .caution .inner{width:100%;box-sizing:border-box}.act5 .caution .inner h4{font-size:3.6vw;font-weight:700;margin:0 0 6vw}.act5 .caution .inner ul{gap:2.5vw}.act5 .caution .inner ul li{font-size:2.9vw;padding-left:2.5vw}.act5 .caution .inner ul li:before{width:1vw;height:1vw;margin-top:.1vw}.modal_container .modal_box.act5{width:82vw;border:.5vw solid var(--color)}.modal_container .modal_box.act5 .header{font-size:4.5vw;height:12vw;padding-top:1vw}.modal_container .modal_box.act5 .body{padding:7vw 5vw 5vw}.modal_container .modal_box.act5 .body p{font-size:3.2vw}.modal_container .modal_box.act5 .body .content img{height:32vw}.modal_container .modal_box.act5 .body .btn{width:100%;height:10vw;font-size:4.2vw;padding-top:.5vw}.modal_container .modal_box.act5 .btn_wrap{gap:2vw}.modal_container .modal_box.act5.modal_apply .inputWrap{gap:1.5vw;margin:6vw 0}.modal_container .modal_box.act5.modal_apply .inputWrap>div{gap:1.5vw}.modal_container .modal_box.act5.modal_apply .inputWrap>div label{font-size:3.5vw;padding:2.2vw 0;width:20vw;height:8vw}.modal_container .modal_box.act5.modal_apply .inputWrap>div input{height:8vw;font-size:3.3vw;padding:0 3vw}.modal_container .modal_box.act5.modal_apply_info .message{font-size:5vw}.modal_container .modal_box.act5.modal_apply_info .inputWrap>div input[type=text]{font-size:5vw;height:12vw}.modal_container .modal_box.act5.modal_apply_info .agreePolicy{margin:3vw;font-size:2.8vw}.modal_container .modal_box.act5.modal_apply_info .agreePolicy ul li{padding-left:2.5vw;margin-bottom:1.5vw}.modal_container .modal_box.act5.modal_apply_info .agreeWrap{gap:1vw;margin:3vw 0}.modal_container .modal_box.act5.modal_apply_info .agreeWrap input{width:4.2vw;height:4.2vw}.modal_container .modal_box.act5.modal_apply_info .agreeWrap label{font-size:4vw;font-weight:500;line-height:1.6em}.modal_container .modal_box.act5.modal_apply_info .agreeWrap .notice{margin-top:3vw;font-size:2.8vw}.modal_container .modal_box.act5.modal_apply_check .message{font-size:5vw}.modal_container .modal_box.act5.modal_apply_check .inputWrap>div input[type=text]{font-size:5vw;height:12vw}.modal_container .modal_box.act5.modal_apply_check .agreePolicy{margin:3vw;font-size:2.8vw}.modal_container .modal_box.act5.modal_apply_check .agreePolicy ul li{padding-left:2.5vw;margin-bottom:1.5vw}.modal_container .modal_box.act5.modal_apply_check .agreeWrap{gap:1vw;margin:3vw 0}.modal_container .modal_box.act5.modal_apply_check .agreeWrap input{width:4.2vw;height:4.2vw}.modal_container .modal_box.act5.modal_apply_check .agreeWrap label{font-size:4vw;font-weight:500;line-height:1.6em}.modal_container .modal_box.act5.modal_apply_check .agreeWrap .notice{margin-top:3vw;font-size:2.8vw}.modal_container .modal_box.act5.modal_login p{color:#777}.modal_container .modal_box.act5.modal_login .content img{height:170px}.modal_container .modal_box.act5.modal_my_reward{padding:5vw}.modal_container .modal_box.act5.modal_my_reward .header{font-size:4.5vw}.modal_container .modal_box.act5.modal_my_reward .header img{height:5vw}.modal_container .modal_box.act5.modal_my_reward .header p.userName{line-height:6vw;padding-left:3vw;margin-left:3vw}.modal_container .modal_box.act5.modal_my_reward .tab_reward{margin-top:2vw}.modal_container .modal_box.act5.modal_my_reward .tab_reward .tab_btn{font-size:4vw;width:25vw;padding:1.8vw 0 1.3vw}.modal_container .modal_box.act5.modal_my_reward .body{margin-top:4vw}.modal_container .modal_box.act5.modal_my_reward .body p.subText{font-size:3vw}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList{margin-bottom:4vw}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList thead th{padding:2vw;font-size:3vw}.modal_container .modal_box.act5.modal_my_reward .body .myRewardList tbody tr td{font-size:3vw;padding:2vw 1vw}.modal_container .modal_box.act5.modal_my_reward .body .pagination{margin:4vw 0 5vw}.modal_container .modal_box.act5.modal_my_reward .body .pagination ul li a{width:5vw;height:5vw;font-size:3vw}.modal_container .modal_box.act5.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.act5.selectPCB .radioWrap{margin:2vw auto 8vw;gap:17vw}.modal_container .modal_box.act5.selectPCB .radioWrap label{width:15vw;font-size:4.3vw;border-radius:10vw;padding-top:1vw}.modal_container .modal_box.act5.couponPCB .content .couponPCB{font-size:3.8vw;height:6.7vw;line-height:6.7vw;margin-bottom:4.5vw}.modal_container .modal_box.act5.notice p.message{margin:10vw 0 15vw;font-size:4.5vw}.modal_container .modal_box.act5.modal_result .body h5{font-size:4.5vw;margin-top:2vw}.modal_container .modal_box.act5.modal_result .body .content{gap:2vw}.modal_container .modal_box.act5.modal_result .body .content p{font-size:3vw}.modal_container .modal_box.act5.modal_result .body .content p.period{font-size:3.2vw}.modal_container .modal_box.act5.modal_result .body .content p.subText{font-size:2.6vw}.modal_container .modal_box.act5.modal_result .body.omission h5{font-size:3.5vw;margin-top:5vw}.modal_container .modal_box.act5.modal_result .body.omission p.text{font-size:2.9vw}.modal_container .modal_box.act5.modal_result .body.omission .btn_close{background-color:#158abb}.modal_container .modal_box.act5.active{display:block}.modal_container.active{display:flex}}.act6-loading{box-sizing:border-box;width:100%;min-height:100vh;min-height:100dvh;display:grid;place-content:center;margin:0;padding:80px 24px;color:#fff;background:#14101c;font:16px/1.6 sans-serif;text-align:center;overflow-wrap:anywhere}.act6-loading [role=alert]{color:#ff8891}.act6-preparation{box-sizing:border-box;max-width:960px;margin:0 auto;padding:32px 20px;color:#17212b;background:#fff;min-height:100vh;font-family:sans-serif;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.act6-preparation h1{font-size:28px;margin:0 0 16px}.act6-preparation h2{font-size:21px;margin:24px 0 8px}.act6-preparation p,.act6-preparation li{font-size:16px;line-height:1.6}.act6-preparation ul{padding-left:24px;list-style:disc}.act6-preparation [role=alert]{color:#a21717}.act6-preview-toolbar{background:#fff;padding:10px 20px;font:16px/1.5 sans-serif}.act6-preview-toolbar button,.act6-preparation button{padding:8px 16px;background:#17212b;color:#fff;border:0;font:16px/1.5 sans-serif;cursor:pointer}.act6-publisher-scope .act6 #dashboard.act6-user-dashboard{color:#fff;background:#14101c}.act6-user-dashboard .greeting{min-width:0;max-width:calc(100% - 150px)}.act6-user-dashboard .userName{overflow-wrap:anywhere}.act6-publisher-scope .act6 #dashboard .rewardList ul li .result.act6-result:after{content:none!important}.act6-publisher-scope .act6 #dashboard .act6-reward-detail{font-size:14px;color:#aaa}.act6-user-dashboard .act6-pending{font-size:14px;color:#aaa;white-space:nowrap}.act6-publisher-scope .act6 #aside .countdown{white-space:nowrap;font-variant-numeric:tabular-nums}.act6-publisher-scope .act6 #dashboard .result{flex-shrink:0}@media(min-width:1001px){.act6-publisher-scope .act6 #dashboard .column h4{font-size:16px}.act6-publisher-scope .act6 #dashboard .rewardList h5{font-size:17px}.act6-publisher-scope .act6 #dashboard .myStatus .swiper-wrapper{gap:24px}.act6-publisher-scope .act6 #aside.avoid_agent_artwork .aside_btns{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}}@media(max-width:1000px){.act6-publisher-scope .act6 #dashboard .rewardList h5{font-size:3.3vw}.act6-publisher-scope .act6 #aside .aside_btns{display:none}.act6-publisher-scope .act6 #dashboard.act6-user-dashboard{background:#0000004d}.act6-publisher-scope .act6 #dashboard .greeting{flex-basis:auto;width:100%;max-width:100%}.act6-publisher-scope .act6 #dashboard .userName{line-height:1.05}.act6-publisher-scope .act6 #aside .column h4:before{content:"";display:block;width:4vw;aspect-ratio:6 / 5;background:url(../img/act5/ico_star5.png) center top no-repeat;background-size:contain}.act6-publisher-scope .act6 #aside .dueDate h4{color:#ff4655!important}.act6-publisher-scope .act6 #aside .dueDate h4:before{content:none!important;display:none!important}.act6-publisher-scope .act6 #dashboard .myStatus .swiper-slide{min-height:46.6vw}.act6-publisher-scope .act6 #dashboard .act6-reward-detail,.act6-user-dashboard .act6-pending{font-size:3vw}}.act4-win-list{position:relative;z-index:2;margin-top:-75px;height:747px;background:url(../img/act4win/bg_win.png) center top no-repeat;overflow:hidden}.act4-win-list .list_win{width:737px;height:460px;margin:230px auto 0;background:url(../img/act4win/bg_list.png) center top no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.act4-win-list .list_win>ul h4{font-size:23px;color:#fff;margin:0 0 15px;line-height:47px;background:url(../img/act4win/bg_item.png) center no-repeat;background-size:contain}.act4-win-list .list_win>ul h4.wide{background:url(../img/act4win/bg_item_wide.png) center no-repeat;background-size:100% 100%;padding:0 18px;font-size:20px;white-space:nowrap}@media(max-width:1000px){.act4-win-page .pc{display:none}.act4-win-page .mobile{display:block}.act4-win-hero{width:100%}.act4-win-hero .period_win{top:60vw;font-size:2.8vw}.act4-win-hero .period_btn{top:70vw;font-size:2.8vw}.act4-win-list,.act4-win-caution{width:100%}.act4-win-list{margin-top:-4vw;height:96.6vw;background:url(../img/act4win/bg_win_m.png) center top/cover no-repeat}.act4-win-list .list_win{width:88vw;height:59.6vw;margin:26.6vw auto 0;background:url(../img/act4win/bg_list_m.png) center top/cover no-repeat}.act4-win-list .list_win>ul{width:80vw;height:52vw;margin:4vw auto}.act4-win-list .list_win>ul>li{margin-bottom:3vw}.act4-win-list .list_win>ul h4{padding-top:.5vw;margin:0 0 1.5vw;font-size:2.9vw;line-height:5.5vw}.act4-win-list .list_win>ul h4.wide{padding:0 2vw;font-size:2.4vw}.act4-win-list .list_win>ul button.toggle_list,.act4-win-list .list_win>ul button.toggle_close{margin:1vw auto;font-size:2.9vw}.act4-win-list .list_win>ul ul.list_winner li{margin-bottom:1vw;font-size:2.9vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result{width:82vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .header{height:12vw;font-size:5.2vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .body{padding:4vw 3vw 3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize{gap:1.8vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize h5{font-size:4.3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .itemImg{width:auto;max-width:41vw;height:38vw;margin:0 auto .8vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .delivery-text{font-size:3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-period{font-size:3.2vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-notice{font-size:2.3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize a{height:9vw;font-size:3.9vw}}.act5-win-page{--winner-red: #ff4655;--winner-ink: #0d171f;padding-bottom:0;background:var(--winner-ink)}.act5-win-page .act5-winner-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.act5-win-page .act5-win-hero{container-type:inline-size;isolation:isolate;width:min(100%,950px);aspect-ratio:950/843;background:var(--winner-ink) url(../img/act5/background_act5.jpg) center top/100% auto no-repeat}.act5-win-page .act5-win-hero:after{content:"";position:absolute;top:57.2%;right:3.6%;width:5%;height:33%;background:url(../img/act5win/hero-pattern.svg) center/100% 100% no-repeat;pointer-events:none}.act5-win-page .act5-win-hero .act5-win-emblem{position:absolute;top:0;left:45.79%;width:8.42%;color:#472abb}.act5-win-page .act5-win-hero .act5-win-emblem svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:1.5}.act5-win-page .act5-win-hero .act5-win-emblem .emblem-line{stroke-width:6}.act5-win-page .act5-win-hero .act5-win-emblem .emblem-mark{fill:currentColor;stroke:none}.act5-win-page .act5-win-hero .act5-win-brand{position:absolute;top:0;left:0;width:100%;height:56%;overflow:hidden}.act5-win-page .act5-win-hero .act5-win-brand img{position:absolute;top:0;left:-23.37%;width:192%;max-width:none;mix-blend-mode:lighten}.act5-win-page .act5-win-hero .act5-win-congratulations{position:absolute;top:58.8%;left:0;width:100%;margin:0;color:#ece8e1;font-size:4.63cqw;font-weight:700;line-height:1.2}.act5-win-page .act5-win-hero .period_win{top:69.5%;margin:0;padding:0 4%;font-size:2.42cqw;line-height:1.5}.act5-win-page .act5-win-hero .period_btn{top:83.1%;padding:0 4%;font-size:2.84cqw;line-height:1.5}.act5-win-page .act5-win-hero .period_btn:disabled,.act5-win-page .act5-win-hero .period_btn[aria-disabled=true]{opacity:.55;cursor:default}.act5-win-page .act5-win-hero .result-error{position:absolute;top:91%;width:100%;margin:0;padding:0 5%;font-size:1.7cqw;color:#fff}.act5-win-page .act5-win-list{margin-top:-27px;padding:78px 0 62px;min-height:699px;height:auto;overflow:visible;background:var(--winner-red);clip-path:polygon(0 27px,8.2% 27px,9.3% 17px,38% 17px,39.8% 0,60.2% 0,62% 17px,90.7% 17px,91.8% 27px,100% 27px,100% 100%,0 100%)}.act5-win-page .act5-win-list:before{content:"";position:absolute;top:20px;left:calc(50% - 13px);border:13px solid transparent;border-top:14px solid var(--winner-ink)}.act5-win-page .act5-win-list .act5-winner-list-title{position:relative;display:flex;align-items:center;justify-content:center;gap:4%;width:87%;height:auto;margin:0 auto 40px;color:var(--winner-ink);font-size:36px;font-weight:700;line-height:1.5;text-align:center}.act5-win-page .act5-win-list .act5-winner-list-title span{white-space:nowrap}.act5-win-page .act5-win-list .act5-winner-list-title:before,.act5-win-page .act5-win-list .act5-winner-list-title:after{content:"";flex:1;height:46px;background:url(../img/act5win/heading-line.svg) center/100% 100% no-repeat}.act5-win-page .act5-win-list .act5-winner-list-title:after{transform:scaleX(-1)}.act5-win-page .act5-win-list .list_win{display:block;width:77.68%;height:auto;min-height:460px;margin:0 auto;padding:50px 32px;background:#fff;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px)}.act5-win-page .act5-win-list .list_win>ul{width:100%;height:auto;margin:0;overflow:visible}.act5-win-page .act5-win-list .list_win>ul>li{margin:0 0 40px}.act5-win-page .act5-win-list .list_win>ul>li:last-child{margin-bottom:0}.act5-win-page .act5-win-list .list_win>ul h4,.act5-win-page .act5-win-list .list_win>ul h4.wide{display:table;max-width:100%;margin:0 auto 28px;padding:4px 24px;color:#fff;background:#02182c;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);font-family:Aggravo,Pretendard,sans-serif;font-size:23px;font-weight:700;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.act5-win-page .act5-win-list .list_win>ul button.toggle_list{color:var(--winner-red)}.act5-win-page .act5-win-list .list_win>ul button.toggle_close{color:#02182c}.act5-win-page .act5-win-list .list_win>ul ul.list_winner li{margin-bottom:10px;overflow-wrap:anywhere}.act5-win-page .act5-win-list .empty{padding:20px 0;color:var(--winner-ink);font-size:23px;line-height:1.5;text-align:center}.act5-win-page .act5-win-list .empty button{font-size:inherit;color:var(--winner-ink);text-decoration:underline}.act5-win-page .act5-win-caution{padding:44px 74px 26px;color:#fff;background:#000}.act5-win-page .act5-win-caution h2{margin:0 0 22px;font-size:27px;font-weight:600}.act5-win-page .act5-win-caution ul{margin:0;padding-left:18px;list-style:disc}.act5-win-page .act5-win-caution li{display:list-item;list-style:disc;font-size:23px;line-height:1.6}.act5-win-page .act5-back-link{display:block;padding:25px 0 0;color:#0ff;text-align:center;font-size:16px;text-decoration:underline}@media(max-width:1000px){.act5-win-page .act5-win-hero .period_win{font-size:2.7cqw}.act5-win-page .act5-win-hero .period_btn{font-size:3.3cqw}.act5-win-page .act5-win-hero .result-error{font-size:2.7cqw}.act5-win-page .act5-win-list{margin-top:-2.84vw;padding:8.21vw 0 6.53vw;min-height:73.58vw;clip-path:polygon(0 2.84vw,8.2% 2.84vw,9.3% 1.79vw,38% 1.79vw,39.8% 0,60.2% 0,62% 1.79vw,90.7% 1.79vw,91.8% 2.84vw,100% 2.84vw,100% 100%,0 100%)}.act5-win-page .act5-win-list:before{top:2.1vw;left:calc(50% - 1.37vw);border:1.37vw solid transparent;border-top:1.47vw solid var(--winner-ink)}.act5-win-page .act5-win-list .act5-winner-list-title{margin-bottom:4.21vw;font-size:3.8vw}.act5-win-page .act5-win-list .act5-winner-list-title:before,.act5-win-page .act5-win-list .act5-winner-list-title:after{height:4.84vw}.act5-win-page .act5-win-list .list_win{width:83%;min-height:48.42vw;margin:0 auto;padding:5.26vw 3.37vw;clip-path:polygon(3.16vw 0,100% 0,100% calc(100% - 3.16vw),calc(100% - 3.16vw) 100%,0 100%,0 3.16vw)}.act5-win-page .act5-win-list .list_win>ul{width:100%;height:auto;margin:0}.act5-win-page .act5-win-list .list_win>ul>li{margin-bottom:5vw}.act5-win-page .act5-win-list .list_win>ul h4,.act5-win-page .act5-win-list .list_win>ul h4.wide{margin-bottom:3vw;padding:.5vw 2.2vw;font-size:3vw;line-height:1.6}.act5-win-page .act5-win-list .list_win>ul ul.list_winner li{font-size:3vw}.act5-win-page .act5-win-list .list_win>ul button.toggle_list,.act5-win-page .act5-win-list .list_win>ul button.toggle_close{margin:1vw auto;font-size:3vw}.act5-win-page .act5-win-list .empty{padding:3vw 0;font-size:3.5vw}.act5-win-page .act5-win-caution{padding:5vw 7.8%}.act5-win-page .act5-win-caution h2{margin-bottom:2.5vw;font-size:4vw}.act5-win-page .act5-win-caution li{font-size:3.2vw}.act5-win-page .act5-back-link{font-size:12px}}.act5-winner-dialog.custom_modal_wrap{width:max-content;max-width:calc(100vw - 32px);padding:80px 0 12px}.act5-winner-dialog.custom_modal_wrap .act5-winner-shell{position:relative;width:max-content;max-width:100%;outline:none}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result{--color: #ff4655;max-width:calc(100vw - 40px);max-height:calc(100dvh - 140px);overflow-y:auto;color:#111619}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .body{font-family:Pretendard,sans-serif}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .body .btn{background:var(--color)}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .header h4,.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .body h5,.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .body .aggravo{font-family:Aggravo,Pretendard,Arial,sans-serif}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .winner-prize .btn{width:100%;height:58px;font-size:24px}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .btn:disabled{opacity:.5;cursor:default}.act5-winner-dialog.custom_modal_wrap .close{position:absolute;top:-70px;right:-20px}.act5-winner-dialog.custom_modal_wrap .close button{width:80px;height:80px;padding:0;border:0;background:transparent}.act5-winner-dialog.custom_modal_wrap .close img{display:block;width:100%;height:100%}@media(max-width:1000px){.act5-winner-dialog.custom_modal_wrap{padding-top:10vw}.act5-winner-dialog.custom_modal_wrap .close{top:-8vw;right:-2vw}.act5-winner-dialog.custom_modal_wrap .close button{width:8vw;height:8vw}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result{max-height:calc(100dvh - 20vw)}.act5-winner-dialog.custom_modal_wrap .modal_box.act4.act5-winner-result .winner-prize .btn{height:9vw;font-size:3.9vw}}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}body{margin:0;padding:0;box-sizing:border-box;background:#15181c!important;overflow-x:hidden}body *{box-sizing:border-box;position:relative}ul,li{list-style:none;padding:0;margin:0}ul{display:flex;flex-direction:column}img{display:block;max-width:100%}a{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{text-shadow:0 0 10px #fff}button{appearance:none;border:none;background:transparent;cursor:pointer;padding:0}section#act3winWrap{font-family:Pretendard;word-break:keep-all;overflow-x:hidden;max-width:949px;margin:0 auto}.main_win{position:relative;z-index:2;margin-top:-75px;height:747px;background:url(../img/act3win/bg_win.png) center top no-repeat;overflow:hidden}.main_win .list_win{width:737px;height:460px;margin:230px auto 0;background:url(../img/act3win/bg_list.png) center top no-repeat;overflow:hidden;text-align:center}.main_win .list_win>ul{overflow-y:scroll;width:680px;height:400px;margin:30px auto}.main_win .list_win>ul li{margin-bottom:30px}.main_win .list_win>ul h4{font-size:23px;color:#fff;margin:0 0 15px;line-height:47px;background:url(../img/act3win/bg_item.png) center no-repeat;background-size:contain}.main_win .list_win>ul h4.wide{background:url(../img/act3win/bg_item_wide.png) center no-repeat}.main_win .list_win>ul button.btn_win_info{font-size:23px;font-family:Aggravo;font-weight:700;color:#351a6c;margin-bottom:20px}.main_win .list_win>ul button.toggle_list{font-size:23px;font-weight:700;color:#41f9bf;margin:10px auto}.main_win .list_win>ul button.toggle_close{font-size:23px;font-weight:700;color:#351a6c;margin:10px auto}.main_win .list_win>ul ul.list_winner{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.main_win .list_win>ul ul.list_winner li{width:33.333%;margin-bottom:10px;font-size:22.5px}.main_win .list_win>ul ul.list_winner.ellapsis li{display:none}.main_win .list_win>ul ul.list_winner.ellapsis li:nth-child(-n+3){display:block}.main_win .list_win>ul::-webkit-scrollbar{width:8px}.main_win .list_win>ul::-webkit-scrollbar-track{background:#f9f9f9;border-radius:50px}.main_win .list_win>ul::-webkit-scrollbar-thumb{background:#43f0bd;border-radius:50px}.period_win{position:absolute;width:100%;top:580px;text-align:center;color:#fff;font-size:23px;z-index:10}.period_btn{position:absolute;width:100%;top:700px;text-align:center;color:#12d9b2;font-size:23px;z-index:10;cursor:pointer}.modal_container{display:flex;display:none;position:fixed;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;overflow:hidden}.modal_container .modal_box{--color: #351a6c;display:none;background:#fff;width:540px;border:4px solid var(--color);box-sizing:content-box;box-shadow:0 0 20px #0000004d;text-align:center}.modal_container .modal_box .header{font-size:29px;height:70px;padding-top:5px;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box .body{padding:40px 40px 46px}.modal_container .modal_box .body p{font-size:21px;margin:0}.modal_container .modal_box .body .content{margin:0}.modal_container .modal_box .body .content img{width:100%;height:200px;object-fit:contain}.modal_container .modal_box .body .btn{display:flex;justify-content:center;align-items:center;margin:0 auto;width:174px;height:50px;color:#fff;background:var(--color);font-size:24px;padding-top:4px;cursor:pointer}.modal_container .modal_box .body .btn:after{content:""}.modal_container .modal_box img.imageModal{display:block}.modal_container .modal_box .btn_wrap{display:flex;gap:15px}.modal_container .modal_box .btn_wrap .btn{font-size:28px;height:69px;width:100%}.modal_container .modal_box .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.modal_reward{--color: #351a6c}.modal_container .modal_box.modal_reward .header{background:var(--color)}.modal_container .modal_box.modal_reward .header h4:after{content:"보상이 지급되었습니다!"}.modal_container .modal_box.modal_reward .body .btn_close:after{content:"받기완료"}.modal_container .modal_box.modal_apply{--color: #1fba89}.modal_container .modal_box.modal_apply .header h4:after{content:"응모가 완료되었습니다!"}.modal_container .modal_box.modal_apply .body .btn_close:after{content:"응모완료"}.modal_container .modal_box.modal_apply .inputWrap{display:flex;flex-direction:column;gap:10px;margin:40px 0}.modal_container .modal_box.modal_apply .inputWrap>div{display:flex;flex-direction:row;gap:10px}.modal_container .modal_box.modal_apply .inputWrap>div label{font-family:aggravo;font-size:24px;color:#fff;background:var(--color);text-align:center;padding:12px 0;width:130px;height:49px}.modal_container .modal_box.modal_apply .inputWrap>div input{flex:1;height:49px;font-size:22px;background:#eaeaea;border:none;padding:0 20px}.modal_container .modal_box.modal_login .header h4:after{content:"로그인하고 보상 받기"}.modal_container .modal_box.modal_login p{color:#777}.modal_container .modal_box.modal_login .content img{height:170px}.modal_container .modal_box.modal_login .btn{width:100%}.modal_container .modal_box.modal_login .btn:after{display:none;content:""}.modal_container .modal_box.modal_my_reward{padding:30px 40px}.modal_container .modal_box.modal_my_reward .header{--color: #351a6c;font-size:28px;background:#fff;color:var(--color);justify-content:flex-start}.modal_container .modal_box.modal_my_reward .header p.userName{font-weight:700;line-height:43px;border-left:1px solid var(--color);padding-left:20px;margin-left:20px}.modal_container .modal_box.modal_my_reward .tab_reward{display:flex;justify-content:center;margin-top:20px}.modal_container .modal_box.modal_my_reward .tab_reward .tab_btn{font-size:23px;font-weight:700;width:160px;color:var(--color);background:#fff;text-align:center;padding:10px 0 8px;border:1px solid var(--color)}.modal_container .modal_box.modal_my_reward .tab_reward .tab_btn.active{color:#fff;background-color:var(--color)}.modal_container .modal_box.modal_my_reward .body{margin-top:40px;padding:0}.modal_container .modal_box.modal_my_reward .body p.subText{font-size:18px;color:#b5b5b5;margin:0}.modal_container .modal_box.modal_my_reward .body .content{margin:0}.modal_container .modal_box.modal_my_reward .body .myRewardList{width:100%;border-collapse:collapse;margin-bottom:20px}.modal_container .modal_box.modal_my_reward .body .myRewardList thead{background-color:var(--color);color:#fff}.modal_container .modal_box.modal_my_reward .body .myRewardList thead th{padding:15px;font-weight:400;font-size:20px;text-align:center}.modal_container .modal_box.modal_my_reward .body .myRewardList tbody tr td{font-size:18px;padding:20px 10px;border-bottom:1px solid #ccc;text-align:center}.modal_container .modal_box.modal_my_reward .body .pagination{margin:20px 0 24px}.modal_container .modal_box.modal_my_reward .body .pagination ul{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal_container .modal_box.modal_my_reward .body .pagination ul li a{display:block;width:25px;height:25px;font-size:20px;color:#b5b5b5}.modal_container .modal_box.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.selectPCB .header h4:after{content:"PC방 마일리지 쿠폰"!important}.modal_container .modal_box.selectPCB .radioWrap{margin:40px auto 50px;display:flex;justify-content:center;gap:110px}.modal_container .modal_box.selectPCB .radioWrap input[type=radio]{position:absolute;width:0;height:0;opacity:0;visibility:hidden}.modal_container .modal_box.selectPCB .radioWrap input[type=radio]:checked+label{background:var(--color)}.modal_container .modal_box.selectPCB .radioWrap label{display:flex;justify-content:center;align-items:center;width:96px;aspect-ratio:1/1;color:#fff;font-size:29px;font-weight:700;background:#757575;border-radius:100px;padding-top:7px;cursor:pointer}.modal_container .modal_box.couponPCB .content .couponPCB{background:#ede4ff;color:var(--color);font-size:26px;font-weight:500;text-align:center;width:100%;height:45px;line-height:45px;margin-bottom:45px;border:none}.modal_container .modal_box.couponPCB .btn:after{content:"교환 완료"!important}.modal_container .modal_box.notice .header h4:after{content:"안내"!important}.modal_container .modal_box.notice .body{padding:30px}.modal_container .modal_box.notice .message{margin:50px 0 80px;color:#000;font-size:30px;font-weight:500}.modal_container .modal_box.notice .message .amount{font-family:aggravo;font-weight:700;color:var(--color)}.modal_container .modal_box.notice .message .subMessage{display:block;font-size:17px;font-weight:400;color:#787878;margin-top:20px}.modal_container .modal_box.notice .btn{font-size:28px;height:69px;width:100%}.modal_container .modal_box.notice .btn:after{display:none;content:""}.modal_container .modal_box.active{display:block}.close{position:absolute;top:-70px;right:-20px}.close img{display:block;width:80px;height:80px}@media(max-width:1000px){.main_win{margin-top:-4vw;height:96.6vw;background:url(../img/act3win/bg_win_m.png) center top no-repeat;background-size:cover}.main_win .list_win{width:88vw;height:59.6vw;margin:26.6vw auto 0;background:url(../img/act3win/bg_list_m.png) center top no-repeat;background-size:cover}.main_win .list_win>ul{width:80vw;height:52vw;margin:4vw auto}.main_win .list_win>ul>li{margin-bottom:3vw}.main_win .list_win>ul h4{font-size:2.9vw;padding-top:.5vw;margin:0 0 1.5vw;line-height:5.5vw}.main_win .list_win>ul button.btn_win_info{font-size:2.9vw;margin-bottom:2vw}.main_win .list_win>ul button.toggle_list{font-size:2.9vw;margin:1vw auto}.main_win .list_win>ul ul.list_winner li{margin-bottom:1vw;font-size:2.9vw}.period_win{top:60vw;font-size:2.8vw}.period_btn{top:70vw;font-size:2.8vw;color:#12d9b2}}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@keyframes _ticker-fade_1isw5_1{0%{opacity:0}5%{opacity:1}45%{opacity:1}50%{opacity:0}to{opacity:0}}html{font-size:.5208333333vw!important}._loading-overlay_1isw5_51{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}._loading-overlay_1isw5_51 ._spinner_1isw5_64{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#ff4655;animation:_spin_1isw5_64 1s ease-in-out infinite}@keyframes _spin_1isw5_64{to{transform:rotate(360deg)}}._none_1isw5_79{display:none!important}._hasShadow_1isw5_83{box-shadow:0 0 7rem #0003}._red_1isw5_94{color:#ff4655}#_sumemrEvent_1isw5_1{z-index:10;color:#fff}#_sumemrEvent_1isw5_1 *{font-family:Paperlogy}#_sumemrEvent_1isw5_1 ._pc_1isw5_105{display:block!important}#_sumemrEvent_1isw5_1 ._mobile_1isw5_108{display:none!important}#_sumemrEvent_1isw5_1 section#_valSummerEvent_1isw5_1{display:block;position:relative;word-break:keep-all;overflow-x:hidden;max-width:1400px;margin:0 auto}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119{background:url(../img/summer/image_main_order.jpg) center top no-repeat;background-size:cover;height:106rem}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119 ._event_info_1isw5_124{bottom:11rem;font-size:2.6rem;position:absolute;width:100%;color:#fff;text-align:center;display:flex;flex-direction:column;gap:1rem}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119 ._slogan_1isw5_135{font-size:3.3rem;font-weight:500;margin-bottom:15rem}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119 ._event_period_1isw5_140{width:63.5rem;height:7.6rem;line-height:7.6rem;border-radius:10rem;background:url(../img/summer/bg_event_period_red.png) center no-repeat;background-size:cover;margin:auto}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149{background:url(../img/summer/bg_common_red.jpg) center top no-repeat;background-size:cover;height:120rem;padding-top:9.5rem;overflow:hidden}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156{background:url(../img/summer/bg_event_tab.png) no-repeat center;background-size:cover;width:162.6rem;margin:0 auto 8rem;border-radius:3.5rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul{display:flex;align-items:center;padding:2.3rem;flex-direction:row}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li{border-radius:1.7rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li button{display:flex;width:78rem;height:16.7rem;justify-content:center;align-items:center;border-radius:1.7rem;border:none;cursor:pointer;color:#fff;font-size:4.6rem;font-weight:700}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li ._tip_1isw5_185{position:absolute;height:11.3rem;left:50%;top:50%;transform:translate(-50%,-150%);animation:_summerTipFloating_1isw5_1 1.5s ease-in-out infinite}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li._tab_order_1isw5_193{background:url(../img/summer/bg_btn_red.png) no-repeat center;background-size:cover}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197{width:162.6rem;height:70rem;margin:0 auto;border-radius:3.5rem;background:url(../img/summer/bg_stamp_red.jpg) center top no-repeat;background-size:cover;padding:5.8rem 7.6rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206{display:flex;justify-content:space-between;gap:4rem;align-items:center;margin-bottom:5.2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213{display:flex;justify-content:space-between;align-items:center;flex:1}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._my_stamp_1isw5_219{display:flex;flex-direction:column}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._my_stamp_1isw5_219 h4{font-size:5.9rem;font-weight:700;margin:0 0 1rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._my_stamp_1isw5_219 button{font-size:3.9rem;font-weight:500;color:#ffb636;margin:0;text-align:left}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._stamp_score_1isw5_235{display:flex;align-items:center;font-size:5rem;line-height:4.2rem;margin-left:auto}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._stamp_score_1isw5_235 ._score_1isw5_242{padding-left:3.5rem;margin-left:3.5rem;border-left:1px solid rgba(255,255,255,.5)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._stamp_score_1isw5_235 strong{color:#ffb636}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250{width:40rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 button{width:100%;display:flex;justify-content:center;align-items:center;gap:2.4rem;background:#0f0102;border-radius:3.5rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_refresh_1isw5_262{height:14.8rem;color:#fff;font-size:6.4rem;font-weight:700}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_refresh_1isw5_262 ._ico_refresh_1isw5_268{display:block;width:6.2rem;transition:transform .5s ease-in-out}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_refresh_1isw5_262:hover ._ico_refresh_1isw5_268{transform:rotate(-360deg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_mystamp_1isw5_276{display:none;height:7.8rem;background:#ffb636;font-size:3.1rem;margin-top:1.8rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283{padding:9rem 0;display:flex;justify-content:center;align-items:flex-start;gap:5.2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197{text-align:center}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197 ._stamp_1isw5_235{width:13.4rem;height:13.4rem;border-radius:50%;margin-bottom:1rem;background-size:100%;background-position:bottom}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197{color:#c8b593}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197 ._stamp_name_1isw5_304{font-size:2.5rem;font-weight:500}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp1_1isw5_308{--color: #d06d14}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp1_1isw5_308 ._stamp_1isw5_235{background-image:url(../img/summer/stamp1.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp2_1isw5_314{--color: #d54316}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp2_1isw5_314 ._stamp_1isw5_235{background-image:url(../img/summer/stamp2.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp3_1isw5_320{--color: #1d359d}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp3_1isw5_320 ._stamp_1isw5_235{background-image:url(../img/summer/stamp3.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp4_1isw5_326{--color: #6815ac}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp4_1isw5_326 ._stamp_1isw5_235{background-image:url(../img/summer/stamp4.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp5_1isw5_332{--color: #307e2f}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp5_1isw5_332 ._stamp_1isw5_235{background-image:url(../img/summer/stamp5.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp6_1isw5_338{--color: #282828}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp6_1isw5_338 ._stamp_1isw5_235{background-image:url(../img/summer/stamp6.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp7_1isw5_344{--color: #ff4655}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._stamp7_1isw5_344 ._stamp_1isw5_235{background-image:url(../img/summer/stamp7.jpg)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._on_1isw5_350{color:var(--color)}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197._on_1isw5_350 ._stamp_1isw5_235{background-position:top!important}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356{height:270rem;background:url(../img/summer/bg_menuboard.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:140rem;margin:0 auto;gap:6rem;row-gap:2rem;padding:65rem 0 0}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361 ._menu_item_1isw5_373{width:42rem;height:70rem;display:flex;flex-direction:column;justify-content:flex-end}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361 ._menu_item_1isw5_373 ._btn_order_1isw5_380{color:#fef0d8;font-size:3.6rem;height:12rem;font-weight:700;margin:0 auto}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361 ._menu_item_1isw5_373 ._btn_order_1isw5_380:hover{color:#fff}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390{height:140rem;background:url(../img/summer/bg_rank.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395{width:160rem;height:19rem;margin:0 auto;text-align:center;font-size:4.4rem;line-height:19rem;position:relative}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395 strong{color:#ff4655}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395 ._txt_1isw5_407{position:absolute;top:0;left:0;width:100%;opacity:0}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395 ._txt1_1isw5_414{animation:_ticker-fade_1isw5_1 4s ease-in-out infinite}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395 ._txt2_1isw5_417{animation:_ticker-fade_1isw5_1 4s ease-in-out infinite 2s}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_wrap_1isw5_420{display:flex;justify-content:space-evenly;align-items:flex-start;width:162rem;margin:10rem auto;gap:8rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_wrap_1isw5_420 ._column_1isw5_428{background:#fff;width:100%;height:117rem;border-radius:3rem 3rem 0 0;overflow:hidden}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_wrap_1isw5_420 ._column_1isw5_428 h4{background:url(../img/summer/bg_rank_header.jpg) center top no-repeat;background-size:cover;color:#fff;font-size:5rem;font-weight:700;text-align:center;height:13.4rem;line-height:13.4rem;margin:0}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446{width:62rem;margin:3.3rem auto 0}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450{position:absolute;top:0;opacity:0;transform:translateY(2rem);transition:all .5s ease-in-out;z-index:10;visibility:hidden}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._on_1isw5_350{opacity:1;transform:translateY(0);z-index:20;visibility:visible}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450 ._crown_1isw5_465 img{display:block;width:16rem;margin:0 auto}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450 ._count_1isw5_470{display:flex;justify-content:center;align-items:center;color:#fff;font-size:4.4rem;font-weight:700;height:11.3rem;border-radius:10rem;margin-top:7rem;background-color:var(--color)}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu1_1isw5_482{--color: #d06d14}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu2_1isw5_485{--color: #1d359d}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu3_1isw5_488{--color: #307e2f}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu4_1isw5_491{--color: #d54316}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu5_1isw5_494{--color: #6815ac}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._slider_popular_menu_1isw5_446 ._item_1isw5_450._menu6_1isw5_497{--color: #000000}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_order_1isw5_500{display:flex;flex-direction:column;margin:5.6rem 6.6rem;gap:8.5rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_order_1isw5_500 li{display:flex;align-items:center;gap:3rem;color:#0e0102;font-size:4.1rem;height:9.2rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_order_1isw5_500 li ._crown_1isw5_465 img{display:block;width:13.2rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_order_1isw5_500 li ._avatar_1isw5_518 ._img_avatar_1isw5_518{width:9.2rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_order_1isw5_500 li ._count_1isw5_470{color:#ff4d5b}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._btn_view_ranking_order_1isw5_524{display:block;position:absolute;bottom:0;width:100%;height:12rem;text-align:center;font-size:3.8rem;line-height:12rem;background:#0e0102;color:#fff}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536{width:162rem;background-color:#fff;border-radius:3.5rem;margin:10rem auto;padding:10rem 11rem 11rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._header_1isw5_543{text-align:center;margin-bottom:13rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._header_1isw5_543 h4{font-size:6.2rem;color:#004bff;margin:0 0 3.5rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._header_1isw5_543 p{font-size:3.5rem;line-height:5rem;font-weight:500;color:#1c1c1c}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558{display:flex;justify-content:space-between}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div{width:65.6rem;text-align:center}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._label_1isw5_566{display:flex;justify-content:space-between;color:#004bff;font-size:3.5rem;font-weight:500;margin-bottom:4rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._label_1isw5_566 ._subtext_1isw5_574{color:#acacac;font-size:3.1rem;font-weight:400}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._code_wrap_1isw5_579{display:flex;justify-content:space-between;align-items:center;background-color:#e8efff;padding:0 6rem;border-radius:10rem;height:14.4rem;margin-bottom:5rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._code_wrap_1isw5_579 ._code_1isw5_579{color:#1c1c1c;font-size:3.5rem;font-weight:500;flex:auto}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._code_wrap_1isw5_579 ._btn_copy_1isw5_595{width:15rem;height:6rem;background-color:#004bff;font-size:3rem;color:#fff;border-radius:10rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._code_wrap_1isw5_579 ._input_code_1isw5_603{width:100%;font-size:3.5rem;font-weight:500;text-align:center;background:transparent;outline:none;border:none}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._code_wrap_1isw5_579 ._input_code_1isw5_603::placeholder{color:#bac3d9}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._btn_submit_1isw5_615{width:100%;height:10.3rem;background-color:#1c1c1c;font-size:3.6rem;font-weight:700;color:#fff;border-radius:10rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._btn_submit_1isw5_615:hover{background-color:#002b91}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._link_sns_1isw5_627{display:flex;justify-content:space-between;align-items:center;height:10.3rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._link_sns_1isw5_627 button{width:15.3rem;height:6.1rem;line-height:6.1rem;background-color:#cacaca;font-size:2.5rem;color:#fff;border-radius:10rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558>div ._link_sns_1isw5_627 button:hover{background-color:#004bff}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645{height:207rem;background:url(../img/summer/bg_pickup.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:160rem;margin:0 auto;gap:5.3rem;row-gap:9rem;padding:48.4rem 0 0}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662{width:33.5rem;height:52rem;display:flex;flex-direction:column;justify-content:flex-end}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662 button{color:#fff;font-size:2.43rem;width:28.5rem;height:4.9rem;font-weight:600;margin:0 auto 3rem;background:#f0444c;border-radius:10rem}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662 button:hover{background:#da1e27}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662:last-child button{background:#0047ff}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662:last-child button:hover{background:#002b91}#_sumemrEvent_1isw5_1 ._event_caution_1isw5_688 img{display:block;width:100%}#_sumemrEvent_1isw5_1 ._floating_wrap_1isw5_692{position:fixed;bottom:8rem;right:8rem;width:12.8rem;display:flex;flex-direction:column;gap:2.4rem}#_sumemrEvent_1isw5_1 ._floating_wrap_1isw5_692 button img{display:block;border-radius:100%}#_sumemrEvent_1isw5_1 ._event_order_1isw5_705 ._ele_order_1isw5_705{display:block}#_sumemrEvent_1isw5_1 ._event_order_1isw5_705 ._ele_pickup_1isw5_708,#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._ele_order_1isw5_705{display:none}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._ele_pickup_1isw5_708{display:block}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._main_top_1isw5_119{background:url(../img/summer/image_main_pickup.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._main_top_1isw5_119 ._event_period_1isw5_140{background:url(../img/summer/bg_event_period_blue.png) center no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149{background:url(../img/summer/bg_common_blue.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li._tab_order_1isw5_193{background:transparent}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li._tab_pickup_1isw5_732{background:url(../img/summer/bg_btn_blue.png) no-repeat center;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149 ._myStampWrap_1isw5_197{background:url(../img/summer/bg_stamp_blue.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197 ._stamp_1isw5_235{background-position:center}.modal_container{display:flex;position:fixed;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;overflow:hidden}.modal_container .modal_box.summer{--color: #ff4655;display:block;background:#fff;width:73.4rem;border:.5rem solid var(--color);box-sizing:border-box;box-shadow:0 0 3rem #0000004d;text-align:center}.modal_container .modal_box.summer .header{font-size:4rem;height:10rem;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box.summer .body{padding:2rem}.modal_container .modal_box.summer .body p.message{display:flex;align-items:center;justify-content:center;height:36rem;font-size:4.3rem;line-height:6.2rem;margin:0 0 1rem;white-space:pre-line!important}.modal_container .modal_box.summer .body strong{color:var(--color)}.modal_container .modal_box.summer .body .content{margin:0}.modal_container .modal_box.summer .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.summer .body .content .nocieBox{font-size:2.3rem;margin-bottom:4rem;color:#787878}.modal_container .modal_box.summer .body .btn_close{width:100%;background-color:#000;height:9rem;font-size:3.6rem}.modal_container .modal_box.summer .body .btn_close:after{display:none}.modal_container .modal_box.summer .btn_wrap{gap:2rem}.modal_container .modal_box.summer .btn_wrap .btn{font-size:3.6rem;height:9rem;width:100%}.modal_container .modal_box.summer .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box.summer .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.summer.modal_my_reward{padding:4rem 5.4rem 4.1rem;border:none;width:86.8rem;height:auto}.modal_container .modal_box.summer.modal_my_reward .header{--color: #ff4655;font-size:3.8rem;background:#fff;justify-content:flex-start;align-items:center}.modal_container .modal_box.summer.modal_my_reward .header .icon{width:5.5rem}.modal_container .modal_box.summer.modal_my_reward .header p.userName{color:var(--color);font-weight:700;line-height:5.8rem;border-left:1px solid var(--color);padding-left:2.6rem;margin-left:2.6rem}.modal_container .modal_box.summer.modal_my_reward .tab_reward{margin-top:3rem}.modal_container .modal_box.summer.modal_my_reward .tab_reward .tab_btn{--color: #ff4655;font-size:3.1rem;width:21.5rem;height:6rem;line-height:6rem;padding:0}.modal_container .modal_box.summer.modal_my_reward .body{margin-top:3rem;padding:0}.modal_container .modal_box.summer.modal_my_reward .body .content{max-height:730px;overflow-y:auto;overflow-x:auto}.modal_container .modal_box.summer.modal_my_reward .body p.subText{font-size:2.4rem}.modal_container .modal_box.summer.modal_my_reward .body .myRewardList{--color: #ff4655;margin-bottom:0}.modal_container .modal_box.summer.modal_my_reward .body .myRewardList thead th{padding:0;font-size:2.7rem;line-height:6.6rem}.modal_container .modal_box.summer.modal_my_reward .body .myRewardList tbody tr td{font-size:2.4rem;padding:2rem 0}.modal_container .modal_box.summer.modal_my_reward .body .pagination{margin:2.6rem 0 3rem}.modal_container .modal_box.summer.modal_my_reward .body .pagination ul li a{width:auto;height:auto;font-size:2.7rem;padding:0 1rem;line-height:3.2rem}.modal_container .modal_box.summer.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.summer.modal_apply{--color: #ff4655}.modal_container .modal_box.summer.modal_apply .header h4:after{display:none}.modal_container .modal_box.summer.modal_apply .rewardText{font-size:4.3rem;margin:4rem 0 1rem}.modal_container .modal_box.summer.modal_apply img.reward_img{display:block;height:27.7rem;object-fit:contain}.modal_container .modal_box.summer.notice .body{padding:2rem}.modal_container .modal_box.summer.notice .message{flex-direction:column;margin:7rem 0 9rem;color:#000;font-size:4.3rem;font-weight:500}.modal_container .modal_box.summer.notice .message .amount{font-family:pretendard;font-weight:700;color:var(--color)}.modal_container .modal_box.summer.notice .message .subMessage{font-size:2.3rem;margin-top:3rem}.modal_container .modal_box.summer.notice .btn{font-size:3.6rem;height:9rem;width:100%}.modal_container .modal_box.summer.notice .btn:after{display:none;content:""}.modal_container .modal_box.summer.modal_apply_info{--color: #ff4655}.modal_container .modal_box.summer.modal_apply_info .header h4:after{display:none}.modal_container .modal_box.summer.modal_apply_info p.message{font-size:4.3rem;height:19rem}.modal_container .modal_box.summer.modal_apply_info .inputWrap{margin-bottom:4rem}.modal_container .modal_box.summer.modal_apply_info .inputWrap>div input[type=text]{text-align:center;font-weight:800;width:100%;font-size:4.3rem;height:9.3rem;background-color:#e7e7e7;border:none;outline:none}.modal_container .modal_box.summer.modal_apply_info .inputWrap>div input[type=text]::placeholder{color:#959595}.modal_container .modal_box.summer.modal_apply_info .inputWrap .msg-error{font-size:2.4rem;margin-top:1rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy{margin:0 0 4rem;max-height:20rem;overflow-y:auto;background:#f9f9f9;padding:2rem;border:1px solid #eee;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:2.3rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy::-webkit-scrollbar{width:4px;height:4px}.modal_container .modal_box.summer.modal_apply_info .agreePolicy::-ms-overflow-style{display:none}.modal_container .modal_box.summer.modal_apply_info .agreePolicy::-webkit-scrollbar-thumb{border-radius:10px;background:#ff4655}.modal_container .modal_box.summer.modal_apply_info .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.summer.modal_apply_info .agreePolicy ul{margin-bottom:1rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy ul li{padding-left:2.7rem;margin-bottom:.5rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.summer.modal_apply_info .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:6rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap input{width:4rem;height:4rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap label{font-size:3.3rem;font-weight:500;line-height:5.5rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap .notice{width:100%;margin-top:5rem;font-size:2.3rem;color:#5f5f5f}.modal_container .modal_box.summer.modal_apply_info .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.summer.orderRankModal{width:140rem;height:93rem;border:none;border-radius:3.5rem;background:url(../img/summer/bg_common_red.jpg) center top no-repeat;background-size:cover;padding:6.4rem 7rem}.modal_container .modal_box.summer.orderRankModal .header{height:10rem;background:transparent;color:#fff;margin:1rem 0 6rem}.modal_container .modal_box.summer.orderRankModal .header h4{display:flex;justify-content:center;align-items:center;gap:5rem;font-family:PaperLogy,sans-serif;font-size:5.4rem}.modal_container .modal_box.summer.orderRankModal .header h4:after,.modal_container .modal_box.summer.orderRankModal .header h4:before{display:block;content:"★"}.modal_container .modal_box.summer.orderRankModal .menus_wrap{display:flex;justify-content:space-between;gap:1rem}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item{width:20rem;height:63.8rem;background:#fff;border-radius:2rem;overflow:hidden}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .img_menu{width:100%}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .ranking{padding:0 1.4rem;display:flex;flex-direction:column;gap:1.5rem}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .ranking img{display:block;width:7rem;margin:0 auto}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .ranking span{display:block;background:#efefef;width:100%;height:4.2rem;font-size:2rem;line-height:4.3rem}@media(max-width:1000px){html{font-size:1vw!important}#_sumemrEvent_1isw5_1 ._pc_1isw5_105{display:none!important}#_sumemrEvent_1isw5_1 ._mobile_1isw5_108{display:block!important}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119{background:url(../img/summer/image_main_order_m.jpg) center top no-repeat;background-size:cover;height:144rem}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119 ._event_info_1isw5_124{bottom:10rem}#_sumemrEvent_1isw5_1 ._main_top_1isw5_119 ._slogan_1isw5_135{margin-bottom:50rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149{height:120rem;background:url(../img/summer/bg_common_red_m.jpg) center top no-repeat;background-size:cover;padding-top:4.3rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156{background:#0f0102;width:93.6rem;margin:0 auto 5rem;border-radius:1.5rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul{padding:1.3rem;gap:1.4rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li{border-radius:1rem;flex:1}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li button{width:100%;height:10.6rem;font-size:3rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li ._tip_1isw5_185{display:none}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li._tab_order_1isw5_193{background:url(../img/summer/bg_btn_red.png) no-repeat center!important;background-size:cover}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._event_tab_1isw5_156 ul li._tab_pickup_1isw5_732{background:url(../img/summer/bg_btn_blue.png) no-repeat center!important;background-size:cover}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197{width:93.6rem;height:93.1rem;border-radius:2rem;background:url(../img/summer/bg_stamp_red_m.jpg) center top no-repeat;background-size:cover;padding:5.2rem 5.8rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206{display:flex;justify-content:space-between;gap:4rem;align-items:center;margin-bottom:5.2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213{flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._my_stamp_1isw5_219 h4{font-size:4.5rem;margin:0 0 2.5rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._my_stamp_1isw5_219 button{display:none}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._stamp_score_1isw5_235{font-size:4.5rem;margin-left:0}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._left_1isw5_213 ._stamp_score_1isw5_235 ._score_1isw5_242{padding-left:2rem;margin-left:2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250{width:31.7rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_refresh_1isw5_262{height:10.2rem;gap:1.7rem;border-radius:2rem;font-size:4.7rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_refresh_1isw5_262 ._ico_refresh_1isw5_268{width:4.5rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._topper_1isw5_206 ._right_1isw5_250 ._btn_mystamp_1isw5_276{display:block;border-radius:2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283{padding:5rem 0;flex-wrap:wrap;gap:3.2rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197 ._stamp_1isw5_235{width:15.5rem;height:15.5rem;margin-bottom:1.6rem}#_sumemrEvent_1isw5_1 ._common_container_1isw5_149 ._myStampWrap_1isw5_197 ._myStampList_1isw5_283 ._myStamp_1isw5_197 ._stamp_name_1isw5_304{font-size:2.7rem;margin:0}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356{height:277rem;background:url(../img/summer/bg_menuboard_m.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361{width:81.9rem;gap:7rem;row-gap:2rem;padding:45rem 0 0}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361 ._menu_item_1isw5_373{width:37.3rem;height:64rem}#_sumemrEvent_1isw5_1 ._menu_panel_1isw5_356 ._menu_list_1isw5_361 ._menu_item_1isw5_373 ._btn_order_1isw5_380{background-color:#ff4655;font-size:3.6rem;width:100%;height:10.3rem;border-radius:10rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390{height:170rem;background:url(../img/summer/bg_rank_m.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ticker_1isw5_395{width:93.6rem;height:16rem;font-size:4.1rem;line-height:16rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_wrap_1isw5_420{flex-direction:column;width:77.5rem;margin:9rem auto;gap:8rem}#_sumemrEvent_1isw5_1 ._ranking_area_1isw5_390 ._ranking_wrap_1isw5_420 ._column_1isw5_428 h4{font-size:5.4rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536{width:93.6rem;margin:9rem auto;padding:10rem 9.5rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._header_1isw5_543{margin-bottom:10rem}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._header_1isw5_543 p{letter-spacing:-.02em}#_sumemrEvent_1isw5_1 ._invitation_wrap_1isw5_536 ._invite_code_wrap_1isw5_558{flex-direction:column;align-items:center;gap:7rem}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645{height:339.4rem;background:url(../img/summer/bg_pickup_m.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650{width:81.5rem;margin:0 auto;gap:6.5rem;row-gap:6.4rem;padding:37.5rem 0 0}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662{width:37.5rem;height:64.2rem}#_sumemrEvent_1isw5_1 ._prize_pickup_1isw5_645 ._prize_list_1isw5_650 ._prize_item_1isw5_662 button{font-size:2.8rem;width:32rem;height:5.6rem;font-weight:600;margin:0 auto 3.9rem}#_sumemrEvent_1isw5_1 ._floating_wrap_1isw5_692{bottom:2rem;right:2rem}#_sumemrEvent_1isw5_1 ._event_order_1isw5_705 ._ele_order_1isw5_705{display:block}#_sumemrEvent_1isw5_1 ._event_order_1isw5_705 ._ele_pickup_1isw5_708,#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._ele_order_1isw5_705{display:none}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._ele_pickup_1isw5_708{display:block}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._main_top_1isw5_119{background:url(../img/summer/image_main_pickup_m.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149{background:url(../img/summer/bg_common_blue_m.jpg) center top no-repeat;background-size:cover}#_sumemrEvent_1isw5_1 ._event_pickup_1isw5_711 ._common_container_1isw5_149 ._myStampWrap_1isw5_197{background:url(../img/summer/bg_stamp_blue_m.jpg) center top no-repeat;background-size:cover}.modal_container .modal_box.summer{width:82rem}.modal_container .modal_box.summer .header{font-size:4.5rem;height:12rem}.modal_container .modal_box.summer .body .content{margin:0}.modal_container .modal_box.summer .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.summer .body .content .nocieBox{font-size:3rem}.modal_container .modal_box.summer .body .btn_close{height:10rem;font-size:4.2rem}.modal_container .modal_box.summer .btn_wrap{gap:2rem}.modal_container .modal_box.summer .btn_wrap .btn{font-size:4.2rem;height:10rem}.modal_container .modal_box.summer.modal_my_reward{padding:5rem;width:92rem;height:auto}.modal_container .modal_box.summer.modal_my_reward .header{font-size:4.5rem}.modal_container .modal_box.summer.modal_my_reward .header .icon{width:5rem}.modal_container .modal_box.summer.modal_my_reward .header p.userName{line-height:7rem;padding-left:3rem;margin-left:3rem}.modal_container .modal_box.summer.modal_my_reward .tab_reward{margin-top:2rem}.modal_container .modal_box.summer.modal_my_reward .tab_reward .tab_btn{font-size:4rem;width:25rem;height:8rem;line-height:8rem}.modal_container .modal_box.summer.modal_my_reward .body{margin-top:4rem}.modal_container .modal_box.summer.modal_my_reward .body p.subText{font-size:3rem}.modal_container .modal_box.summer.modal_my_reward .body .myRewardList thead th{font-size:3rem;line-height:8rem}.modal_container .modal_box.summer.modal_my_reward .body .myRewardList tbody tr td{font-size:3rem;padding:2rem 0}.modal_container .modal_box.summer.modal_my_reward .body .pagination{margin:2.6rem 0 3rem}.modal_container .modal_box.summer.modal_my_reward .body .pagination ul li a{font-size:3rem;line-height:5rem}.modal_container .modal_box.summer.modal_apply .rewardText{font-size:4.3rem;margin:4rem 0 1rem}.modal_container .modal_box.summer.modal_apply img.reward_img{display:block;height:27.7rem;object-fit:contain}.modal_container .modal_box.summer.notice .message .subMessage{font-size:3rem}.modal_container .modal_box.summer.notice .btn{font-size:4.2rem;height:10rem}.modal_container .modal_box.summer.modal_apply_info .inputWrap{margin-bottom:4rem}.modal_container .modal_box.summer.modal_apply_info .inputWrap>div input[type=text]{font-size:5rem;height:12rem}.modal_container .modal_box.summer.modal_apply_info .inputWrap .msg-error{font-size:2.4rem;margin-top:1rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy{margin:0 0 3rem 3rem;line-height:1.4em;font-size:2.8rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy ul{margin-bottom:1rem}.modal_container .modal_box.summer.modal_apply_info .agreePolicy ul li{padding-left:2.5rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap{margin-bottom:3rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap input{width:4.2rem;height:4.2rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap label{font-size:4rem}.modal_container .modal_box.summer.modal_apply_info .agreeWrap .notice{font-size:3rem}.modal_container .modal_box.summer.orderRankModal{width:86rem;height:auto;border-radius:2rem;padding:3rem}.modal_container .modal_box.summer.orderRankModal .header{height:8rem}.modal_container .modal_box.summer.orderRankModal .header h4{gap:2rem}.modal_container .modal_box.summer.orderRankModal .menus_wrap{flex-wrap:wrap;justify-content:center}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item{width:26rem;height:auto}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .ranking{margin-bottom:2rem;gap:1rem}.modal_container .modal_box.summer.orderRankModal .menus_wrap .item .ranking span{font-size:2.4rem}.modal_container .close{top:-9rem;right:-3rem}.modal_container .close img{width:10rem;height:10rem}.modal_container.active{display:flex}}@media(min-width:1400px){html{font-size:7.29px!important}}@keyframes _summerTipFloating_1isw5_1{0%,to{transform:translate(-50%,-150%) translateY(0)}50%{transform:translate(-50%,-150%) translateY(-1rem)}}.act4-win-page{min-height:100vh;padding-bottom:80px;color:#f8f4ef;font-family:Pretendard,sans-serif;background:#0d171f}.act4-win-page .mobile{display:none}.act4-win-hero{position:relative;max-width:950px;margin:0 auto;padding:0;text-align:center;background:linear-gradient(180deg,#050e1540,#050e15f0)}.act4-win-hero .period_win,.act4-win-hero .period_btn{position:absolute;left:0;width:100%;text-align:center;z-index:10}.act4-win-hero .period_win{top:580px;color:#fff;font-size:23px}.act4-win-hero .period_btn{top:700px;color:#0ff;font-size:23px;cursor:pointer}.act4-win-list,.act4-win-caution{max-width:950px;margin:0 auto}.act4-win-list{position:relative;z-index:2;margin-top:-75px;height:747px;background:url(../img/act4win/bg_win.png) center top no-repeat;overflow:hidden}.act4-win-list .list_win{width:737px;height:460px;margin:230px auto 0;background:url(../img/act4win/bg_list.png) center top no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.act4-win-list .list_win>ul{overflow-y:scroll;width:680px;height:400px;margin:30px auto}.act4-win-list .list_win>ul li{margin-bottom:30px}.act4-win-list .list_win>ul h4{font-size:23px;color:#fff;margin:0 0 15px;line-height:47px;background:url(../img/act4win/bg_item.png) center no-repeat;background-size:contain}.act4-win-list .list_win>ul h4.wide{background:url(../img/act4win/bg_item_wide.png) center no-repeat;background-size:100% 100%;padding:0 18px;font-size:20px;white-space:nowrap}.act4-win-list .list_win>ul button.btn_win_info{font-size:23px;font-family:Aggravo;font-weight:700;color:#351a6c;margin-bottom:20px}.act4-win-list .list_win>ul button.toggle_list{font-size:23px;font-weight:700;color:#0ff;margin:10px auto}.act4-win-list .list_win>ul button.toggle_close{font-size:23px;font-weight:700;color:#02182c;margin:10px auto}.act4-win-list .list_win>ul ul.list_winner{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;color:#0d171f}.act4-win-list .list_win>ul ul.list_winner li{width:33.333%;margin-bottom:10px;font-size:22.5px}.act4-win-list .list_win>ul ul.list_winner.ellapsis li{display:none}.act4-win-list .list_win>ul ul.list_winner.ellapsis li:nth-child(-n+3){display:block}.act4-win-list .list_win>ul::-webkit-scrollbar{width:8px}.act4-win-list .list_win>ul::-webkit-scrollbar-track{background:#f9f9f9;border-radius:50px}.act4-win-list .list_win>ul::-webkit-scrollbar-thumb{background:#43f0bd;border-radius:50px}.act4-win-list .empty{color:#b9c5c8;text-align:center;font-size:28px}.modal_box.act4.modal_result.act4-winner-theme{--color: #5ecdce}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result{width:450px}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .header{height:64px;font-size:28px}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .body{padding:20px 16px 16px}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border-bottom:1px solid #eee}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize:last-of-type{border-bottom:0}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize h5{margin:0;font-size:25px;line-height:1.3}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .itemImg{position:static;width:auto;max-width:245px;height:245px;margin:0 auto 4px;object-fit:contain}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .delivery-text{font-size:16px;line-height:1.4}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-period{font-size:18px;line-height:1.35}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-period strong{font-weight:700}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-notice{margin-bottom:2px;color:#555;font-size:13px;line-height:1.4}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize a{display:flex;align-items:center;justify-content:center;width:100%;height:58px;font-size:24px;line-height:1;padding-top:0}@media(max-width:1000px){.act4-win-page .pc{display:none}.act4-win-page .mobile{display:block}.act4-win-hero{width:100%}.act4-win-hero .period_win{top:60vw;font-size:2.8vw}.act4-win-hero .period_btn{top:70vw;font-size:2.8vw}.act4-win-list,.act4-win-caution{width:100%}.act4-win-list{margin-top:-4vw;height:96.6vw;background:url(../img/act4win/bg_win_m.png) center top/cover no-repeat}.act4-win-list .list_win{width:88vw;height:59.6vw;margin:26.6vw auto 0;background:url(../img/act4win/bg_list_m.png) center top/cover no-repeat}.act4-win-list .list_win>ul{width:80vw;height:52vw;margin:4vw auto}.act4-win-list .list_win>ul>li{margin-bottom:3vw}.act4-win-list .list_win>ul h4{padding-top:.5vw;margin:0 0 1.5vw;font-size:2.9vw;line-height:5.5vw}.act4-win-list .list_win>ul h4.wide{padding:0 2vw;font-size:2.4vw}.act4-win-list .list_win>ul button.toggle_list,.act4-win-list .list_win>ul button.toggle_close{margin:1vw auto;font-size:2.9vw}.act4-win-list .list_win>ul ul.list_winner li{margin-bottom:1vw;font-size:2.9vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result{width:82vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .header{height:12vw;font-size:5.2vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .body{padding:4vw 3vw 3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize{gap:1.8vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize h5{font-size:4.3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .itemImg{width:auto;max-width:41vw;height:38vw;margin:0 auto .8vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .delivery-text{font-size:3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-period{font-size:3.2vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize .input-notice{font-size:2.3vw}.modal_box.act4.modal_result.act4-winner-theme.act4-winner-result .winner-prize a{height:9vw;font-size:3.9vw}}.summer-winner-floating{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0 12px;border:0;border-radius:50%;background:#4696c3;box-shadow:0 8px 18px #12425e57;color:#fff;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;line-height:1.25;text-align:center;cursor:pointer;transition:transform .2s ease,filter .2s ease}.summer-winner-floating strong{font-size:18px;font-weight:900}.summer-winner-floating .summer-winner-floating-label{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.summer-winner-floating:hover{filter:brightness(1.06);transform:translateY(-2px)}.summer-winner-floating:focus-visible{outline:3px solid #fff;outline-offset:3px}.summer-winner-floating img{display:block;width:100%;height:auto}.summer-winner-reuse-page{min-height:100vh;padding-bottom:80px;color:#f8f4ef;font-family:Pretendard,sans-serif;background:#0d171f}.summer-winner-reuse-page .mobile{display:none}.summer-win-hero{position:relative;max-width:950px;margin:0 auto;padding:0;text-align:center;background:linear-gradient(180deg,#050e1540,#050e15f0)}.summer-win-hero .text_box{position:absolute;left:0;width:100%;text-align:center;z-index:10;top:480px}.summer-win-hero .text_box h2{font-size:45px;margin:0 0 40px}.summer-win-hero .text_box .period_win,.summer-win-hero .text_box .period_btn{position:relative;top:unset}.summer-win-hero .text_box .period_win{color:#fff;font-size:23px;margin:0 0 80px}.summer-win-hero .text_box .period_btn{color:#fff;font-size:27px}.summer-win-list,.summer-win-caution{max-width:950px;margin:0 auto}.summer-win-list{position:relative;z-index:2;margin-top:-34px;height:700px;background:url(../img/summer/winner/bg_win.png) center top no-repeat;overflow:hidden}.summer-win-list .list_win{width:737px;height:460px;margin:176px auto 0;background:url(../img/summer/winner/bg_list.png) center top no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.summer-win-list .list_win>ul{overflow-y:scroll;width:680px;height:400px;margin:30px auto}.summer-win-list .list_win>ul li{margin-bottom:30px}.summer-win-list .list_win>ul h4{font-size:23px;color:#fff;margin:0 auto 15px;line-height:47px;min-width:340px;width:fit-content;background:#02182c url(../img/summer/winner/bg_item.png) center no-repeat;background-size:contain;overflow:hidden}.summer-win-list .list_win>ul h4.wide{background:#02182c url(../img/summer/winner/bg_item_wide.png) center no-repeat;background-size:100% 100%;padding:0 18px;font-size:20px;white-space:nowrap;min-width:510px}.summer-win-list .list_win>ul h4:after,.summer-win-list .list_win>ul h4:before{content:"";display:block;position:absolute;width:70px;height:70px;background-color:#fff;z-index:2}.summer-win-list .list_win>ul h4:before{top:0;left:0;transform:translate(-100%,-50%) rotate(45deg)}.summer-win-list .list_win>ul h4:after{bottom:0;right:0;transform:translate(100%,50%) rotate(45deg)}.summer-win-list .list_win>ul button.btn_win_info{font-size:23px;font-family:Aggravo;font-weight:700;color:#351a6c;margin-bottom:20px}.summer-win-list .list_win>ul button.toggle_list{font-size:23px;font-weight:700;color:#ff4a59;margin:10px auto}.summer-win-list .list_win>ul button.toggle_close{font-size:23px;font-weight:700;color:#02182c;margin:10px auto}.summer-win-list .list_win>ul ul.list_winner{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;color:#0d171f}.summer-win-list .list_win>ul ul.list_winner li{width:33.333%;margin-bottom:10px;font-size:22.5px}.summer-win-list .list_win>ul ul.list_winner.ellapsis li{display:none}.summer-win-list .list_win>ul ul.list_winner.ellapsis li:nth-child(-n+3){display:block}.summer-win-list .list_win>ul::-webkit-scrollbar{width:4px}.summer-win-list .list_win>ul::-webkit-scrollbar-track{background:#f9f9f9;border-radius:50px}.summer-win-list .list_win>ul::-webkit-scrollbar-thumb{background:#ff4a59;border-radius:50px}.summer-win-list .empty{color:#b9c5c8;text-align:center;font-size:28px}.modal_box.summer.modal_result.summer-winner-theme,.modal_box.act4.modal_result.act4-winner-theme.summer-winner-theme{--color: #ff4a59}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result{width:450px}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .header{height:64px;font-size:28px}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .body{padding:20px 16px 16px}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border-bottom:1px solid #eee}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize:last-of-type{border-bottom:0}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize h5{margin:0;font-size:25px;line-height:1.3}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .itemImg{position:static;width:auto;max-width:245px;height:245px;margin:0 auto 4px;object-fit:contain}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .delivery-text{font-size:16px;line-height:1.4}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .input-period{font-size:18px;line-height:1.35}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .input-period strong{font-weight:700}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .input-notice{margin-bottom:2px;color:#555;font-size:13px;line-height:1.4}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize a{display:flex;align-items:center;justify-content:center;width:100%;height:58px;font-size:24px;line-height:1;padding-top:0}@media(max-width:1000px){.summer-winner-reuse-page .pc{display:none}.summer-winner-reuse-page .mobile{display:block}.summer-win-hero{width:100%}.summer-win-hero .text_box{top:50vw}.summer-win-hero .text_box h2{font-size:4.8vw;margin:0 0 4vw}.summer-win-hero .text_box .period_win,.summer-win-hero .text_box .period_btn{position:unset;top:unset}.summer-win-hero .text_box .period_win{font-size:2.4vw;margin-bottom:9vw}.summer-win-hero .text_box .period_btn{color:#fff;font-size:2.8vw}.summer-win-list,.summer-win-caution{width:100%}.summer-win-list{margin-top:-4vw;height:73.6vw;background:url(../img/summer/winner/bg_win_m.png) center top/cover no-repeat}.summer-win-list .list_win{width:77.6vw;height:48.5vw;margin:18.5vw auto 0;background:url(../img/summer/winner/bg_list_m.png) center top/cover no-repeat}.summer-win-list .list_win>ul{width:72vw;height:40.5vw;margin:4vw auto}.summer-win-list .list_win>ul>li{margin-bottom:3vw}.summer-win-list .list_win>ul h4{padding-top:.5vw;margin:0 auto 1.5vw;font-size:2.4vw;line-height:4.8vw;min-width:35vw}.summer-win-list .list_win>ul h4.wide{padding:.5vw 2vw 0;font-size:2.4vw;min-width:54vw}.summer-win-list .list_win>ul h4:after,.summer-win-list .list_win>ul h4:before{width:8vw;height:8vw}.summer-win-list .list_win>ul button.toggle_list,.summer-win-list .list_win>ul button.toggle_close{margin:1vw auto;font-size:2.9vw}.summer-win-list .list_win>ul ul.list_winner li{margin-bottom:1vw;font-size:2.9vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result{width:82vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .header{height:12vw;font-size:5.2vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .body{padding:4vw 3vw 3vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize{gap:1.8vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize h5{font-size:4.3vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .itemImg{width:auto;max-width:41vw;height:38vw;margin:0 auto .8vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .delivery-text{font-size:3vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .input-period{font-size:3.2vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize .input-notice{font-size:2.3vw}.modal_box.summer.modal_result.summer-winner-theme.summer-winner-result .winner-prize a{height:9vw;font-size:3.9vw}}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@keyframes ticker-fade{0%{opacity:0}5%{opacity:1}45%{opacity:1}50%{opacity:0}to{opacity:0}}html{overflow-x:hidden}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay .spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#ff4655;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.none{display:none!important}.hasShadow{box-shadow:0 0 min(calc((7 * 100vw) / 1920),7px) 0 #0003}body{margin:0;padding:0;box-sizing:border-box;background:#111!important}.red{color:#ff4655}#chuseokEvent{z-index:10;color:#fff}#chuseokEvent *{font-family:Paperlogy}#chuseokEvent img{-webkit-user-drag:none}#chuseokEvent .pc{display:block!important}#chuseokEvent .mb{display:none!important}#chuseokEvent section#valchuseokEvent{display:block;position:relative;word-break:keep-all;overflow-x:hidden;max-width:1920px;margin:0 auto}#chuseokEvent .main_top{height:min(69.21875vw,1329px)}#chuseokEvent .main_top .main_img{transition:all 3s ease-in-out;transform:scale(1.1)}#chuseokEvent .main_top .main_fx{height:100%;background:url(../img/chuseok/bg_main.jpg) no-repeat center;background-size:cover}#chuseokEvent .main_top .main_fx img,#chuseokEvent .main_top .main_fx .shade{position:absolute;top:0;width:100%;height:100%;transition:all 1.5s ease-in-out}#chuseokEvent .main_top .main_fx .shade{background:url(../img/chuseok/main_shade.png) repeat-x center bottom;background-size:contain}#chuseokEvent .main_top .main_fx .textbox{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:50%;bottom:min(calc((50 * 100vw) / 1920),50px);transform:translate(-50%);width:min(calc((830 * 100vw) / 1920),830px);height:min(calc((160 * 100vw) / 1920),160px);font-size:min(calc((41 * 100vw) / 1920),41px);background-color:#0000004d;border:1px rgba(255,255,255,.2) solid;transition:all 1s ease-in-out;transition-delay:.5s;opacity:0}#chuseokEvent .main_top .main_fx .textbox strong{color:#2de}#chuseokEvent .main_top .main_fx .textbox .yellow{color:#ffda00}#chuseokEvent .main_top .main_fx .title{transform:translateY(100px);transition-delay:1s;opacity:0}#chuseokEvent .main_top .main_fx .cha{transform:translateY(-100px) scale(1.2)}#chuseokEvent .main_top.active .title{transform:translateY(0);opacity:1}#chuseokEvent .main_top.active .cha{transform:translateY(0) scale(1)}#chuseokEvent .main_top.active .textbox{bottom:min(7.8125vw,150px);opacity:1}#chuseokEvent .main_top.active .main_img{transform:scale(1)}#chuseokEvent .chuseok_period{height:min(calc((290 * 100vw) / 1920),290px);background:url(../img/chuseok/bg_period.jpg) no-repeat center;background-size:cover;width:100%;display:flex;justify-content:center;align-items:center;font-size:min(calc((32 * 100vw) / 1920),32px);font-weight:500;color:#fff;gap:min(.9375vw,18px)}#chuseokEvent .chuseok_period .label{color:#131e28;font-size:min(calc((29 * 100vw) / 1920),29px);background-color:#2de;font-weight:700;border-radius:100px;width:min(calc((190 * 100vw) / 1920),190px);height:min(3.125vw,60px);display:flex;justify-content:center;align-items:center}#chuseokEvent .chuseok_package_wrap{height:min(calc((1357 * 100vw) / 1920),1357px);background:url(../img/chuseok/bg_event_1.jpg) no-repeat center;background-size:cover;width:100%;text-align:center;overflow:hidden}#chuseokEvent .chuseok_package_wrap .header{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:min(calc((100 * 100vw) / 1920),100px)}#chuseokEvent .chuseok_package_wrap .header .title{display:block;width:min(calc((880 * 100vw) / 1920),880px);margin:auto;transition:all .5s ease-in-out;transform:translateY(100px);opacity:0}#chuseokEvent .chuseok_package_wrap.active .title{transform:translateY(0);opacity:1}#chuseokEvent .chuseok_package_wrap .package_con img{margin:auto;width:min(62.8125vw,1206px)}#chuseokEvent .chuseok_package_wrap .package_action{margin-top:min(calc((680 * 100vw) / 1920),680px)}#chuseokEvent .chuseok_package_wrap .package_action .btn_get_pkg .img_btn_get_pkg{width:min(calc((595 * 100vw) / 1920),595px);border-radius:100px;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%{box-shadow:0 0 min(calc((40 * 100vw) / 1920),40px) 0 #ffc06ee6}50%{box-shadow:0 0 min(calc((10 * 100vw) / 1920),10px) 0 #ffc06e66}to{box-shadow:0 0 min(calc((40 * 100vw) / 1920),40px) 0 #ffc06ee6}}#chuseokEvent .chuseok_package_wrap .package_action .btn_get_pkg .btn_tooltip{font-size:min(1.40625vw,27px);background-color:#fff;border-radius:100px;padding:min(calc((10 * 100vw) / 1920),10px) min(calc((34 * 100vw) / 1920),34px);display:block;position:absolute;left:50%;top:0;width:max-content;transform:translate(-50%,max(calc((-43 * 100vw) / 1920),-43px))}#chuseokEvent .chuseok_package_wrap .package_action .event_caution{font-size:min(1.25vw,24px);margin-top:min(calc((50 * 100vw) / 1920),50px)}#chuseokEvent .event_emoticon_wrap{height:min(75.46875vw,1449px);background:url(../img/chuseok/bg_emoticon.png) no-repeat center;background-size:cover;width:100%;padding-top:min(calc((515 * 100vw) / 1920),515px)}#chuseokEvent .event_emoticon_wrap .fx{position:absolute;z-index:0;width:100%;height:100%;top:0}#chuseokEvent .event_emoticon_wrap .fx .fxele{position:absolute;display:block;top:50%;left:50%;transition:all 1s ease-in-out}#chuseokEvent .event_emoticon_wrap .fx .ele1{transform:translate(-50%,-50%) rotate(320deg) scale(.2);width:min(calc((320 * 100vw) / 1920),320px)}#chuseokEvent .event_emoticon_wrap .fx .ele2{transform:translate(-50%,-50%) rotate(-290deg) scale(.2);width:min(calc((220 * 100vw) / 1920),220px)}#chuseokEvent .event_emoticon_wrap .fx .ele3{transform:translate(-50%,-50%) rotate(240deg) scale(.2);width:min(calc((262 * 100vw) / 1920),262px)}#chuseokEvent .event_emoticon_wrap .fx .ele4{transform:translate(-50%,-50%) rotate(460deg) scale(.2);width:min(calc((202 * 100vw) / 1920),202px)}#chuseokEvent .event_emoticon_wrap .fx .ele5{transform:translate(-50%,-50%) rotate(-390deg) scale(.2);width:min(calc((263 * 100vw) / 1920),263px)}#chuseokEvent .event_emoticon_wrap .fx .ele6{transform:translate(-50%,-50%) rotate(320deg) scale(.2);width:min(calc((335 * 100vw) / 1920),335px)}#chuseokEvent .event_emoticon_wrap.active .fx .ele1{transform:translate(max(-45.3125vw,-870px),max(-31.25vw,-600px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap.active .fx .ele2{transform:translate(min(calc((580 * 100vw) / 1920),580px),max(calc((-590 * 100vw) / 1920),-590px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap.active .fx .ele3{transform:translate(max(calc((-700 * 100vw) / 1920),-700px),max(calc((-160 * 100vw) / 1920),-160px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap.active .fx .ele4{transform:translate(min(23.4375vw,450px),max(calc((-190 * 100vw) / 1920),-190px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap.active .fx .ele5{transform:translate(max(-45.3125vw,-870px),min(calc((220 * 100vw) / 1920),220px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap.active .fx .ele6{transform:translate(min(calc((460 * 100vw) / 1920),460px),min(calc((230 * 100vw) / 1920),230px)) rotate(0) scale(1)}#chuseokEvent .event_emoticon_wrap .emoticon_action{text-align:center}#chuseokEvent .event_emoticon_wrap .emoticon_action .btn_get_emoticon{margin:auto}#chuseokEvent .event_emoticon_wrap .emoticon_action .btn_get_emoticon .img_btn_get_emoticon{width:min(calc((595 * 100vw) / 1920),595px);border-radius:100px}#chuseokEvent .invitation_wrap{height:min(53.125vw,1020px);background:url(../img/chuseok/bg_invite.jpg) no-repeat center;background-size:cover;width:100%;padding-top:min(calc((100 * 100vw) / 1920),100px)}#chuseokEvent .invitation_wrap .header{text-align:center;color:#fff}#chuseokEvent .invitation_wrap .header h3{font-size:min(calc((56 * 100vw) / 1920),56px);margin:0 0 min(3.125vw,60px)}#chuseokEvent .invitation_wrap .header p{font-size:min(1.5625vw,30px);line-height:min(calc((47 * 100vw) / 1920),47px);font-weight:500;margin-bottom:min(3.125vw,60px)}#chuseokEvent .invitation_wrap .invite_code_wrap{display:flex;justify-content:center;margin:auto;width:min(62.5vw,1200px);background-color:#fff;padding:min(calc((100 * 100vw) / 1920),100px)}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap{text-align:center}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .label h4{font-size:min(calc((40 * 100vw) / 1920),40px);margin:0 0 min(calc((20 * 100vw) / 1920),20px);color:#09c0c8;margin-bottom:min(calc((40 * 100vw) / 1920),40px)}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap{display:flex;justify-content:space-between;align-items:center;background-color:#e0fcfd;padding:0 min(calc((50 * 100vw) / 1920),50px);border-radius:100px;height:min(6.25vw,120px);margin-bottom:min(3.125vw,60px)}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap .code{color:#1c1c1c;font-size:min(1.5625vw,30px);font-weight:500;flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap .btn_copy{width:min(calc((127 * 100vw) / 1920),127px);height:min(calc((50 * 100vw) / 1920),50px);background-color:#09c0c8;font-size:min(calc((26 * 100vw) / 1920),26px);color:#fff;border-radius:100px}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .link_sns{display:flex;justify-content:space-between;align-items:center;gap:min(.625vw,12px)}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .link_sns button{width:min(calc((130 * 100vw) / 1920),130px);height:min(calc((50 * 100vw) / 1920),50px);background-color:#cacaca;font-size:min(1.09375vw,21px);color:#fff;border-radius:100px}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .link_sns button:hover{background-color:#09c0c8}#chuseokEvent .jet_mousepad_wrap{position:relative;width:100%;height:min(60.78125vw,1167px);padding-top:min(calc((617 * 100vw) / 1920),617px);background:url(../img/chuseok/bg_jet.jpg) no-repeat center;background-size:cover}#chuseokEvent .jet_mousepad_wrap .btn_goto_event{position:absolute;bottom:min(calc((100 * 100vw) / 1920),100px);left:50%;width:min(calc((595 * 100vw) / 1920),595px);transform:translate(-50%)}#chuseokEvent .event_caution img{display:block;width:100%}#chuseokEvent .floating_wrap{position:fixed;bottom:min(calc((70 * 100vw) / 1920),70px);right:min(calc((70 * 100vw) / 1920),70px);width:min(9.375vw,180px);display:flex;flex-direction:column;gap:min(calc((20 * 100vw) / 1920),20px)}#chuseokEvent .floating_wrap img{display:block}#chuseokEvent .floating_wrap .float_btn{display:flex;flex-direction:column;align-items:flex-end}#chuseokEvent .floating_wrap .float_btn .close_float_btn{width:min(calc((52 * 100vw) / 1920),52px);height:min(calc((52 * 100vw) / 1920),52px);cursor:pointer}#chuseokEvent .floating_wrap .float_btn .btn_float_img{width:min(9.375vw,180px)}#chuseokEvent .floating_wrap .float_btn.btn_top{display:none}@media(min-width:1001px){#chuseokEvent .floating_wrap{bottom:min(min(calc((70 * 100vw) / 1920),70px),5vh);width:min(min(9.375vw,180px),12vh);gap:min(min(calc((20 * 100vw) / 1920),20px),1.5vh)}#chuseokEvent .floating_wrap.mousepad_floating{top:max(100px,15vh);bottom:auto}#chuseokEvent .floating_wrap.social_event_hidden{bottom:calc(min(min(calc((70 * 100vw) / 1920),70px),5vh) + min(min(calc((336.09375 * 100vw) / 1920),336.09375px),22.40625vh) + min(min(calc((52 * 100vw) / 1920),52px),3.5vh) + min(min(calc((20 * 100vw) / 1920),20px),1.5vh))}#chuseokEvent .floating_wrap .float_btn .close_float_btn{width:min(min(calc((52 * 100vw) / 1920),52px),3.5vh);height:min(min(calc((52 * 100vw) / 1920),52px),3.5vh)}#chuseokEvent .floating_wrap .float_btn .btn_float_img{width:min(min(9.375vw,180px),12vh)}}.modal_container .modal_box.chuseok{--color: #22ddee;display:block;background:#fff;width:min(calc((733 * 100vw) / 1920),733px);border:min(calc((5 * 100vw) / 1920),5px) solid var(--color);box-sizing:border-box;box-shadow:0 0 3rem #0000004d;text-align:center}.modal_container .modal_box.chuseok .header{font-size:4rem;height:10rem;background:var(--color);color:#fff;display:flex;justify-content:center;align-items:center}.modal_container .modal_box.chuseok .body{padding:2rem}.modal_container .modal_box.chuseok .body p.message{display:flex;align-items:center;justify-content:center;height:auto;margin:0 0 min(calc((20 * 100vw) / 1920),20px)}.modal_container .modal_box.chuseok .body strong{color:var(--color)}.modal_container .modal_box.chuseok .body .content{margin:0}.modal_container .modal_box.chuseok .body .content img{width:100%;height:200px;object-fit:contain;margin:30px 0}.modal_container .modal_box.chuseok .body .content .nocieBox{font-size:2.3rem;margin-bottom:4rem;color:#787878}.modal_container .modal_box.chuseok .body .btn_close{width:100%;height:min(calc((92 * 100vw) / 1920),92px);padding:0}.modal_container .modal_box.chuseok .body .btn_close img{width:100%;height:100%;object-fit:cover}.modal_container .modal_box.chuseok .body .btn_close:after{display:none}.modal_container .modal_box.chuseok .btn_wrap{gap:2rem}.modal_container .modal_box.chuseok .btn_wrap .btn{font-size:3.6rem;height:9rem;width:100%}.modal_container .modal_box.chuseok .btn_wrap .btn:after{display:none;content:""}.modal_container .modal_box.chuseok .btn_wrap .btn:last-child{background-color:#000}.modal_container .modal_box.chuseok.modal_login_guide .header strong{color:#fff;font-size:3.2rem}.modal_container .modal_box.chuseok.modal_login_guide .body p.message{min-height:10rem;color:#222;font-size:2.8rem;line-height:1.5}.modal_container .modal_box.chuseok.modal_login_guide .login_action{background:#111;color:#fff;cursor:pointer;font-size:2.8rem;font-weight:700}.modal_container .modal_box.chuseok.modal_copy_confirm{--color: #09c0c8}.modal_container .modal_box.chuseok.modal_copy_confirm .body p.message{height:36rem;color:#1c1c1c;font-size:4.3rem;line-height:6.2rem;margin:0 0 1rem}.modal_container .modal_box.chuseok.modal_copy_confirm .btn_wrap .btn{background-color:var(--color)!important;color:#fff;cursor:pointer}.modal_container .modal_box.chuseok.modal_kakaopay{--color: #ffeb00}.modal_container .modal_box.chuseok.modal_kakaopay .header{color:#000;font-family:PaperLogy,sans-serif;font-size:min(calc((40 * 100vw) / 1920),40px);font-weight:700}.modal_container .modal_box.chuseok.modal_kakaopay .body p.message img{width:100%}.modal_container .modal_box.chuseok.modal_kakaopay .btn_wrap .btn{color:#fff;font-family:PaperLogy,sans-serif;font-size:min(calc((37 * 100vw) / 1920),37px);font-weight:700}.modal_container .modal_box.chuseok.modal_my_reward{padding:4rem 5.4rem 4.1rem;border:none;width:86.8rem;height:auto}.modal_container .modal_box.chuseok.modal_my_reward .header{--color: #ff4655;font-size:3.8rem;background:#fff;justify-content:flex-start;align-items:center}.modal_container .modal_box.chuseok.modal_my_reward .header .icon{width:5.5rem}.modal_container .modal_box.chuseok.modal_my_reward .header p.userName{color:var(--color);font-weight:700;line-height:5.8rem;border-left:1px solid var(--color);padding-left:2.6rem;margin-left:2.6rem}.modal_container .modal_box.chuseok.modal_my_reward .tab_reward{margin-top:3rem}.modal_container .modal_box.chuseok.modal_my_reward .tab_reward .tab_btn{--color: #ff4655;font-size:3.1rem;width:21.5rem;height:6rem;line-height:6rem;padding:0}.modal_container .modal_box.chuseok.modal_my_reward .body{margin-top:3rem;padding:0}.modal_container .modal_box.chuseok.modal_my_reward .body .content{max-height:730px;overflow-y:auto;overflow-x:auto}.modal_container .modal_box.chuseok.modal_my_reward .body p.subText{font-size:2.4rem}.modal_container .modal_box.chuseok.modal_my_reward .body .myRewardList{--color: #ff4655;margin-bottom:0}.modal_container .modal_box.chuseok.modal_my_reward .body .myRewardList thead th{padding:0;font-size:2.7rem;line-height:6.6rem}.modal_container .modal_box.chuseok.modal_my_reward .body .myRewardList tbody tr td{font-size:2.4rem;padding:2rem 0}.modal_container .modal_box.chuseok.modal_my_reward .body .pagination{margin:2.6rem 0 3rem}.modal_container .modal_box.chuseok.modal_my_reward .body .pagination ul li a{width:auto;height:auto;font-size:2.7rem;padding:0 1rem;line-height:3.2rem}.modal_container .modal_box.chuseok.modal_my_reward .body .pagination ul li.active a{color:var(--color)}.modal_container .modal_box.chuseok.modal_apply{--color: #ff4655}.modal_container .modal_box.chuseok.modal_apply .header h4:after{display:none}.modal_container .modal_box.chuseok.modal_apply .rewardText{font-size:4.3rem;margin:4rem 0 1rem}.modal_container .modal_box.chuseok.modal_apply img.reward_img{display:block;height:27.7rem;object-fit:contain}.modal_container .modal_box.chuseok.notice .body{padding:2rem}.modal_container .modal_box.chuseok.notice .message{flex-direction:column;margin:7rem 0 9rem;color:#000;font-size:4.3rem;font-weight:500}.modal_container .modal_box.chuseok.notice .message .amount{font-family:pretendard;font-weight:700;color:var(--color)}.modal_container .modal_box.chuseok.notice .message .subMessage{font-size:2.3rem;margin-top:3rem}.modal_container .modal_box.chuseok.notice .btn{font-size:3.6rem;height:9rem;width:100%}.modal_container .modal_box.chuseok.notice .btn:after{display:none;content:""}.modal_container .modal_box.chuseok.modal_apply_info{--color: #ff4655}.modal_container .modal_box.chuseok.modal_apply_info .header h4:after{display:none}.modal_container .modal_box.chuseok.modal_apply_info p.message{font-size:4.3rem;height:19rem}.modal_container .modal_box.chuseok.modal_apply_info .inputWrap{margin-bottom:4rem}.modal_container .modal_box.chuseok.modal_apply_info .inputWrap>div input[type=text]{text-align:center;font-weight:800;width:100%;font-size:4.3rem;height:9.3rem;background-color:#e7e7e7;border:none;outline:none}.modal_container .modal_box.chuseok.modal_apply_info .inputWrap>div input[type=text]::placeholder{color:#959595}.modal_container .modal_box.chuseok.modal_apply_info .inputWrap .msg-error{font-size:2.4rem;margin-top:1rem}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy{margin:0 0 4rem;max-height:20rem;overflow-y:auto;background:#f9f9f9;padding:2rem;border:1px solid #eee;line-height:1.4em;text-align:left;color:#5f5f5f;font-size:2.3rem}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy::-webkit-scrollbar{width:4px;height:4px}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy::-ms-overflow-style{display:none}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy::-webkit-scrollbar-thumb{border-radius:10px;background:#ff4655}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy strong{color:#000;font-weight:500}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy ul{margin-bottom:1rem}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy ul li{padding-left:2.7rem;margin-bottom:.5rem}.modal_container .modal_box.chuseok.modal_apply_info .agreePolicy ul li:before{content:"●";position:absolute;left:0}.modal_container .modal_box.chuseok.modal_apply_info .agreeWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:6rem}.modal_container .modal_box.chuseok.modal_apply_info .agreeWrap input{width:4rem;height:4rem}.modal_container .modal_box.chuseok.modal_apply_info .agreeWrap label{font-size:3.3rem;font-weight:500;line-height:5.5rem}.modal_container .modal_box.chuseok.modal_apply_info .agreeWrap .notice{width:100%;margin-top:5rem;font-size:2.3rem;color:#5f5f5f}.modal_container .modal_box.chuseok.modal_apply_info .btn_wrap a{background-color:var(--color)!important}.modal_container .modal_box.chuseok.orderRankModal{width:140rem;height:93rem;border:none;border-radius:3.5rem;background:url(../img/summer/bg_common_red.jpg) center top no-repeat;background-size:cover;padding:6.4rem 7rem}.modal_container .modal_box.chuseok.orderRankModal .header{height:10rem;background:transparent;color:#fff;margin:1rem 0 6rem}.modal_container .modal_box.chuseok.orderRankModal .header h4{display:flex;justify-content:center;align-items:center;gap:5rem;font-family:PaperLogy,sans-serif;font-size:5.4rem}.modal_container .modal_box.chuseok.orderRankModal .header h4:after,.modal_container .modal_box.chuseok.orderRankModal .header h4:before{display:block;content:"★"}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap{display:flex;justify-content:space-between;gap:1rem}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap .item{width:20rem;height:63.8rem;background:#fff;border-radius:2rem;overflow:hidden}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap .item .img_menu{width:100%}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap .item .ranking{padding:0 1.4rem;display:flex;flex-direction:column;gap:1.5rem}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap .item .ranking img{display:block;width:7rem;margin:0 auto}.modal_container .modal_box.chuseok.orderRankModal .menus_wrap .item .ranking span{display:block;background:#efefef;width:100%;height:4.2rem;font-size:2rem;line-height:4.3rem}.modal_container .close{top:-9rem;right:-3rem}.modal_container .close img{width:10rem;height:10rem}.modal_container.active{display:flex}@media(max-width:1000px){#chuseokEvent .pc{display:none!important}#chuseokEvent .mb{display:block!important}#chuseokEvent .main_top{height:106vw}#chuseokEvent .chuseok_period{height:35.5vw;background:url(../img/chuseok/bg_period_m.jpg) no-repeat center;background-size:cover;flex-direction:column;font-size:3.4vw;gap:4vw}#chuseokEvent .chuseok_period .label{font-size:3.4vw;width:21vw;height:6.8vw}#chuseokEvent .chuseok_package_wrap{height:168vw;background:url(../img/chuseok/bg_event_1_m.jpg) no-repeat center;background-size:cover}#chuseokEvent .chuseok_package_wrap .package_action{margin-top:133vw}#chuseokEvent .chuseok_package_wrap .package_action .btn_get_pkg .img_btn_get_pkg{width:70vw}#chuseokEvent .chuseok_package_wrap .package_action .btn_get_pkg .btn_tooltip{font-size:3.2vw;padding:1vw 4vw;transform:translate(-50%,-4.5vw)}#chuseokEvent .chuseok_package_wrap .package_action .event_caution{font-size:2.8vw;margin-top:5vw}#chuseokEvent .event_emoticon_wrap{position:relative;height:158.9vw;background:url(../img/chuseok/bg_emoticon_m.png) no-repeat center;background-size:cover;width:100%;padding-top:68.3vw}#chuseokEvent .event_emoticon_wrap .emoticon_action .btn_get_emoticon .img_btn_get_emoticon{width:70vw}#chuseokEvent .invitation_wrap{height:102vw;background:url(../img/chuseok/bg_invite_m.jpg) no-repeat center;background-size:cover;padding-top:10vw}#chuseokEvent .invitation_wrap .header h3{font-size:5.5vw;margin:0 0 6vw}#chuseokEvent .invitation_wrap .header p{font-size:3vw;line-height:4.7vw;margin-bottom:6vw}#chuseokEvent .invitation_wrap .invite_code_wrap{width:86vw;padding:8vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .label h4{font-size:4vw;margin-bottom:4vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap{padding:0 5vw;height:12vw;margin-bottom:6vw;width:55vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap .code{font-size:3vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .code_wrap .btn_copy{width:12.7vw;height:5vw;font-size:2.6vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .link_sns{gap:1.2vw}#chuseokEvent .invitation_wrap .invite_code_wrap .my_code_wrap .link_sns button{width:13vw;height:5vw;font-size:2.1vw}#chuseokEvent .jet_mousepad_wrap{height:116.7vw;background:url(../img/chuseok/bg_jet_m.jpg) no-repeat center;background-size:cover}#chuseokEvent .jet_mousepad_wrap .btn_goto_event{bottom:10vw;width:70vw}#chuseokEvent .floating_wrap{bottom:3vw;right:3vw;gap:3vw}#chuseokEvent .floating_wrap.mousepad_floating{bottom:18vw}#chuseokEvent .floating_wrap .float_btn .close_float_btn{display:none;width:6vw;height:6vw}#chuseokEvent .floating_wrap .float_btn .btn_float_img{width:14vw}#chuseokEvent .floating_wrap .float_btn.btn_top{display:flex}.modal_container .modal_box.chuseok{width:80vw;border:.5vw solid var(--color)}.modal_container .modal_box.chuseok .header{height:10vw}.modal_container .modal_box.chuseok .body{padding:2rem}.modal_container .modal_box.chuseok .body p.message{margin:2vw 0}.modal_container .modal_box.chuseok .body .content img{width:100%}.modal_container .modal_box.chuseok .body .btn_close{height:12vw}.modal_container .modal_box.chuseok .body .login_action{height:12vw;font-size:4vw}.modal_container .modal_box.chuseok.modal_login_guide .header strong{font-size:4.5vw}.modal_container .modal_box.chuseok.modal_login_guide .body p.message{min-height:18vw;font-size:4vw}.modal_container .modal_box.chuseok.modal_copy_confirm .body p.message{height:36vw;font-size:4.3vw;line-height:6.2vw}.modal_container .modal_box.chuseok.modal_copy_confirm .btn_wrap .btn{height:12vw;font-size:4vw}.modal_container .modal_box.chuseok.modal_kakaopay .header{color:#000;font-size:4vw}.modal_container .modal_box.chuseok.modal_kakaopay .btn_wrap .btn{height:12vw;font-size:4vw}}