@charset "utf-8";

.album-detail .album-player {max-width:100%;margin-top: 165px;}
.album-detail .album-player .contents-title{font-size: 56px;line-height: 49px;z-index:2;}
.album-detail .album-player .slide-wrap > ul {overflow: hidden; position: relative; width: 100%; max-width: 1080px; margin:0 auto;}
.album-detail .album-player .slide-wrap > ul > li {display: none; opacity: 0; position: absolute; top: 0; left: 0; width: 100%;}
.album-detail .album-player .slide-wrap > ul > li.active {display: block; opacity: 1; position: relative; margin-left: 0;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj {overflow: hidden; position: relative;text-align: center;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap {position: relative; overflow: hidden;width: 728px;height: 1080px;margin: auto;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .btn-play{position:absolute; top: 0; left: 0;width: 728px;height: 1080px;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover{width: 100%;height: 100%;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv1{background: url('../../bts/videos/bts/be/bts_notes/A72ADE07E1.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv2{background: url('../../bts/videos/bts/be/bts_notes/A22348A154.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv3{background: url('../../bts/videos/bts/be/bts_notes/132CC00A59.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv4{background: url('../../bts/videos/bts/be/bts_notes/DF388E7BC8.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv5{background: url('../../bts/videos/bts/be/bts_notes/EB511C8942.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv6{background: url('../../bts/videos/bts/be/bts_notes/14627E80EF.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv7{background: url('../../bts/videos/bts/be/bts_notes/FEA1A5FC3E.png') center center no-repeat;background-size: cover;}
.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .img-cover.cv8{background: url('../../bts/videos/bts/be/bts_notes/0210F9CB25.png') center center no-repeat;background-size: cover;}

.album-detail .album-player .slide-wrap > ul > li .btn-play {position: relative; background: #000;z-index:1;}
.album-detail .album-player .slide-wrap > ul > li .btn-play img {opacity: 0.5;}
.album-detail .album-player .slide-wrap > ul > li .btn-play:focus img, .album-detail .album-player .slide-wrap > ul > li .btn-play:hover img {opacity: 1;}
.album-detail .album-player .slide-wrap > ul > li .btn-play::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 98px; height: 98px; margin-left: -49px; margin-top: -49px; border-radius: 50vh; border: 3px solid rgba(255, 255, 255, 0.33); background: url('./../images/btn-play.png') no-repeat center; background-size: 100% auto;}
.album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause:hover::after {background-image: url('./../images/btn-pause.png'); border:3px solid rgba(255, 255, 255, 0.33);}
.album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause::after{background-image:none; border:none;}
.album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause{background:transparent;}
.album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause img{opacity:0;}
.device .album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause{display: none;}
.be .album-detail .album-player .slide-wrap{background: #232321;}

@media screen and (max-width: 1440px) {
	.album-detail .album-player .contents-title{font-size: 3.89vw;line-height: 3.4vw;}
	.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap{height: auto;}
	.album-detail .album-player .slide-wrap > ul > li .btn-play::after {width: 6.81vw; height: 6.81vw; margin-left: -3.4vw; margin-top: -3.4vw; border: 0.21vw solid rgba(255, 255, 255, 0.33);}
}

@media screen and (max-width: 768px) {
	.album-detail .album-player {margin-top: 27.22vw; text-align: center;}
	.album-detail .album-player .contents-title{font-size: 9.72vw;line-height: 7.97vw;}
	.album-detail .album-player .slide-wrap > ul {width: 100%;}
	.album-detail .album-player .contents-title {padding: 0 1.25vw;}
	.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap{width: 100%;}
	.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap video {width: 100%;}
	.album-detail .album-player .slide-wrap > ul > li .contents-obj .video-wrap .btn-play{width: 100%;height: calc(100vw * 1.49);top: 50%;transform: translateY(-50%);}
	.album-detail .album-player .slide-wrap > ul > li {opacity: 1 !important; display: block !important; position: relative !important; margin-left: 0; margin-bottom: 5.28vw;}
	.album-detail .album-player .slide-wrap > ul > li:last-child {margin-bottom: 0;}
	.album-detail .album-player .slide-wrap > ul > li .btn-play::after {width: 13.61vw; height: 13.61vw; margin-left: -6.81vw; margin-top: -6.81vw; border: 0.42vw solid rgba(255, 255, 255, 0.33);}
	.album-detail .album-player .slide-wrap > ul > li .btn-play.btn-pause:hover::after {border:0.42vw solid rgba(255, 255, 255, 0.33);}
	.be .album-detail .album-player .slide-wrap{background: none;}
}

@media screen and (max-width: 320px) {
	.album-detail .album-player {margin-top: 87px;}
	.album-detail .album-player .contents-title {padding: 0 4px;font-size: 30px;line-height: 25px;}
	.album-detail .album-player .slide-wrap > ul > li .btn-play::after {width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; border: 1px solid rgba(255, 255, 255, 0.33);}
}