@charset "utf-8";

/* ÀüüÃÖ½Å±Û ¸ñ·Ï */
#new_lat {position:relative;border:1px solid #e1e1e1;margin-bottom:15px}
#new_lat .lat_title {display:block;padding:10px 0 8px 13px;font-size:1em;line-height:1.2em;background:#f2f5fc}
#new_lat .tbl_head_lt {border-top:1px solid #d6d6d6;padding:8px 12px}
#new_lat .tbl_head_lt table {width:100%;border-collapse:collapse;border-spacing:0}
#new_lat .tbl_head_lt td {padding:5px 0;overflow:hidden;line-height:1.2em;word-break:break-all}
#new_lat .td_subject {padding-right:10px}
#new_lat .td_subject img {margin-left:2px}
#new_lat .td_name {width:80px;font-size:11px;color:#999999;text-align:left}
#new_lat .td_date {width:40px;font-size:11px;color:#999999;text-align:center}
#new_lat .new_cmt {margin:0 0 0 3px;color:#ff3061;font-weight:normal}
#new_lat .lat_board_link {display:inline-block;margin:0;padding:0;color:#777777 !important;font-weight:normal;text-decoration:none}





.star-ratings {float:left;margin:0;font-size:16px;position: relative;unicode-bidi: bidi-override;}

.star-ratings-fill {padding: 0;  position: absolute;  z-index: 1;  display: flex;  top: 0;  left: 0;  overflow: hidden;  -webkit-text-fill-color: #f1592a;}
.star-ratings-base {z-index: 0; padding: 0;}
.star-info {float:left;margin-left:10px;font-size:14px;color:#888888;line-height:33px;}
.star-info span {color:#888888;font-size:16px;line-height:33px;}
.star-info span.av {font-weight:bold;color:#000000;font-size:24px;line-height:33px;}

#half-stars-example 
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
.rating-group {display: inline-flex;}
  
  /* make hover effect work properly in IE */
.rating__icon {pointer-events: none;}
  
  /* hide radio inputs */
.rating__input {
   position: absolute !important;
   left: -9999px !important;
}

  /* set icon padding and size */
.rating__label { cursor: pointer;
    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
    padding: 0 2px;
    font-size: 20px;
  }

  /* add padding and positioning to half star labels */
.rating__label--half {
    padding-right: 0;
    margin-right: -0.6em;
    z-index: 2;
  }
  
  /* set default star color */
.rating__icon--star {color: #f1592a;}
  
  /* set color of none icon when unchecked */
.rating__icon--none {color: #eee;}

  /* if none icon is checked, make it red */
.rating__input--none:checked + .rating__label .rating__icon--none { color: red; }

  /* if any input is checked, make its following siblings grey */
.rating__input:checked ~ .rating__label .rating__icon--star { color: #ddd; }
  
  /* make all stars orange on rating group hover */
.rating-group:hover .rating__label .rating__icon--star,
.rating-group:hover .rating__label--half .rating__icon--star { color: #f1592a; }

  /* make hovered input's following siblings grey on hover */
.rating__input:hover ~ .rating__label .rating__icon--star,
.rating__input:hover ~ .rating__label--half .rating__icon--star {color: #ddd;}
  
  /* make none icon grey on rating group hover */
.rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none { color: #eee; }

  /* make none icon red on hover */
.rating__input--none:hover + .rating__label .rating__icon--none { color: red; }


.rating .star-ratings-fill {padding: 0;  position: absolute;  z-index: 2;  display: flex;  top: 0;  left: 0; gap:4px !important;  overflow: hidden;  -webkit-text-fill-color: #f1592a;}
.rating .star-ratings-base {padding: 0;  z-index: 1;  display: flex;  top: 0;  right: 0; gap:4px !important;}