.event-container {margin:0 auto;max-width:1380px;font-size:0;}
.event-container img {margin:0 auto;width:100%;height:auto;}
.event-container .pc {display:block;}
.event-container .mobile {display:none;}


.event-container .section01 {position:relative;}
.event-container .section01 .section-board {position:absolute;top:calc(447 / 1120 * 100%);left:50%;margin-left:calc(294 / 1380 * -100%);width:calc(588 / 1380 * 100%);height:calc(588 / 1120 * 100%);overflow:hidden;}
.event-container .section01 .section-board .rullet-pin {position:absolute;top:0;left:50%;margin-left:calc(20 / 588 * -100%);width:calc(43 / 588 * 100%);height:calc(54 / 588 * 100%);background:url(../images/img_rullet_pin.png) no-repeat;background-size:100% auto;overflow:hidden;z-index:2;}
.event-container .section01 .section-board .rullet-board {position:absolute;top:calc(15 / 588 * 100%);left:50%;margin-left:calc(279 / 588 * -100%);width:calc(558 / 588 * 100%);height:calc(558 / 588 * 100%);background:url(../images/img_rullet_board.png) no-repeat;background-size:100% auto;overflow:hidden;z-index:1;}
.event-container .section01 .section-board .btn-start-rullet {position:absolute;top:calc(205 / 588 * 100%);left:50%;margin-left:calc(88 / 588 * -100%);width:calc(176 / 588 * 100%);height:calc(178 / 588 * 100%);background:url(../images/btn_start_rullet.png) no-repeat;background-size:100% auto;overflow:hidden;z-index:3;}

.event-container .section01 .section-board.on .rullet-board {
	animation-name:rullet-start;
	animation-duration:0.1s;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite;
}
@keyframes rullet-start{
	0% {
		transform:rotate(0deg);
		transition-timing-function:ease-out;
	}
	100%{
		transform:rotate(360deg);
	}
}

.event-container .section01 .section-board.gift-Ag0Fd8 .rullet-board {animation-name:rullet-gift1;animation-iteration-count:1;}
.event-container .section01 .section-board.gift-93jsrl .rullet-board {animation-name:rullet-gift2;animation-iteration-count:1;}
.event-container .section01 .section-board.gift-4dlrn0 .rullet-board {animation-name:rullet-gift3;animation-iteration-count:1;}
.event-container .section01 .section-board.gift-Yc5djh .rullet-board {animation-name:rullet-gift4;animation-iteration-count:1;}
.event-container .section01 .section-board.gift-M28djb .rullet-board {animation-name:rullet-gift5;animation-iteration-count:1;}
.event-container .section01 .section-board.gift-p3m6bv .rullet-board {animation-name:rullet-gift6;animation-iteration-count:1;}
@keyframes rullet-gift1 { 100%{transform:rotate(270deg);} }		/* 하나투어 상품권 100만원권 */
@keyframes rullet-gift2 { 100%{transform:rotate(150deg);} }		/* LG스탠바이미 */
@keyframes rullet-gift3 { 100%{transform:rotate(30deg);} }		/* 신세계 상품권 10만원권 */
@keyframes rullet-gift4 { 100%{transform:rotate(90deg);} }		/* 네이버페이 1만원권 */
@keyframes rullet-gift5 { 100%{transform:rotate(210deg);} }		/* 소모품 15% 할인 쿠폰*/
@keyframes rullet-gift6 { 100%{transform:rotate(330deg);} }		/* 멤버십 포인트 5,000포인트 */

.event-container .section02 {position:relative;}

.event-container .section03 {position:relative;}
.event-container .section03 .swiper-container {position:absolute;z-index:-10;width:0;height:0;overflow:hidden;font-size:medium;line-height:normal;word-break:break-all;}
.event-container .section03 .swiper-container .swiper-button-next,
.event-container .section03 .swiper-container .swiper-button-prev,
.event-container .section03 .swiper-container .swiper-pagination {display:none;}
.event-container .section03 .btn-go-exhibition {position:absolute;top:calc(1050 / 1230 * 100%);left:50%;margin-left:calc(194 / 1380 * -100%);width:calc(388 / 1380 * 100%);height:calc(80 / 1230 * 100%);overflow:hidden;}

