@charset "utf-8";

/* Layout */
.wrap{position:relative;}
.wrap img{width:100%;}

.hiddenTxt{position:absolute;left:-999999px;top:-999999px;text-indent:-9999999px;overflow:hidden;}
.dim_bg{display:none;background:#000;opacity:0.8;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.btnBlank{background: url(../images/bg_transparent.png) repeat; overflow:hidden; text-indent:-99999px; position:absolute; display:block;z-index:1;opacity:0.5}
.snow{
  height: 100%;
  position: absolute;
  width: 100%;
}
/* Gnb */
.quick{position:fixed;left:0;bottom:-23.5vw;width:100%;overflow:hidden;z-index:10;white-space:nowrap;transition:all 0.3s;}
.quick img{width:100%;}
.quick .quickbtn{
  left: 3%;
  top: 0;
  width: 35%;
  height: 29%;
}
.quick .con{
  left: 0%;
  top: 29%;
  width: 100%;
  height: 71%;
}
.quick.open{bottom:0;}

.eventArea{position:relative;}
.event01{position:relative;
  background:url("../images/event_01_bg.png") repeat-x left top;
}
.event03{
  background:#8db5d4;
}
.event04{
  background:#dee9f7;
}
.event01 .buy{
  left: 18%;
  top: 72.5%;
  width: 64%;
  height: 7%;
}
.event01Area > #canvas{position:fixed;left:0;top:0;width:100%;height:100%;}
.event01Area > .conArea{position:relative;z-index:1;width:1280px;margin:0 auto;}
.event01Area > .conArea .playerArea{
  position: absolute;
  left: 238px;
  top: 654px;
  width: 805px;
  height: 455px;
}
.event01Area > .conArea .share1{
  left: 237px;
  top: 1108px;
  width: 194px;
  height: 96px;
}
.event01Area > .conArea .share2{
  left: 437px;
  top: 1108px;
  width: 194px;
  height: 96px;
}
.event01Area > .conArea .share3{
  left: 647px;
  top: 1108px;
  width: 194px;
  height: 96px;
}
.event01Area > .conArea .share4{
  left: 849px;
  top: 1108px;
  width: 194px;
  height: 96px;
}
.event01Area > .conArea .urlcopy{
  left: 489px;
  top: 1452px;
  width: 294px;
  height: 70px;
}
.event02Area{position:relative;background:url("../images/event_03_bg.png") repeat-x center top;text-align:center;}

.event02Area > .conArea .btnJoin{
  left: 698px;
  top: 452px;
  width: 306px;
  height: 73px;
}
.listWrap{margin:0 auto;width:1280px;}
.listWrap .listArea ul{margin:0 -5px;overflow:hidden;}
.listWrap .listArea ul li{padding:5px;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;}
.listWrap .listArea ul li .lemonaBox{border:1px solid #e2e2e2;background:url("../images/list_bg.png") no-repeat;height:404px;position:relative;letter-spacing:-1px;}
.listWrap .listArea ul li .lemonaBox p{overflow:hidden;width:224px;text-overflow:ellipsis;white-space:nowrap}
.listWrap .listArea ul li .lemonaBox .txt1{font-size:19px;color:#1a1a1a;position:absolute;left:76px;top:100px;z-index:1}
.listWrap .listArea ul li .lemonaBox .txt2{font-size:19px;color:#1a1a1a;position:absolute;left:76px;top:185px;z-index:1}
.listWrap .listArea ul li .lemonaBox .txt3{font-size:19px;color:#1a1a1a;position:absolute;left:76px;top:275px;z-index:1}
.listWrap .title{text-align:center;padding:0 0 45px 0;}
.listWrap .btnMore{display:block;margin:60px 0}
.alert{position:relative;z-index:10;background:#282828;}
.alert .conArea{margin:0 auto;width:1280px;}
.popupWrap{ position:absolute; left:0; right:0; top:440px; width:740px;margin:0 auto; display:none;z-index:101;}
.popupWrap .title{padding-bottom:30px;}
.popupWrap .popupInner{border:2px solid #fff37b;background:#ffffff;border-radius:5px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.popupWrap .popupContent{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.popupWrap .popupContent .img{ float:left;}
.popupWrap .popupContent .img img{ width:416px; height:416px;}
.popupWrap .popupContent .con{ float:left; padding:37px 5px 0 22px; width:240px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popupWrap .popupContent .con .name{ font-size:22px; font-weight:bold; color:#ea547e;}
.popupWrap .popupContent .con .txt{ font-size:17px; line-height:22px; color:#121212; margin-top:20px; letter-spacing:-1px;}
.popupWrap .btnClose{ display:block;position:absolute; right:5px; top:-40px;}

.eventInput.event01Input{top:1500px;}
.eventInput{top:2660px;}
.eventInput .popupContent{padding:0 65px;}
.eventInput .title{ text-align:center;}
.eventInput .writeWrap{ margin:0 auto;}
.eventInput .writeWrap .txt{text-align:center;margin-bottom:40px;}
.eventInput .writeWrap .inputTop{}
.eventInput .writeWrap .inputTop li{ position:relative; padding-left:154px; margin-bottom:5px;border:1px solid #d3d7da;height:64px;}
.eventInput .writeWrap .inputTop li .tit{ position:absolute; left:0; top:0;}
.eventInput .writeWrap .inputTop li .inpText{width:100%;height:64px;line-height:64px;border:0;font-size:18px;}
.eventInput .writeWrap .inputTop li .inpText[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.eventInput .writeWrap .agreeWrap{overflow:hidden;}
.eventInput .writeWrap .agreeWrap .agreeArea{float:left;width:300px;}
.eventInput .writeWrap .agreeWrap .agreeArea:last-child{float:right;}
.eventInput .writeWrap .agreeWrap .agreeArea .title{font-size:17px;font-weight:bold;margin-bottom:10px;padding-top:0;}
.eventInput .writeWrap .agreeWrap .agreeArea .agreeScroll{overflow:auto; height:160px; background:#ffffff; font-size:16px; line-height:20px; color:#616161; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:10px; margin-bottom:20px;border:1px solid #d3d7da}
.eventInput .writeWrap .agreeWrap .agreeArea .agreeChk{ text-align:center;}
.eventInput .writeWrap .agreeWrap .agreeArea .agreeChk label{ display:inline-block;margin:0 10px;}
.eventInput .writeWrap .btnArea{ text-align:center; margin:60px 0;}

.wordInput{width:624px;top:2660px;text-align:center;}
.wordInput .title{padding:45px 0 30px 0}
.wordInput .lemonaBox{background:url("../images/popup_word_input.png") no-repeat;width:426px;height:599px;margin:0 auto 40px auto;position:relative;}
.wordInput .lemonaBox input{border:0;background:transparent;font-size:22px;width:301px;line-height:28px;}
.wordInput .lemonaBox .input1{position:absolute;left:103px;top:140px;}
.wordInput .lemonaBox .input2{position:absolute;left:103px;top:258px;}
.wordInput .lemonaBox .input3{position:absolute;left:103px;top:379px;}
.wordInput .lemonaBox .btnArea{position:absolute;left:0;bottom:30px;width:100%;text-align:center;}

.wordShare{width:624px;top:2660px;text-align:center;}
.wordShare .title{padding:45px 0 30px 0}
.wordShare .lemonaBox{background:url("../images/popup_word_input.png") no-repeat;width:426px;height:599px;margin:0 auto 40px auto;position:relative;}
.wordShare .lemonaBox p{font-size:22px;width:301px;line-height:28px;color:#1a1a1a;text-align:left;}
.wordShare .lemonaBox .txt1{position:absolute;left:103px;top:140px;}
.wordShare .lemonaBox .txt2{position:absolute;left:103px;top:258px;}
.wordShare .lemonaBox .txt3{position:absolute;left:103px;top:379px;}
.wordShare .lemonaBox .btnArea{position:absolute;left:0;bottom:30px;width:100%;text-align:center;}


.eventEnd{top:1000px;background:none;width:607px;border:0;}
.eventEnd .popupInner{background-color:transparent;border:0;}

input[type=radio]{ width:1px; height:1px; opacity:0; position:absolute; left:0; top:0;}
input[type=radio]+label{ padding-left:20px; font-size:12px; color:#4d4d4d; display:block; position:relative;}
input[type=radio]+label:after{ content:'';display:block; position:absolute; left:0; top:0; background:url("../images/radio_bg.png") no-repeat; width:16px; height:16px;}
input[type=radio]:checked+label{ color:#4d4d4d;}
input[type=radio]:checked+label:after{ background-position:0 -16px;}


.winnerList .popupContent{padding:0 30px;}
.winnerList .title{text-align:center;margin-bottom:30px;}
.winnerList .winnerSearch{margin-bottom:10px;}
.winnerList .winnerSearch input{height:66px;vertical-align:middle;width:288px;border:1px solid #d3d7da;font-size:35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;}
.winnerList .winnerSearch a{display:inline-block;vertical-align:middle;margin-left:5px;}
.winnerList .winnerListBox{border:1px solid #d3d7da;margin-bottom:16px;background:#ffffff;padding:20px 0 20px 20px;height:330px;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#303030;font-size:21px;line-height:32px;letter-spacing:-1px;}
.winnerList .winnerListBox .tit{font-weight:bold;margin-bottom:5px;}
.winnerList .winnerListBox ul{overflow:hidden;margin-bottom:20px;}
.winnerList .winnerListBox ul li{float:left;width:130px;}
.winnerList .winnerAlert{margin:0 -30px 30px -30px;}

.rolling{overflow:hidden;height:84.53125vw;}
.rolling img{animation: img-move 5s steps(6) infinite;}
@keyframes img-move{
  to{
    margin-top: -507.1875vw;
  }
}