@charset 'utf-8';

.song-wrap{display:flex;align-items:flex-end;width:100%;}
.song-wrap .box{width:50%;box-sizing:border-box;}
.song-wrap .box:nth-of-type(1){padding:0 5rem 13rem 0;border-right:1px solid var(--color10);}
.song-wrap .box:last-of-type{padding:0 0 13rem 5rem;}
.song-info-list{display:flex;padding:0 0 3.5rem;}
.song-info-list li{position:relative;margin:0 2rem 0 0;padding:0 2rem 0 0;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:3rem;}
.song-info-list li::before{content:'';position:absolute;top:50%;right:0;width:1px;height:1.4rem;background:var(--color56);transform:translateY(-50%);}
.song-info-list li:last-of-type::before{display:none;}
.song-info-list li .title{padding:0 1.5rem 0 0;color:var(--color07);}
.song-content-wrap .song-content-box{margin:0 0 3rem;border-radius:5px;background:var(--color79);}
.song-content-wrap .song-lyrics{padding:0 0 4rem;}
.song-content-wrap .song-lyrics ul{display:flex;padding:5rem 4rem;border:1px solid var(--color56);border-radius:5px;}
.song-content-wrap .song-lyrics ul li{position:relative;width:50%;margin:0 4rem 0 0;padding:0 4rem 0 0;}
.song-content-wrap .song-lyrics ul li:last-of-type{margin:0;padding:0;}
.song-content-wrap .song-lyrics ul li::after{content:'';position:absolute;top:50%;right:0;width:1px;height:7rem;background:var(--color56);transform:translateY(-50%);}
.song-content-wrap .song-lyrics ul li:last-of-type::after{display:none;}
.song-content-wrap .song-lyrics ul li span{font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:3rem;}
.song-content-wrap .song-lyrics ul li p{font-size:1.6rem;line-height:2.6rem;}

.video-popup-wrap{position:fixed;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%);}
.video-popup-wrap .video-box{display:flex;justify-content:center;}


/*교가 팝업*/
.song-wrap .popup-box{min-width:40rem;max-width:40rem;}
.song-wrap .video-popup-wrap .popup-box .video-box{padding:0 3rem;width:100%;box-sizing:border-box;}
.song-wrap .video-popup-wrap .popup-box .video-box .fr-video{display:block;width:100%;}
.song-wrap .video-popup-wrap .popup-box .video-box .fr-video video{width:100%;height:5.6rem;}

@media screen and (max-width:1288px){
	.song-wrap{flex-wrap:wrap;}
	.song-wrap .box{width:100%;}
	.song-wrap .box:nth-of-type(1){padding:0 0 2.5rem;border-right:none;border-bottom:1px solid var(--color10);}
	.song-wrap .box:last-of-type{padding:0 0 2.5rem;}
	.song-content-wrap .song-content-box{display:flex;justify-content:center;}
}

@media screen and (min-width:1025px){
	.content-wrap{margin:0;}
}

@media screen and (max-width:1024.98px){
	/*교가 팝업*/
	.song-wrap .popup-box{min-width:auto;max-width:95%;}
	.song-wrap .video-popup-wrap .popup-box .video-box{padding:0 1.5rem;}
}

@media screen and (max-width:768px){
	.song-content-wrap .song-lyrics ul{flex-wrap:wrap;padding:4rem 3rem;}
	.song-content-wrap .song-lyrics ul li{margin:0;padding:0 0 3rem;width:100%;}
	.song-content-wrap .song-lyrics ul li::after{display:none;}
}