.event-container .section04 {position:relative;}

.event-container .section05 {position:relative;}
.event-container .section05 .btn-go-googleplay {position:absolute;top:calc(393 / 521 * 100%);left:50%;margin-left:calc(28 / 1380 * 100%);width:calc(166 / 1380 * 100%);height:calc(49 / 521 * 100%);overflow:hidden;}
.event-container .section05 .btn-go-appstore {position:absolute;top:calc(393 / 521 * 100%);left:50%;margin-left:calc(256 / 1380 * 100%);width:calc(166 / 1380 * 100%);height:calc(49 / 521 * 100%);overflow:hidden;}

.event-container .section06 {position:relative;}

.event-container .section07 {position:relative;}
.event-container .section07 .btn-go-exhibition {position:absolute;top:calc(307 / 555 * 100%);left:50%;margin-left:calc(-632 / 1380 * 100%);width:calc(341 / 1380 * 100%);height:calc(81 / 555 * 100%);overflow:hidden;}

/* popup */
.popup-event {display:none;border-style:none;outline:none;}
.popup-event img {margin:0 auto;width:100%;height:auto;}
.popup-event .pc {display:block;}
.popup-event .mobile {display:none;}

.popup-event .popup-inner {position:relative;border-radius:0;margin:0 auto;width:75%;overflow:hidden;}
.popup-event .btn-close {position:absolute;top:calc(18 / 640 * 100%);right:calc(28 / 640 * 100%);width:calc(37 / 640 * 100%);padding-bottom:calc(38 / 640 * 100%);overflow:hidden;}

#popupEventRequest {display:none;border-style:none;outline:none;}
#popupEventRequest .pop-conts {height:auto;max-height:80vh;padding:48px 40px 0;overflow-y:auto;}
#popupEventRequest .pop-conts .agree-input {margin-top:12px;}
#popupEventRequest .pop-conts .input-info-wrap {margin-top:15px;}
#popupEventRequest .pop-conts .input-info-wrap .tb-tit.req::after {content:'*';display:inline-block;margin-left:1px;color:#ec455a;font-size:inherit;line-height:inherit;vertical-align:top;}
#popupEventRequest .pop-conts .form-wrap {margin-top:34px;}
#popupEventRequest .pop-conts #agree2_f .bullet-list {margin-top:0;margin-bottom:24px;}
#popupEventRequest .pop-conts #uiSubmit {padding:10px 31px 12px;}

#popupRulletGift .btn-go-benefit {position:absolute;top:calc(581 / 745 * 100%);left:50%;margin-left:calc(155 / 640 * -100%);width:calc(310 / 640 * 100%);height:calc(64 / 745 * 100%);overflow:hidden;}
#popupRulletGift.gift2 .btn-go-benefit {position:absolute;top:calc(640 / 804 * 100%);left:50%;margin-left:calc(155 / 640 * -100%);width:calc(310 / 640 * 100%);height:calc(64 / 804 * 100%);overflow:hidden;}
#popupRulletGift .btn-close {top:0;right:0;width:calc(78 / 640 * 100%);padding-bottom:calc(77 / 640 * 100%);}

