/* reset */
.event_image button {bottom:auto;left:auto;margin-left:0;}
.event.detail .event_image button {bottom: auto;left: auto;}

/* default */
#event {position:relative;width:100%;margin:0px auto;overflow:hidden;}
#event .pc {display: block !important;}
#event .mo {display: none !important;}
#event .section01,
#event .section02,
#event .section03,
#event .section04,
#event .section05 {position:relative;width:100%;overflow:hidden}
#event .main_section {position: relative;width: 100%;background: url(./images/mainTop_bg.jpg) repeat-x center top;}
#event .section01 {background: #fff;text-align: center;}
#event .section02 {background: #00b28d;}
#event .section03 {background: url(./images/section03_bg.jpg) repeat-x center top;}
#event .section04 {background: url(./images/section04_bg.jpg) repeat center top;}
#event .section05 {background: #ffffff;}
#event .section_img {width:100%;display:block;}
#event .section03_img {position: absolute;top: 17.1%;left: 50%;width: 100%;max-width: 750px;margin: 0 0 0 -375px;}
		
/* link */
#event .section03_link {display: block;position: absolute;top: 90.6%;left: 38.2%;width: 23.7%;height: 0;padding-top: 5.5%;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent:-9999px;}
#event .section04_link {display: block;position: absolute;top: 87.4%;left: 38.2%;width: 23.7%;height: 0;padding-top: 5.5%;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent:-9999px;}
#event .section05_link {display: block;position: absolute;top: 85.5%;left: 38.2%;width: 23.7%;height: 0;padding-top: 5.5%;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent:-9999px;}

/* quickMenu */
#event .quickMenu {position:absolute;left: 0;top: 683px;width: 100%;padding-top: 183px;background: #333333;border-bottom: 1px solid #444;z-index: 46;}
#event .quickMenu.fixed{position:fixed;top:0;}
#event .quickMenu .nav {position:absolute;top:0;left: 50%;width: 750px;height: 100%;margin-left: -375px;}
#event .quickMenu ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#event .quickMenu ul li {float: left;width: 20%;height: 100%;}
#event .quickMenu ul li.nav01 {background:url(./images/tab_01.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav02 {background:url(./images/tab_02.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav03 {background:url(./images/tab_03.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav04 {background:url(./images/tab_04.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav05 {background:url(./images/tab_05.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav01.on {background:url(./images/tab_01_on.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav02.on {background:url(./images/tab_02_on.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav03.on {background:url(./images/tab_03_on.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav04.on {background:url(./images/tab_04_on.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li.nav05.on {background:url(./images/tab_05_on.jpg) no-repeat left top;background-size:100% auto;}
#event .quickMenu ul li a {display:block;width:100%;height:100%;}

/* tab */
#event .section01 .ctt {position: absolute;top: 29.9%;left: 50%;width: 650px;margin-left: -325px;}
#event .menu-tabs {position: absolute;top: 0;left: 0;width: 100%;padding-top: 72px;z-index: 1;}
#event .menu-tabs > li {position: absolute;top: 0;left: 0;width: 33.33%;height: 100%;}
#event .menu-tabs > li:nth-child(1){left: 0;}
#event .menu-tabs > li:nth-child(2){left: 33.33%;}
#event .menu-tabs > li:nth-child(3){left: 66.66%;}		
#event .menu-tabs > li a {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
#event .menu-tabs > li.active {}
#event .menu-tabs > li.active a {}
#event .ctt-tabs {}
#event .ctt-tabs > li {display: none;position: relative;}
#event .ctt-tabs > li.active {display: block;}
#event .ctt-tabs > li img {display: block;width: 100%;}
#event .ctt-tabs .ctt1_box {width:100%;height:0;padding-top: 104.154%;background:url(./images/luckyDrawAp_tab01.jpg) no-repeat center top / 100% auto;}
#event .ctt-tabs .ctt2_box {width:100%;height:0;padding-top: 104.154%;background:url(./images/luckyDrawAp_tab02.jpg) no-repeat center top / 100% auto;}
#event .ctt-tabs .ctt3_box {width:100%;height:0;padding-top: 104.154%;background:url(./images/luckyDrawAp_tab03.jpg) no-repeat center top / 100% auto;}
#event .ctt-tabs > li .luckyDraw_dim {display: none;}
#event .ctt-tabs > li .luckyDraw_dim span {display: inline-block;vertical-align: middle;color: #fff;font-size:18px}
#event .luckyDraw_noticeBtn {display: block;position: absolute;top: 87.9%;left: 50%;width: 650px;height: 0;padding-top: 70px;margin-left: -326px;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent: -9999px;}
#event .section01_link01 {display: block;position: absolute;top: 82.9%;left: 25.1%;width: 50%;height: 0;padding-top: 75px;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent: -9999px;}
#event .section01_link02 {display: none;position: absolute;top: 82.9%;left: 25.1%;width: 50%;height: 0;padding-top: 75px;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent: -9999px;}

