/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-08-06
| 파일설명 : 신규 투표이벤트 이벤트  CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+
*/

/* 최상단 BG 영역 Start */

.eventWrap{font-family: malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕', verdana, tahoma,sans-serif;}

.topBgArea {background-color:#4a8dfc;}
.topBgArea {
	background: linear-gradient(250deg, #00ebcd, #2bbcff, #6d8fff);
	background-size:300% 300%;
	background-repeat: initial ;
	background-position:initial ;
	-webkit-animation: AnimationName 4s ease infinite;
	-moz-animation: AnimationName 4s ease infinite;
	animation: AnimationName 4s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/* 최상단 BG 영역 End */


/* 투표 결과 영역 */
.voteAreaWrap{position: absolute; left: 82px; right: 82px;top: 0; height: auto; overflow: hidden}

.voteAreaWrap .voteArea{width: 190px; height: 246px;float: left; margin-right: 22px; background-repeat: no-repeat; background-position:0 bottom; position: relative;}
.voteAreaWrap .voteArea01{background-image:url('/smciImages/front/community/event/event108/voteImage01_off.png')}
.voteAreaWrap .voteArea01.on{background-image:url('/smciImages/front/community/event/event108/voteImage01_on.png')}
.voteAreaWrap .voteArea02{background-image:url('/smciImages/front/community/event/event108/voteImage02_off.png')}
.voteAreaWrap .voteArea02.on{background-image:url('/smciImages/front/community/event/event108/voteImage02_on.png')}
.voteAreaWrap .voteArea03{background-image:url('/smciImages/front/community/event/event108/voteImage03_off.png')}
.voteAreaWrap .voteArea03.on{background-image:url('/smciImages/front/community/event/event108/voteImage03_on.png')}
.voteAreaWrap .voteArea04{background-image:url('/smciImages/front/community/event/event108/voteImage04_off.png')}
.voteAreaWrap .voteArea04.on{background-image:url('/smciImages/front/community/event/event108/voteImage04_on.png')}
.voteAreaWrap .voteArea04{margin-right: 0}
.voteAreaWrap .voteArea .voteNumber{position: absolute; right: 32px; bottom:27px; color:#3c93ff; font-size: 23px; font-weight: bold; }



/* 이벤트 참여하기  */
.selectImageArea{position:relative;}
.selectImageArea .selectQuestion{position:absolute;top:267px;left:82px;}
.selectImageArea .selectQuestion li{float: left;margin-right:15px;}
.selectImageArea .textareaInput{position:absolute;top: 576px;left: 83px;}
.selectImageArea .textareaInput .eventTextArea{width: 804px;height: 132px;border: 0;padding:10px;resize:none;font-size:14px;color:#717171;}

/* 이벤트 참여 버튼*/
.eventBtn{position: absolute; left: 345px; bottom: 81px;}


/* 유의사항 */
.eventNoticeArea{background-color: #d0d4da; padding: 59px 82px 65px;  color: #000;}

.eventNoticeArea .eventNoticeTitle{font-weight: bold; font-size: 22px; margin-bottom: 18px;}
.eventNoticeArea .eventNotice{font-size: 16px; line-height: 200%; letter-spacing: -1px}