.tags {margin-bottom:40px;}
.tags span{display:inline-block;position:relative; align-items: center;padding:6px 13px 6px 40px; line-height: 18px;color:#383838; background: #f4f4f4; font-family: 'Gotham-Medium';-webkit-box-shadow: 0 0 1px rgb(0 0 0 / 10%);box-shadow: 0 0 1px rgb(0 0 0 / 10%);font-size: 1.0rem;border-radius: 20px;margin-right: 10px;}
.tags span i{position:absolute;left:0;top:0;width:30px;height:30px; display:flex; padding: 6px 8px; line-height: inherit; color: #fff; background: #002569;font-size:1.2rem;font-style:normal; border-radius: 20px;margin-right: 20px;font-family: 'Gotham-Book';}
@media only screen and (max-width:576px){
	.tags {margin-bottom:20px;}
	.tags span {margin-bottom:20px;}
}

/* main video */
.part .articles .main-video {display: flex;justify-content: space-between;margin-bottom:20px;}
.part .articles .main-video .left-column {width:58%;}
.part .articles .main-video .right-column {width:40%;background-color: #002569;padding: 20px 30px;color:#fff;display: flex;flex-direction: column;justify-content: space-between;}
.part .articles .main-video .right-column p {font-size: 1.1rem;line-height: 1.2;padding-bottom:15px; display: flex;justify-content: space-between;align-items: center;}
.part .articles .main-video .right-column p:last-of-type {padding-bottom:0;}
.part .articles .main-video .right-column p span.nm {text-transform: uppercase;font-size: 0.9rem;line-height: 1.2;opacity: 0.7;}
.part .articles .main-video .right-column p span.vl {text-align: right;padding-left: 50px;}
.part .articles .main-video .right-column a.standard-arrow-btn {color: #fff;}

.part .articles .main-video .left-column {position: relative;cursor: pointer;line-height: 1px;}
.part .articles .main-video .left-column img.bg {width:100%;}
.part .articles .main-video .left-column img.icon-play {position: absolute;left: calc(50% - 50px);top: calc(50% - 50px);opacity:0.7;}
.part .articles .main-video .left-column:hover img.icon-play {opacity: 1;}
.part .articles .main-video .left-column .duration {position: absolute;bottom: 0;right: 0;color: #fff;padding: 2px 4px;margin-right: 10px;margin-bottom: 10px;background-color: rgba(0,0,0, 0.6);line-height: 1;border-radius: 4px;font-size: 1rem;}

@media only screen and (max-width:1024px){
    .part .articles .main-video .left-column img.icon-play {scale: 75%;}
	.part .articles .main-video .right-column {padding: 15px;}
	.part .articles .main-video .right-column p {font-size: 1rem;padding-bottom: 10px;}
	.part .articles .main-video .right-column p span.vl {padding-left: 0; }
}

@media only screen and (max-width:768px){
	.part .articles .main-video {flex-direction: column;}
	.part .articles .main-video .left-column {width:100%;margin-bottom:10px;}
	.part .articles .main-video .right-column p span.nm {font-size: 0.8rem;}
	.part .articles .main-video .right-column {width:100%;}
	.part .articles .main-video .right-column p {font-size: 1.0rem;padding-bottom:15px;}
	.part .articles .main-video .right-column a.standard-arrow-btn {margin-top:40px;}
}


/* other videos */
section.other-videos {background-color:#fff;}
section.other-videos .part .articles .video-items {margin-top:20px;}
section.other-videos .part .articles .video-items .video-item {display: flex;justify-content: space-between;margin-bottom:50px;}
section.other-videos .part .articles .video-items .video-item:last-of-type {margin-bottom:20px;}
section.other-videos .part .articles .video-items .video-item .left-column {width:42%;position: relative;cursor: pointer;line-height: 1px;}
section.other-videos .part .articles .video-items .video-item .left-column img.bg {width:100%;}
section.other-videos .part .articles .video-items .video-item .left-column img.icon-play {position: absolute;left: calc(50% - 50px);top: calc(50% - 50px);scale: 75%;opacity:0.7;}
section.other-videos .part .articles .video-items .video-item .left-column:hover img.icon-play {opacity: 1;}
section.other-videos .part .articles .video-items .video-item .left-column .duration {position: absolute;bottom: 0;right: 0;color: #fff;padding: 2px 4px;margin-right: 10px;margin-bottom: 10px;background-color: rgba(0,0,0, 0.6);line-height: 1;border-radius: 4px;font-size: 1rem;}

section.other-videos .part .articles .video-items .video-item .right-column {width:55%;display: flex;flex-direction: column;}
section.other-videos .part .articles .video-items .video-item .right-column .t-title {font-size: 1.4rem;font-family: Gotham-Medium;color: #383838; line-height: 1.4; margin-bottom: 20px;}
section.other-videos .part .articles .video-items .video-item .right-column .t-text {font-size: 1.2rem;font-family: Gotham-Book;color: #383838;line-height: 1.4;}

@media only screen and (max-width:1280px){
	section.other-videos .part .articles .video-items .video-item .right-column .t-title {font-size: 1.2rem;margin-bottom: 10px;}
	section.other-videos .part .articles .video-items .video-item .right-column .t-text {font-size: 1.0rem;}
}

@media only screen and (max-width:1024px){
	section.other-videos .part .articles .video-items .video-item {flex-direction: column;}
	section.other-videos .part .articles .video-items .video-item .left-column {width:100%;}
	section.other-videos .part .articles .video-items .video-item .right-column {width:100%;}
	section.other-videos .part .articles .video-items .video-item .right-column .t-title {margin: 20px 0 10px 0;}
	section.other-videos .part .articles .video-items .video-item .right-column .t-text {display: block;}
}


/* related */
section.related .items {display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;gap: 2%;margin: 30px 0;}
section.related .items .item {width:32%;margin-bottom: 30px;background-color:#002569;}
section.related .items .item .media {position: relative;line-height: 0;overflow: hidden;background-color: #eaebee;}
section.related .items .item .media img.bg {width:100%;cursor: pointer;transition: 0.5s linear;transform: scale(1, 1);aspect-ratio: 5 / 3;object-fit: cover;}
section.related .items .item .media img.icon-play {position: absolute;left: calc(50% - 25px);top: calc(50% - 25px);opacity:1;}
section.related .items .item:hover .media img.bg{transition:1s linear;transform:scale(1.1,1.1);}
section.related .items .item .context {padding: 20px;color: #fff;height: 150px;display: flex;flex-direction: column;justify-content: space-between;}
section.related .items .item .context .t-date {font-size: 14px;line-height: 1.2;height: 30%;}
section.related .items .item .context .t-date .t-date-text {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
section.related .items .item .context .t-title {font-size: 20px;line-height: 1.3;font-family: 'Gotham-Medium';height: 70%;}
section.related .items .item .context .t-title .t-title-text {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

@media only screen and (max-width:768px){
	section.related .items .item .context {height: 130px;}
	section.related .items .item .context .t-title {font-size: 16px;}
}

@media only screen and (max-width:576px){
	section.related .items {flex-direction: column;}
	section.related .items .item {width:100%;}
	section.related .items .item .context {height: 150px;}
	section.related .items .item .context .t-title {font-size: 20px;}
}


/* popup */
.mask-all-content {position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 99;background-color: rgba(0,0,0,0.8);backdrop-filter: blur(10px);display:none;}
.popup-fixed {position: fixed;left: 50%; top: 50%;transform: translate(-50%, -50%); z-index: 100;max-width: 1280px; width: 90%;display:none;}
.popup-fixed .content .cross {position: absolute;top: -25px;right: -50px;scale: 70%;cursor: pointer;opacity: 0.5;width: 50px !important;}
.popup-fixed .content .cross:hover {opacity: 1;}

@media only screen and (max-width: 768px) {
    .popup-fixed .content .cross {top: -50px;right: -12px;}
}