/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2019 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2019-04-04
| 파일설명 : 성공체험기 이벤트 PC CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20191223 학습툴 이미지 변경 by 김승미 
| 20211215 수강후기 -> 성공체험기 교체 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";


/*공통*/
.innerContent{width: 1100px; margin:0 auto; position: relative;}

.mainVisualArea{height: 863px; text-indent: -999px; font-size: 0; background: url('/smciImages/front/community/event/event120/event120_01_2.png') #91b7f9 50% 0 no-repeat;}

.bgColor_C1DEFB{background-color:#c1defb}
.bgColor_7CA0FC{background-color:#7ca0fc}
.bgColor_A5BCFF{background-color:#a5bcff}
.bgColor_lemon{background-color:#fdf8d7}

/* 이벤트 대상 안내 글 */
.eventGuide{position: absolute;left:0;right: 0;top: 770px;padding-left: 305px;text-align: left;}
.eventGuide li{color:#424242;font-size: 20px;font-family: 'NotoSansKR-DemiLight','Malgun Gothic', dotum, sans-serif;line-height: 270%;}


/* 우수후기 */
.reviewArea{padding-bottom: 88px}
.reviewArea li{float: left;margin-right: 28px;box-shadow: 8px 8px 0 #4175fb;width: 348px;height: 473px;position: relative;}
.reviewArea li:last-child{margin-right:0;}

.reviewArea .reviewLink{display: block;background: url('/smciImages/front/community/event/event120/event120_more.png') rgba(129,165,225,0.55) no-repeat 19px 415px;z-index: 9;position: absolute;left: 0;top: 0;right: 0;bottom: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out}
.reviewArea li:hover .reviewLink{opacity: 1; visibility: visible;}

/* 유의사항 */
.eventNoticeWrap{text-align: left;}
.eventNoticeWrap .eventNoticeInner{margin: 0 auto;padding: 55px 0 75px 130px;}
.eventNoticeWrap .eventNoticeTitle{text-align: left;font-size: 24px;color:#333;margin-bottom: 21px;font-weight: bold;font-family: 'NotoSansKR-Regular','Malgun Gothic', dotum, sans-serif;}
.eventNoticeWrap .noticeList ul li{letter-spacing: -1px;color:#666;padding: 2px 0;font-size: 18px;font-family:'NotoSansKR-DemiLight', 'Malgun Gothic', dotum, sans-serif;}