/* 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;}
#layerBgArea{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:5; background:#000; opacity:.4}

/* event */
#container.event_wrap .event01{height:1285px; background:url(/resources/front/event/2018/11/heartmeal/images/event_01.jpg) no-repeat 50% 0}
#container.event_wrap .event01 .videoArea{position:absolute; left:0px; width:100%; text-align:center; bottom:206px;}
#container.event_wrap .event01 .tabArea{position:absolute; left:0px; width:100%; text-align:center; bottom:0;}
#container.event_wrap .event01 .tabWrap{width:975px; margin:0 auto;}
#container.event_wrap .event01 .tabWrap li{float:left; margin-right:6px;}
#container.event_wrap .event01 .tabWrap li:last-child{margin-right:0}
#container.event_wrap .event02{height:1353px; background:url(/resources/front/event/2018/11/heartmeal/images/event_02.jpg) no-repeat 50% 0; overflow:hidden;}
#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:100px;}
#container.event_wrap .event02 .slideWrap{width:945px; 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/2018/11/heartmeal/images/btn_prev.png) no-repeat 0 0}
#container.event_wrap .event02 .slick-next{right:0px; background:url(/resources/front/event/2018/11/heartmeal/images/btn_next.png) no-repeat 0 0}
#container.event_wrap .event02 .slick-list{width:787px; margin:0 auto}
#container.event_wrap .event03{height:1417px; background:url(/resources/front/event/2018/11/heartmeal/images/event_03.jpg) no-repeat 50% 0}
#container.event_wrap .event04{height:1285px; background:url(/resources/front/event/2018/11/heartmeal/images/event_04.jpg) no-repeat 50% 0}
#container.event_wrap .event05{height:1411px; background:url(/resources/front/event/2018/11/heartmeal/images/event_05.jpg) no-repeat 50% 0}
#container.event_wrap .event05 .btnArea{bottom:76px;}
#container.event_wrap .event06{height:1205px; background:url(/resources/front/event/2018/11/heartmeal/images/event_06.jpg) no-repeat 50% 0}
#container.event_wrap .event06 .slideArea{position:absolute; left:0px; width:100%; text-align:center; bottom:297px;}
#container.event_wrap .event06 .slideWrap{width:1160px; margin:0 auto;}
#container.event_wrap .event06 .slideCont2{width:630px; margin-left:30px;}
#container.event_wrap .event06 .slick-arrow{position:absolute; top:50%; width:75px; height:75px; text-indent:-999px; overflow:hidden; z-index:2; margin-top:-38px}
#container.event_wrap .event06 .slick-prev{left:0px; background:url(/resources/front/event/2018/11/heartmeal/images/btn_prev2.png) no-repeat 0 0}
#container.event_wrap .event06 .slick-next{right:0px; background:url(/resources/front/event/2018/11/heartmeal/images/btn_next2.png) no-repeat 0 0}
#container.event_wrap .event06 .btnArea{bottom:72px;}
#container.event_wrap .event07{height:1172px; background:url(/resources/front/event/2018/11/heartmeal/images/event_07.jpg) no-repeat 50% 0}
#container.event_wrap .event07 .btnArea{bottom:107px;}
#container.event_wrap .event07 .btnArea a{margin:0 1px;}
#container.event_wrap .event08{height:452px; background:url(/resources/front/event/2018/11/heartmeal/images/event_08.jpg) no-repeat 50% 0}
#container.event_wrap .event09{height:1011px; background:url(/resources/front/event/2018/11/heartmeal/images/event_09.jpg) no-repeat 50% 0}
#container.event_wrap .event09 .btnArea{bottom:110px;}

/* quick */
.quickArea{position:fixed; left:50%; width:117px; top:365px; margin-left:570px; text-align:center; min-height:431px; z-index: 2; background:url(/resources/front/event/2018/11/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/2018/11/heartmeal/images/gaugeBg_off.png) no-repeat 0 0}
.quickArea .gauge>span{position:absolute; width:100%; bottom:0px; left:0px; background:url(/resources/front/event/2018/11/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;}