/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2020 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2020-07-17
| 파일설명 : 학습후기 - 우수회원 인터뷰 CSS
+----------------------------------------------------------------------+
| 작업자 : 우현진
+----------------------------------------------------------------------+
| 수정이력

+----------------------------------------------------------------------+
*/

@charset "utf-8";

.mgLeft_30{margin-left: 30px;}
.maxScListWrap{width: 1020px; margin: 0 auto; padding-top: 80px;}
.color_4d779f{color: #4d779f;}


/* 컨텐츠 로딩*/
.loadingBarArea{display: inline-block;position: absolute;z-index: 1;top: 40px;left: 0;right: 0;width: 100%;height: 343px;background-color: #fff;}
.loadingBar{
	height: 30px;
	width: 30px;
	margin: 0 auto;
	background: url(/smciImages/front/layout/loading.gif) no-repeat 0 0;
	background-size: 100% 100%;
	position: relative;
	top: 160px;
}


/*우수회원 인터뷰 최상단*/
.bestTopUserArea{margin-bottom: 70px;}
.bestDtImg{border: 1px solid #dbdbdb; box-sizing: border-box;}
.bestDdImg{border: 1px solid #dbdbdb; box-sizing: border-box;}

.bestSumList{margin-bottom: 24px;}
.bestSumList > ul{font-size: 0; text-align: left;}
.bestSumList > ul > li{display: inline-block;margin-right: 9px;vertical-align: top;}
.bestSumList > ul > li:last-child{margin-right: 0;}
.bestSumList > ul > li > a{display: inline-block; height: 102px;}
.bestSumList > ul > li > a.on{background:url('/smciImages/front/studyReview/best_on_ico.png') center bottom no-repeat; }
.bestSumList > ul > li > a span{display: inline-block; height: 86px; border: 3px solid #fff; box-sizing: border-box;}
.bestSumList > ul > li > a.on span, .bestSumList > ul > li > a:hover span{border-color: #ef4040;}

.maxScListTitle{text-align: left; padding-bottom: 25px; }
.maxScListTitle span{font-size:28px; line-height: 28px; color:#000; font-family:'NotoSansKR-Bold','Malgun Gothic', 'dotum', 'sans-serif';}

.maxScList > ul{font-size: 0; text-align: left;}
.maxScList > ul > li{display: inline-block; vertical-align: top; width:232px; text-align: left;  margin-right: 30px; margin-bottom: 58px; cursor:pointer; letter-spacing:-0.5px;} 
.maxScList > ul > li:nth-child(4n){margin-right: 0;} 
.maxScList > ul > li .maxListSum{padding-bottom: 13px;}
.maxScList > ul > li .maxListSum img{border: 1px solid #d8d8d8; box-sizing: border-box;}
.maxScList > ul > li .maxListTitle{font-size: 20px; padding-bottom: 7px; min-height:50px; font-family:'NotoSansKR-Bold','Malgun Gothic', 'dotum', 'sans-serif'; word-break: keep-all;}
.maxScList > ul > li .maxListUserInfo{font-size: 14px;color: #777;padding-bottom: 5px;font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif';}
.maxScList > ul > li .maxListUserInfo span{position: relative; top:2px; font-size: 15px; vertical-align: bottom; font-family:'NotoSansKR-Regular','Malgun Gothic', 'dotum', 'sans-serif';}

.maxScList > ul > li .maxListSum img{min-width:229px; min-height:126px;}
.maxScList > ul > li:hover .maxListSum img{border-color: #cc0001;}