@charset "utf-8";

/* EVENT 429 */
.eventWrap {width: 100%;}
.eventWrap .inner{width: 1306px; margin: 0 auto;}
.bg_img {width: 100%;}
/* evtTitWrap*/

.eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
.evtTitWrap {position:relative; height: 1265px; background: url(/resources/images/event/2023/event230131/evtBg1.png)no-repeat center; background-size: auto 100%; text-align:center;z-index:1;}
.evtTitWrap .inner {height: 100%; background:url(/resources/images/event/2023/event230131/evtCont1.png)no-repeat center bottom 70px; background-size: 1044px 1163px; }



/* evtContsWrap */
.evtSection .evtContWrap {padding-bottom: 48px; background: url(/resources/images/event/2023/event230131/evtBg2.png) no-repeat center top; background-size: auto 100%;}
.evtSection .evtContWrap .evtCont01 > div {position: relative; padding-top: 514px; width: 100%; height: 696px; margin-bottom: 34px;}
.evtSection .evtContWrap .evtCont01 > div.roulette_info1 {background: url(/resources/images/event/2023/event230131/evtCont2.png) no-repeat center top; background-size: 100% auto; text-align: center;}
.evtSection .evtContWrap .evtCont01 > div.roulette_info1 .btnJoin {display: inline-block; width: 335px; height: 86px;  background: url(/resources/images/event/2023/event230131/btn_join.png)no-repeat center; background-size: 100% auto;}
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 {padding: 514px 229px 0; margin-bottom: 0; background: url(/resources/images/event/2023/event230131/evtCont3.png) no-repeat center top; background-size: 100% auto;}
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 .btnShare {display: inline-block; width: 278px; height: 86px; margin-right: 34px; background: url(/resources/images/event/2023/event230131/btn_share.png)no-repeat center; background-size: 100% auto;}
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 .urlForm {display: inline-flex; justify-content: space-between;  width: 533px; height: 73px; padding: 0 8px 0 30px;  background: #fff; border: 2px solid #2b90b3; border-radius: 36px; vertical-align: top; box-shadow: 0 9px 5px rgba(82, 129, 125, 0.4); }
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 .urlForm input[type="text"] {display: inline-block; flex: 1; padding-right: 30px; font-size: 30px; line-height: 1; letter-spacing: -0.04em; }
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 .urlForm input[type="text"]::placeholder {color: #939393; }
.evtSection .evtContWrap .evtCont01 > div.roulette_info2 .urlForm input[type="text"] + button {display: inline-block; width: 128px; height: 56px; margin: 7px 0 7px 0; font-size: 0; background: url(/resources/images/event/2023/event230131/btn_register.png)no-repeat center;  }

.roulette {position: relative; width: 100%; padding: 153px 0 95px; background: url(/resources/images/event/2023/event230131/evtBg3.png) no-repeat center top; background-size: auto 100%;}
.roulette:after {content: ""; display: block; position: absolute; left: 50%; top: 0; width: 133px; height: 277px; background: url(/resources/images/event/2023/event230131/bg_roulette_point.png) no-repeat 0 0; transform: translateX(-50%); z-index: 3; }
.roulette .board_wrap {position: relative; width: 1024px; height: 1024px; margin: 0 auto; border-radius: 50%; box-shadow: 0 13px 0 rgba(110, 168, 174, 0.54);}
.roulette .board_wrap .board {width: 100%; height: 100%; background: url(/resources/images/event/2023/event230131/bg_roulette.png) no-repeat; background-size: contain; border-radius: 50%; transition: all 4s ease;  }
.roulette button.btn_start {position: absolute; top: 50%; left: 50%; width: 358px; height: 358px; transform:translate(-50%, -50%); background: url(/resources/images/event/2023/event230131/btn_roulette_start.png) no-repeat; background-size: contain; font-size: 0; }
.roulette button.btn_start .ticket {display: inline-block; position: absolute; right: 102px; top: 122px; width: 36px; height: 36px; font-size: 30px; font-weight: 600; color: #ff7b23; line-height: 36px; text-align: center; background: #fff; border-radius: 50%;}
.roulette .end {display: none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:930px; height: 930px; padding-top: 156px; background:url(/resources/images/event/2023/event230131/result_bg.png); background-size: 100% auto; text-align: center;  box-sizing:border-box; border-radius:50%; z-index: 3; }
.roulette .end p {display: block; width: 445px; height: 84px; margin: 0 auto; font-size:0px; background: url(/resources/images/event/2023/event230131/result_txt.png)no-repeat center; }
.roulette .end .try_again {display:none;}
.roulette .end .end_cont {height: 100%;}
.roulette .end .end_cont span,
.roulette .end .end_cont div {display: none;}
.roulette .end .end_cont.coffee {background: url(/resources/images/event/2023/event230131/result_coffee.png) no-repeat 314px 110px; }
.roulette .end .end_cont.con {background: url(/resources/images/event/2023/event230131/result_con.png) no-repeat 257px 108px;}
.roulette .end .end_cont.chocolate {background: url(/resources/images/event/2023/event230131/result_chocolate.png) no-repeat 190px 150px;}
.roulette .end .end_cont.ipad {background: url(/resources/images/event/2023/event230131/result_ipad.png) no-repeat 310px 108px;}
.roulette .end .end_cont.yogurt {background: url(/resources/images/event/2023/event230131/result_yogurt.png) no-repeat 266px 148px;}
.roulette .end .end_cont.jumprope {background: url(/resources/images/event/2023/event230131/result_jumprope.png) no-repeat 292px 80px;}
.roulette .end .end_cont.banana {background: url(/resources/images/event/2023/event230131/result_banana.png) no-repeat 262px 98px;}
.roulette .end .end_cont.airpod {background: url(/resources/images/event/2023/event230131/result_airpod.png) no-repeat 293px 116px;}
.roulette .end button {display:inline-block; position: absolute; left: 50%; bottom: 112px; width: 242px; height:75px; background: url(/resources/images/event/2023/event230131/btn_result.png)no-repeat center; transform: translateX(-50%);}

.roulette .end.end2 .end_cont {display:none;}
.roulette .end.end2 .try_again {display:block; padding-bottom:120px; line-height: initial;}

.evtFooter{padding:74px 0 80px; background:#0c89b5;}
.evtFooter .inner{width:670px;}
.evtFooter strong{font-size:20px; color:#fff; font-weight:600; line-height:1;}
.evtFooter .evtInfoList{margin-top:17px;}
.evtFooter .evtInfoList li{font-size:15px; color:#fff; line-height:28px; padding-left: 17px; text-indent: -17px; letter-spacing: -0.05em;}
.evtFooter .evtInfoList li.info_color {color: #fff6a1;}
.evtFooter p{margin-top:15px; height:33px; font-size:15px; color:#2f2f2f; line-height:33px; background:#d6bc78; border-radius: 17px; letter-spacing: -0.04em; text-align: center;}

/* eventPopWrap */
#eventPopWrap .popTblWrap table td.txt{color:#393d49; font-weight:400;}
#eventPopWrap .eventPop .formMulti .txt{display:inline-block; line-height:32px; color: #393d49; font-weight:400;}
.popTblWrap .select2-container .select2-selection--single, .popTblWrap .select2-container--default .select2-selection--single .select2-selection__rendered, .popTblWrap .select2-results__option{line-height:30px;}
.infoSurvey {position: relative; width: 100%; padding: 18px 21px 25px 21px ; margin-bottom: 45px;  border: 2px solid #d4d4d4; border-radius: 10px; }
.infoSurvey p { margin-top: 5px; font-size: 14px; letter-spacing: -0.04em; }
.infoSurvey .starRating {display: inline-flex; justify-content: center; width: 100%; margin-top: 20px;}
.infoSurvey .starRating li {width: 16px; height: 31px;}
.infoSurvey .starRating li {background: url(/resources/images/event/2023/event230131/star1.png)no-repeat center top;}
.infoSurvey .starRating li:hover {cursor: pointer}
.infoSurvey .starRating li.on {background: url(/resources/images/event/2023/event230131/star1.png)no-repeat center bottom;}
.infoSurvey .starRating li:nth-child(2n) {margin-right: 18px; background: url(/resources/images/event/2023/event230131/star2.png)no-repeat center top;}
.infoSurvey .starRating li.on:nth-child(2n) {background: url(/resources/images/event/2023/event230131/star2.png)no-repeat center bottom;}
.infoSurvey .starRating li:last-child {margin-right: 0;}
.infoSurvey .removeStar {display: inline-block; position: absolute; left: 106px; bottom: 28px; width: 15px; height:31px; z-index: 5;}