/* common */
.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#container.event_wrap{padding-bottom:0}
#container.event_wrap{min-width:1170px;}
#container.event_wrap img{vertical-align:top;}
#container.event_wrap .eventCont{position:relative;}
#container.event_wrap .eventCont .btnWrap{width:1170px; margin:0 auto;}
#container.event_wrap .eventCont .btnArea{position:absolute; left:0px; width:100%; text-align:center;}
#container.event_wrap .eventCont a{display:inline-block;}
#container.event_wrap .eventCont .imgMapWrap{width:1170px; margin:0 auto;}
#container.event_wrap .eventCont .imgMapArea{position:absolute; left:0px; width:100%; text-align:center;}
#container.event_wrap .inputArea{position:absolute; left:0; width:100%; text-align: center;}
#layerBgArea{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:5; background:#000; opacity:.4}
/* event */
#container.event_wrap .event01{height:961px; background:url(/resources/front/event/2021/12/heartmeal/images/event01.jpg) no-repeat 50% 0}
#container.event_wrap .event02{height:1108px; background:url(/resources/front/event/2021/12/heartmeal/images/event02.jpg) no-repeat 50% 0; overflow:hidden;}
#container.event_wrap .event03{height:1272px; background:url(/resources/front/event/2021/12/heartmeal/images/event03.jpg) no-repeat 50% 0}
#container.event_wrap .event04{height:1224px; background:url(/resources/front/event/2021/12/heartmeal/images/event04.jpg) no-repeat 50% 0}
#container.event_wrap .event05{height:660px; background:url(/resources/front/event/2021/12/heartmeal/images/event05.jpg) no-repeat 50% 0}
#container.event_wrap .event06{height:1164px; background:url(/resources/front/event/2021/12/heartmeal/images/event06.jpg) no-repeat 50% 0}
#container.event_wrap .event07{height:1248px; background:url(/resources/front/event/2021/12/heartmeal/images/event07.jpg) no-repeat 50% 0}
#container.event_wrap .event08{height:588px; background:url(/resources/front/event/2021/12/heartmeal/images/event08.jpg) no-repeat 50% 0}
#container.event_wrap .event09{height:886px; background:url(/resources/front/event/2020/12/heartmeal/images/event_09.jpg) no-repeat 50% 0}

#container.event_wrap .event01 .videoArea{position:absolute; left:0px; width:100%; text-align:center; bottom:86px;}
#container.event_wrap .event01 .videoArea.on{position:fixed;top: 136px;height: 398px; z-index: 10;}
#container.event_wrap .event01 .videoArea .closeBtn{display:none;}
#container.event_wrap .event01 .videoArea.on .closeBtn{
    display: block;
    position: absolute;
    bottom: -30px;
    text-align: center;
    width: 100%;
}
#container.event_wrap .event01 .videoArea.on .closeBtn a{margin-left: 700px;}

#container.event_wrap .tabArea{
    height:176px; 
    background:url(/resources/front/event/2021/12/heartmeal/images/tabArea.jpg) no-repeat 50% 0
}
#container.event_wrap .tabWrap{    
    display: flex;
    width: 972px;
    margin: 0 auto;
    padding-top: 19px;
    box-sizing: border-box;
}
#container.event_wrap .tabWrap li{width: 100%; height: 132px; margin-right: 7px; font-size: 0;}
#container.event_wrap .tabWrap li:last-child{margin-right:0}
#container.event_wrap .tabWrap li a{display:inline-block; width: 100%; height: 100%; text-indent: -99999px;}


#container.event_wrap .event02 .btnArea{top:96px; text-align:left;}
#container.event_wrap .event02 .btnArea a{margin-left:200px;}
#container.event_wrap .event02 .slideArea{position:absolute; left:0px; width:100%; text-align:center; bottom:80px;}
#container.event_wrap .event02 .slideWrap{width:760px; margin:0 auto;}
#container.event_wrap .event02 .slick-arrow{position:absolute; top:50%; width:56px; height:99px; text-indent:-999px; overflow:hidden; z-index:2}
#container.event_wrap .event02 .slick-prev{left:0px; background:url(/resources/front/event/2020/12/heartmeal/images/btn_prev.png) no-repeat 0 0}
#container.event_wrap .event02 .slick-next{right:0px; background:url(/resources/front/event/2020/12/heartmeal/images/btn_next.png) no-repeat 0 0}
#container.event_wrap .event02 .slick-list{width:560px; margin:0 auto}
#container.event_wrap .event02 .slick-list img{width:560px; height: 560px}
#container.event_wrap .event03 .btnArea{bottom:140px;}
#container.event_wrap .event03 .btnArea a{margin:0 20px;}
#container.event_wrap .event04 .inputArea{bottom:90px;}
#container.event_wrap .event04 .btnArea{top: 530px;}
#container.event_wrap .event04 .btnArea a{width: 190px; height: 40px; font-size: 0; text-indent: -999999px;}

#container.event_wrap .event07 .inputArea{bottom:110px;}
#container.event_wrap .event04 .inputArea input,
#container.event_wrap .event07 .inputArea input{
    display: block;
    width: 680px;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #cccccc;
    margin: 0 auto 30px;
}
#container.event_wrap .event07 .btnArea{top: 733px;}
#container.event_wrap .event07 .btnArea > div{width: 450px; text-align: left; margin: 0 auto; }
#container.event_wrap .event07 .btnArea a:last-of-type{margin-left:10px;}
.hashArea{
	position: absolute;
    top: 855px;
    width: 100%;
    text-align: center;
}
.hashArea a{    
    width: 120px;
    height: 23px;
    margin-bottom: 30px;
    margin-right: -570px;
    text-indent: -9999px;   
}
#container.event_wrap .event04 .hashArea{top: 850px;}
#container.event_wrap .event09 .btnArea{bottom:80px;}

/* quick */
.quickArea{
    position:absolute; 
    top:50%; 
    left:50%; 
    width:117px; 
    margin-top: -50px;
    margin-left:510px; 
    text-align:center; 
    min-height:431px; 
    z-index: 2;
    background:url(/resources/front/event/2020/12/heartmeal/images/quickBg.png) no-repeat 50% 0;

 }
.quickArea .gaugeArea{padding-top:108px;}
.quickArea .gauge{display:inline-block; position:relative; width:24px; height:99px; margin-left:3px; background:url(/resources/front/event/2020/12/heartmeal/images/gaugeBg_off.png) no-repeat 0 0}
.quickArea .gauge>span{
    height:100%!important;
 position:absolute; width:100%; bottom:0px; left:0px; background:url(/resources/front/event/2020/12/heartmeal/images/gaugeBg_on.png) no-repeat 0 100%}
.quickArea .btnBox{margin-top:68px;}
.quickArea a{display:inline-block;}
.quickArea .btnBox a:first-child{margin-bottom:4px;}
.quickArea>a{margin-top:79px;}
#popBox{position:fixed; left:50%; top:50%; margin:-160px 0 0 -150px; width:300px; height:320px; z-index:6}
#popBox>a{position:absolute; right:15px; top:15px;}