/* 리스트 기본 */
#list_type {margin:0 0 20px 0;}
#list_type:after {display:block;visibility:hidden;clear:both;content:""}
#list_type h2 {padding:0;font-size:0;line-height:0;overflow:hidden}
#list_type h3 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:400;}

#list_type .row_th {position:relative;font-weight:500;text-align:center;background: #263347;border-top: 0;border-bottom: 0;border-radius: 5px;}
#list_type .row_th:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .row_th a {font-weight:500;text-align:center;}

#list_type .row_td {position:relative;border:solid 1px #8080801c;margin: 1px 0;}
#list_type .row_td:after {display:block;visibility:hidden;clear:both;content:""}

#list_type .row_th .cell {display:block;float:left;position:relative;padding:16px 0}
#list_type .row_td .cell {display:block;float:left;position:relative;padding:14px 0;}

#list_type .chk_box {width:40px;text-align:center;}
#list_type .cell_num {width:50px;text-align:center;}

@media screen and (min-width: 769px){
    #list_type .cell_subject {display:none;}
}

#list_type .cell_subject {width:auto;word-wrap:break-word;word-break:break-all;cursor:pointer;    overflow: hidden;}
#list_type .cell_subject a.subject {
        padding: 14px 0;
    display: block;
}
#list_type .cell_subject2 {display:block;width:auto;padding:14px 0;text-align:center;word-wrap:break-word;word-break:break-all;cursor:pointer;}
#list_type .cell_subject2 a.subject {}
#list_type .cell_date_long {display:block;width:auto;padding:14px 0;text-align:center;word-wrap:break-word;word-break:break-all;cursor:pointer;}
#list_type .cell_date_long a.subject {}

#list_type .notice_icon {display:inline-block;padding:0 6px;color:#fff;font-size:11px;font-weight:300;line-height:18px;background:#555;border:solid 1px #222;/*border-radius:3px;*/}

#list_type .cell_info {float:right;}
#list_type .cell_info:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .cell_name {width:100px;text-align:center;}
#list_type .cell_date {width:80px;text-align:center;}
#list_type .cell_date2 {width:120px;text-align:center;}
#list_type .cell_good {width:50px;text-align:center;}
#list_type .cell_nogood {width:50px;text-align:center;}
#list_type .cell_stat {width:100px;;text-align:center;}
#list_type .cell_del {width:60px;text-align:center;cursor:pointer;}
#list_type .cell_del i {color:#f75665;font-size:14px;}
#list_type .cell_file {width:60px;;text-align:center;}
#list_type .cell_file i {color:#444;font-size:20px;}
#list_type .cell_game {width:180px;text-align:center;}
#list_type .cell_num_long {width:100px;text-align:center;}
#list_type .cell_num_long2 {width:240px;text-align:center;}
#list_type .cell_period {width:160px;text-align:center;}
#list_type .cell_stat2 {width:160px;text-align:center;}
#list_type .cell_content {width:320px;text-align:center;}
#list_type .cell_rate {width:120px;text-align:center;}


#list_type .profile_img {}
#list_type .profile_img img {width:18px;height:auto;border-radius:50%;vertical-align:baseline;}
#list_type .cnt_cmt {color:#f21972;font-size:11px;}

#list_type i {font-size:16px;}
#list_type i.xi-new {color:#f21972;}

#list_type .cell_mobile_info {display:none;margin:4px 0 0 0;}
#list_type .cell_mobile_info:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .cell_mobile_info div {display:block;float:left;margin:0 12px 0 0;color:#999;font-size:12px;}
#list_type .cell_mobile_info div:last-child {margin:0;}
#list_type .cell_mobile_info div i {font-size:14px;}

#list_type span,
#list_type img,
#list_type a {vertical-align:top;}

.empty_data {padding:40px 20px;text-align:center;}




@media screen and (max-width:768px) {
/* 리스트(기본) */
#list_type .chk_box {display:none !important;}
#list_type .cell_num {display:none !important;}
#list_type .cell_subject {padding:12px 10px !important;}
#list_type .cell_subject2 {padding:12px 10px !important;text-align:left;}
#list_type .cell_date_long {padding:12px 10px !important;text-align:left;}
#list_type .cell_info {display:none;}
#list_type .cell_name {display:none !important;}
#list_type .cell_del {width:60px;color:#f75665;text-align:left;}
#list_type .cell_file {display:none;}
#list_type .cell_game {display:none !important;}
#list_type .cell_num_long {display:none !important;}
#list_type .cell_num_long2 {display:none !important;}
#list_type .cell_rate {display:none;}
#list_type .cell_period {display:none;}
#list_type .cell_stat2 {display:none;}
#list_type .cell_content {display:none;}

#list_type .cell_mobile_info {display:block;}



#list_type .row_td .cell.cell_stat span {
        /* position: absolute; */
        /* right: unset; */
        /* left: 15px; */
        /* top: 50%; */
        /*-webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        */
}



#list_type .row_td .cell.cell_stat {padding-top: 25px;clear: both;}

}





@media screen and (min-width:768px) {
    #list_type.message_table  .cell_subject .col_one  ,
    #list_type.faq_table  .cell_subject .col_one {
    
        width: 100px;
    }
    
    
    #list_type.message_table .cell_subject .col_two,
    #list_type.faq_table .cell_subject .col_two {
        width: calc(100% - 100px);
    }

    #list_type.message_table .cell_info ,
    #list_type.faq_table .cell_info{
        width: 360px;
    }
    
    #list_type.message_table .row_th .cell_subject ,
    #list_type.faq_table .row_th .cell_subject {
        float: left;
        width: calc(100% - 360px);
    }
    
    #list_type.faq_table .cell_subject .col_three , #list_type.message_table .cell_subject .col_three {display:none;}
    
    #list_type #notice_title .cell_subject .subject {
    padding-top: 14px;
    display: block;
    }
    
    #list_type.faq_table .stat_active, #list_type.faq_table .stat_rdy, #list_type.message_table .stat_active , #list_type.message_table .stat_rdy {
    width: 80px;
    text-align: center;
    }

    
}

