@charset "utf-8";

.wrap-youtube {position:relative; overflow:hidden; margin-top:4.8rem;}
.wrap-youtube > ul {position: relative;}
.wrap-youtube > ul > li {display: inline-block;vertical-align: middle;width:100%;}


.wrap-youtube > ul > li .title{position:relative;padding-left: 3rem;background: url('./../images/h3-bul.png') no-repeat left 0.6rem;}
.wrap-youtube > ul > li + li .title{margin-left: 2.5rem;}
.wrap-youtube .title button{font-size: 2.5rem;color: #323232;cursor: text;font-weight: 600;}

.wrap-youtube a .thumb{border-radius:1.5rem;overflow:hidden;height: 20rem;}
.wrap-youtube a .thumb img{width:100%;height:100%;object-fit:cover;}

.wrap-youtube a .con .cate{color: #3a6dd3;font-size: 1.6rem;padding: 0.5rem 1rem;background: #f2f4f9;border-radius: 0.5rem;line-height: 1.1;margin-bottom: 1.6rem;display: inline-block;}

.wrap-youtube a .con .subjectText,
.wrap-youtube a .con .content{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wrap-youtube a .con .subjectText{font-size: 1.7rem;color: #666;margin-top: 2rem;line-height: 1.3;padding-left: 1rem;}
.wrap-youtube a .con .content{font-size: 1.7rem; color: #666; margin-top: 1.6rem;}
.wrap-youtube a .con .date{font-size: 1.5rem;margin-top: 1rem;line-height: 1.3;color: #666;padding-left: 1rem;}

.wrap-youtube .control{position: absolute;right: 0;top: -7rem;display: flex;gap: 1rem;}
.wrap-youtube .control button,
.wrap-youtube .control a{border:1px solid #e5e5e5; border-radius:1rem; width:4rem; height:4rem; text-indent:-9999px;}

.wrap-youtube .control .button-prev{background:url('./../images/arrow-back.png') 1.3rem center no-repeat;}
.wrap-youtube .control .button-next{background: url('./../images/arrow-forward.png') 1.5rem center no-repeat;}
.wrap-youtube .control .more{background:url('./../images/arrow-plus.png') center no-repeat;}
.wrap-youtube .control .swiper-button-disabled{background-color:#fbfbfb;}

.wrap-youtube .marketing-wrapper{padding-top:2.5rem;display:flex;flex-wrap:wrap;gap:4rem 2rem;max-width:98.7rem;}
.wrap-youtube .marketing-box{width:calc(100% / 3 - 1.35rem);}
.wrap-youtube .marketing-box > a{display:block;}

/* list */
.wrap-youtube .swiper-slide{display: inline-block;border-radius:1.5rem;vertical-align: top;}
.wrap-youtube .briefing-btn{margin-left:3rem;}
.wrap-youtube .briefing-btn a{background:url('./../images/kor-btn.png') no-repeat;display: block;text-indent: -9999px;width: 9rem;height: 3.5rem;}

@media only screen and (max-width:1023px){
    .wrap-youtube a .thumb{height:24rem;}
	.wrap-youtube .marketing-box{width:calc(100% / 2 - 1rem);}
}

@media only screen and (max-width:767px){
.wrap-youtube .title button{font-size:2rem;padding-top:0.5rem;}    
.wrap-youtube > ul > li .title{background-size:1.5rem;padding-left: 2.4rem;background-position: left 1.3rem;}
.wrap-youtube > ul > li .kdcaSwiper{top:6rem;}
.wrap-youtube .marketing-box{width:100%;}
}