.main-wrap {  padding: 0px 0px;  overflow: hidden; }

.sort-box { display: flex; justify-content: space-between; align-items: center; background:#151517; padding: 5px 15px;  height:38px;}

.sort-box .st-left { font-size:10.667px;  }
.sort-box .st-left .current_option {  }
.sort-box .st-left .current_option ul{ display: flex; list-style: none; padding-left: 0px; margin-bottom:0px;}
.sort-box .st-left .current_option ul li a{ font-size: 10.667px; color: #ababab; padding-right: 10px; position: relative; }
.sort-box .st-left .current_option ul li a.on{ color: #fa5848; }
.sort-box .st-left img { width:12px; margin-right: 4px; }

.sort-box .st-right { font-size:10.667px; color:#ababab;  position: relative; }
.sort-box .st-right .show-order .sort_title span {   cursor: pointer; }
.sort-box .st-right .show-order .sort_title span.titleMo { color:#FD6550; margin-right:5px;}
.sort-box .st-right .show-order .sort_title span.titleSort { color:#ababab; }




.hidden-box-order { display:none; position: absolute; z-index:9999; width: 68px; height: 103px; background-color: #4c4c54; border: 1px solid #1a1a1f;
    border-radius: 5px; top: 24px;  left: -25px; font-size: 10.667px;}
.hidden-box-order ul { list-style: none;  padding: 5px;}
.hidden-box-order li {  cursor: pointer; /* margin-right: 10px; */ text-align: center; font-size: 13px; line-height: 23px;  }
.hidden-box-order li.active  { color:#FD6550; }






.notice-box { background: #1a1a1f; display: flex; align-items: center; padding: 10px 15px; justify-content: space-between;  align-content: center; }
.notice-box .ne-title {font-size:12.6667px;  color:#fff;     display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 95%;}
.notice-box .ne-title img { width:20px; margin-right:3px; }
.notice-box .ne-title a {
    font-size: 12.6667px;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}



/* 리뷰 작품 리스트 - 컨텐츠*/

.mreview-wrap { background:000; }

.content-review { }
.content-review.detail{ margin: 0px 0 0 0; display: block; }
.content-review .title-words {  clear: both;   border-bottom: 1px solid #f3f4f6;  padding-left: 5px; font-size: 10px; color: #4a4a4a; text-align:right; }
.content-review .title-words span.gender-bg{   color: #4a4a4a; font-weight:400; font-size:13px; margin-right:10px}
.content-review .title-words span.genre-bg{  color: #4a4a4a; font-weight:400; font-size:13px;  }
.content-review .detail ul {list-style: none; padding-left:0px;}
.content-review h2 ,h3, h4 {margin:0px;}
.content-review { display: block; }


.content-review .con{  background: #1a1a1f; padding: 10px 15px; position: relative; display: flex;  color: #333; box-sizing: border-box; border-bottom: 10px solid #161618; }
.content-review .con a{ display: flex;    width: 100%;    color: #333; }
.content-review .con .con_txt{    display: block;    vertical-align: middle;    padding-top: 0.3em;    width: 100%;     position: relative; }
.content-review .con ul.edit_list{    display: none }
.content-review .con ul.edit_list.active{     display: block;    position: absolute;    right: 1em;    top: 0em;    background: #333;    padding: 0.5em 1em 1em 1em;    box-sizing: border-box;    z-index: 3;    height: auto;    overflow: hidden; }
.content-review .con ul.edit_list li{    display: block;    border-bottom: 1px solid rgba(255,255,255,0.1);    font-size: 12px;   /* padding: 0.7em 2em 0.7em 0.5em;*/  padding: 0.1em 0.1em 0.1em 0.1em; color: #fff;  }
.content-review .con ul.edit_list li.active{ font-weight:bold;}
.content-review .con ul.edit_list li a{    display: inline-block;    position: relative;    color: #fff; }
.content-review .con ul.edit_list li a.on::after{    content: '◀';    position: relative;    font-size: 10px;    color: #fff;     padding-left: 10px; }
.content-review .con .edit_list li a.del{     color: #fc6c59; }

.content-review .con .con_txt ul.btns{ position: absolute; right: 0em; top: 2.3em; display: flex; }
.content-review .con .con_txt ul.btns li .ring{     border: 1px solid #ddd;    border-radius: 3px;    box-sizing: border-box;    width: 24px; height: 24px;    margin-right: 4px;    background: url(../../img/images/big_ring.png) 50% no-repeat;    background-size: 12px auto; }
.content-review .con .con_txt ul.btns li .ring.on{  border: 1px solid #fc6651;    background: url(../../img/images/big_ring_active.png) 50% no-repeat;    background-size: 12px auto; }
.content-review .con .con_txt ul.btns li .list{    border: 1px solid #b7b7b7;    border-radius: 3px;    box-sizing: border-box;    height: 24px;    line-height: 24px; background: url(../../img/images/ico_list.png) 5px 50% no-repeat #b7b7b7;    background-size: 8px auto;    color: #fff;    padding:0px 6px 4px 15px;    font-size: 11px; }

.content-review .con .con_txt h2{ position: relative; font-size: 12.6667px; color:#ffffff; font-weight: bold; line-height: 24px; margin-top:0px; margin-bottom: 0px;    width:70%;   overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap; /* display: inline-block; padding-right: 20px */}
/*.content-review .con .con_txt.new span.marks::after{ content: 'N';    position: absolute;    top: 50%;      margin-left:5px;    font-size: 10px;    font-weight: 500; color: #fff;    background: #ffb156;    width: 16px;    height: 16px;    line-height: 16px;    text-align: center;    box-sizing: border-box;     transform: translateY(-50%);  }*/
.content-review .con .con_txt span.marks { float: right;}
.content-review .con .con_txt.new span.marks::after{ content: 'N';    position: relative;;  font-size: 10px;    font-weight: 500; color: #fff;    background: #ffb156;  padding: 0.5px 4px 0.5px 4px; }
/*.content-review .con .con_txt.up span.marks::after{ content: 'UP';    position: absolute;    top: 50%;      margin-left:5px;    font-size: 10px;    font-weight: 500;    color: #fc6651;    background: #eee; padding: 0 5px;    height: 16px;    line-height: 16px;    text-align: center;    box-sizing: border-box;    transform: translateY(-50%); }*/
.content-review .con .con_txt.up span.marks::after{ content: 'UP';    position: relative;;  font-size: 10px;    font-weight: 500;    color: #fc6651;    background: #eee; padding: 0.5px 4px 0.5px 4px;}

.content-review .con .con_txt p{ position: relative; display: block;    font-size: 11.3333px;     color: #ababab; /*   border-bottom: 1px solid #ececec;  */  font-weight: bold;    line-height: 15px;    padding-bottom: 0.4em;    overflow:hidden;   margin:0px; }
.content-review .con .con_txt p span.tmpauthor { position: relative;     padding-right: 5px; }
.content-review .con .con_txt p span.tmpauthor::after{  content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #ababab;}
.content-review .con .con_txt p span.tmpgenre { color: #757b82;    font-weight: bold;}

.content-review .con .con_txt h4.gender {  position: relative; font-size: 10.667px;  color:#3c6289; font-weight: 600; line-height: 13px; margin-top:0px; margin-bottom: 0px;  }

.content-review .con .con_txt .star_ratings { position: relative; vertical-align: middle; display: inline-block; }
.content-review .con .con_txt .full-stars { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; color: #fd7258; }
.content-review .con .con_txt .full-point { position: absolute; width:100%; top: 7px; left: 92px; font-size: 10.667px; font-weight: bold; color: #959595;}
.content-review .con .con_txt .full-point-count { font-size: 9px; }
.content-review .con .con_txt .empty-stars:before { content: "\2605\2605\2605\2605\2605"; font-size: 13pt; color: #686c73; }
.content-review .con .con_txt .full-stars:before { content: "\2605\2605\2605\2605\2605"; font-size: 13pt; color: #fd7258;  }


.content-review .con .img{ position: relative; flex-direction: column; margin-right: 0.7em; }
.content-review .con .img.ridibooks::before{ content: '리디북스'; position: absolute; top: 72px; /*left: 0.3em;*/ text-align: center;
width: 60px; height: 18px; line-height: 18px; background: #36312d; font-size: 9.3333px !important; color: #1d7cd4; border-radius: 0%;  box-sizing: border-box; }
.content-review .con .img.kkao::before{ content: '카카오'; position: absolute; top: 72px; /*left: 0.3em;*/ text-align: center;
width: 60px; height: 18px; line-height: 18px; background: #36312d; font-size: 9.3333px !important; color: #ffc53b; border-radius: 0%;  box-sizing: border-box; }
.content-review .con .img.naver::before{ content: '네이버'; position: absolute; top: 72px; /*left: 0.3em;*/ text-align: center;
width: 60px; height: 18px; line-height: 18px; background: #36312d; font-size: 9.3333px !important; color: #00e164; border-radius: 0%;  box-sizing: border-box; }
.content-review .con .img.age19::after{ content: '19'; position: absolute; top: 0.3em; right: 0.3em; text-align: center; width: 20px; height: 20px; line-height: 15px;
    border-radius: 50%; border: 2px solid #fc6651; background: #fff; font-size: 8px; color: #000; box-sizing: border-box; }
.content-review .con .img img{ width: 60px; height:87px; }