/* common */
.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 .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:584px; background:url(/resources/front/event/2019/05/babymoon/images/event_01.png) no-repeat 50% 0}
#container.event_wrap .event02{height:1402px; background:url(/resources/front/event/2019/05/babymoon/images/event_02.png) no-repeat 50% 0}
#container.event_wrap .event03{height:310px; background:url(/resources/front/event/2019/05/babymoon/images/event_03.png) no-repeat 50% 0}
#container.event_wrap .event04{height:229px; background:url(/resources/front/event/2019/05/babymoon/images/event_04.png) no-repeat 50% 0}
#container.event_wrap .event05{height:782px; background:url(/resources/front/event/2019/05/babymoon/images/event_05.png) no-repeat 50% 0}
#container.event_wrap .event06{height:856px; background:url(/resources/front/event/2019/05/babymoon/images/event_06.png) no-repeat 50% 0}
#container.event_wrap .event07{height:711px; background:url(/resources/front/event/2019/05/babymoon/images/event_07.png) no-repeat 50% 0}

/*#container.event_wrap .event01 .btnArea{bottom:0}
#container.event_wrap .event01 .btnArea a{width:512px; height:111px;}*/
#container.event_wrap .event02 .videoArea{
	position: absolute;
	top: 380px;
	left:0;
	width:100%;
	text-align: center;
}

#container.event_wrap .event02 .btnArea{bottom:37px}
#container.event_wrap .event03 .btnArea{bottom: 60px;}
#container.event_wrap .event03 .btnArea .btnWrap{width: auto; margin-left: -410px;}
#container.event_wrap .event03 .btnArea .btnWrap a{padding: 0 10px;}
#container.event_wrap .event04 .btnArea{bottom: 60px;}
#container.event_wrap .event05 .btnArea1 {bottom:117px;}
#container.event_wrap .event05 .btnArea1 a{margin-left: 250px;}
#container.event_wrap .event07 .btnArea1{bottom:110px;}


.event_wrap {z-index:99; width:100%; min-width:1170px; font-family:"Nanum Gothic", sans-serif; }
.event_wrap .section .con { position:relative; width:1170px; margin:0 auto; }
/*.event_wrap .btn {position:absolute;left:50%;overflow:hidden;display:block;text-indent:-999px;}*/
.section1 { position:relative; width:100%; height:694px; background:url('../images/bg_section1.jpg') center 0 no-repeat; }
.section2 { position:relative; width:100%; height:1354px; background:url('../images/bg_section2.jpg') center 0 no-repeat; }
.section2 .btn_travel {top:565px;width:492px;height:99px;margin-left:-240px;}
.section2 .sns01 {top:821px;width:110px;height:110px;margin-left:-346px;}
.section2 .sns02 {top:821px;width:110px;height:110px;margin-left:-210px;}
.section2 .sns03 {top:1274px;width:393px;height:45px;margin-left:-257px;}
.section3 { position:relative; width:100%; height:1602px; background:url('../images/bg_section3.jpg') center 0 no-repeat; }
.section3 .btn {top:590px;width:350px;height:62px;margin-left:1px;}

.section4 { position:relative; width:100%; height:1012px; background:url('../images/bg_section4.jpg') center 0 no-repeat; }
.section4 .btn {top:737px;width:417px;height:44px;margin-left:-236px;}

.layerPop{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layerPop .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);}
.layerPop .con{position:absolute; left:50%; width:608px; margin-left:-304px;} 
.layerPop .con .btn_popClose{position:absolute; top:0; right:-73px; width:61px; height:62px;}

#layerPop1 .con{top:1700px; height:620px; background:url('/resources/front/event/2019/05/babymoon/images/pop1.png') 0 top no-repeat; background-color:#fff;}
#layerPop1 .con .info { overflow-y:scroll; width:534px; height:265px; margin:222px auto 26px; background:#f6f6f6; border:2px solid #dbdbdb; }
#layerPop1 .con table{width:516px; height:265px; }
#layerPop1 .con table th{line-height:32px; text-align:left; padding:12px 17px;}
#layerPop1 .con table th img{vertical-align:middle;}
#layerPop1 .con table td{vertical-align:middle; line-height:32px; color:#959595; font-size:21px; padding:12px;}
#layerPop1 .con .btnArea{position:absolute; width:100%; bottom:25px; left:0px; text-align:center;}
#layerPop1 .con .btnArea a{padding:0 10px;}
/*#layerPop1 .btn_info {top:175px;width:124px;height:32px;margin-left:135px;}
#layerPop1 .btn_next {top:512px;width:181px;height:74px;margin-left:-88px;}*/

#layerPop2 .con{top:1700px; height:832px; background:url('/resources/front/event/2019/05/babymoon/images/pop2.png') 0 top no-repeat;}
#layerPop2 .con .input1 textarea {margin:218px 0 0 42px; display:block; width:485px; height:115px; padding:10px; border:2px solid #dbdbdb;resize:none; }
#layerPop2 .con .input2 { margin:62px 0 0 42px; }
#layerPop2 .con .input2 input { display:block; width:485px; height:59px; padding:0 10px; border:2px solid #dbdbdb; }
#layerPop2 .con .input_wrap{overflow:hidden; }
#layerPop2 .con .input_wrap li{ margin:15px 0 0 42px;}
#layerPop2 .con .input_wrap li:first-child{margin-top:72px;}
#layerPop2 .con .input_wrap li input { width:405px; height:59px; margin-left: 15px; padding:0 10px; border:2px solid #dbdbdb; }
#layerPop2 .con .btnArea{text-align:center; padding-top: 25px;}

#layerPop3 .con{top:1700px; height:776px; background:url('../images/bg_pop3.jpg') 0 top no-repeat;}
#layerPop3 .con .inputArea{position:absolute; width:100%; bottom:138px; left:0px; text-align:center;}
#layerPop3 .con .inputArea input{width:22px; height:22px; vertical-align:middle;}
#layerPop3 .con .inputArea label{vertical-align:middle;}
#layerPop3 .con .btnArea{position:absolute; width:100%; bottom:42px; left:0px; text-align:center;}