@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --music-point: #6FA7EB;
  --music-base: #ffffff;
  --music-text: #000000;
}

.material-icons {
    position: absolute;
    right: 1px;
    top: 2px;
   color: transparent ;
   text-shadow: 0 0 0 black;
}
/* 커서 설정 */
.music-player {
  cursor: grab;
}


/* 뮤직 플레이어 설정 */
.music-player {
  width: 30px;
    height: 30px;
    background: var(--music-base);
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    padding: 7px;
    right: 22px;
    top: 22px;
    box-shadow: 0px 0px 7px rgb(68 90 89 / 25%);
    border: 1px double var(--music-point);
    overflow: hidden;
    transition-property: height, width;
    transition-duration: 1s;
}
.music-list {
  top: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0px;
  height:240px;
  overflow:auto;
  padding:5px;
  box-sizing: border-box;
  transition: 1s;
}
.music-list.active {
  height:100%;
}
.lay_img div {
    position: absolute;
    display : none;
    right: 102px;
    top: 22px;
   color: transparent ;
   text-shadow: 0 0 0 black;
}
.lay_pop {
   background: url("https://i.imgur.com/Y9JbzV3.png") no-repeat center top / 100%;
   width : 300px;
   height : 300px;
}
.lay_img div img {
 max-width : inherit;
}

.lay_pop1 {
   background: url("https://ssalbab.cafe24.com/vali/data/file/mmb/2048950630_2ruGbK41_1a4a18afef48965220cf54fe9c48f1978fe9ec42.png") no-repeat center top / 100%;
   width : 450px;
   height : 320px;
}

.lay_pop2 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/thumb-2048950630_2lXfzw3O_42bab5e14c1b5801c53cd58311a308d2a0a70eef_600x481.png") no-repeat center top / 100%;
   width : 600px;
   height : 481px;
}

.lay_pop3 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/thumb-2048950630_olpf4wNQ_c84a5cfbe49666a5e3ca8488c8daef783ef27933_600x349.png") no-repeat center top / 100%;
   width : 600px;
   height : 349px;
}

.lay_pop4 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_PDe2rmJ0_615aa23ca667e2fc3c834320a7a1dfa6ded1308f.png") no-repeat center top / 100%;
   width : 400px;
   height : 320px;
}

.lay_pop5 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/thumb-2048950630_Ff18oKL6_e388145914bae3bbdfa5ba77752bff92d9118cc2_600x533.png") no-repeat center top / 100%;
   width : 600px;
   height : 533px;
}

.lay_pop6 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_ajZ3micl_b5c6a9edf613bf278431757e6447fcef9bedefdb.png") no-repeat center top / 100%;
   width : 81px;
   height : 78px;
}

.lay_pop7 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_d0JK1ksS_7e98520bb839d6aedfab4db6186f12fba3c055f2.png") no-repeat center top / 100%;
   width : 100px;
   height : 76px;
}

.lay_pop8 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_MbJDC5Bk_72ae0c351fe1d84b4c266d4f2a67f9f983085eb5.png") no-repeat center top / 100%;
   width : 300px;
   height : 300px;
}

.lay_pop9 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_sdPnB5CZ_73f9fe13e90c6c2d3565f315bfba509b3b77fb17.png") no-repeat center top / 100%;
   width : 500px;
       height: 250px;
    background-position-y: -160px;
}

.lay_pop10 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_ywJ6tFQa_12208a0258c47a0705554d4e2414dba7fb7056f2.png") no-repeat center top / 100%;
   width : 264px;
   height : 240px;
}

.lay_pop11 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_6Fg2lnjq_a909af395ccc79ac23f5471312e2766bb7a4360a.png") no-repeat center top / 100%;
   width : 100px;
   height : 100px;
}

.lay_pop12 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_JbFSdPZO_d2530877a30db8ba3c5490db5f77b264f9937b30.png") no-repeat center top / 100%;
   width : 400px;
   height : 400px;
}
.lay_pop13 {
   background: url("https://bbn28282.cafe24.com/pusom/data/file/bbs/2048950630_ljrtkgG5_565734acc5682dd2e8be2fef54be2f9d0b34e42d.gif") no-repeat center top / 100%;
   width : 467px;
   height : 321px;
}


.lay_img .activeimg{
display:inline;
}