@charset "UTF-8"; 

.game-container{overflow:hidden;width:100%;height:100vh;background:url(../images/game/bg-maze.png)50% 0/cover no-repeat;}
.game-container .ssdc-logo{position:absolute;top:1.5em;;left:1.5em;width:18.750em;height:8.125em;background:url(../images/layout/ssdc-logo.svg)50%/cover no-repeat;}
.game-container .samsung-logo{position:absolute;top:1.5em;right:1.5em;width:11.25em;height:1.688em;background:url(../images/game/samsung-logo.svg)50%/cover no-repeat;}
.game-container .game-area{display:flex;justify-content:center;align-items:center;position:relative;max-width:640px;height:100%;margin:0 auto;text-align:center;box-sizing:border-box}
.game-container .game-area .sound-btn{display:block;position:absolute;top:4em;right:1em;width:4.375em;height:4.375em;background:url(../images/game/sound-btn.png)50%/4.375em no-repeat;text-indent:-999em;}
.game-container .game-area .sound-btn.active{background:url(../images/game/sound-btn-off.png)50%/4.375em no-repeat}

.game-container .game-area .game-inner{}
.game-container .game-area .game-h1{font-family:'SamsungSharpSans','SamsungOne';font-size:3.75em;font-weight:700;line-height:1.2;color:#fff;}
.game-container .game-area .dot{display:inline-block;width:3.063em;height:.625em;margin:2em 0;background:url(../images/game/main-con.png)50%/3.063em no-repeat}
.game-container .game-area .game-sub-txt{font-size:1.625em;font-weight:300;color:#fff}
.game-container .game-area .game-sub-txt .bold{font-weight:600;}
.game-container .game-area .game-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3em;}
.game-container .game-area .start-btn{display:block;padding:.5em 3em;border-radius:5em;background:linear-gradient(#25bed2, #039be5);;font-size:1.875em;font-weight:600;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);}
.game-container .game-area .score-btn{display:block;margin-top:1em;padding:.5em 3em;border-radius:5em;font-size:1.875em;background:#fff;font-weight:600;color:#000;text-shadow:2px 2px 2px rgba(0,0,0,.2);}

.game-container.maze.sub{background:none;}
.game-container.sub .game-top{position:relative;width:100%;height:21.875em;background:url(../images/game/sub-top.png)50%/cover no-repeat}
.game-container.sub .game-top .top-inner{display:flex;justify-content: space-between;align-items:center;padding-bottom:1.5em;}
.game-container.sub .game-top .sound-btn{position:initial;}
.game-container.sub .game-top .info-btn{display:block;width:4.375em;height:4.375em;background:url(../images/game/info-btn.png)50%/4.375em no-repeat;text-indent:-999em;}
.game-top .time p{color:#fff;font-family:'SamsungSharpSans';font-weight:700}
.game-top .time .tit{font-size:2.125em;}
.game-top .time .count{font-size:4.375em;}
.game-top .slots{display:flex;padding:.75em 2em;border-radius:.675em;background:#001945}
.game-top .slots div{width:3.75em;height:3.75em;margin:0 .25em;border-radius:.675em;background-size:3.75em;background-repeat:no-repeat;background-position:50% 50%}


.game-top .slots div:nth-child(1){background-image:url(../images/game/slot-s.png)}
.game-top .slots div:nth-child(2){background-image:url(../images/game/slot-s.png)}
.game-top .slots div:nth-child(3){background-image:url(../images/game/slot-d.png)}
.game-top .slots div:nth-child(4){background-image:url(../images/game/slot-c.png)}
.game-top .slots div:nth-child(5){background-image:url(../images/game/slot-2.png)}
.game-top .slots div:nth-child(6){background-image:url(../images/game/slot-0.png)}
.game-top .slots div:nth-child(7){background-image:url(../images/game/slot-2.png)}
.game-top .slots div:nth-child(8){background-image:url(../images/game/slot-2.png)}

.game-top .slots div:nth-child(1).on{background-image:url(../images/game/slot1.png)}
.game-top .slots div:nth-child(2).on{background-image:url(../images/game/slot2.png)}
.game-top .slots div:nth-child(3).on{background-image:url(../images/game/slot3.png)}
.game-top .slots div:nth-child(4).on{background-image:url(../images/game/slot4.png)}
.game-top .slots div:nth-child(5).on{background-image:url(../images/game/slot5.png)}
.game-top .slots div:nth-child(6).on{background-image:url(../images/game/slot6.png)}
.game-top .slots div:nth-child(7).on{background-image:url(../images/game/slot7.png)}
.game-top .slots div:nth-child(8).on{background-image:url(../images/game/slot8.png)}

.game-bottom {min-height:calc(100% - 21.875em);background:#001438}
.game-bottom .game-canvas{max-width:640px;margin:0 auto}

.pop-basic .modal-dialog{width:95%;max-width:560px;}

.pop-basic .modal-content{border-radius:1.9em}
.pop-basic .modal-body{padding:0}
.pop-basic.score .score-top{padding:3em 0;border-top-left-radius:1.675em;border-top-right-radius:1.675em;background:url(../images/game/maze-modal.png)50%/cover no-repeat;}
.pop-basic.score .score-top p{font-size:2.25em;font-weight:700;text-align:center;color:#fff}
.pop-basic.score .score-con{padding:2em;}
.pop-basic.score .score-con .list-top{display:flex;justify-content: space-between;padding:1em 2em .85em;border-radius:.675em;background:#000;}
.pop-basic.score .score-con .list-top p{width:80px;color:#fff;font-family:'SamsungSharpSans';font-size:1.35em;font-weight:700;text-align:center;text-align:center;}
.pop-basic.score .score-con .score-list{overflow:hidden;max-height:13.5em;margin:1em 0;overflow-y:scroll;}
.pop-basic.score .score-con .score-list li{display:flex;justify-content:space-between;padding:.25em 2em;}
.pop-basic.score .score-con .score-list li:nth-child(1) .rank{background:url(../images/game/rank1.png)50%/1.125em  no-repeat;text-indent:-999em;}
.pop-basic.score .score-con .score-list li:nth-child(2) .rank{background:url(../images/game/rank2.png)50%/1.125em  no-repeat;text-indent:-999em;}
.pop-basic.score .score-con .score-list li:nth-child(3) .rank{background:url(../images/game/rank3.png)50%/1.125em  no-repeat;text-indent:-999em;}{}
.pop-basic.score .score-con .score-list li span{display:inline-block;padding:.25em 0;text-align:center;width:80px;font-size:1.25em;}
.pop-basic.score .score-con .score-list li .time{font-weight:700;}
.pop-basic.score  .mCSB_inside > .mCSB_container{margin-right:0;}
.pop-basic.score .score-con .user-score{display:flex;justify-content:space-between;margin:0 1em;padding:.75em 1em;border-radius:.675em;background:rgba(200,200,200,.3);}
.pop-basic.score .score-con .user-score span{display:inline-block;text-align:center;width:80px;font-size:1.25em;}
.pop-basic.score .score-con .user-score .time{font-weight:700;}
.score-btn{overflow:hidden;padding:0 2em 3em;text-align:center;}
.score-btn a{display:inline-block;width:10.25em;padding:.75em 0;border-radius:50px;font-size:1.125em;font-weight:600;color:#fff!important;}
.score-btn .home-btn{background:#999;}
.score-btn .onAir-btn{margin-right:1em;background:#00b8e8;}

.info-inner{padding:2em 2em 1em;text-align:center;}
.info-inner .info-txt{font-size:1.375em;font-weight:400;}
.info-inner .info-txt .bold{font-weight:600}
.info-inner .box-txt{margin:1em 0;padding:1em 0;border-radius:.675em;background:#eee;font-size:1.125em;}

.score-btn a.rank-btn{background:#999}
#clear-modal .info-txt{padding:1em 0;}

@media screen and (max-width: 1480px){
  .game-container{font-size:15px}
  .pop-basic{font-size:15px;}
  
}

@media screen and (max-width: 1280px){
  .game-container{font-size:14px}
  .pop-basic{font-size:14px;}
  .game-container.sub .game-area{align-items:end;}
  .game-top .slots{margin-bottom:2em;}
}

@media screen and (max-width: 1024px){
  .game-container{font-size:13px}
  .game-container .ssdc-logo{font-size:10px}
  .game-container .samsung-logo{font-size:10px;}
  .game-container .game-area .sound-btn{top:9em;right:1.5em;}
  .pop-basic{font-size:13px;}
}

@media screen and (max-width: 768px){
  .game-container{}
  .game-container{overflow:hidden;width:100%;height:100vh;background:url(../images/game/bg-maze-m.png)0 0/cover no-repeat;font-size:12px}
  .game-container .ssdc-logo{font-size:8px}
  .game-container .samsung-logo{font-size:9px;}
  .game-container.sub .game-top{height:23.875em}
  .game-bottom {min-height:calc(100% - 23.875em);}
  .game-container.sub .game-top .sound-btn{top:8em;}
  .game-container.sub .game-top .info-btn{top:8em}
  .pop-basic{font-size:12px;}
  .game-container.sub .game-area .top-wrap{padding:0 1em;}
  .game-container.sub .game-top .top-inner{padding-bottom:.25em}
  .pop-basic.score .score-con{padding:1.5em 1em;}
  .score-btn a{width:40%;margin:0 .25em;}
  .score-btn .onAir-btn{margin-right:0;}

}

@media screen and (max-width: 480px){
  .game-container{font-size:11px}
  .game-container .ssdc-logo{font-size:8px}
  .game-container .samsung-logo{font-size:9px;}
  .pop-basic{font-size:11px;}
  .game-top .slots{font-size:8px}
}