@charset "utf-8";

* { -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none; margin:0; padding:0; }
    
input[type="text"], textarea { -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; }
.bg-img { width:1920px; height:1080px; background-image: url(../images/presentation/bg.png); position: absolute; top:0; left:0; z-index: -1; }

.main_container { width:1920px; height:1080px; position:absolute; top:0; left:0; }

#writePerson{
    position: absolute;
    top: 36px;
    left: 1001px;
    width: 174px;
    height: 40px;
    font-size: 35px;
    border: 0px;
    margin: auto;
    background-color: transparent;
    outline: 0;
    font-weight: 700;
}

.result { position: absolute; top:280px; left:1085px; color:#fff; font-size:320px; font-weight: 700; text-shadow: 30px 50px 5px rgba(0,0,0,0.1), 0px 0px 15px rgba(0,0,0,0.5); width: 500px; text-align: center; font-family: 'Malgun Gothic'; }

#textStart{
    background-image: url("../images/presentation/input_01.png"); width: 68px;
    height: 37px;
    top: 38px;
    left: 1173px;
    position: absolute;
    margin: auto;
    cursor: pointer;
}
#textStart:hover { background-image:url('../images/presentation/input_02.png') }

#resetNum{
    position: absolute; 
    width: 450px;
    height: 112px;
    top: 955px;
    left: 1217px;
    background-image: url("../images/presentation/reset_01.png");
    z-index: 2;
    cursor: pointer;
}
#resetNum:hover { background-image: url('../images/presentation/reset_02.png');}

#randomStart{
    background-image: url("../images/presentation/start_01.png");
    width: 450px;
    height: 112px;
    position: absolute;
    top: 955px;
    left: 255px;
    z-index: 2;
    cursor: pointer;
}
#randomStart:hover { background-image: url(../images/presentation/start_02.png);}

.buttonBg { background-image: url(../images/presentation/btn_bg.png); width:1920px; height:157px; position: absolute; bottom:0; left:0; z-index: 2; }
.door { background-image: url(../images/presentation/1.png); width:380px; height:147px; position: absolute; top:152px; left:536px; z-index: 3; }

.firstImg, .ani1{
    position: absolute;
    width: 466px;
    height: 439px;
    top: 219px;
    left: 492px;
    z-index: 3;
}

.ani2, .ani3, .ani4, .ani5 {
    position: absolute;
    width: 960px;
    height: 819px;
    top: 240px;
    left: 476px;
    z-index: 1;
}

.ani6, .ani7, .ani8, .ani9 {
    position: absolute;
    width:108px;
    height:109px;
    top: 825px;
    left:1285px;
    z-index: 1;
}

.ani10 {
    position: absolute;
    width:143px;
    height:48px;
    top: 807px;
    left:627px;
    z-index: 1;
}
.ani11, .handleImg {
    position: absolute;
    width:58px;
    height:165px;
    top: 725px;
    left:779px;
    z-index: 1;
}

.bg-play { background-image: url(../images/presentation/2.png); width:492px; height:798px; position: absolute; top:152px; left:480px; }