#event .ctt-tabs .ctt1_box.comingsoon {background-image:url(./images/luckyDrawAp_tab01_comingsoon.jpg)}
#event .ctt-tabs .ctt1_box.comple {background-image:url(./images/luckyDrawAp_tab01_comple.jpg)}
#event .ctt-tabs .ctt2_box.comingsoon {background-image:url(./images/luckyDrawAp_tab02_comingsoon.jpg)}
#event .ctt-tabs .ctt2_box.comple {background-image:url(./images/luckyDrawAp_tab02_comple.jpg)}
#event .ctt-tabs .ctt3_box.comingsoon {background-image:url(./images/luckyDrawAp_tab03_comingsoon.jpg)}
#event .ctt-tabs .ctt3_box.comple {background-image:url(./images/luckyDrawAp_tab03_comple.jpg)}
#event .comingsoon .section01_link01 {display:none;}
#event .comingsoon .section01_link02 {display:none;}
#event .comple .section01_link01 {display:none;}
#event .comple .section01_link02 {display:block;}

#event .ctt-tabs > li.off .luckyDraw_dim {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 89%;margin-top: 11.1%;background: rgba(0,0,0,0.7);z-index: 1;}
#event .ctt-tabs > li.off .luckyDraw_dim:after {content:'';display: inline-block;vertical-align: middle;height: 100%;}
#event .ctt-tabs > li.off .luckyDraw_dim span {}

	
/* popup */
#event .popup {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;text-align: center;z-index: 48;}
#event .popup > span {display: inline-block;vertical-align: middle;height: 100%;}
#event .popup > div {display: inline-block;vertical-align: middle;width: 700px;position: relative;}
#event .popup > div > img {width:100%;}
#event .popup > div > a {position:absolute;top:0;right:0;display:block;width:12%;height: 0;padding-top: 12%;background:#000;opacity:0;filter:alpha(opacity:'0');z-index:1}
#event #luckyDrawPopup01 > div {width: 550px;}
#event #luckyDrawPopup02 > div {width: 550px;}
#event #luckyDrawPopup03 > div {width: 550px;}
#event .popup > div > a.luckyDraw_popupLink {top: 63%;right: 23.7%;width: 59%;padding-top: 14%;}

/* diceGamePopup */
#event .diceGamePopup {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;text-align: center;z-index: 70;}
#event .diceGamePopup > span {display: inline-block;vertical-align: middle;height: 100%;}
#event .diceGamePopup > div {display: inline-block;vertical-align: middle;width: 550px;position: relative;}
#event .diceGamePopup > div > img {width:100%;}
#event .diceGamePopup > div > a {position:absolute;top:0;right:0;display:block;width:12%;height: 0;padding-top: 12%;background:#000;opacity:0;filter:alpha(opacity:'0');z-index:1}

