/* BASIC css start */
.list_shopping2x {
    margin-top: 15px;
}
.list_shopping2x ul {    padding: 5px;}
.list_shopping2x li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-bottom: 30px;
}
.list_shopping2x li:nth-child(odd) {   margin-right: 2%;}
p.date {
    color: #777;
    font-size: 11px;
}
.item {
    border-top: 5px solid #F2F2F2;
    margin-bottom: 10px;
}
.tab{
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #F5F5F3;
    display: flex;
}
.tab p{
    display: inline-block;
    background: #F3F3F3;
    padding: 7px 15px;
    border-radius: 6px;
    width: 57px;
    text-align: center;
    font-size: 13px;
    color: #C9C9C9;
    margin-right: 5px;
}
.tab p.on{
    background: #000;
    color: #fff;
}

.tab p a{color:#BABABA}
.submenu { padding: 0 15px; box-sizing: border-box; }

ul.board-list.mcate1 li a {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0px 9px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
}
ul.board-list.mcate1 li a.on {
    border: 1px solid #000;
    color: #000;
    font-weight: 500;
}

ul.board-list.mcate1 li { width: auto; }

ul.board-list.mcate1 li:last-child { padding-right: 50px; }


#contents .board_manu { display: flex; border-top: 1px solid #e7e7e7; height: 50px; }
#contents .board_manu li { width: 100%; height: 100%; text-align: center; line-height: 50px; background: #f3f3f3; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; }
#contents .board_manu li.on { background: #fff; border-bottom: none; }
#contents .board_manu li:first-child { border-left: none; }
#contents .board_manu li a { font-size: 14px; color: #878787; font-weight: 500; }
#contents .board_manu li.on a { color: #000; }

#review-list .h_title { margin: 30px 15px 15px; border-bottom: none; }
#review-list .h_title h2 { font-size: 7vw; font-weight: bold; text-align: center; margin-bottom: 20px; }
#review-list .h_title > ul { display: flex; }
#review-list .h_title > ul li { width: 100%; text-align: center; position: relative; margin-left: 20px; }
#review-list .h_title > ul li:first-child { margin-left: 0; }
#review-list .h_title > ul li > span { position: absolute; top: 0; left: 0; display: inline-block; width: 30px; height: 30px; background: #000; color: #fff; border-radius: 100%; line-height: 32px; text-align: center; z-index: 1; }
#review-list .h_title > ul li > div { border: 1px solid #e7e7e7; border-radius: 100%; box-sizing: border-box; width: 100%; padding-bottom: 100%; position: relative; }
#review-list .h_title > ul li > div > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
#review-list .h_title > ul li > div i { font-size: 8vw; }
#review-list .h_title > ul li > h3 { font-size: 3.2vw; padding: 15px 0 5px; }
#review-list .h_title > ul li > p { font-size: 2.8vw; }
#review-list .h_title > ul li > p span { font-weight: bold; }
#review-list .h_title .review_notice_btn { text-align: center; background: #383838; color: #fff; padding: 15px 0; border-radius: 5px; font-size: 3.5vw; margin: 30px 0 10px; }
#review-list .h_title .review_notice_btn i { margin-left: 3px; }
#review-list .h_title .review_notice { background: #f3f3f3; border-radius: 5px; padding: 20px 10px; display: none; }
#review-list .h_title .review_notice ul { text-align: center; }
#review-list .h_title .review_notice ul li { font-size: 3vw; }
#review-list .h_title .review_notice ul p { font-size: 3.5vw; font-weight: bold; margin: 15px 0 5px; }
#review-list .h_title .review_notice .fa-hyphen { margin: 0 5px 0 -10px; }

#review-list .tit-page img { width:100%; }
#review-list .tit-page .review_guide_img_more { display: none; }
#review-list .notice-bar { border-top: 1px solid #e7e7e7; margin-top: 30px; }
#review-list .notice-bar dt span { border: 1px solid #7c79bb; color: #7c79bb; font-size: 10px; border-radius: 10px; padding: 0 10px; margin-right: 5px; display: inline-block; height: 18px; line-height: 20px; }
#review-list .notice-bar dl {border-bottom:1px solid #e7e7e7; padding: 15px;}
#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 { padding: 20px 15px; text-align: center; border: 1px solid #f3f3f3; border-radius: 5px; box-sizing: border-box; margin: 20px 15px; box-shadow: 3px 3px 7px rgba(0,0,0,0.03); }
#review-list .reviewInfo figure a {width: 100px; display:inline-block; }
#review-list .reviewInfo figure a img {width:100%;}
#review-list .reviewInfo figcaption { font-weight:bold; word-break: keep-all; padding: 10px 0 20px; }

#review-list .util {}
#review-list .util .btn_White {width: 39%; float: left;}
#review-list .util .btn_Red {width: 59%; float: right;}
#review-list .util .btn_Red strong { font-weight: normal; }

#review-list .reviews {}
#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 label {display: block;}

#review-list .reviews > ul > li {border-bottom:1px solid #e7e7e7;}
#review-list .reviews > ul > li h4 i { color: #8d88f3; font-size: 13px; }
#review-list .reviews > ul > li dl {padding:15px;}
#review-list .reviews > ul > li dt { border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; margin-bottom: 10px; }
#review-list .reviews > ul > li > .wrap {display: none; background-color:#f3f3f3; border-top:1px solid #e7e7e7;}
#review-list .reviews > ul > li.now > .wrap { display: block; }
#review-list .reviews > ul > li > .wrap .conts {padding:15px;}
#review-list .reviews > ul > li .re-wrap .conts {padding:15px;}
#review-list .reviews > ul > li .re-wrap .conts .thumbs img {max-width: 100%; margin-bottom: 10px; }
#review-list .reviews > ul > li .re-wrap .conts .txt {word-break: break-all;}
#review-list .reviews > ul > li .re-wrap { margin: 0 15px 15px; background: #e6e5fc; display: inline-block; padding: 15px; border-radius: 5px; border: 1px solid #d8d6ff; width: calc(100% - 30px); box-sizing: border-box; }
#review-list .reviews > ul > li .re-wrap .master_name { display: inline-block; padding: 3px 10px; border-radius: 50px; font-size: 10px; color: #fff; background: #8d88f3; margin-bottom: 5px; }

#review-list .reviews > ul > li > .wrap .conts .thumbs img { width: 100%; height: auto; margin-bottom: 10px; }
#review-list .reviews .rating label span { color: #8d88f3 !important; font-family: 'NotoSansKR', sans-serif !important; }
#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 .rating label {display: block;}
#review-list .all-list > ul > li {border-bottom:1px solid #e7e7e7;}
#review-list .all-list > ul > li dl {width: 100%; display: table; box-sizing: border-box; padding:15px;}
#review-list .all-list > ul > li dl dt {width: 90px; position: relative; float: left;}
#review-list .all-list > ul > li dl dt img {width:100%;}
#review-list .all-list > ul > li dd {padding-left: 100px;}
#review-list .all-list > ul > li dd h4 { border-bottom:1px solid #dfdfdf; padding-bottom:5px; margin-bottom:10px;}
#review-list .all-list > ul > li dd h4 i { color: #8d88f3; font-size: 13px; }
#review-list .all-list > ul > li .re-wrap { background-color: #f3f3f3; border-top:1px solid #e7e7e7;}
#review-list .all-list > ul > li .re-wrap .conts {padding:15px;}
#review-list .all-list > ul > li .re-wrap .conts .thumbs img {max-width: 100%; margin-bottom: 10px; }
#review-list .all-list > ul > li .re-wrap .conts .txt {word-break: break-all;}
#review-list .all-list > ul > li .re-wrap .reply-wrap { margin: 0 15px 15px; background: #f5f4ff ; display: inline-block; padding: 15px; border-radius: 5px; border: 1px solid #d9d8f7; width: calc(100% - 30px); box-sizing: border-box; }
#review-list .all-list > ul > li .re-wrap .reply-wrap .master_name { display: inline-block; padding: 3px 10px; border-radius: 50px; font-size: 10px; color: #fff; background: #9f9cd1; margin-bottom: 5px; }
#review-list .all-list > ul > li .sub {position: relative;}
#review-list .all-list > ul > li .sub .link-view a {width:100%; height:100%; position: absolute; top:0; left:0; text-indent: -9999px;}
#review-list .all-list > ul > li .sub .rating label span { color: #9f9cd1 !important; font-family: 'NotoSansKR', sans-serif !important; }
.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;}


/* BASIC css end */