/* mobile */
@media screen and (max-width: 767px) {
	.event-container .mobile {display:block;}
	.event-container .pc {display:none;}

	.event-container .section01 .section-board {margin-left:calc(294 / 720 * -100%);width:calc(588 / 720 * 100%);}
	.event-container .section01 .section-board .rullet-pin {background:url(../images/m_img_rullet_pin.png) no-repeat;background-size:100% auto;}
	.event-container .section01 .section-board .rullet-board {background:url(../images/m_img_rullet_board.png) no-repeat;background-size:100% auto;}
	.event-container .section01 .section-board .btn-start-rullet {background:url(../images/m_btn_start_rullet.png) no-repeat;background-size:100% auto;}

	.event-container .section03 .swiper-container {top:calc(366 / 1532 * 100%);left:0;width:100%;height:auto;padding-bottom:calc(66 / 720 * 100%);z-index:2;}
	.event-container .section03 .swiper-container .swiper-wrapper .swiper-slide {position:relative;width:100%;height:0;padding-bottom:calc(870 / 720 * 100%);overflow:hidden;}
	.event-container .section03 .swiper-container .swiper-wrapper .swiper-benefit1 {background:url(../images/m_img_03_benefit1.png) center top no-repeat;background-size:calc(620 / 720 * 100%) auto;}
	.event-container .section03 .swiper-container .swiper-wrapper .swiper-benefit2 {background:url(../images/m_img_03_benefit2.png) center top no-repeat;background-size:calc(620 / 720 * 100%) auto;}
	.event-container .section03 .swiper-container .swiper-wrapper .swiper-benefit3 {background:url(../images/m_img_03_benefit3.png) center top no-repeat;background-size:calc(620 / 720 * 100%) auto;}
	.event-container .section03 .swiper-container .swiper-wrapper .swiper-benefit4 {background:url(../images/m_img_03_benefit4.png) center top no-repeat;background-size:calc(620 / 720 * 100%) auto;}
	.event-container .section03 .swiper-container .swiper-button-next {display:block;right:17px;margin-top:calc(114 / 720 * -50%);border-radius:100%;width:calc(49 / 720 * 100%);height:0;padding-bottom:calc(49 / 720 * 100%);background:url(../images/m_btn_swiper_next.png) no-repeat;background-size:100% auto;box-shadow:-2px 4px 20px 0 rgba(0,0,0,0.14);}
	.event-container .section03 .swiper-container .swiper-button-prev {display:block;left:17px;margin-top:calc(114 / 720 * -50%);border-radius:100%;width:calc(49 / 720 * 100%);height:0;padding-bottom:calc(49 / 720 * 100%);background:url(../images/m_btn_swiper_prev.png) no-repeat;background-size:100% auto;box-shadow:-2px 4px 20px 0 rgba(0,0,0,0.14);}
	.event-container .section03 .swiper-container .swiper-pagination {display:block;font-size:0;}
	.event-container .section03 .swiper-container .swiper-pagination-bullet {bottom:0;margin:0 calc(8 / 720 * 100%);border-radius:9px;width:calc(16 / 720 * 100%);height:0;padding-bottom:calc(16 / 720 * 100%);background-color:#bda589;transition:width 0.2s, background-color 0.2s;}
	.event-container .section03 .swiper-container .swiper-pagination-bullet-active {border-radius:9px;width:calc(36 / 720 * 100%);;background-color:#ea3f59;}
	.event-container .section03 .btn-go-exhibition {top:calc(1352 / 1532 * 100%);margin-left:calc(195 / 720 * -100%);width:calc(390 / 720 * 100%);height:calc(80 / 1532 * 100%);}

	.event-container .section07 .btn-go-exhibition {top:calc(375 / 678 * 100%);margin-left:calc(-318 / 720 * 100%);width:calc(341 / 720 * 100%);height:calc(81 / 678 * 100%);}

	/* popup */
	.popup-event {width:100%;}
	.popup-event .mobile {display:block;}
	.popup-event .pc {display:none;}

	.popup-event .btn-close {top:calc(17 / 640 * 100%);}

	#popupEventRequest .pop-conts {height:calc(100vh - 62px);max-height:calc(100vh - 62px);padding:32px 0 81px;}
	#popupEventRequest .pop-conts .input-info {padding:0 16px;}
	#popupEventRequest .pop-conts .input-info .input-info-wrap .tb_row table td {padding:8px 10px;}
	#popupEventRequest .pop-conts .input-info .form-wrap {margin-top:28px;}
	#popupEventRequest .pop-conts #uiSubmit {padding:15px 25px;}
	#popupEventRequest .pop-conts .pop-footer {padding-top:35px;}

	#popupRulletGift .btn-go-benefit {top:calc(623 / 803 * 100%);margin-left:calc(194 / 640 * -100%);width:calc(388 / 640 * 100%);height:calc(80 / 803 * 100%);}
	#popupRulletGift.gift2 .btn-go-benefit {top:calc(734 / 914 * 100%);margin-left:calc(194 / 640 * -100%);width:calc(388 / 640 * 100%);height:calc(80 / 914 * 100%);}
}