/* diceGame */
#event .diceGameContent {position: absolute;top: 392px;left: 50%;margin-left: -350.5px;width: 701px;height: 446px;padding-top: 0;background: url(./images/diceGame_bg.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift2 {background: url(./images/diceGame_arrow02.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift3 {background: url(./images/diceGame_arrow03.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift4 {background: url(./images/diceGame_arrow04.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift5 {background: url(./images/diceGame_arrow05.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift6 {background: url(./images/diceGame_arrow06.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift7 {background: url(./images/diceGame_arrow07.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift8 {background: url(./images/diceGame_arrow08.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift9 {background: url(./images/diceGame_arrow09.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift10 {background: url(./images/diceGame_arrow10.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift11 {background: url(./images/diceGame_arrow11.png) no-repeat center;background-size: 100% auto;}
#event .diceGameContent.gift12 {background: url(./images/diceGame_arrow12.png) no-repeat center;background-size: 100% auto;}
#event .diceGame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#event .dice {position: absolute;display: inline-block;width: 70px;height: 70px;margin: 0 15px;z-index: 44;animation-timing-function: ease-out;animation-fill-mode: forwards;transform-style:preserve-3d;transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);}
#event .dice div{width: 100%;height: 100%;color:#000;text-align: center;position:absolute;opacity:1;backface-visibility:hidden;}
#event .dice div:nth-child(1){background:url(./images/dice_1.png) no-repeat center;background-size: 100% auto;transform: rotateY(0deg) translate3d(0px, 0px, 35px);}
#event .dice div:nth-child(2){background:url(./images/dice_2.png) no-repeat center;background-size: 100% auto;transform: rotateY(90deg) translate3d(0px, 0px, 35px);}
#event .dice div:nth-child(3){background:url(./images/dice_3.png) no-repeat center;background-size: 100% auto;transform: rotateY(180deg) translate3d(0px, 0px, 35px);}
#event .dice div:nth-child(4){background:url(./images/dice_4.png) no-repeat center;background-size: 100% auto;transform: rotateY(270deg) translate3d(0px, 0px, 35px);}
#event .dice div:nth-child(5){background:url(./images/dice_5.png) no-repeat center;background-size: 100% auto;transform: rotateX(90deg) translate3d(0px, 0px, 35px);}
#event .dice div:nth-child(6){background:url(./images/dice_6.png) no-repeat center;background-size: 100% auto;transform: rotateX(270deg) translate3d(0px, 0px, 35px);}
#event .dice01 {animation-delay: 0s;animation-duration: 6s;top: 40%;left: 38%;}
#event .dice02 {animation-delay: 0.2s;animation-duration: 6s;top: 43.9%;left: 48.8%;}
#event .diceAni01 {animation-name: diceAni01;}
#event .diceAni02 {animation-name: diceAni02;}
#event .diceAni03 {animation-name: diceAni03;}
#event .diceAni04 {animation-name: diceAni04;}
#event .diceAni05 {animation-name: diceAni05;}
#event .diceAni06 {animation-name: diceAni06;}
#event .diceGameContent .diceArrow {position: absolute;top: 281px;left: 50%;margin-left: -27px;width: 53px;height: 0;padding-top: 89px;background: url(./images/diceGame_arrow.png) no-repeat center;background-size: 100% auto;display: block;z-index: 44;}
#event .diceGameContent.gift2 .diceArrow {top: 197px;margin-left: 153px;}
#event .diceGameContent.gift3 .diceArrow {top: 152px;margin-left: 245px;}
#event .diceGameContent.gift4 .diceArrow {top: 116px;margin-left: 165px;}
#event .diceGameContent.gift5 .diceArrow {top: 76px;margin-left: 95px;}
#event .diceGameContent.gift6 .diceArrow {top: 36px;margin-left: 25px;}
#event .diceGameContent.gift7 .diceArrow {top: -4px;margin-left: -45px;}
#event .diceGameContent.gift8 .diceArrow {top: 36px;margin-left: -125px;}
#event .diceGameContent.gift9 .diceArrow {top: 90px;margin-left: -208px;}
#event .diceGameContent.gift10 .diceArrow {top: 141px;margin-left: -311px;}
#event .diceGameContent.gift11 .diceArrow {top: 179px;margin-left: -241px;}
#event .diceGameContent.gift12 .diceArrow {top: 217px;margin-left: -165px;}
#event .diceGameContent .diceLink {display: block;position: absolute;top: 460.7px;left: 50%;width: 400px;height: 0;padding-top: 86px;margin-left: -200px;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent:-9999px;}
@keyframes diceAni01 {100% {transform: rotateX(2580deg) rotateY(0deg) rotateZ(45deg);}}
@keyframes diceAni02 {100% {transform: rotateX(2670deg) rotateY(-45deg) rotateZ(90deg);}}
@keyframes diceAni03 {100% {transform: rotateX(2580deg) rotateY(180deg) rotateZ(-45deg);}}
@keyframes diceAni04 {100% {transform: rotateX(2490deg) rotateY(45deg) rotateZ(90deg);}}
@keyframes diceAni05 {100% {transform: rotateX(2490deg) rotateY(-45deg) rotateZ(0deg);}}
@keyframes diceAni06 {100%{transform: rotateX(2490deg) rotateY(135deg) rotateZ(180deg);}}
#event .diceGame_noticeBtn {display: block;position: absolute;top: 978.7px;left: 50%;width: 652px;height: 0;padding-top: 71px;margin-left: -326px;background: #000;opacity: 0;filter: alpha(opacity:'0');text-indent:-9999px;}

