/********************
*** Color2 ***
********************/
#color2 {
    position: relative; /* color2 공간을 2차원, 3차원 특징으로 변경합니다. */
    width: 100%;
    height: 800px;
    background-image: url(../img/color/color2/color2_bg.png) ; /* color2 공간의 배경 이미지를 삽입합니다. */
}

#color2 .horse {
    float: right; /* 목마를 오른쪽 끝에 배치합니다. */
    width: 188px;
    height: 241px;
    background-image: url(../img/color/color2/horse.png);
    margin: 100px 100px 0 0; /* 상단에서 100px, 오른쪽에서 100px 떨어진 지점에 배치합니다. */
}

#color2 .color2Wrap {
    /* float 속성의 기능을 해제하기 위해 clear 속성을 입력합니다. */
    clear: both;
    position: relative; /* color2Wrap 서랍장을 2차원, 3차원 특징으로 변경합니다. */
    width: 500px;
    top: 100px;
    margin-left: 50px;
}

#color2 .color2Wrap .color2Bubble {
    margin-bottom: 30px; /* 말풍선 하단에 공백을 30px만큼 만듭니다. */
}