@charset "utf-8";

.gnb>ul>li:after{margin: 0 2px;}

.se-image-resource { max-width:100%; }

.list_page_odd_wrap{float:left; width:100%; margin:0 0 0 0;}

.right_list_serch_box{height: auto; padding:10px; border:1px solid #363636;}


/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;width:100%;height:0;max-width:100%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#000}
.hd_pops_con {}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px; padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


.page_wrap {
	margin-bottom:30px !important;
}

.videoarea2 {
    margin-bottom: 0px !important;
}

.new_notice_box{float:left; width:100%; position:relative; height:50px;}
.new_notice_bg{float:left; width:100%; height:100%; position:absolute; background:linear-gradient(to right, #0bec21 0%,#141414 10%, #141414 90%, #0bec21 100%); animation: new_notice_bg 2s infinite;}
.new_notice_text_box{float:left; width:100%; height:100%; position:absolute; border: 1px solid transparent; border-radius: 50%; border-image: linear-gradient(to right, #141414 10%, #9cff00 50%, #141414 90%); border-image-slice: 1;}
.new_notice_text{float:left; width:100%; height:50px; line-height:50px; padding:0 5vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family: 'GmarketSans'; font-weight:500; font-size:16px; color:#ffffff;}
.new_notice_text span{margin:0 15px; font-weight:700; font-size:18px; color:#00ff18; text-shadow:1px 1px 3px rgba(0,0,0,0.6), 0px 0px 15px rgba(0,255,24,0.9);}

@media screen and (max-width:768px) {
    .new_notice_text{font-size:12px;}
    .new_notice_text span{font-size:14px;}
}

@keyframes new_notice_bg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

//신규 테이블

.list_tr5{float:left; width:100%; font-size:0; display:flex;}
.list_tr5>*{width:calc(100% / 5);}
.list_title5     {background:none; border-top:2px solid #01a032; border-bottom:1px solid #01a032; color:#ffffff; font-size:14px; font-weight:700; display: flex; align-items: center; justify-content:center; line-height:50px;}
.list5           {background:none; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}
.list5:last-child{font-weight:600;}
.list_tr5 i{display:none; margin:0 5px;}

@media screen and (max-width:768px) {
.list_title5{line-height:40px; font-size:12px; font-weight:500;}
.list5{padding:10px 5px 10px 5px; font-size:10px;}
}

.left_chat_in {
    height: 550px;
}

 .progress_bar_box{width:100%; float:left; display: flex; align-items: center; justify-content: space-between;}
 .progress_bar{float:left; width:80%; height:18px; background:#000000; position:relative;}
 .bar_gauge{float:right; width:18%; font-size:14px; color:#545454;}
 .gauge{width:30%; height:18px; background:linear-gradient(to right, #e2e2ed 0%, #b0a0ff 80%, #5837ff 100%);}
 .amount{width:100%; text-align:center; font-size:12px; font-weight:500; position:absolute; left:0; top:0;}