@import url('sub.css');




/**** S:: 유튜브 소개 ****/
.youtube_list{display: flex; flex-wrap:wrap; gap:30px;}
.youtube_list .list{box-sizing:border-box; width: calc((100% - 90px)/4); display: flex; flex-direction: column; justify-content: space-between; border:1px solid var(--border); border-radius:10px; overflow: hidden;}
.youtube_list .list dl{box-sizing:border-box; padding:30px;}
.youtube_list .list dl dt{aspect-ratio:1/1; overflow: hidden; border-radius:5px;}
.youtube_list .list dl dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
.youtube_list .list dl dd{padding: 30px 0 0;}
.youtube_list .list dl dd .fs21{}
.youtube_list .list dl dd .fs15{padding: 8px 0 ;}
.youtube_list .list a{display: block; width: 100%; line-height: 45px; background:var(--main); text-align:center; font-size:0.882rem; font-weight:600; color:var(--white); letter-spacing: -0.45px; transition:all .3s linear;}
.youtube_list .list a:before{content:''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 18px; height: 18px; background:url('/youtube/img/youtube_icon.png') no-repeat center/100% auto; transition:all .3s linear;}
.youtube_list .list a:hover:before{background:url('/youtube/img/youtube_icon_on.png') no-repeat center/100% auto;}
.youtube_list .list a:hover{background:var(--sub); color:var(--main);}


/**** E:: 유튜브 소개 ****/