/*******************************************************************************
	251204 ~
	상품상세페이지 공통 (detail)
********************************************************************************/
/* 메인영상 + 우측 영상 3개 */
.programs-box-video3 { display: flex; background: none; border-radius: 0 0 24rem 24rem; padding: 0 60rem; }
.programs-box-video3 p{font-size: var(--f-detail); line-height: 150%; letter-spacing: -0.14rem; margin-top: 4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.programs-box-video3 .left{width: 870rem; max-width: 100%;}
.programs-box-video3 .videoWrap.youtube{padding-bottom: 0 !important; overflow: initial !important;}
.programs-box-video3 .videoWrap.youtube::after{display: none;}
.programs-box-video3 .videoWrap.youtube .video{width: 100%; padding-bottom: 56.25%; position: relative; box-shadow: 0 4rem 10rem rgba(0, 0, 0, 0.12); border-radius: 4rem; overflow: hidden;}
.programs-box-video3 .videoWrap.youtube figure::after { width: 82rem; height: 82rem; background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play.png) no-repeat; background-size: cover; }
.programs-box-video3 .right{width: calc(100% - 870rem); padding-left: 24rem;}
.programs-box-video3 .videoList {display: flex; flex-wrap: wrap; row-gap: 16rem; }
.programs-box-video3 .videoList li{width: 100%;}
.programs-box-video3 .videoList li .video{display: block; position: relative; border-radius: 4rem; aspect-ratio: 234/132; overflow: hidden; cursor: pointer; box-shadow: 0 4rem 10rem rgba(0, 0, 0, 0.12);}
.programs-box-video3 .videoList li iframe{width: 100%; height: 100%; border: none; outline: 0;}
.programs-box-video3 .videoList figure { background-size: cover; background-position: center; width: 100%; height: 100%;}
.programs-box-video3 .videoList figure:after { position: absolute; width: 48rem; height: 48rem; object-fit: cover; top: 16rem; right: 16rem; background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play.png); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2; content: ""; }
.programs-box-video3 .videoList li.active figure:after { background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play_green.png); }
.programs-box-video3 .videoList li.active .video { position: relative; border: 3rem solid #1EC95B; border-radius: 4rem; }
.programs-box-video3 .videoList li.active .video:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; content: ""; }
.programs-box-video3 .videoList li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

















@media screen and (max-width:768px) {
	/* 메인영상 + 우측 영상 3개 */
	.programs-box-video3 { display: block; padding: 0 16rem 0; }
    .programs-box-video3 .mo-video{width: 100%;}
    .programs-box-video3 .mo-video .videoWrap + .videoWrap{margin-top: 24rem;}
	.programs-box-video3 .videoWrap.youtube figure::after{width: 48rem; height: 48rem;}
	.programs-box-video3 .videoList {padding: 0; width: 100%;}
    .programs-box-video3 .videoList li + li{margin-top: 24rem;}
    .programs-box-video3 .videoList li figure{position: relative;}
    .programs-box-video3 .videoList li figure::after {content: ''; width: 47.97rem; height: 47.97rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play.png'); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.programs-box-video3 p{margin-top: 8rem; font-size: var(--f-body2); letter-spacing: -0.14rem;}
}