@charset "utf-8";
.rhythum .footer { position: absolute; bottom: 28px; left: 0; right: 0; width: 100%; height: 60px; }
.rhythum .footer img { position: absolute; bottom: 35px; right: 20px; height: 40px; width: auto; }
.rhythum#section { }
.rhythum .rhythum_wrap { position: absolute; top: 176px; left: 50%; transform: translateX(-50%); width: 1600px; height: 650px; display: flex; margin: auto; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.rhythum .rhythum_box { border-radius: 60px; width: 270px; height: 295px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; margin: 0 15px 70px 15px; cursor: pointer; position: relative; flex-basis: calc(20% - 30px); margin-bottom: 150px; }
.rhythum .rhythum_box.active {
    animation: shake linear 0.35s;
    animation-iteration-count: infinite;
    background-image: linear-gradient(45deg, #ffd89b, #d4a574);
}
.rhythum .rhythum_box.active .box_img_wrap { border: none; box-shadow: none; }
.rhythum .box_img_wrap { width: 250px; height: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; border-radius: 50px; border: 4px solid #8c9eb3; background: #fff; overflow: hidden; box-shadow: 0px 5px 10px 0px #dddddd; }
.rhythum .box_img { width: 72%; display: block; margin: auto; }
.rhythum .box_txt { font-family: 'NanumSquareNeo-cBd'; font-size: 39px; position: absolute; width: 100%; text-align: center; bottom: -47px; font-weight: 700; }
@media (hover: hover) { .rhythum_box:hover { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); transform: scale(1.01); } }
@keyframes shake { 0% { transform: rotate(0deg); } 25% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
#rhythum_box2 .box_img { width: 50%; }
.rhythum .kb { font-family: 'NanumSquareNeo-dEb'; font-size: 48px; position: absolute; left: 50%; transform: translateX(-50%); display: none; top: 345px; }
.rhythum .kb { color: #3f52ff; font-family: "KoPubWorld Dotum Bold"; display: none; background-color: #ffffff; border: 2px solid #3f52ff; border-radius: 50%; width: 50px; height: 50px; justify-content: center; line-height: 56px; text-align: center;}
.rhythum .kb.on { display: block; }
.rhythum .rhythum_box.active .box_img_wrap {
    background: linear-gradient(135deg, #fff4e6 0%, #ffe8cc 100%);
}
.rhythum #rhythum_box1 .box_img { width: 70%; }
.rhythum #rhythum_box2 .box_img { width: 212px; }
.rhythum #rhythum_box4 .box_img { width: 147px; }
.rhythum #rhythum_box10 .box_img { width: 229px; transform: rotate(0deg); }
#rhythum_box3 .box_img_wrap .box_img { width: 155px; }
#rhythum_box8 .box_img { width: 80%; margin-top: 22px; }
#rhythum_box11 .box_img { width: 64%; }