@charset "utf-8";

.hidden {overflow:hidden; text-indent:100%; white-space:nowrap;}
#container{max-width:800px; margin:0 auto; padding:104px 0 0; overflow: hidden;}
#container .eventCont{position:relative; overflow: hidden; margin-top:-1px;}
#container .eventCont img{width:100%;}

.event1 .btn1 {position:absolute; left:114px; top:1209px; width:574px !important;}
.event1 .btn2 {position:absolute; left:295px; top:1386px; width:91px; height:91px;}
.event1 .btn3 {position:absolute; left:411px; top:1386px; width:91px; height:91px;}
.event2 .btn1 {position:absolute; left:101px; top:229px; width:598px; height:70px;}
.eventCont .timer {position:absolute; left:44px; right:41px; top:459px; text-align:center;}
.eventCont .timer p {display:inline-block; font-weight:500;}
.eventCont .timer p:first-child {margin-right:14px;}
.eventCont .timer p+p {margin-left:4px;}
.eventCont .timer p>span {position:relative; display:inline-block; width:127px; height:88px; padding-left:13px; margin-right:4px; letter-spacing:40px; line-height:85px; font-size:52px; font-weight:600; color:#282073; white-space:nowrap; vertical-align:middle;}
.eventCont .timer p>span:before {content:""; position:absolute; left:0; top:0; width:57px; height:88px; border-radius:8px; background:#eaeaea;}
.eventCont .timer p>span:after {content:""; position:absolute; right:0; top:0; width:57px; height:88px; border-radius:8px; background:#eaeaea;}
.eventCont .timer p>span span {position:relative; z-index:1;}
.event2_2 .name {position:absolute; left:0; right:0; top:57px; text-align:center; font-size:32px; line-height:32px; font-weight:600;}
.event2_2 .name img {width:auto !important; margin:-3px 0 0 3px; vertical-align:middle;}
.event2_2 .price {position:absolute; left:0; right:0; top:125px; text-align:center; font-size:70px; line-height:65px; letter-spacing:-2px; font-weight:600; color:#282073;}
.event2_2 .text {position:absolute; left:0; right:0; top:217px; text-align:center; font-size:35px; line-height:1em; color:#000;}
.event2_2 .text span {position:relative;}
.event2_2 .text >span:before {content:""; position:absolute; left:-10px; right:-10px; bottom:0; height:23px; background:#ffdd6d;}
.event2_2 .timer {top:416px;}
.event3 .date {position:absolute; left:0; right:0; top:171px; text-align:center; line-height:30px; color:#000; font-family:'NanumSquare'; font-weight:600;}
.event3 .date img {width:auto !important; margin-top:-5px; vertical-align:middle;}
.event3 .btn1 {position:absolute; left:283px; top:312px; width:234px; height:51px;}
.eventCont .eventList {margin:0 50px 100px;}