#modal-wrap .event-wrap #evt-form .alert{display:none;}
/* #main-wrap .rank-wrap .rank-list ul{overflow-y:auto !important;overflow-x:hidden;} */
.rank-list-box{height:100%;}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{  touch-action: pinch-zoom !important;}

/* 세로로 꽉차는 상황*/
@media (min-aspect-ratio: 9/16) {
    body{font-size:1.5vh !important;}
}

/* 가로로 꽉차는 상황*/
@media (max-aspect-ratio: 9/16) {
    body{font-size:2.666vw !important;}
}

.event-wrap-type-2.ribbon{justify-content:center;align-items:center;font-family:'Noto Sans KR';display:none;}
.event-wrap-type-2.ribbon .modal-tit{z-index:2;top:2.5%;}
.event-wrap-type-2.ribbon .modal-area{background:white;position:relative;display:block;padding-top:25.5%;}
.event-wrap-type-2.ribbon.event-wrap-main .modal-area{display:flex;}
.event-wrap-type-2.ribbon:before{content:"";position:absolute;top:0.5em;bottom:-0.5em;left:11.675%;width:76.65%;background:#999999;height:100%;display:flex;border-radius:1em;}
.event-wrap-type-2.ribbon .modal-area .slide{text-align:center;box-sizing:content-box}
.event-wrap-type-2.ribbon .modal-area .slide.slide1{}
.event-wrap-type-2.ribbon .modal-area .slide .slide-content{padding:0 3%;}
.event-wrap-type-2.ribbon .modal-area .slide.slide1 .slide-content{padding:0 6%;}

.event-wrap-type-2.ribbon .modal-area .btn-s, .event-wrap-type-2.ribbon .modal-area .event-btn{position:relative;margin:5% auto 8%;width:35%;}
.event-wrap-type-2.ribbon .modal-area .inner-label{background:#fb7b7c;display:inline-block;color:white;padding:0.2em 0.5em;border-radius:15em;font-size:1.3em;}
.event-wrap-type-2.ribbon .modal-area .inner-label + span{font-size:1.3em;display:block;color:#161212;margin:0.6em 0 1em;font-weight:400;}
.event-wrap-type-2.ribbon .modal-area .inner-label + p{font-size:1.3em;display:block;color:#161212;margin:2em 0 2em;font-weight:500;}
.event-wrap-type-2.ribbon .modal-area  input[type=text] {color:#666666;width:100%;box-sizing:border-box;border:1px solid #666666;padding:1em;border-radius:0.6em;font-size:1em;line-height:1.2em;}
.event-wrap-type-2.ribbon .modal-area  input[type=text] + input[type=text] {margin-top:0.65em;}

.event-wrap-type-2.ribbon .modal-area form{outline:none;}

.event-wrap-type-2.ribbon .modal-area .agree-wrap {margin-top:0.7em;text-align:left;}
.event-wrap-type-2.ribbon .modal-area .agree-wrap label{display:block;}
.event-wrap-type-2.ribbon .modal-area .agree-wrap label input{width:1.3em;height:1.3em;vertical-align: middle;}
.event-wrap-type-2.ribbon .modal-area .agree-wrap label span{color:#000000;font-size:1.3em;font-weight:400;vertical-align:middle;}
.event-wrap-type-2.ribbon .modal-area .agree-sub-wrap{margin-top:0.4em;display:flex;justify-content: space-around;padding:0 10%;}
.event-wrap-type-2.ribbon .modal-area .agree-sub-wrap .alert{display:none;}
.event-wrap-type-2.ribbon .modal-area .agree-sub-wrap a{color:#666666;text-decoration:underline;}
.event-wrap-type-2.ribbon .modal-area .agree-sub-wrap p{color:#ff6167;font-weight:400;font-size:1.05em;vertical-align: middle;}
.event-wrap-type-2.ribbon .modal-area .agree-sub-wrap p:before{content:'';display:inline-block;margin-right:0.3em;background:url('/images/ico-important.png') center no-repeat;background-size:100%;vertical-align: middle;margin-top: -2px;width:1em;height:1em;}

.event-wrap-type-2.ribbon .modal-area .notice-wrap{margin-top:1em;font-weight:400;font-size:1.15em;line-height:1.2em;color:#666666;text-align:center;}
.event-wrap-type-2.ribbon .modal-area .notice-wrap p + p{margin-top:0.67em;}
.event-wrap-type-2.ribbon .modal-area .notice-wrap + button{margin-top:6%;}

#main-wrap .btn-wrap_vert{margin:25% auto 3%;}
#main-wrap .btn-wrap_vert .rank-btn{margin-top:2em;}
#main-wrap .btn-wrap_vert .event-info-btn{margin-top:2em;}


.close-event-wrap{display:none;}

.modal-area .slick-dots {
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%);
  }
.modal-area .slick-dots li {
    display: inline-block;
    margin-right: 0.7em;
  }
.modal-area .slick-dots li:last-child {
    margin-right: 0;
  }
.modal-area .slick-dots li button {
    text-indent: -9999px;
    width: 0.5em;
    height: 0.5em;
    background: #999;
    border-radius: 50%;
    transition: all 0.2s;
  }
.modal-area .slick-dots li.slick-active button {
    background: #fff;
    border-radius: 6px;
    padding: 0 0.8em;
  }

.close-btn-txt {position:absolute;right:7%;bottom:3.6%;width:8%;}
.close-btn-txt img{width:100%;}


#end-wrap .ending2-wrap .txt-wrap {
    background:none;
    height: 49%;
    box-sizing: border-box;
    padding: 5% 4%;
    border-radius:2em;
    padding-top:24%;
    position:relative;
    width:100%;
    text-align:center;
}

#end-wrap .ending2-wrap .txt-wrap:before{
    content:'';
    display:block;
    position:absolute;
    bottom:0%;
    left:0;
    right:0;
    height:70%;
    background: linear-gradient(0deg, rgba(197,235,250,1) 0%, rgba(226,245,253,1) 35%, rgba(255,255,255,1) 100%);
    z-index:1;
    border-radius: 0 0 2em 2em;
    box-shadow: 6px 6px 16px 1px rgba(0,0,0,0.4);
}

#end-wrap .ending2-wrap .txt-wrap:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:33%;
    background:url('/images/evt-exp-bg-top.png') center bottom no-repeat;
    background-size:100% auto;
    z-index:2;
}



#end-wrap .ending2-wrap .txt-wrap .mCustomScrollBox, #end-wrap .ending2-wrap .txt-wrap .end-tit{
    position:relative;
    z-index:3;
}

#end-wrap .ending2-wrap .txt-wrap .content{
    height:74%;
}

.rank-list-box:not(:has(li)):after{content:"등록된 랭킹이 없습니다."; 
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-family: 'Jalnan';
  font-size: 1.2em;
  padding: 3em;
}


.input-dual{
  display: flex;
  line-height: 3.2em;
  margin-top: 0.7em;
  justify-content: space-between;
}

.input-dual{
  display: flex;
  line-height: 3.2em;
  margin-top: 0.7em;
  justify-content: space-between;
}

.input-dual > span{
  color: #666666;
}

.input-dual > label{
  width: 36.5%;
  margin-left: 0.7em;
}

.input-dual > label + label{
  margin-left: 0.4em;
}

.input-dual > label input{
  display:none;
}

.input-dual > label span{
  color: #666666;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #666666;
  padding: 1em;
  border-radius: 0.6em;
  font-size: 1em;
  line-height: 1.2em;
  display: inline-block;
}

.input-dual > label input:checked + span{

  background:#EB8280;
  border-color:#EB8280;
  color:white;

}