@charset "euc-kr";

/* layout */
html, body {margin:0; padding:0; -webkit-text-size-adjust:none; }
/* body, input, select, button, textarea, h2, h3, h4, h5, h6, table {
font:normal 12px/1.5 Malgun Gothic, dotum, Arial,AppleGothic,Sans-serif; color:#333; } */
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
.hidden {width:0; height:0; padding:0; margin:0; overflow:hidden; font-size:0; visibility:hidden; position:absolute}
button{padding:0; margin:0; border:0; background:none; cursor:pointer;}


/* 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;}

#container.event .event02 .btnArea{bottom:670px; }
#container.event .event02 .slideSection{position:absolute; width:100%; left:0px; top:365px;  padding:0 50px; overflow:hidden; box-sizing:border-box;}
#container.event .event02 .slideSection a span{display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; padding-top:20px; -webkit-box-orient: vertical; font-size:28px; color:#000 ; text-align:center;} 
#container.event .event02 .slideWrap{ -webkit-overflow-scrolling: touch; overflow: auto; overflow-scrolling:auto;}
#container.event .event02 .slideWrap .slideArea{width:10000px;}
#container.event .event02 .slideWrap .slideArea:after{content:''; display:block; clear:both;}
#container.event .event02 .slideWrap .slideArea li{float:left; box-sizing:border-box; padding:0 10px; width:384px;}
#container.event .event02 .slideWrap .slideArea li a{display:block; width:364px;}
#container.event .event02 .slideWrap .slideArea li a img{width:100%}
#container.event .event02 .tabArea{position:absolute; width:100%; left:0px; bottom:0; box-sizing:border-box;}
#container.event .event02 .tabArea li{float:left;}
#container.event .event02 .tabArea:after{content:''; display:block; clear:both;}
#container.event .event03 .btnArea1{bottom:556px;}
#container.event .event03 .btnArea2{bottom:226px;}
#container.event .event05{min-height:1574px; background:#fff url(/resources/mobile/event/2018/07/pictureBook/images/event_05.jpg) no-repeat 0 0; box-sizing:border-box; padding:462px 0 76px;}
#container.event .event05 .instaArea{margin: 0 54px;}
#container.event .event05 .btnArea{top:253px;}
.attractt-container{position: relative;}
#container.event .event06 .btnArea{bottom:147px;}
#container.event .event07 .btnArea{bottom:217px;}
/* .attractt-container {position:absolute; left:50%; top:244px; width:699px; margin-left:-349px !important;} */

#container.event .eventSection {position:relative; margin-top:-2px;}
#container.event .eventSection img {vertical-align:top;}
#container.event .eventSection a {display:inline-block;}
#container.event .eventSection a img {width:auto;}
#container.event .eventSection .btnArea {position:absolute; left:0; width:100%; text-align:center; box-sizing:border-box; margin-bottom:0px;}
#container.event .eventSection .btnArea:after {content:""; display:block; clear:both;}
#container.event .eSection01 .btnArea {bottom:0; margin-bottom:0;} 
#container.event .eSection01 .btnArea a {float:left; width:50%;}
#container.event .eSection02 .btnArea {bottom:275px;} 
#container.event .eSection03 .btnArea.btnArea1 {top:784px; padding-right:5px;}
#container.event .eSection03 .btnArea {top:895px;}
#container.event .eSection04 .btnArea {bottom:90px;}
#container.event .eSection05 .btnArea {bottom:233px;}
#container.event .eSection06 .btnArea {bottom:67px;}
#container.event .eSection07 .btnArea {bottom:215px;}
.ePopWrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.ePopWrap img {width:auto;}
.ePopWrap .ePopArea {position:absolute; width:906px; height:1332px; top: 0; left:0; right:0; bottom:0; margin:auto;}
.ePopWrap .instaId {position:absolute; left:0; bottom:646px; width:100%; text-align:center;}
.ePopWrap .instaId input {width:788px; height:88px; padding:0 26px; border:0; background:#e2e2e2; color:#666; font-size:40px; line-height:88px; line-height:50px; box-sizing:border-box; letter-spacing:-1px; text-align:center;}
.ePopWrap .inputForm {position:absolute; left:0; bottom:429px; width:100%; text-align:center;}
.ePopWrap .inputForm input {width:788px; height:88px; padding:0 26px; border:0; background:#e2e2e2; color:#666; font-size:40px; line-height:88px; line-height:50px; box-sizing:border-box; letter-spacing:-1px;}
.ePopWrap .btnArea {position:absolute; left:0; bottom:248px; width:100%; text-align:center; margin-bottom:0;}
.ePopWrap .btnArea a {display:inline-block; margin:0 15px;}
.ePopWrap .btnClose {position:absolute; right:30px; top:37px;}
.ePopWrap .overlay{ position: fixed; width: 100%; height: 100%; top: 0; left:0; right:0; bottom:0; background-color: #000000; opacity: 0.4; z-index: -1}
.ePopWrap  input::placeholder{color:#999}