/* ie 대응 */
#event .diceGameContent.diceIE {}
#event .diceGameContent.diceIE .diceGame {background-image:url(./images/dice_default.png);background-repeat: no-repeat;background-position: center;background-size: 174px auto;}
#event .diceGameContent.diceIE.gift2 .diceGame {background-image:url(./images/dice2.png);}
#event .diceGameContent.diceIE.gift3 .diceGame {background-image:url(./images/dice3.png);}
#event .diceGameContent.diceIE.gift4 .diceGame {background-image:url(./images/dice4.png);}
#event .diceGameContent.diceIE.gift5 .diceGame {background-image:url(./images/dice5.png);}
#event .diceGameContent.diceIE.gift6 .diceGame {background-image:url(./images/dice6.png);}
#event .diceGameContent.diceIE.gift7 .diceGame {background-image:url(./images/dice7.png);}
#event .diceGameContent.diceIE.gift8 .diceGame {background-image:url(./images/dice8.png);}
#event .diceGameContent.diceIE.gift9 .diceGame {background-image:url(./images/dice9.png);}
#event .diceGameContent.diceIE.gift10 .diceGame {background-image:url(./images/dice10.png);}
#event .diceGameContent.diceIE.gift11 .diceGame {background-image:url(./images/dice11.png);}
#event .diceGameContent.diceIE.gift12 .diceGame {background-image:url(./images/dice12.png);}
#event .diceGameContent.diceIE .diceGame .dice {display:none;}

/* dim */
#event .dim {display:none;position: fixed;top: 0;bottom:0;left:0;right: 0;width:100%;height:100%;background:#000;opacity:0.65;filter:alpha(opacity:'65');z-index: 42;}
#event .dim.on {display:block;}

