/*********** List *************/
.song-list {display:flex; flex-direction:column; gap:40px; width:100%;}
.song-item {display:flex; flex-direction:column; gap:30px; width:100%; position: relative;}
.song-item.has-tit:not(:first-child) {margin-top:80px;}
.song-item .checkbox{display: inline-block; position: absolute; left: 10px; top: 10px; z-index: 2;}
.song-item .dep-tit {margin-bottom:0;}
.song-box {display:flex; align-items:center; width:100%; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); box-sizing:border-box; overflow:hidden;}
.song-box .img-area {display:flex; align-items:center; flex-shrink:0; padding:40px; background:var(--grayBg); border-radius:var(--borderR30); box-sizing:border-box;}
.song-box .img {width:450px; height:650px; border-radius:var(--borderR20); overflow:hidden; background:var(--white); box-shadow:0 20px 25px rgba(0,0,0,0.08); box-sizing:border-box;}
.song-box .img img {display:block; width:100%; height:100%; object-fit:contain;}
.song-box .txt-area {display:flex; flex-direction:column; gap:30px; flex:1; min-width:0; padding:0 80px; box-sizing:border-box;}
.song-box .tit {display:flex; align-items:flex-end; gap:20px; flex-wrap:wrap; width:100%;}
.song-box .tit .fs36 {color:var(--black); font-weight:700;}
.song-box .tit .fs16 {color:var(--light); font-weight:400;}
.song-box .lyrics {display:flex; flex-direction:column; gap:10px; width:100%;}
.song-box .verse {display:flex; align-items:flex-start; gap:0; width:100%;}
.song-box .verse strong {flex-shrink:0; width:40px; color:var(--black); font-weight:600;}
.song-box .verse p {flex:1; min-width:0; color:var(--basic); font-weight:400;}
.song-box .btn-area {padding-top:80px; box-sizing:border-box;}
.song-box .btn-area .btn-ico {width:192px;}
.song-box .btn-area .btn-ico span{font-weight: 600;}



/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

/* List */
.song-box .txt-area {padding:0 50px;}
.song-box .btn-area {padding-top:50px;}

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* List */
.song-list {gap:30px;}
.song-item.has-tit:not(:first-child) {margin-top:50px;}
.song-box .img-area {padding:30px;}
.song-box .img {width:360px; height:520px;}
.song-box .txt-area {padding:0 40px; gap:24px;}
.song-box .btn-area {padding-top:40px;}

}
/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* List */
.song-list {gap:24px;}
.song-item.has-tit:not(:first-child) {margin-top:36px;}
.song-item {gap:20px;}
.song-box {flex-direction:column; align-items:stretch;}
.song-box .img-area {justify-content:center; width:100%; padding:30px; border-radius:var(--borderR30) var(--borderR30) 0 0;}
.song-box .img {width:100%; max-width:450px; height:auto; aspect-ratio:450/650; margin:0 auto;}
.song-box .txt-area {padding:30px; gap:20px;}
.song-box .tit {gap:10px; align-items:flex-start; flex-direction:column;}
.song-box .btn-area {padding-top:20px;}
.song-box .btn-area .btn-ico {max-width:170px;}

}
/*******************************************************************************
    @media 680px
*******************************************************************************/
@media all and (max-width:680px){

/* List */
.song-list {gap:20px;}
.song-item.has-tit:not(:first-child) {margin-top:20px;}
.song-box {border-radius:var(--borderR20);}
.song-box .img-area {padding:20px; border-radius:var(--borderR20) var(--borderR20) 0 0;}
.song-box .txt-area {padding:20px; gap:16px;}
.song-box .verse strong {width:32px;}
.song-box .btn-area {padding-top:10px;}
.song-box .btn-area .btn-ico {width:100%; max-width:140px;}

}