@charset "euc-kr";
.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#container.event_wrap{min-width:1170px;}
#container.event_wrap img{vertical-align:top;}
#container.event_wrap .eventCont{position:relative;}
#container.event_wrap .eventCont .btnArea{position:absolute; left:0px; width:100%; text-align:center;}
#container.event_wrap .eventCont a, .popBox 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:101; background:#000; opacity:.4;}
/* select::-ms-expand {display: none;}*/

#container.sub {padding-bottom: 0px;}
#container.event_wrap .event01{height:521px; background:url(/resources/front/event/2019/06/delivery/images/event01.png) no-repeat 50% 0;}
#container.event_wrap .event02{height:823px; background:url(/resources/front/event/2019/06/delivery/images/event02.png) no-repeat 50% 0;}
#container.event_wrap .event03{height:799px; background:url(/resources/front/event/2019/06/delivery/images/event03.png) no-repeat 50% 0;}
#container.event_wrap .event04{height:536px; background:url(/resources/front/event/2019/06/delivery/images/event04.png) no-repeat 50% 0;}
#container.event_wrap .event05{height:688px; background:url(/resources/front/event/2019/06/delivery/images/event05.png) no-repeat 50% 0;}
#container.event_wrap .event06{height:667px; background:url(/resources/front/event/2019/06/delivery/images/event06.png) no-repeat 50% 0;}
#container.event_wrap .event07{height:465px; background:url(/resources/front/event/2019/06/delivery/images/event07.png) no-repeat 50% 0;}


#container.event_wrap .event02 .btnArea{bottom:170px;}
#container.event_wrap .event02 .btnArea.btn02{bottom:42px;}
#container.event_wrap .event05 .contentWrap{padding-top: 230px;}
#container.event_wrap .event05 .cont{display: flex; justify-content: center;} 
#container.event_wrap .event05 .cont a{
	position: relative;
	width: 180px;
	height: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#container.event_wrap .event05 .cont a .imgOn{display: none;}
#container.event_wrap .event05 .cont a.on .imgOn{position: absolute;top: 0;	left: 0; display: block;}
#container.event_wrap .event06 .btnArea{bottom:70px;}


.popBoxWrap{position: absolute; top: 50%; left: 50%; text-align: center; transform: translateX(-50%); z-index: 101;}
.popBoxWrap .popBox .step01 {
	background: url(/resources/front/event/2019/06/delivery/images/popup01.png)no-repeat;
    height: 555px;
}
.popBoxWrap .popBox .step01 .btnArea{
    position: absolute;
    top: 160px;
    right: 30px;
}
.popBoxWrap .popBox .step01 .infoBox{
	position: absolute;
    top: 229px;  
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
}
.popBoxWrap .popBox .step01 .infoBox li{     
	display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 22px; 
}
.popBoxWrap .popBox .step01 .infoBox li strong{   
	color: #194e91;
    background-color: #ffffff;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 3px 0 7px 0;
    width: 90px;
    margin-right: 15px;
}
.popBoxWrap .popBox .step01 .infoBox li > span{   
    width: 360px;
    text-align: left;
    color: #ffffff;
}
.popBoxWrap .popBox .step01 .infoBox li:last-of-type{
	margin-bottom: 0;
	align-items: flex-start;
}
.popBoxWrap .popBox .step01 .selectArea{
	position: absolute;
    top: 462px;
    width: 75%;
    left: 50%;
    transform: translateX(-50%);
}
.popBoxWrap .popBox .step01 .selectArea select{
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    padding: 7px 10px;
    border: 0;
    border-radius: 5px;
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f4f4f4 url(/resources/front/event/2019/06/delivery/images/popbtn03.png) no-repeat right 0;
    background-size: 41px 40px;
}
.popBoxWrap .popBox .step02 .btnArea{position: absolute; bottom:33px; left: 0; width: 100%; text-align: center; }
.popBoxWrap .btn_popClose{    
	position: absolute;
    top: 20px;
    right: 20px;
}
/* 다이렉트 가정배달 배달 불가지역 안내 팝업 */
#caution_popup {
    position: absolute;  
    left: 50%;
    width: 570px;
    height: 454px;
    z-index: 101;
    transform: translateX(-50%);
    background: url(/resources/front/event/2019/06/delivery/images/agree_popup_bg.png) no-repeat;
  
}
#caution_popup .pop {
    width: 522px;
    height: 454px;
    margin: 0 auto;
}
#caution_popup .pop_title {
    width: 100%;
    height: 76px;
    font-size: 28px;
    font-weight: normal;
    color: #000;
    text-align: center;
    line-height: 76px;
    border-bottom: 1px solid #000;
}
#caution_popup .pop > div {
    width: 480px;
    height: 287px;
    padding: 20px;
    margin-top: 24px;
    border: 1px solid #ccc;
    background: #fafafa;
    font-size: 15px;
    font-weight: normal;
    color: #333;
    overflow-y: scroll;
    line-height: 18px;
}
#caution_popup .pop > div .sec {
    width: 100%;
    height: auto;
    line-height: 20px;
    word-break: keep-all;
    margin-bottom: 20px;
}
#caution_popup .pop > div .sec strong {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}
#caution_popup .popup_close {
    width: 36px;
    height: 40px;
    font-size: 0px;
    position: absolute;
    top: 21px;
    right: 24px;
    background: url(/resources/front/event/2019/06/delivery/images/closebtn.png) no-repeat;
}