/* BASIC css start */
#review-list .notice-bar {background-color: #fefbe3; border-top:2px solid #464646; margin:10px 0;}
#review-list .notice-bar dl {border-bottom:1px solid #bebebe; padding:10px;}
#review-list .notice-bar dl dt {margin-bottom:5px;}
#review-list .notice-bar em {color:#fff; background-color: #464644; padding:2px 5px;}
#review-list .layer {display: none;}
#review-list .layer .comm {width:100%; margin-bottom:10px; box-sizing: border-box;}
#review-list .layer #review_content_box {padding:10px; height:80px;}
#review-list .file_review .input-file {width:60%;}
#review-list .file_review .MS_file_button {width:38%; height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #bbb; display:block; text-align:center; float:right;}
#review-list .layer .review_scor {text-align: right; margin-bottom:10px;}
#review-list .layer .review_scor li {margin-top:10px;}
#review-list .layer .review_scor select {width:150px;}
#review-list .reviewInfo {width:100%; border-bottom:1px solid #bebebe; display: table; padding:10px 0;}
#review-list .reviewInfo figure a {width:145px; display:table-cell; padding:0 10px;}
#review-list .reviewInfo figure a img {width:100%;}
#review-list .reviewInfo figcaption {display:table-cell; vertical-align: middle; font-weight:bold; word-break: break-all;}
#review-list .util {padding:10px;}
#review-list .util .btn_White {width: 39%; float: left;}
#review-list .util .btn_Red {width: 59%; float: right;}
#review-list .reviews {border-top:2px solid #464646;}
#review-list .reviews .bgc077fe2 {margin:0 5px;}
#review-list .reviews .btns {margin-top:2px;}
#review-list .reviews .btns .btn_White {width: 54px; height: 22px; line-height: 22px; display: inline-block;}
#review-list .reviews .rating {position:relative;}
#review-list .reviews .rating label {display: block;}
#review-list .reviews > ul > li {border-bottom:1px solid #bebebe;}
#review-list .reviews > ul > li dl {padding:10px;}
#review-list .reviews > ul > li > .wrap {display: none; background-color:#f1f1f1; border-top:1px solid #bebebe;}
#review-list .reviews > ul > li.now > .wrap { display: block; }
#review-list .reviews > ul > li > .wrap .conts {padding:10px;}
#review-list .reviews > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;}
#review-list .reviews > ul > li > .wrap .conts .thumbs img { width: auto; height: auto; max-width: 95%; }
#review-list .search-wrap table {width:100%; background-color:#f9f9f9;}
#review-list .search-wrap table tr {border-bottom:1px solid #bebebe;}
#review-list .search-wrap table th {width:90px; font-weight:normal;}
#review-list .search-wrap table td {padding:10px;}
#review-list .search-wrap table td select {width:100%; margin-bottom:5px;}
#review-list .search-wrap .btn_search {width:35px; height:35px; color:#fff; background-color:#bbbbbb; vertical-align: middle; text-align: center; line-height: 40px; display: inline-block;}
#review-list .all-list {border-top:2px solid #464646;}
#review-list .all-list .bgc077fe2 {margin:0 5px; display: inline-block;}
#review-list .all-list .rating { position:relative; }
#review-list .all-list .rating label {display: block;}
#review-list .all-list > ul > li {border-bottom:1px solid #bebebe;}
#review-list .all-list > ul > li dl {width: 100%; display: table; box-sizing: border-box; padding:10px;}
#review-list .all-list > ul > li dl dt {width:110px; position: relative; float: left;}
#review-list .all-list > ul > li dl dt img {width:100%;}
#review-list .all-list > ul > li dd {padding-left: 120px;}
#review-list .all-list > ul > li dd h4 {font-weight:bold; border-bottom:1px solid #dfdfdf; padding-bottom:5px; margin-bottom:10px;}
#review-list .all-list > ul > li .re-wrap {background-color:#f1f1f1; border-top:1px solid #bebebe;}
#review-list .all-list > ul > li .re-wrap .conts {padding:10px;}
#review-list .all-list > ul > li .re-wrap .conts .thumbs img {max-width: 100%;}
#review-list .all-list > ul > li .re-wrap .conts .txt {word-break: break-all;}
#review-list .all-list > ul > li .re-wrap .reply-wrap {padding:10px; border-top:1px solid #bebebe;}
#review-list .all-list > ul > li .sub {position: relative;}
.section_srch_ td{position: relative; padding-right: 45px;}
.section_srch_ td a {position: absolute; right: 10px;}

/* 리뷰등록 레이어 스크롤 처리안함 */
#review-list .layer {position: absolute;}
#review-list .layer .layer-pop {margin: 40px auto;}
#review-list .layer .layer-pop .txt {max-height: none;}

#review-list .btn-report { position:absolute; right:0; bottom:0; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; }
div.review-style .all-list ul > li > dl dd .sub .link-view { width: 100%; height: 100%; position: relative;}
div.review-style .all-list ul > li > dl dd .sub .link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: 0;}

/* 리뷰 제목 브라운 + 프리텐다드 */
#review-list .h_title h3 {
    font-family: 'Pretendard', sans-serif;
    color: #53341f;       /* 브라운 */
    font-weight: 600;     /* 굵기 */
}
/* 검색 영역 배경 흰색으로 */
#review-list .search-wrap table {
    background-color: #ffffff; /* 흰색 */
    border-collapse: collapse; /* 테두리 겹침 방지 */
}

/* 테이블 셀 테두리 */
#review-list .search-wrap table tr {
    border-bottom: 1px solid #bebebe;
}

#review-list .search-wrap table td, 
#review-list .search-wrap table th {
    background-color: #ffffff; /* 개별 셀도 흰색 */
}

@media screen and (max-width: 767px) {
    #review-list .section_srch_ td .btn_search {
        background-color: #53341f !important; /* 브라운 */
        color: #ffffff !important;            /* 아이콘 흰색 */
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 0 !important;
        border: none !important;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px !important;           /* 아이콘 크기 조정 */
    }
    /* 기존 fa-2x 제거: HTML에서 class="fa fa-search" 사용 */
}
@media screen and (max-width: 767px) {
    /* 페이징 전체 */
    .paging {
        text-align: center;
        margin: 20px 0;
        font-family: 'Pretendard', sans-serif;
    }

    /* 모든 페이지 숫자 */
    .paging a {
        display: inline-block;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 3px;
        text-align: center;
        text-decoration: none;
        color: #999999;      /* 기본 숫자 회색 */
        font-size: 13px;
        font-weight: 500;
        background: none !important; /* 회색 원 제거 */
        border-radius: 0 !important; /* 네모 유지 */
    }

    /* 선택된 페이지 숫자 */
    .paging a.now {
        color: #53341f !important;   /* 브라운 */
        font-weight: 600;
    }

    /* 화살표 및 << >> 항상 브라운 */
    .paging a.first,
    .paging a.last,
    .paging a.prev span.fa,
    .paging a.next span.fa {
        color: #53341f !important;   /* 브라운 */
        font-size: 18px;
    }
}

/* BASIC css end */