@media all and (max-width:750px){

	/* default */
	#event {}
	#event .pc {display: none !important;}
	#event .mo {display: block !important;}
	#event .main_section,
	#event .section01,
	#event .section02,
	#event .section03,
	#event .section04,
	#event .section05 {}
	#event .main_section {}
	#event .section01 {}
	#event .section02 {}
	#event .section03 {}
	#event .section04 {background-size: auto 100%;}
	#event .section05 {}
	#event .section_img {}
	#event .section03_img {top: 17.1%;left: 0;width: 100%;max-width: 750px;margin: 0;}
	
	/* link */
	#event .section03_link {left: 28.2%;width: 43.7%;height: 0;padding-top: 10.2%;}
	#event .section04_link {left: 28.2%;width: 43.7%;height: 0;padding-top: 10.2%;}
	#event .section05_link {left: 28.2%;width: 43.7%;height: 0;padding-top: 10.2%;}

	/* quickMenu */
	#event .quickMenu {top: 78.9%;left: 0;padding-top: 24.484%;}
	#event .quickMenu.fixed {}
	#event .quickMenu ul {}
	#event .quickMenu ul li {}
	#event .quickMenu ul li a {}
	#event .quickMenu .nav {width: 100%;left: 0;margin-left: 0;}
	#event .quickMenu .nav.on1 {}
	#event .quickMenu .nav.on2 {}
	#event .quickMenu .nav.on3 {}

	/* tab */
	#event .section01 .ctt {width: 86.667%;left: 6.5335%;margin-left: 0;}
	#event .menu-tabs {padding-top: 11%;}
	#event .menu-tabs.ctt1 {}
	#event .menu-tabs.ctt2 {}
	#event .menu-tabs.ctt3 {}
	#event .menu-tabs > li {}
	#event .menu-tabs > li.active {}
	#event .menu-tabs > li.active a {}
	#event .menu-tabs > li a {}
	#event .ctt-tabs {}
	#event .ctt-tabs > li {}
	#event .ctt-tabs > li.active {}
	#event .ctt-tabs > li img {}
	#event .ctt-tabs > li a {padding-top: 11.7%;}
	#event .ctt-tabs .ctt1_box {}
	#event .ctt-tabs .ctt2_box {}
	#event .ctt-tabs .ctt3_box {}
	#event .ctt-tabs > li .luckyDraw_dim {}
	#event .ctt-tabs > li .luckyDraw_dim span {font-size:14px}
	#event .ctt-tabs > li.off .luckyDraw_dim {}
	#event .ctt-tabs > li.off .luckyDraw_dim:after {}
	#event .ctt-tabs > li.off .luckyDraw_dim span {}
	#event .luckyDraw_noticeBtn {left: 6.2%;width: 87%;padding-top: 9.2%;margin-left: 0;}
	
	/* popup */
	#event .popup_link {}
	#event .popup {}
	#event .popup > span {}
	#event .popup > div {width: 93.334%;}
	#event .popup > div > img {}
	#event .popup > div > a {}
	#event #luckyDrawPopup01 > div {width: 73.334%;}
	#event #luckyDrawPopup02 > div {width: 73.334%;}
	#event #luckyDrawPopup03 > div {width: 73.334%;}
	#event .popup > div > a.luckyDraw_popupLink {}

	/* diceGamePopup */
	#event .diceGamePopup {}
	#event .diceGamePopup > span {}
	#event .diceGamePopup > div {max-width: 550px;width: 73.334%;}
	#event .diceGamePopup > div > img {}
	#event .diceGamePopup > div > a {}
	
	/* diceGame */
	#event .diceGameContent {top: 34.7%;width: 93.467%;height: 0;padding-top: 59.467%;left: 2.9%;margin-left: 0;}
	#event .diceGameContent.gift2 {}
	#event .diceGameContent.gift3 {}
	#event .diceGameContent.gift4 {}
	#event .diceGameContent.gift5 {}
	#event .diceGameContent.gift6 {}
	#event .diceGameContent.gift7 {}
	#event .diceGameContent.gift8 {}
	#event .diceGameContent.gift9 {}
	#event .diceGameContent.gift10 {}
	#event .diceGameContent.gift11 {}
	#event .diceGameContent.gift12 {}
	#event .diceGame {}
	#event .dice {width: 9.3vw;height: 9.3vw;margin: 0 2vw;}
	#event .dice div {}
	#event .dice div:nth-child(1) {
		transform: rotateY(0deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice div:nth-child(2) {
		transform: rotateY(90deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice div:nth-child(3) {
		transform: rotateY(180deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice div:nth-child(4) {
		transform: rotateY(270deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice div:nth-child(5) {
		transform: rotateX(90deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice div:nth-child(6) {
		transform: rotateX(270deg) translate3d(0px, 0px, 4.65vw);
	}
	#event .dice01 {}
	#event .dice02 {}
	#event .diceAni01 {}
	#event .diceAni02 {}
	#event .diceAni03 {}
	#event .diceAni04 {}
	#event .diceAni05 {}
	#event .diceAni06 {}
	#event .diceGameContent .diceArrow {top: 62.8%;left: 46.2%;margin-left: 0;width: 7.561%;padding-top: 12.697%;}
	#event .diceGameContent.gift2 .diceArrow {top: 44.9%;margin-left: 0;left: 71.4%;}
	#event .diceGameContent.gift3 .diceArrow {top: 32.9%;margin-left: 0;left: 85.4%;}
	#event .diceGameContent.gift4 .diceArrow {top: 23.9%;margin-left: 0;left: 74.4%;}
	#event .diceGameContent.gift5 .diceArrow {top: 15.9%;margin-left: 0;left: 64.4%;}
	#event .diceGameContent.gift6 .diceArrow {top: 7.9%;margin-left: 0;left: 53.4%;}
	#event .diceGameContent.gift7 .diceArrow {top: -1.1%;margin-left: 0;left: 43.4%;}
	#event .diceGameContent.gift8 .diceArrow {top: 9.3%;margin-left: 0;left: 32.2%;}
	#event .diceGameContent.gift9 .diceArrow {top: 18.9%;margin-left: 0;left: 20.4%;}
	#event .diceGameContent.gift10 .diceArrow {top: 31.9%;margin-left: 0;left: 5.4%;}
	#event .diceGameContent.gift11 .diceArrow {top: 40.9%;margin-left: 0;left: 15.4%;}
	#event .diceGameContent.gift12 .diceArrow {top: 49.6%;margin-left: 0;left: 25%;}
	#event .diceGameContent .diceLink {top: 105.2%;left: 21.4%;width: 57.7%;height: 0;padding-top: 12.1%;margin-left: 0;}
	#event .diceGame_noticeBtn {top: 88.2%;left: 6.5%;width: 86.9%;padding-top: 9.5%;margin-left: 0;}

	/* ie 대응 */
	#event .diceGameContent.diceIE {}
	#event .diceGameContent.diceIE .diceGame {background-size: 25% auto;}
	#event .diceGameContent.diceIE .diceGame .dice {}

}