/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2019 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2019-09-24
| 파일설명 : 웹 2019 추석 이벤트 CSS
+----------------------------------------------------------------------+
| 작업자 : 김승미  
+----------------------------------------------------------------------+
| 수정사항
+----------------------------------------------------------------------+
*/

@charset "utf-8";
.mgBottom_5{margin-bottom: 5px;}

/* 메인영역 */
.mainSection{height: 680px;background: url('/smciImages/front/community/event/event126/event126_01_bg.jpg') no-repeat #f4e4d3 50% 0; }
.mainSection .contentsInner{height: 100%;}
.ribbonDeco{position: absolute; top:0; left: 0; z-index: 100; width: auto;}
.eventTitle{width: 420px; padding-top: 124px; padding-bottom: 76px; margin: 0 auto;}
.letterDeco{position: absolute; bottom: -126px; left: 158px; z-index: 200; width: 802px;}

/* 이벤트 설명 */
.eventInfoSection{height: 1440px; background-color: #2e434f;}
.eventInfoSection .contentInner{height: 100%;}
.eventInfo:first-child {padding-top: 200px; padding-bottom: 80px;}
.eventInfo:nth-child(2) {width: 926px; margin: 0 auto;}
.eventEnterBtn {width: 400px; margin: 98px auto 0 auto;}

/* 이벤트 신청 */
.layerPopArea{display: none; position:fixed; top: 0; left: 0; z-index: 300; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.selectImageArea{position: absolute; top: 72%; left: 50%; width: 420px; height: 480px; margin-top: -240px; margin-left: -210px;}
.layerPopArea .textareaInput{position: absolute;left: 30px;top: 245px;right: 30px;}
.layerPopArea .textareaInput textarea{width: calc(100% - 12px);padding: 5px;min-height: 88px;}
.closePopupBtn{position: absolute; top: -37px; right: 0; cursor: pointer;}


/* 유의사항 */
.noticeSection{padding-top: 70px;height: 250px; background-color: #446579;}
.noticeTitle{color: #fff;font-size: 24px;font-family:'Malgun Gothic';opacity: 0.65;line-height: 1.3;letter-spacing: -2.5px;font-weight: bold;}
.noticeList {margin-left: 52px;}
.noticeList li{position: relative;padding-left: 18px;color: #fff;font-size: 16px;font-family:'Malgun Gothic';opacity: 0.5;margin-bottom: 7px;line-height: 1.7;}
.noticeList li .noticeNum{position: absolute;top:0;left: 0;z-index: 1;font-size: 16px;font-family:'Malgun Gothic';line-height: 1.7;}