@font-face{font-family:"Jalnan";src:url("../fonts/Jalnan/Jalnan.woff") format("woff");font-style:normal;font-weight:400}#wrap.drag #cover{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:no-repeat;background-size:cover;background-image:url("../images/drag/drag_cover_bg.png");z-index:5}#wrap.drag #cover .drag_cover_ele1{width:513px;height:250px;bottom:0px;left:0px;background-image:url("../images/drag/drag_cover_ele1.png");opacity:1;z-index:5}#wrap.drag #cover .drag_cover_ele2{width:493px;height:240px;bottom:0px;right:0px;background-image:url("../images/drag/drag_cover_ele2.png");opacity:1;z-index:5}#wrap.drag #cover .drag_cover_ele3{width:262px;height:319px;top:567px;left:60px;background-image:url("../images/drag/drag_cover_ele3.png");opacity:0;animation-delay:.2s}#wrap.drag #cover .drag_cover_ele3.active{opacity:1}#wrap.drag #cover .drag_cover_ele4{width:294px;height:316px;top:586px;left:1534px;background-image:url("../images/drag/drag_cover_ele4.png");opacity:0;animation-delay:.2s}#wrap.drag #cover .drag_cover_ele4.active{opacity:1}#wrap.drag #cover .drag_cover_title{top:117px;left:576.28px;width:794.46px;height:318.6px;background-image:url("../images/drag/drag_cover_title.png");opacity:0}#wrap.drag #cover .drag_cover_title.active{opacity:1}#wrap.drag #cover .drag_cover_btn_guide{width:340px;height:295px;top:523.9px;left:572px;background-image:url("../images/drag/drag_cover_btn_guide_off.png");cursor:pointer;opacity:0;animation-delay:.7s;pointer-events:none}#wrap.drag #cover .drag_cover_btn_guide.active{opacity:1;pointer-events:all;cursor:pointer}#wrap.drag #cover .drag_cover_btn_guide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/drag/drag_cover_btn_guide_on.png");background-size:340px;background-position:1px 0px;background-repeat:no-repeat;opacity:0;cursor:pointer}#wrap.drag #cover .drag_cover_btn_guide:hover{background-image:none}#wrap.drag #cover .drag_cover_btn_guide:hover:before{opacity:1}#wrap.drag #cover .drag_cover_btn_guide:active:before{transform:scale(0.98)}#wrap.drag #cover .drag_cover_btn_start{width:382px;height:306px;top:513px;left:1015px;background-image:url("../images/drag/drag_cover_btn_start_off.png");cursor:pointer;opacity:0;animation-delay:.7s;pointer-events:none}#wrap.drag #cover .drag_cover_btn_start.active{opacity:1;pointer-events:all;cursor:pointer}#wrap.drag #cover .drag_cover_btn_start:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/drag/drag_cover_btn_start_on.png");background-size:382px;background-position:1px 0px;background-repeat:no-repeat;opacity:0;cursor:pointer}#wrap.drag #cover .drag_cover_btn_start:hover{background-image:none}#wrap.drag #cover .drag_cover_btn_start:hover:before{opacity:1}#wrap.drag #cover .drag_cover_btn_start:active:before{transform:scale(0.98)}#wrap.drag #play{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:repeat;background-size:auto;background-image:url("../images/drag/drag_play_bg.png");z-index:3}#wrap.drag #play .play_content{width:1920px;height:1017px;position:relative}#wrap.drag #play .play_content .progress{position:absolute;top:959px;left:1317px;width:349px;height:24px;border-radius:50rem;border:3px solid #7B5334;background-color:#7B5334}#wrap.drag #play .play_content .progress .progress-bar{width:100%;height:18px;border-radius:50rem;background-color:#4FC0FF;background-image:linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:2rem 2rem;background-repeat:repeat;position:relative;transition:width linear 1s}#wrap.drag #play .play_content .progress .progress-bar:after{content:"";width:calc(100% - 16px);height:4px;background-color:#fff;opacity:.25;border-radius:50rem;position:absolute;top:4px;left:0;right:0;margin:auto}#wrap.drag #play .play_content .comment{position:absolute;bottom:-30%;left:23px;width:308px;height:454px;background-image:url("../images/drag/drag_play_comment.png");z-index:7;opacity:0;transition:all ease .7s}#wrap.drag #play .play_content .comment.active{opacity:1;bottom:0}#wrap.drag #play .play_content .count{display:flex;align-items:center;justify-content:center;width:361px;font-weight:700;font-size:46px;color:#fff;position:absolute;top:151px;left:1207px}#wrap.drag #play .play_content .count span{display:inline-block}#wrap.drag #play .play_content .count span.fw-light{font-weight:300}#wrap.drag #play .play_content .count span.shadow{position:relative;text-shadow:4px 4px 0px #5B8D0B, -4px -4px 0px #5B8D0B, -4px 4px 0px #5B8D0B, 4px -4px 0px #5B8D0B, 2px 4px 0px #5B8D0B, -3px -4px 0px #5B8D0B, -4px 2px 0px #5B8D0B, 4px -2px 0px #5B8D0B, 4px 2px 0px #5B8D0B, -4px -2px 0px #5B8D0B, -3px 4px 0px #5B8D0B, 2px -4px 0px #5B8D0B;font-weight:800}#wrap.drag #play .play_content .count span.t{margin-right:15px}#wrap.drag #play .play_content .quiz{position:absolute;top:228px;left:1006px;width:763px;height:637px;padding:45px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;font-size:50px;font-weight:700;letter-spacing:-2px;line-height:130px}#wrap.drag #play .play_content .quiz .drop{position:relative;display:inline-flex;width:103px;height:95px;background-image:url("../images/drag/drag_play_drag_off.png");align-items:center;justify-content:center;color:#fff;text-shadow:4px 4px 0px #84551C, -4px -4px 0px #84551C, -4px 4px 0px #84551C, 4px -4px 0px #84551C, 2px 4px 0px #84551C, -3px -4px 0px #84551C, -4px 2px 0px #84551C, 4px -2px 0px #84551C, 4px 2px 0px #84551C, -4px -2px 0px #84551C, -3px 4px 0px #84551C, 2px -4px 0px #84551C;margin:0 1px;border-radius:30px}#wrap.drag #play .play_content .quiz .drop:before{content:"";width:103px;height:95px;background-image:url("../images/drag/drag_play_q.png");position:absolute;top:0;left:0}#wrap.drag #play .play_content .quiz .drop.hold{border-radius:0}#wrap.drag #play .play_content .quiz .drop.hold:before{content:none}#wrap.drag #play .play_content .pagination{position:absolute;top:854px;left:1006px;width:762px;height:50px;display:flex;align-items:center;justify-content:center;text-align:center}#wrap.drag #play .play_content .pagination>li{display:block;width:15px;height:15px;border-radius:50rem;background-color:#D9D9D9;margin:0 15px}#wrap.drag #play .play_content .pagination>li.active{background-color:#80C810}#wrap.drag #play .play_content .star_group .star{position:absolute;width:44px;height:42px;background-image:url("../images/drag/drag_play_star.png")}#wrap.drag #play .play_content .star_group .star.star1{top:948px;left:594px}#wrap.drag #play .play_content .star_group .star.star2{top:948px;left:648px}#wrap.drag #play .play_content .star_group .star.star3{top:948px;left:704px}#wrap.drag #play .play_content .star_group .star.hide{display:none}#wrap.drag #play .play_content .quiz_keyword{position:absolute;top:169px;left:166px;width:752px;height:724px;z-index:7}#wrap.drag #play .play_content .quiz_keyword .keyword{position:absolute;width:136px;height:126px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword0{top:65px;left:65px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword1{top:65px;left:228px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword2{top:65px;left:389px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword3{top:65px;left:552px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword4{top:221px;left:65px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword5{top:221px;left:228px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword6{top:221px;left:389px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword7{top:221px;left:552px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword8{top:377px;left:65px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword9{top:377px;left:228px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword10{top:377px;left:389px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword11{top:377px;left:552px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword12{top:533px;left:65px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword13{top:533px;left:228px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword14{top:533px;left:389px}#wrap.drag #play .play_content .quiz_keyword .keyword.keyword15{top:533px;left:552px}#wrap.drag #play .play_content .quiz_keyword .keyword .key{width:136px;height:126px;background-image:url("../images/drag/drag_play_drag_off.png");display:flex;align-items:center;justify-content:center;text-align:center;text-shadow:4px 4px 0px #84551C, -4px -4px 0px #84551C, -4px 4px 0px #84551C, 4px -4px 0px #84551C, 2px 4px 0px #84551C, -3px -4px 0px #84551C, -4px 2px 0px #84551C, 4px -2px 0px #84551C, 4px 2px 0px #84551C, -4px -2px 0px #84551C, -3px 4px 0px #84551C, 2px -4px 0px #84551C;font-weight:800;font-size:60px;color:#fff;z-index:5;cursor:move}#wrap.drag #play .play_content .quiz_keyword .keyword .key.ui-draggable-dragging{z-index:10;background-image:url("../images/drag/drag_play_drag_on.png")}
/*# sourceMappingURL=drag.min.css.map */