@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,700&display=swap");*{box-sizing:border-box}a{text-decoration:none}#container{position:relative;min-height:100vh;background:url("../img/worldwide_bg.png") no-repeat center;background-size:cover;background-attachment:fixed}#container #tour_game{width:100vw;height:100vh;min-height:56.25vw;transition:1s;z-index:20}#container #tour_game .tour_game_wrap{width:auto;height:auto;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}#container #tour_game .tour_game_wrap h2 img{width:37.5520833333vw}#container #tour_game .tour_game_wrap p{font-family:'Noto Sans KR', sans-serif;font-size:.8333333333vw;font-weight:500;color:#fff;line-height:1.5em;text-align:center}#container #tour_game .tour_game_wrap .scroll_down_wrap{margin-top:3.5416666667vw;position:relative}#container #tour_game .tour_game_wrap .scroll_down_wrap .scroll_down1{position:relative;animation-name:scrollDownAni, fadeAni1;animation-duration:1.5s, 1.5s;animation-iteration-count:infinite;animation-timing-function:linear}#container #tour_game .tour_game_wrap .scroll_down_wrap .scroll_down1 img{width:3.1770833333vw}#container #tour_game .tour_game_wrap .scroll_down_wrap .scroll_down2{position:absolute;top:.4166666667vw;opacity:0;z-index:1;animation-name:scrollDownAni, fadeAni2;animation-duration:1.5s, 1.5s;animation-iteration-count:infinite;animation-timing-function:linear}#container #tour_game .tour_game_wrap .scroll_down_wrap .scroll_down2 img{width:3.1770833333vw}@keyframes scrollDownAni{to{transform:translateY(.5208333333vw)}}@keyframes fadeAni1{40%{opacity:1}60%{opacity:0}100%{opacity:0}}@keyframes fadeAni2{40%{opacity:1}60%{opacity:1}100%{opacity:0}}#container #tour_game .tour_game_wrap .game_start_btn_wrap{width:22.6041666667vw;height:9.0625vw;background:url("../img/start_btn_bg.png") no-repeat center bottom;background-size:22.03125vw 8.3333333333vw;margin-top:1.9791666667vw;cursor:pointer}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn{position:relative}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn:active{top:.46875vw}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn h4{width:22.6041666667vw;height:8.8541666667vw;background:url("../img/start_btn_outline.png") no-repeat;background-size:22.6041666667vw 8.8541666667vw;display:flex;justify-content:center;align-items:center}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn h4 img{width:11.3020833333vw}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn span{width:0;height:.3645833333vw;background:url("../img/start_btn_bar.png") no-repeat;position:absolute}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn span.top_line{top:0;left:6.9791666667vw}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn span.bottom_line{bottom:0;right:6.875vw}#container #tour_game .tour_game_wrap .game_start_btn_wrap .game_start_btn:hover span{animation:buttonBarAni 2s infinite}@keyframes buttonBarAni{to{width:8.75vw}}#container #ingame{display:flex;justify-content:center;width:100vw;height:100vh;position:relative;left:0;top:0;z-index:10;display:none}#container #ingame .game_wrap{width:74.259256vmin;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#container #ingame .game_wrap .card_wrap{-webkit-align-content:center;-moz-align-content:center;-ms-align-content:center;align-content:center;z-index:50}#container #ingame .game_wrap .card_wrap::after{content:'';display:block;clear:both}#container #ingame .game_wrap .card_wrap .card{width:14.814814vmin;height:18.518518vmin;-webkit-perspective:500px;-moz-perspective:500px;perspective:500px;cursor:pointer;float:left;margin-right:5vmin;margin-bottom:5vmin}#container #ingame .game_wrap .card_wrap .card:nth-child(4n){margin-right:0}#container #ingame .game_wrap .card_wrap .card:nth-child(4n+5){clear:both}#container #ingame .game_wrap .card_wrap .card:nth-child(n+13){margin-bottom:0}#container #ingame .game_wrap .card_wrap .card.match{animation:matchMotion 0.3s}#container #ingame .game_wrap .card_wrap .card.match .card_inner{transform:rotateY(180deg)}@keyframes matchMotion{from{transform:scale(0.8)}to{transform:scale(1.1)}}#container #ingame .game_wrap .card_wrap .card.unMatch{animation:unMatchMotion 0.1s 2}@keyframes unMatchMotion{from{transform:rotateZ(-5deg)}to{transform:rotateZ(5deg)}}#container #ingame .game_wrap .card_wrap .card .card_inner{position:relative;width:100%;height:100%;transition:transform 0.5s;transform-style:preserve-3d}#container #ingame .game_wrap .card_wrap .card .card_inner div{position:absolute;width:100%;height:100%;border-radius:20px;backface-visibility:hidden;background-repeat:no-repeat;background-size:contain;background-position:center}#container #ingame .game_wrap .card_wrap .card .card_inner div.front_face{border:0.5em solid white;transform:rotateY(180deg);background-color:#fff}#container #ingame .game_wrap .card_wrap .card .card_inner div.back_face{background-image:url("../img/card_backface.jpg"),linear-gradient(to bottom, #a2a2a2, #efefef);border:0.5em solid gray}#container #ingame .game_wrap .time_wrap{width:16.888888vmin;height:16.888888vmin;position:absolute;right:100%;top:50%;transform:translateY(-50%);border-radius:20px}#container #ingame .game_wrap .time_wrap.huryup .clock{transform-origin:center 60%;animation:huryupClock 0.05s infinite alternate}#container #ingame .game_wrap .time_wrap.huryup .clock span{transform-origin:center center;animation:huryupSeconds 0.1s infinite alternate}#container #ingame .game_wrap .time_wrap.huryup p{animation:huryupSeconds 0.1s infinite alternate}@keyframes huryupClock{from{transform:rotateZ(-10deg)}to{transform:rotateZ(10deg)}}@keyframes huryupSeconds{to{color:#f00;transform:scale(1.2)}}#container #ingame .game_wrap .time_wrap .clock{width:100%;height:100%;background-image:url("../img/game_clock_bg.png");background-repeat:no-repeat;background-size:contain;background-position:center;text-align:center}#container #ingame .game_wrap .time_wrap .clock span{display:inline-block;width:100%;height:100%;font-family:'Noto Sans KR', sans-serif;font-size:3.222222vmin;font-weight:500;color:#fff;text-shadow:0 0 0.25em #000;line-height:5.5em}#container #ingame .game_wrap .time_wrap p{font-family:'Noto Sans KR', sans-serif;font-size:2.314814vmin;font-weight:500;color:#fff;text-align:center;margin-top:-15%}#container #ingame .result_wrap{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:70;display:none}#container #ingame .result_wrap.congratu .result_inner{animation:congratuAni 1s}@keyframes congratuAni{0%{top:0%}60%{top:60%}80%{top:45%}90%{top:55%}100%{top:50%}}#container #ingame .result_wrap.gameover .result_inner img{animation:gameoverAni 0.5s}@keyframes gameoverAni{0%{transform:scale(0)}80%{transform:scale(1.2)}100%{transform:scale(1)}}#container #ingame .result_wrap .result_inner{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#container #ingame .result_wrap .result_inner img{width:100%}
/*# sourceMappingURL=tour_game.css.map */