@charset "utf-8";

.wrap-youtube {position:relative;line-height: 1.5; overflow:hidden;}
.wrap-youtube .y-title{display:none;}
.wrap-youtube > ul {position: relative;height: 34rem;padding-top: 2rem;}
.wrap-youtube > ul > li {display: inline-block;vertical-align: middle;}

.wrap-youtube > ul > li .kdcaSwiper {position: absolute;display: none;width: 100%;left: 0;top: 9rem;background: #fff;}
.wrap-youtube > ul > li.active .kdcaSwiper {display: block;}
.wrap-youtube > ul > li .title{position:relative;}
.wrap-youtube > ul > li + li .title{margin-left: 3.5rem;}

.wrap-youtube > ul > li > .title{filter: grayscale(100%); opacity:.7;}
.wrap-youtube > ul > li.active > .title{filter: grayscale(0%); opacity:1;}
.wrap-youtube > ul > li > .title button{display:block; font-weight: 700; font-size: 3.2rem; color: #212121;}
.wrap-youtube > ul > li:nth-child(1) .title button{display: flex; align-items: center; gap: 1.5rem;}
.wrap-youtube > ul > li:nth-child(1) .title button:before{content:''; width:3.7rem; height:2.6rem; display:block; background: url('./../images/logo.png') center no-repeat;}
.wrap-youtube > ul > li:nth-child(2) .title button{background: url('./../images/kor-btn.png') left center no-repeat;text-indent:-9999px;width: 8.9rem;height: 3.5rem;}

.wrap-youtube > ul > li > .title:after{content:'';width: 1.1rem;display:none;height: 1.1rem;position: absolute;background: #256ef4;left: 50%;top: -1.55rem;border-radius: 50%;margin-left: -0.55rem;}
.wrap-youtube > ul > li.active > .title:after{display:block;}
.wrap-youtube > ul > li:nth-child(1) > .title:after{margin-left:2.1rem;}

.wrap-youtube a .con{margin-bottom:2rem;}
.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.9rem;color: #666;text-align: center;margin-top: 2rem; padding:0 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: 2rem;}

.wrap-youtube .control{position: absolute;right: 0; top: -7.5rem; display: flex; gap: 0.5rem; align-items:center;}
.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') center no-repeat;}
.wrap-youtube .control .button-next{background:url('./../images/arrow-forward.png') 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 .control .fraction{width:auto; margin-right: 2rem;}
.wrap-youtube .control .fraction .swiper-pagination-current{font-weight: 700; color: #256ef4;}


/* list */
.wrap-youtube .swiper-slide{display: inline-block;border-radius:1rem;}
.wrap-youtube .swiper-slide .thumb{border-radius: 1.5rem;overflow: hidden; height:20rem;}
.wrap-youtube .swiper-slide .thumb img{width:100%; height:100%;}

@media only screen and (max-width:1280px){
	.wrap-youtube > ul > li + li .title{margin-left: 2rem;}
	.wrap-youtube > ul > li:nth-child(1) .title button{font-size:2.8rem;}
	.wrap-youtube > ul > li:nth-child(1) > .title:after{margin-left:1.5rem;}
}

@media only screen and (max-width:767px){
	.wrap-youtube > ul{position: relative;height: 42rem;}
	.wrap-youtube > ul > li:nth-child(1) .title button{font-size: 2.3rem;gap: 1rem;}
	.wrap-youtube > ul > li:nth-child(1) .title button:before{width: 3rem;height: 2rem;background-size: cover;}
	.wrap-youtube > ul > li:nth-child(2) .title button{width: 9rem; height: 3.5rem;}
	.wrap-youtube .control button, 
	.wrap-youtube .control a{width:3.5rem; height:3.5rem;}
	.wrap-youtube > ul > li .kdcaSwiper{top: 7rem;}
	.wrap-youtube .swiper-wrapper{width: 100%;}
	.wrap-youtube .swiper-slide{padding:0 3rem;}
	.wrap-youtube .swiper-slide .thumb{height: 30rem;}
	.wrap-youtube .control{top: -6.5rem;}
	
}



/**Iframe 추가**/
.frame{width:100%; height:350px; border: 0; overflow: hidden;}
.tit-group{display:none;}
.newsbox {position: relative; border-style: solid; border-width: 1px; border-color: #e7e7e7; overflow: hidden;}

/* 정책브리핑 */
.wrap-youtube .frameWrap {height: 24rem;overflow: hidden;background-color: #fff;border: solid 0.1rem #e0e0e0;border-radius: 1.2rem;padding-top: 0.5rem;width: 100%;left: 0;top: 9rem;background: #fff;position: absolute;display: none;}
.wrap-youtube .active .frameWrap{display:block;}
.wrap-youtube .frameWrap iframe {margin-top: -8.5rem;}
.wrap-youtube > ul > li:nth-child(2) .control{top:1.5rem;display:none;}
.wrap-youtube > ul > li:nth-child(2).active .control{display: flex;}