@charset "euc-kr";
@import url('/resources/mobile/css/event_common.css');


/* common */
/*.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#container.event .eventCont{position:relative;}
#container.event .eventCont .btnArea{position:absolute; left:0px; width:100%; text-align:center; margin:0; z-index:100;}
#container.event .eventCont a{display:inline-block;}
#container.event .eventCont a img{width:auto;}
#container.event .eventCont .imgMapArea{position:absolute; left:0px; width:100%; text-align:center;}
#eventPopBg{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:2; background:#000;     opacity: 0.4;}
.btnArea{margin:0}
.btnArea img{width:auto;}*/

/* event */
/*#container.event .event01 .btnArea{bottom:0}
#container.event .event01 .btnArea:after{content:''; dispaly:block; clear:both;}
#container.event .event01 .btnArea a{float:left; width:50%; height:174px;}*/

#container.event .event08 .videoArea{
    position: absolute;
    bottom:61px;
    left:0;
    width:100%;
    text-align: center;
}

#container.event .event02 .btnArea{bottom:75px;}
#container.event .event03 .btnArea{bottom:130px;}
#container.event .event03 .btnArea .btnWrap{margin-left: -682px;}
#container.event .event03 .btnArea .btnWrap a{padding:0 10px;}
#container.event .event05 .btnArea{bottom:140px;}
#container.event .event07 .btnArea{bottom:100px;}


#event { text-align:left; }
#event > div { position:relative; width:1080px; }

.event_section {position:relative;width:100%;}           
.event_section.sec01 {height:377px;background: url(../images/bg01.jpg) center 0 no-repeat;}
.event_section.sec02 {height:2269px;background: url(../images/bg02.jpg) center 0 no-repeat;}
.event_section.sec03 {height:1835px;background: url(../images/bg03.jpg) center 0 no-repeat;}
.event_section.sec04 {height:1696px;background: url(../images/bg04.jpg) center 0 no-repeat;}
.event_section.sec05 {height:2200px;background: url(../images/bg05.jpg) center 0 no-repeat;}
.event_section.sec06 {height:1299px;background: url(../images/bg06.jpg) center 0 no-repeat;}

.event_section .btn {position:absolute;display:block;overflow:hidden;text-indent:-999px;}
.event_section.sec01 .btn {left:332px;top:241px;width:506px;height:76px;}
.event_section.sec03 .btn {left:97px;top:528px;width:881px;height:155px;}
.event_section.sec03 .btn.btn_travel {left:97px;top:528px;width:881px;height:155px;}
.event_section.sec03 .btn.facebook {left:352px;top:1157px;width:149px;height:142px;}
.event_section.sec03 .btn.insta {left:530px;top:1157px;width:149px;height:142px;}
.event_section.sec04 .btn {left:169px;top:1497px;width:738px;height:115px;}
.event_section.sec06 .btn {left:168px;top:1059px;width:693px;height:73px;}


.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;}
.layerPop .con{position:absolute; top:3300px; left:50%; width:984px; transform: translateX(-50%);}
.layerPop .con .btn_popClose{position:absolute; top:-144px; right:0; width:129px; height:129px;}

#layerPop1 .con{width: 859px; height:875px; padding-bottom: 95px; background:url('/resources/mobile/event/2019/05/babymoon/images/pop1.png') 0 top no-repeat; background-color:#fff;}
#layerPop3 .con img{width:auto;}
#layerPop1 .con .info {   
	overflow-y: scroll;
    width: 749px;
    height: 470px;
    margin: 312px auto 48px;
    padding: 2px 0;
    background: #f6f6f6;
    border: 2px solid #dbdbdb;
}
#layerPop1 .con table{width:100%; height:403px; }
#layerPop1 .con table tr {height:70px;overflow:hidden;}
/*#layerPop1 .con table th{line-height:54px; text-align:left; padding:16px 32px;}*/
#layerPop1 .con table th{line-height:56px; text-align:left; padding:0 30px;}
#layerPop1 .con table th img{width:auto; vertical-align:bottom;}
/*#layerPop1 .con table td{vertical-align:middle; line-height:54px; color:#959595; font-size:36px; padding:16px 30px 16px 9px;}*/
#layerPop1 .con table td{    
	vertical-align: middle;
    line-height: 54px;
    color: #959595;
    font-size: 30px;
    padding: 16px 30px 16px 9px;
}
#layerPop1 .con .btnArea{   
	position: absolute;
    width: 100%;
    bottom: 31px;
    text-align: center;}
#layerPop1 .con .btnArea a{padding:0 10px;}
/*#layerPop1 .con .btn_wrap{overflow:hidden; text-align:center;}
#layerPop1 .con .btn_wrap li{display:inline-block; width:399px; height:178px; margin-left:14px;}
#layerPop1 .con .btn_wrap li:first-child{margin-left:67px;}
#layerPop1 .con .btn_wrap li button{float:left; width:399px; height:178px;}
#layerPop1 .con .btnArea button{position:absolute; width:243px; height:64px; left:669px; top:276px;}*/

#layerPop2 .con{width: 873px; height:1195px; background:url('/resources/mobile/event/2019/05/babymoon/images/pop2.png') 0 top no-repeat;}
#layerPop3 .con img{width:auto;}
#layerPop2 .con .input_wrap{overflow:hidden;}
#layerPop2 .con .input_wrap li{ margin-top:105px; padding:0 70px;}
#layerPop2 .con .input_wrap li:first-child{margin-top:304px;}
#layerPop2 .con .input_wrap li:first-child textarea{width: 100%; height:204px; padding:0 10px; border:none;color:#434343; font-size: 3.33333333vw;  box-sizing: border-box;  border: 2px solid #dbdbdb;}
#layerPop2 .con .input_wrap li input { width: 100%; height:80px; padding:0 10px; border:none;  border: 2px solid #dbdbdb;     box-sizing: border-box;}
/*#layerPop2 .con .input_wrap li.snsType {margin-top:124px; padding-left:220px;}
#layerPop2 .con .input_wrap li.snsType input {width:635px;}
#layerPop2 .con .input_wrap li.snsType + .snsType {margin-top:40px;}
#layerPop2 .con .input_wrap li.commend intpu{width:780px}*/

#layerPop2 .con .input_wrap li:nth-of-type(4){margin-top: 10px;}
#layerPop2 .con .input_wrap li:nth-of-type(3) input,
#layerPop2 .con .input_wrap li:nth-of-type(4) input{ width: 610px; margin-left: 20px;}
#layerPop2 .con .btnArea{  text-align: center; padding-top: 41px;}



/*#layerPop3 .con{height:1311px; background:url('../images/bg_pop3.jpg') 0 top no-repeat; width:984px;}
#layerPop3 .con img{width:auto;}
#layerPop3 .con .btnArea{position:absolute; left:0px; bottom:72px; width:100%; text-align:center;}
#layerPop3 .con .inputArea{position:absolute; left:0px; bottom:286px; width:100%; text-align:center;}
#layerPop3 .con .inputArea input{width:40px; height:40px; vertical-align:middle;} 
#layerPop3 .con .inputArea label{vertical-align:middle; display: inline-block; margin-top: -15px; margin-left: 10px;}*/