@media screen and (max-width:1024px) {
#list_type .row_td .cell_info .cell_stat.st2 , #list_type .row_th .cell_stat.st2 {
    display: none;
}
}

@media screen and (max-width:767px) {
    
#list_type.message_table .cell_subject .col_one {
    width: 100px;
}

#list_type.message_table .cell_subject .col_two {
    width: calc(100% - 110px);
    text-align: left;
    left: 10px;
}


#list_type.faq_table .row_th .cell_subject ,
#list_type.message_table .row_th .cell_subject {

    float: left;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#list_type.message_table .row_td  .cell_subject {
    width: calc(100% - 100px);
    display:inline-block;
}
#list_type.faq_table .row_td  .cell_subject,
#list_type.faq_table .cell_subject .col_two{
    width: calc(100% - 140px);
    display:inline-block;
}


#list_type.faq_table .row_td .cell.cell_stat ,
#list_type.faq_table .cell_subject .col_one,
#list_type.faq_table .cell_subject .col_three{
    width: 60px;
}
#list_type .row_th .cell_subject > .cell {padding:0;}


.cell_mobile_stat .stat_active, .cell_mobile_stat  .stat_rdy {display:block}

.cell_mobile_stat  .stat_rdy{margin-top: 9px;}

#message_title .cell_mobile_stat {
    top: 10px;
    transform: unset;
}

#message_title .cell_mobile_stat._delete_msg {
    top: 36px;
}

#list_type.faq_table .cell_mobile_stat,
#list_type.message_table .cell_mobile_stat {
    width: 80px;
    text-align: center;
}
   #list_type.faq_table .cell_mobile_stat {
       position:initial;
       display: inline-block;
       padding: 12px 0px;
       transform: unset;
   } 
}







#list_type .cell_info{
	float:left;
}
#list_type .cell_pdtt,#list_type .cell_round{
	width:100px;
	text-align: center;
}
#list_type .cell_pdt{
	padding-top: 9px !important;
    padding-bottom: 0 !important;
	width:100px;
	text-align: center;
}
#list_type .del_icon ,
.del_btn {
    display: inline-block;
    padding: 0px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    background: #b70d0d;
    border: solid 1px #FF4C4C;
    border-radius: 3px;
	cursor:pointer;
}
#list_type .del_icon:hover, .del_btn:hover {
    background: #FF4C4C;
}
#list_type .status_icon {
    display: inline-block;
    padding: 0px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    background: #4bbb8b;
    border: solid 1px #222;
    border-radius: 3px;
}
#list_type .notice_icon {
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}


#list_type .cell_subject {
	display: none;
}
#list_type .cell_btype {
	width: 200px;
	text-align: center;
}
@media screen and (max-width: 768px){
	#list_type .cell_subject {
		display: block;
	}

	  #list_type .row_td {
    background:rgba(255, 255, 255, 0.05);
		  border-radius:5px;
	  }
}

#bo_cat_low{
	position: relative;
	margin: -21px 0 60px 0;
	border: none;
}
#bo_cat_low .bo_cate_current, #bo_cat_low ul li a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#bo_cat_low .bo_cate_current {
	display: none;
	position: relative;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	text-indent: 10px;
	cursor: pointer;
}
#bo_cat_low .bo_cate_current .arrow {
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 40px;
	color: #f21972;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
#bo_cat_low ul {
	display: block;
	padding: 0 4px;
	font-size: 0;
	line-height: 0;
	text-align: left;
	border-bottom: solid 1px #444;
}
#bo_cat_low ul li {
	display: inline-block;
	width:inherit !important;
}
#bo_cat_low ul.game_start li {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}
#bo_cat_low ul li a {
	display: block;
	margin: 0 -1px -1px 0;
	padding: 0 24px;
	color: #999;
	font-size: 13px;
	line-height: 40px;
	background: #222;
	border: solid 1px #444;
}
#bo_cat_low .bo_cat_low_on {
	color: #6fffc1;
	font-weight: 500;
	background: #000;
	border-bottom: solid 1px #000;
	z-index: 2;
}



@media screen and (min-width: 769px) {

  
#list_type .row_th-betlog,
#list_type .row_td-betlog {
    display: grid;
    grid-template-columns: 
      1.2fr  /* TIME */
      1.5fr  /* GAME COMPANY */
      1.5fr  /* GAME */
      1fr    /* BETS */
      1fr    /* WINNINGS */
      0.8fr  /* STATUS */
      0.7fr; /* DELETE */
    align-items: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  
  


  #list_type .row_th .cell_info,
  #list_type .row_td .cell_info {
    float: none;
    padding: 0 5px;
  }

  #list_type .row_th .cell,
  #list_type .row_td .cell {
    float: none;
    padding: 14px 5px;
  }

  #list_type .row_td {
    background:rgba(255, 255, 255, 0.05);
	  border-radius:5px;
  }

  #list_type .row_td:hover {
    background: rgb(255 255 255 / 9%);
  }

  /* Keep mobile content hidden */
  #list_type .cell_subject {
    display: none !important;
  }
}


@media (max-width:1050px) {
    #list_type .cell_btype {
    width: 100px;
    }
    #list_type .cell_date2 {
    width: 70px;
    }
}