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

#forest3 .forest3Wrap {
    position: relative; /* forest3Wrap 서랍장을 2차원, 3차원 특징으로 변경합니다. */
    width: 354px;
    height: 440px;
    top: 100px; /* 상단에서 100px 떨어진 지점에 배치합니다. */
    float: right; /* 오른쪽 끝에 배치합니다. */
}

/* forest3Tree, smallBird, bigBird 영역 모두 relative 속성값을 적용한 forest3Wrap을 기준으로 좌표가 형성됩니다. */
#forest3 .forest3Wrap .forest3Tree {
    position: absolute; /* 나무를 3차원 특징으로 변경합니다. */
    width: 354px;
    height: 440px;
    background-image: url(../img/forest/forest3/forest3tree.png);
}

#forest3 .forest3Wrap .smallBird {
    position: absolute; /* 작은 새를 3차원 특징으로 변경합니다. */
    width: 40px;
    height: 35px;
    background-image: url(../img/forest/forest3/bird_sm.png);
    top: 120px; /* forest3Wrap 서랍장을 기준으로 상단에서 120px 떨어진 지점에 배치합니다. */
    left: 125px; /* forest3Wrap 서랍장을 기준으로 왼쪽에서 125px 떨어진 지점에 배치합니다. */
}

#forest3 .forest3Wrap .bigBird {
    position: absolute; /* 큰 새를 3차원 특징으로 변경합니다. */
    width: 83px;
    height: 80px;
    background-image: url(../img/forest/forest3/bird_big.png);
    margin: 280px 0 0 94px; /* 상단에서 280px, 왼쪽에서 94px 떨어진 지점에 배치합니다. */
}