/********************
*** Color1 ***
********************/
#color1 {
    width: 100%;
    height: 750px;
    background-image: url(../img/color/color1/color1_bg.png); /* color1 공간의 배경 이미지를 삽입합니다. */
}

#color1 .penguin {
    position: relative; /* 펭귄을 2차원, 3차원 특징으로 변경합니다. */
    width: 356px;
    height: 244px;
    background-image: url(../img/color/color1/penguin.png);
    top: 100px; /* 상단에서 100px 떨어진 지점에 배치합니다. */
    left: 100px; /* 왼쪽에서 100px 떨어진 지점에 배치합니다. */
}

#color1 .color1Bubble {
    position: relative; /* 글자 이미지를 2차원, 3차원 특징으로 변경합니다. */
    float: right; /* 글자 이미지를 오른쪽 끝에 배치합니다. */
    margin: 100px 200px 0 0; /* 상단에서 100px, 오른쪽에서 200px 떨어진 지점에 배치합니다. */
}