/********************
*** Color3 ***
********************/
#color3 {
    position: relative; /* color3 공간을 2차원, 3차원 특징으로 변경합니다. */
    width: 100%;
    height: 800px;
    background-image: url(../img/color/color3/color3_bg.png);
}

#color3 .flag {
    position: relative; /* 깃발을 2차원, 3차원 특징으로 변경합니다. */
    width: 1774px;
    height: 178px;
    background-image: url(../img/color/color3/flag.png);
    /* 중앙 정렬 공식을 사용합니다. */
    left: 50%;
    margin-left: -887px;
}

#color3 .book {
    float: right; /* 선반을 오른쪽 끝에 배치합니다. */
    width: 417px;
    height: 178px;
    background-image: url(../img/color/color3/book.png);
}

#color3 .logo {
    position: absolute; /* 키즈가오 로고를 3차원 특징으로 변경합니다. */
    /* 중앙 정렬 공식을 사용합니다. */
    left: 50%;
    margin-left: -378.5px;
}

#color3 .dice {
    position: absolute; /* 주사위를 3차원 특징으로 변경합니다. */
    width: 239px;
    height: 200px;
    background-image: url(../img/color/color3/dice.png);
    left: 0; /* color3 공간을 기준으로 주사위를 왼쪽 끝에 배치합니다. */
    bottom: 0; /* color3 공간을 기준으로 주사위를 하단 끝에 배치합니다. */
}