/********************
*** forest1 ***
********************/
#forest1 {
    width: 100%;
    height: 1050px;
    background-image: url(../img/forest/forest1/forest1_bg.png); 
    /* forest1 공간의 배경 이미지를 삽입합니다. */
}

#forest1 .leftTree {
    position: absolute; /* 왼쪽 나무를 3차원 특징으로 변경합니다. */
    width: 332px;
    height: 990px;
    background-image: url(../img/forest/forest1/lefttree.png);
}

#forest1 .treeWrap {
    position: relative; /* 오른쪽 나무 서랍장을 2차원, 3차원 특징으로 변경합니다. */
    width: 304px;
    height: 572px;
    top: 100px; /* 상단에서 100px 떨어진 지점에 배치합니다. */
    float: right; /* forest1 공간을 기준으로 오른쪽 끝에 배치합니다. 3차원 특징 일부를 갖게 됩니다. */
}

#forest1 .treeWrap .rabbit1 {
    position: absolute; /* 큰 토끼를 3차원 특징으로 변경합니다. */
    width: 82px;
    height: 103px;
    background-image: url(../img/forest/forest1/rabbit1.png);
    margin: 435px 0 0 107px; /* 상단에서 435px, 왼쪽에서 107px 떨어진 지점에 배치합니다. */
}

#forest1 .treeWrap .rabbit2 {
    position: absolute; /* 작은 토끼를 3차원 특징으로 변경합니다. */
    width: 56px;
    height: 75px;
    background-image: url(../img/forest/forest1/rabbit2.png);
    margin: 435px 0 0 200px; /* 상단에서 435px, 왼쪽에서 200px 떨어진 지점에 배치합니다. */
}

#forest1 .treeWrap .rightTree {
    position: absolute; /* 오른쪽 나무를 3차원 특징으로 변경합니다. */
    width: 304px;
    height: 572px;
    background-image: url(../img/forest/forest1/righttree.png);
}