@charset "utf-8";

.kor_music#section { }
.kor_music .kor_music_wrap { position: absolute; top: 262px; left: 50%; transform: translateX(-50%); width: 1871px; height: 706px; display: flex; margin: auto; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: space-between; }
.kor_music .kor_music_box { border-radius: 60px; width: 270px; height: 270px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; margin: 0 22px 50px 22px; cursor: pointer; position: relative; }
.kor_music .kor_music_box.active { animation: shake linear 0.35s; animation-iteration-count: infinite; background-image: linear-gradient(45deg, #44a5df, #d37cf7); }
.kor_music .kor_music_box.active .box_img_wrap { border: none; box-shadow: none; }
.kor_music .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; }
.kor_music .box_img { display: block; margin: auto; height: 80%; }
.kor_music .box_txt { font-family: 'NanumSquareNeo-cBd'; font-size: 39px; position: absolute; width: 100%; text-align: center; bottom: -47px; }
@media (hover: hover) { .kor_music_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); } }
.kor_music .kb { font-family: 'NanumSquareNeo-dEb'; font-size: 48px; position: absolute; left: 50%; transform: translateX(-50%); display: none; top: 325px; }
.kor_music .kb.on { display: block; }
.kor_music .kor_music_box.active .box_img_wrap { background-color: #fffecd; }
.kor_music #kor_music_box3 .box_img { height: 189px; }
.kor_music #kor_music_box7 .box_img { height: 227px; margin-top: 9px; }
.kor_music #kor_music_box10 .box_img { height: 170px; transform: rotate(-15deg); margin-top: 48px; }
#kor_music_box6 .box_img { height: 65%; margin-top: 43px; }
#kor_music_box5 .box_img { height: 63%; }
#kor_music_box9 .box_img { height: 48%; margin-top: 72px; }
#kor_music_box1 .box_img { height: 63%; }