/* 
+----------------------------------------------------------------------+
| Copyright (c) 2010-2020 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2020-07-08
| 파일설명 : 성공체험기 리스트 페이지 CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영   
+----------------------------------------------------------------------+
| 수정이력 
| 20211215 베스트 후기 화살표버튼 영역 수정 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";
input {width:100%; border:0; outline:0; padding:0; font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif';}
button {background:none; border:0; outline:0; padding:0; cursor:pointer; font-family:'NotoSansKR-Medium','Malgun Gothic', 'dotum', 'sans-serif';}
select:focus, button:focus {outline:0;}
td, th {font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif'; font-size:16px; text-align:center;}
th {font-weight:500;}

.topArea:after {content:''; display:table; clear:both;}
.monthlyBest {float:left; width:710px; height:277px; border-top:2px solid #000; background:#f1f1f1; border-bottom:1px solid #acacac;}
.monthlyBest .titleText {position:relative; width:400px; height:40px; margin:0 auto; background:#000; color:#fff; text-align:center; font-size:21px; font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif'; line-height:38px;}
.monthlyBest .titleText span {font-size:21px;}
.monthlyBest .slideNav {position:absolute; top:7px; cursor:pointer;}
.monthlyBest .prev {left:14px;}
.monthlyBest .next {right:14px;}
.successListTopAreaDiv {width:644px; margin:15px auto 0; background:#fff;}
.successListTopAreaDiv .line2, .successListTopAreaDiv .line3 {border-top:1px solid #f1f1f1;}
.successListTopAreaDiv .lineCmmn {min-height:63px; padding:14px 23px; box-sizing:border-box;}
.successListTopAreaDiv .lineCmmn:after {content:''; display:table; clear:both;}
.successListTopAreaDiv .lineCmmn span {float:left; font-size:16px; font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif';}
.successListTopAreaDiv .lineCmmn .icon {display:inline-block; width:63px; height:20px; margin-top:7px; line-height:18px; letter-spacing: -0.5px; box-sizing: border-box; border-radius:3px; background:#ff6600; color:#fff; text-align:center;}
.successListTopAreaDiv .lineCmmn .title {margin-left:26px; color:#000; padding-top: 4px; box-sizing: border-box;}
.successListTopAreaDiv .lineCmmn .title:hover {text-decoration: underline;}
.successListTopAreaDiv .lineCmmn .writer {float:right; width:125px; padding-top:4px; color:#646464;}
.successListTopAreaDiv .lineCmmn .writer:after {content:''; display:table; clear:both;}
.successListTopAreaDiv .lineCmmn .writer .LvWrap {float:left; margin-top:3px; font-size:9px; font-family:arial, tahoma, verdana; line-height:17px;}
.successListTopAreaDiv .lineCmmn .writer .lvText {float:left; margin-left:10px; font-size:16px; font-weight:500; line-height:1.2;}

.bannerBox {float:right;}
.bottomArea {margin-top:45px;}
.reviewTotalSearch:after {content:''; display:table; clear:both;}
.reviewTotal {float:left; padding-left:15px; box-sizing:border-box; font-size:21px; font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif';}
.reviewTotalNum {color:#e80f1e; font-size:21px; font-family:'NotoSansKR-Bold','Malgun Gothic', 'dotum', 'sans-serif';}
.reviewSearch {float:right;}
.reviewSearch:after {content:''; display:table; clear:both;}
.reviewSearch select {float:left; width:105px; height:36px !important; border:1px solid #acacac; font-size:16px;}
.searchInput {float:left; width:147px; height:34px; margin-left:6px; padding:0 5px; border:1px solid #acacac; font-size:16px;}
.searchBtn {float:left; width:60px; height:36px; margin-left:6px; color:#fff; font-size:16px; background:#252525; cursor:pointer;}

.listTbBox {margin-top:20px;}
.listTb {width:100%; border-top:2px solid #000; table-layout: fixed;}
.listTbCol_1 {width:14%;}
.listTbCol_2 {width:44%;}
.listTbCol_3 {width:16%;}
.listTbCol_4 {width:13%;}
.listTbCol_5 {width:13%;}
.listTb th {height:70px; padding:0 5px; background:#f9f9f9; border-bottom:1px solid #acacac;}
.listTb .writerTh {text-align:center;}
.listTb td {height:70px; padding:0 5px; border-bottom:1px solid #acacac;}
.listTb .noticeTr .icon {display:inline-block; padding:2px 6px; box-sizing:border-box;color:#fff; background:#e80f1e; font-size:16px; border-radius:3px;}
.listTb td.listTitleTd {text-align:left; padding:0 20px; color:#000;}
.listTb .admin {text-align:center;}
.listTb .storyTitle {font-size:16px; color:#000; cursor:pointer; word-break:break-all;}
.listTb .storyTitle:hover {text-decoration:underline;}
.listTb .commentCnt {vertical-align:top; color:#e46600; font-size:16px; margin-left:2px;}
.listTb .statIcon {margin:3px 0 0 6px;}
.listTb .writer {padding-left:26px; text-align:left;}
.listTb .writer .LvBox {float:left; margin-top:6px;}
.listTb .writer .crownImg {float:left; margin-top:6px;}
.listTb .writer .lvText {float:left; margin-left:10px; font-size:16px; font-weight:500;}

.writeBtnBox {margin-top:23px; padding-right:23px; text-align:right;}
.writeBtn {width:94px; height:34px; background:#ed1c24; color:#fff; border-radius:3px; font-size:16px}

.pagingBox {margin-top:40px; text-align:center;}
.pagination-wrap {display:inline-block;}
.pagination-wrap:after {content:''; display:table; clear:both;}
.pagination-wrap .pagination-wrap-prev, .pagination-wrap .pagination-wrap-next {width:40px; height:40px;}
.pagination-wrap > span, .pagination-wrap > a {margin-left:5px;}
.pagination-wrap > span:first-child {margin-left:0;}
.pagination-wrap span, .pagination-wrap a {float:left; width: 40px; height: 40px; padding:0; font-family:'NotoSansKR-Bold', 'Malgun Gothic', 'dotum', 'sans-serif'; line-height:38px; font-size:16px; text-align:center; color:#666666;}
.pagination-wrap span.on {width:38px; height:38px; margin-right:0; border:1px solid #e51234; color:#e51234; line-height:36px;}
.pagination-wrap-prev a{background:url('/smciImages/front/layout/arrowPrev.png') no-repeat; }
.pagination-wrap-next a{background:url('/smciImages/front/layout/arrowNext.png') no-repeat;}
.pagination-wrap-first a{background:url('/smciImages/front/layout/arrowFirst.png') no-repeat;}
.pagination-wrap-last a{background:url('/smciImages/front/layout/arrowLast.png') no-repeat;}