@charset "UTF-8";

.contents{width:100%;padding:0;}
.eventView{padding:0;}

/* 탑 배너*/
.luckydraw .top_banner{position:relative;height:128px;background:#111;text-align:center;}
.luckydraw .top_banner img{width:100%;}
.luckydraw .top_banner:after{display:block;content:"";position:absolute;top:0;left:50%;width:696px;height:128px;margin-left:-348px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/top_banner_tit.jpg')no-repeat center top;}

/* visual */
.luckydraw .visual{position:relative;height:1030px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/visual.jpg')no-repeat center top;background-size:100% 100%;}
.luckydraw .visual .inner_box{position:relative;width:1170px;margin:0 auto;}
.luckydraw .visual .img_txt1{position:relative;padding-top:130px;text-align:center;}
.luckydraw .visual .img_txt1 a{position:absolute;bottom:44px;right:190px;width:178px;height:178px;}
.luckydraw .visual .img_wrap:after{display:block;content:"";position:absolute;bottom:130px;right:-90px;width:279px;height:425px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/visual_img.png')no-repeat center top;}
.luckydraw .visual .img_wrap .link_btn{position:absolute;bottom:0;right:130px;width:130px;height:130px;border-radius:50%;}

/* 이벤트 응모 */
.luckydraw .event_wrap .top{position:relative;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/event_wrap_top_bg.jpg')no-repeat center top;background-size:100% 100%;text-align:center;}
.luckydraw .event_wrap .top .img_wrap{padding:90px 0 120px 0;}
.luckydraw .event_wrap .top a:nth-of-type(1){position:absolute;top:716px;left:50%;width:214px;height:48px;margin-left:-378px;transform:translateX(-50%);animation:_btnAction 1.5s infinite ease-in-out alternate;}
.luckydraw .event_wrap .top .step02_btn{position:absolute;top:1012px;left:50%;width:214px;height:48px;margin-left:-308px;transform:translateX(-50%);}
.luckydraw .event_wrap .top .step03_btn{position:absolute;top:976px;left:50%;width:575px;height:120px;margin-left:298px;transform:translateX(-50%);}

@keyframes _btnAction{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
/* .luckydraw .event_wrap .event_wrap_banner{position:relative;background:#5f77ba;text-align:center;} */
.luckydraw .event_wrap .bottom{position:relative;padding:80px 0 130px 0;background:#262626;text-align:center;}
.luckydraw .event_wrap .bottom .img_wrap{position:relative;width:1246px;margin:0 auto;text-align:center;}
.luckydraw .event_wrap .bottom .img_wrap:before{display:block;content:"";position:absolute;top:740px;left:50%;width:187px;height:605px;margin-left:-660px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/pattern_1.png')no-repeat center top;transform:translateX(-50%);}
.luckydraw .event_wrap .bottom .img_wrap:after{display:block;content:"";position:absolute;top:160px;left:50%;width:172px;height:987px;margin-left:700px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/pattern_2.png')no-repeat center top;transform:translateX(-50%);}
.luckydraw .event_wrap .bottom .img_wrap img{position:relative;}
.luckydraw .event_wrap .bottom .btn_link{position:absolute;top:0;left:50%;width:264px;height:58px;background:#5f77ba;font-size:22px;font-weight:bold;color:#fff;line-height:58px;text-align:center;transform:translateX(-50%);}
.luckydraw .event_wrap .bottom .btn_link.btn01{top:644px;width:355px;margin-left:305px;}
.luckydraw .event_wrap .bottom .btn_link.btn02{top:1290px;margin-left:-400px;}
.luckydraw .event_wrap .bottom .btn_link.btn03{top:1290px;}
.luckydraw .event_wrap .bottom .btn_link.btn04{top:1290px;margin-left:391px;}
.luckydraw .event_wrap .bottom .btn_link_wrap{position:absolute;top:60px;right:40px;z-index:1;text-align:center;}
.luckydraw .event_wrap .bottom .btn_link_wrap a{display:block;width:360px;height:90px;margin:0 auto;box-sizing:border-box;background:#f4d170;color:#000;font-size:26px;font-family:'nb';font-weight:bold;text-align:center;line-height:90px;}
.luckydraw .event_wrap .bottom .btn_link_wrap:before{display:block;content:"";position:absolute;top:-70px;left:-70px;width:106px;height:106px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/click.png')no-repeat center top;z-index:-1;animation:_action 1s infinite ease-in-out alternate;}
.luckydraw .event_wrap .bottom .btn_link_wrap p{display:inline-block;margin-top:30px;text-align:center;font-size:16px;line-height:24px;color:#fff;opacity:0.7;}
.luckydraw .event_wrap .bottom .btn_link_wrap p:before{display:inline-block;content:"";width:4px;height:4px;margin:-3px 6px 0 0;background:#999;vertical-align:middle;}
@keyframes _action{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
.luckydraw .event_wrap .bottom .check_wrap{width:1170px;height:624px;margin:120px auto 0;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/check_wrap_con.png')no-repeat center top;}
.luckydraw .event_wrap .bottom .check_wrap ul{padding-top:220px;font-size:0;}
.luckydraw .event_wrap .bottom .check_wrap li{display:inline-block;position:relative;width:150px;margin-right:55px;text-align:center;}
.luckydraw .event_wrap .bottom .check_wrap li.on .txt_wrap{background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/check_on.png')no-repeat center center;color:#fff;}
/* .luckydraw .event_wrap .bottom .check_wrap li.on .txt_wrap{background:#5f77ba;color:#fff;} */
.luckydraw .event_wrap .bottom .check_wrap li.on .txt_wrap:after{display:block;content:"";position:absolute;top:50%;left:50%;width:90%;height:90%;border:1px solid rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%, -50%);}
.luckydraw .event_wrap .bottom .check_wrap li.on:after{display:block;content:"";position:absolute;top:calc(50% - -20px);right:-37px;width:18px;border:1px dashed #fff;}
.luckydraw .event_wrap .bottom .check_wrap li:last-child{margin-right:0;}
.luckydraw .event_wrap .bottom .check_wrap li:last-child:after{display:none;}
.luckydraw .event_wrap .bottom .check_wrap li .day{font-size:22px;color:#909090;}
.luckydraw .event_wrap .bottom .check_wrap li .txt_wrap{position:relative;display:table;width:145px;height:145px;margin:20px auto 0;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/check_border.png')no-repeat center center;font-size:26px;border-radius:50%;box-sizing:border-box;color:#a8a8a8;}
.luckydraw .event_wrap .bottom .check_wrap li .txt_wrap > div{display:table-cell;vertical-align:middle;}
.luckydraw .event_wrap .bottom .check_wrap li .txt_wrap .txt1{font-family:"gb";letter-spacing:-2px;}
.luckydraw .event_wrap .bottom .check_wrap li .txt_wrap .txt2{font-weight:bold;}
.luckydraw .event_wrap .bottom .check_wrap li .txt_wrap .today_img{position:absolute;top:-10px;left:50%;transform:translateX(-50%);}
.luckydraw .event_wrap .bottom .check_wrap .check_btn{display:inline-block;width:412px;height:90px;margin-top:60px;background:#f4d170;;font-size:26px;font-family:'nb';font-weight:bold;text-align:center;line-height:90px;color:#000;}
.luckydraw .event_wrap .bottom .check_wrap .check_btn span{font-weight:400;}

/* 추천 제품 */
.luckydraw .product{position:relative;}
.luckydraw .product .img_wrap01{position:relative;height:568px;background:#1cc4bb;text-align:center;}
.luckydraw .product .img_wrap01 img{width:100%;height:100%;}
.luckydraw .product .img_wrap01:after{display:block;content:"";position:absolute;top:50px;left:50%;width:881px;height:444px;margin-left:-300px;background:url('https://image.aestura.com/resources/event/20200605_luckydraw/web/product_title.png')no-repeat center top;}
.luckydraw .product .img_wrap02{padding-bottom:120px;background:#f8fbfb;text-align:center;}
.luckydraw .product .link_btn{position:absolute;bottom:273px;left:50%;width:264px;height:62px;margin-left:-238px;transform:translateX(-50%);}

/* 주의사항 */
.luckydraw .notice{padding:70px 0;background:#f7f7f7;}
.luckydraw .notice .inner{max-width:800px;margin:0 auto;text-align:left;}
.luckydraw .notice h3{margin-bottom:35px;font-size:24px;line-height:34px;color:#1b1b1b;font-weight:bold;}
.luckydraw .notice li{margin-bottom:15px;font-size:18px;line-height:42px;color:#666;line-height:1.6;}
.luckydraw .notice li:last-child{margin-bottom:0;}

/* 나의 응모권 확인 팝업*/
.ticketConfirm .layerPopup{width:650px;box-sizing:border-box;}
.ticketConfirm .layerPopup .layerBody{padding:50px;border:8px solid #6179bb;box-sizing:border-box;text-align:center;}
.ticketConfirm .layerPopup .layerBody img{max-width:100%;}
.ticketConfirm .layerPopup .layerBody .layerCont{position:relative;}
.ticketConfirm .layerPopup .layerBody .layerCont .txt_wrap{position:absolute;top:165px;left:50%;font-size:60px;color:#f7de9c;font-weight:bold;transform:translateX(-50%);}
.ticketConfirm .layerPopup .layerBody .layerCont .txt_wrap span{font-size:60px;color:#f7de9c;font-weight:bold;}
.ticketConfirm .layerPopup .layerBody .layerCont .txt_wrap .txt1{position:absolute;margin-left:-135px;}
.ticketConfirm .layerPopup .layerBody .layerCont .txt_wrap .txt2{position:absolute;margin-left:100px;}
.ticketConfirm .layerPopup .layerBody .layerCont .entry_history{position:absolute;width:500px;left:50%;margin:5px 0 0 -250px;font-size:0;}
.ticketConfirm .layerPopup .layerBody .layerCont .entry_history li{display:inline-block;width:25%;font-weight:bold;color:#5f77ba;font-size:36px;}
.ticketConfirm .layerPopup .layerBody .layerCont .entry_history li:nth-child(1){text-indent:20px;}
.ticketConfirm .layerPopup .layerBody .layerCont .entry_history li:nth-child(3){text-indent:-7px;}
.ticketConfirm .layerPopup .layerBody .layerCont .entry_history li:nth-child(4){text-indent:-22px;}
.ticketConfirm .userName{margin:15px 0;font-size:32px;color:#222;font-family:"nb";}
.ticketConfirm .layerPopup .btnArea{margin-top:90px;}
.ticketConfirm .layerPopup .btnArea a{display:block;height:90px;border-radius:45px;background:#20273a;text-align:center;color:#fff;font-size:28px;line-height:90px;border-radius:45px;box-shadow:1px 9px 20px rgba(0,0,0,0.3);}
.ticketConfirm .layerClose{top:-40px;right:0;}

/* 개인정보 수집동의 팝업*/
.usePopup .layerPopup{width:650px;box-sizing:border-box;background:#f4f4f4;}
.usePopup .layerPopup .layerBody{padding:65px 70px 50px 70px;box-sizing:border-box;text-align:center;}
.usePopup .layerPopup .layerBody .layerCont{position:relative;text-align:left;letter-spacing:-1px;}
.usePopup .layerPopup .layerBody .layerCont .title{display:block;margin-bottom:30px;font-size:30px;line-height:1;color:#333;font-family:'nb';}
.usePopup .layerPopup .layerBody .layerCont .txt{margin-top:10px;font-size:18px;color:#888;font-family:'nr';}
.usePopup .layerPopup .layerBody .layerCont li{margin-top:10px;font-size:18px;color:#888;font-family:'nr';}
.usePopup .layerPopup .btnArea{margin-top:40px;}
.usePopup .layerPopup .btnArea a{display:block;height:90px;border-radius:45px;background:#20273a;text-align:center;color:#fff;font-size:28px;line-height:90px;border-radius:45px;box-shadow:1px 9px 20px rgba(0,0,0,0.3);}
.usePopup .layerClose{top:-40px;right:0;}
.usePopup .input{margin-top:30px;}
.usePopup .input input[type=radio]:checked + label {background-position: 0 -30px;}
.usePopup .input input[type=radio] + label {background-position: 0 0;}
.usePopup .input label{font-size:18px;color:#333;}
.usePopup .input label:last-child{margin-left:40px;}

@media(max-width:1600px){
	.luckydraw .event_wrap .bottom .img_wrap:before{display:none;}
	.luckydraw .event_wrap .bottom .img_wrap:after{display:none;}
}