@keyframes lightEff{0%{left:-100px}100%{left:100px}}@keyframes glowEff{0%{filter:drop-shadow(5px 5px 8px rgba(18,36,92,0.3))}50%{filter:drop-shadow(5px 5px 8px rgba(18,36,92,0.8))}100%{filter:drop-shadow(5px 5px 8px rgba(18,36,92,0.3))}}#PC{width:100%;min-height:100vh;height:100vh;background:url(../img/pc_qrcode.png) center top no-repeat;background-size:auto 100%}#Mobile #Index{height:1250px;background:url(../img/index_bg.png) center top no-repeat}#Mobile #Index .bu_start{top:692px;left:230px;width:206px;height:184px;background-position:0 -150px;overflow:hidden}#Mobile #Index .bu_start .effLightContainer{clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%);-webkit-clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%)}#Mobile #Index .bu_start .effLightContainer .eff{animation-name:lightEff;animation-duration:1s;animation-iteration-count:infinite;animation-delay:0;animation-fill-mode:forwards;transition-timing-function:linear;transform-origin:50% 50%;background:-moz-linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);background:-webkit-linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);background:linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8a921', endColorstr='#00d8a921',GradientType=1 )}#Mobile #Index .bu_start .effLightContainer .text{background-position:-320px -350px;margin:70px 0 0 45px}#Mobile #Help{height:900px;background:url(../img/help_bg.png) center top no-repeat}#Mobile #Help .anim_bar{top:280px;left:125px}#Mobile #Help .bu_start{top:787px;left:231px;width:194px;height:76px;background-position:0 -350px}#Mobile #Game{height:900px;background:url(../img/game_bg.png) center top no-repeat}#Mobile #Game .countNum{top:250px;left:calc((100vw - 147px) /2);width:147px;height:214px}#Mobile #Game .countNum[num='3']{background-position:-640px 0}#Mobile #Game .countNum[num='2']{background-position:-960px 0}#Mobile #Game .countNum[num='1']{background-position:-640px -250px}#Mobile #Canvas{height:900px}#Mobile #Result>div{position:relative}#Mobile #Result>div>*{position:absolute}#Mobile #Result #Share{height:965px;background:url(../img/share_bg.png) center top no-repeat}#Mobile #Result #Share .type{width:365px;height:71px;top:38px;left:202px}#Mobile #Result #Share .type.win{background-position:0 -450px}#Mobile #Result #Share .type.lost{background-position:0 -550px}#Mobile #Result #Share>.text{font-size:62px;color:#ffffff;top:240px;right:80px;font-family:'Maven Pro', sans-serif;text-align:center;font-weight:bold;width:140px;text-shadow:2px 2px 3px #434a54}#Mobile #Result #Share .bu_again{width:153px;height:137px;top:214px;left:70px;background-position:-640px -1600px}#Mobile #Result #Share .bu_again .effLightContainer{clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%);-webkit-clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%)}#Mobile #Result #Share .bu_again .effLightContainer .eff{animation-name:lightEff;animation-duration:1s;animation-iteration-count:infinite;animation-delay:0;animation-fill-mode:forwards;transition-timing-function:linear;transform-origin:50% 50%;background:-moz-linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);background:-webkit-linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);background:linear-gradient(75deg, rgba(216,169,33,0) 0%, rgba(229,193,42,0) 36%, rgba(231,197,44,0.5) 42%, #e7c52c 48%, rgba(231,197,44,0.36) 55%, rgba(230,195,43,0) 59%, rgba(216,169,33,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8a921', endColorstr='#00d8a921',GradientType=1 )}#Mobile #Result #Share .bu_again .effLightContainer .text{background-position:0 -1800px}#Mobile #Result #Share .bu_share{width:153px;height:137px;top:214px;left:220px;background-position:-960px -1600px}#Mobile #Result #Share .bu_share .effLightContainer{clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%);-webkit-clip-path:polygon(30% 12%, 69% 12%, 87% 52%, 68% 88%, 31% 88%, 11% 51%)}#Mobile #Result #Share .bu_share .effLightContainer .eff{animation-name:lightEff;animation-duration:1s;animation-iteration-count:infinite;animation-delay:0;animation-fill-mode:forwards;transition-timing-function:linear;transform-origin:50% 50%;background:-moz-linear-gradient(75deg, rgba(73,210,255,0) 0%, rgba(110,214,255,0) 36%, rgba(110,214,255,0.5) 42%, #75d7ff 48%, rgba(110,214,255,0.36) 55%, rgba(230,195,43,0) 59%, rgba(73,210,255,0) 100%);background:-webkit-linear-gradient(75deg, rgba(73,210,255,0) 0%, rgba(110,214,255,0) 36%, rgba(110,214,255,0.5) 42%, #75d7ff 48%, rgba(110,214,255,0.36) 55%, rgba(230,195,43,0) 59%, rgba(73,210,255,0) 100%);background:linear-gradient(75deg, rgba(73,210,255,0) 0%, rgba(110,214,255,0) 36%, rgba(110,214,255,0.5) 42%, #75d7ff 48%, rgba(110,214,255,0.36) 55%, rgba(230,195,43,0) 59%, rgba(73,210,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0049d2ff', endColorstr='#00a1dbff',GradientType=1 )}#Mobile #Result #Share .bu_share .effLightContainer .text{background-position:-320px -1800px}#Mobile #Result #Share .bu_gift{top:845px;left:calc((100vw - 176px) /2);animation-name:glowEff;animation-duration:1s;animation-iteration-count:infinite;animation-delay:0;animation-fill-mode:forwards;transition-timing-function:linear;transform-origin:50% 50%}#Mobile #Result #Video{height:350px;background-position:0 -650px}#Mobile #Result #Video .ytVideo{width:570px;height:315px;top:12px;left:calc((100vw - 570px) /2)}#Mobile #Result #Form{height:730px;background-position:0 -1000px}#Mobile #Result #Form input,#Mobile #Result #Form select{position:absolute;height:49px;background-color:transparent;font-size:28px;border:none;padding:0 10px;color:#ffffff}#Mobile #Result #Form input.disabled,#Mobile #Result #Form select.disabled{background:rgba(255,255,255,0.5) !important}#Mobile #Result #Form input#Name,#Mobile #Result #Form select#Name{width:250px;left:270px;top:97px}#Mobile #Result #Form input#Tel,#Mobile #Result #Form select#Tel{width:250px;left:270px;top:182px}#Mobile #Result #Form input#Email,#Mobile #Result #Form select#Email{width:250px;left:270px;top:265px}#Mobile #Result #Form input#Addr,#Mobile #Result #Form select#Addr{width:388px;left:130px;top:491px}#Mobile #Result #Form input[name=county],#Mobile #Result #Form select[name=county]{width:180px;top:406px;left:130px}#Mobile #Result #Form input[name=district],#Mobile #Result #Form select[name=district]{width:180px;top:406px;left:338px}#Mobile #Result #Form input[name=zipcode],#Mobile #Result #Form select[name=zipcode]{display:none}#Mobile #Result #Form select option{background-color:#1779ba}#Mobile #Result #Form .bu_checkbox{width:54px;height:54px;background-position:-640px -460px;top:550px;left:115px}#Mobile #Result #Form .bu_checkbox.select{background-position:-960px -460px}#Mobile #Result #Form .bu_rule{width:330px;height:35px;top:560px;left:200px}#Mobile #Result #Form .bu_submit{width:237px;height:75px;background-position:-320px -150px;top:625px;left:calc((100vw - 237px) /2)}#Mobile #Result #Product{height:1040px;background:url(../img/product_bg.png) center top no-repeat}#Mobile #Result #Product .bu{width:162px;height:53px}#Mobile #Result #Product .bu.bu_product_blue{background-position:-960px -250px;top:397px;left:434px}#Mobile #Result #Product .bu.bu_product_green{background-position:-960px -350px;top:930px;left:106px}#Mobile #Result #Product .bu.bu_product_red{background-position:-960px -550px;top:930px;left:389px}#Mobile #Result #Event{height:940px;background-position:-640px -650px;margin-top:30px}#Loading{background-color:rgba(255,255,255,0.9);position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:1000;text-align:center}#Loading img:nth-child(1){margin-top:calc((100vh - 102px - 250px - 300px) /2);margin-bottom:30px}#Rule{display:none;position:fixed;z-index:1000;width:100%;height:100vh;top:0;left:0;background-color:rgba(255,255,255,0.9)}#Rule.popWin{position:absolute;z-index:99}#Rule .bu_close{width:74px;height:74px;background-position:-640px -550px;position:absolute;top:45px;right:33px}#AlertWin{display:none;position:absolute;z-index:1000;width:100%;min-height:550px !important;height:550px !important;top:1315px;left:0;text-align:center;overflow:hidden}#AlertWin img{margin-top:calc((730px - 334px) /2)}