/* 학과 sns 콘텐츠 */
/* 학과 sns공통 */
.box_title{margin-bottom:50px;background-color:#be0b08;}
.box_title .box_wrap{position:relative;height:105px;background:url('/common/images/program/box_title.png') right top no-repeat;}
.box_title .box_wrap .box{background:transparent;}
.box_title .box_wrap span{display:inline-block;padding:30px 0 0 35px;}
.box_title .more{position:absolute;right:35px;top:50%;margin-top:-20px;line-height:0;}
.box_title .more a{display:inline-block;padding:11px 20px;font-size:16px;line-height:18px;color:#be0b08;text-align:center;background-color:#fff;}
.box_title.type2{background-color:#3b5999;}
.box_title.type2 .more a{color:#3b5999;}
.box_title.type3{background-color:#8c6239;}
.box_title.type3 .more a{color:#8c6239;}
@media screen and (max-width:640px){
.box_title{margin-bottom:30px;}
.box_title .box_wrap{height:inherit;text-align:center;}
.box_title .box span{padding-left:0;}
.box_title .more{position:static;padding:30px 0;margin:0;}
}

/* 학과 - 유튜브(youtube) */
.youtube_box{margin-bottom:30px;}
.youtube_box .video_box{padding:6px;margin-bottom:50px;background:url('/common/images/program/video_box.gif') repeat;}
.youtube_box .video_box .box{padding:18px;background-color:#f5f5f5;}
.youtube_box .video_box iframe{width:100%;height:480px;}
.youtube_box .list_box{border-top:3px solid #393939;}
.youtube_box .list_box li{padding:10px 0 8px;border-bottom:1px solid #dadada;}
.youtube_box .list_box .cont_box{position:relative;padding:0 230px 0 15px;font-size:15px;line-height:18px;color:#575757;letter-spacing:-1px;}
.youtube_box .list_box .cont_box a,.youtube_box .list_box .cont_box strong,.youtube_box .list_box .cont_box span{display:inline-block;padding:5px 15px;vertical-align:middle;}
.youtube_box .list_box .cont_box .title{float:left;color:#161616;}
.youtube_box .list_box .cont_box .views{float:right;}
.youtube_box .list_box .cont_box .more{position:absolute;right:30px;top:50%;margin-top:-14px;color:#fff;background-color:#585d61;}
.youtube_box .list_box .cont_box .more span{padding:0 18px 0 0;background:url('/common/images/program/video_more.png') right center no-repeat;}

@media screen and (max-width:800px){
.youtube_box .video_box iframe{height:400px;}
.youtube_box .list_box .cont_box{padding:0 130px 0 0;}
.youtube_box .list_box .cont_box .more{right:15px;}
}

@media screen and (max-width:640px){
.youtube_box .video_box{margin-bottom:30px;}
.youtube_box .video_box iframe{height:260px;}
.youtube_box .list_box .cont_box{padding:0;text-align:center;}
.youtube_box .list_box .cont_box .title{float:none;display:block;}
.youtube_box .list_box .cont_box .views{display:none;}
.youtube_box .list_box .cont_box .more{position:static;width:90%;margin-top:5px;}
}

/* 학과 - 페이스북(facebook) */
.facebook_box ul{margin-left:-5%;}
.facebook_box li{float:left;width:50%;padding-left:5%;margin-bottom:45px;}
.facebook_box li a{display:block;padding-bottom:15px;font-size:13px;line-height:18px;color:#666;border:1px solid #e2e2e2;background-color:#fff;}
.facebook_box li:nth-child(odd) {clear:left;}
.facebook_box li a span{display:block;}
.facebook_box li a .img_box{display:block;height:auto;font-size:0;line-height:0;text-align:center;overflow:hidden;}
.facebook_box li a .img_box img{max-width:100%;max-height:410px;transition:all 400ms ease-in-out;}
.facebook_box li a:hover .img_box img,.facebook_box li a:focus .img_box img{transform:scale(1.02);}
.facebook_box li a .cont{display:block;/*height:74px;*/padding:0 20px;margin:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.facebook_box li a .good{text-align:right;font-size:15px;line-height:19px;color:#000;letter-spacing:-1px;}
.facebook_box li a .good span{display:inline-block;padding:0 15px 0 30px;background:url('/common/images/program/col3_good.png') left top no-repeat;}

@media screen and (max-width:410px){
.facebook_box ul{margin:0;}
.facebook_box li{float:none;width:100%;padding:0 5%;}
}

/* 학과 - 인스타그램(instagram) */
.instagram_box li{float:left;width:50%;margin-bottom:45px;}
.instagram_box li a{display:block;width:420px;padding-bottom:15px;margin:0 auto;font-size:13px;line-height:18px;color:#666;border:1px solid #e2e2e2;background-color:#fff;}
.instagram_box li a span{display:block;}
.instagram_box li a .img_box{display:block;width:100%;height:420px;font-size:0;line-height:420px;text-align:center;overflow:hidden;}
.instagram_box li a .img_box img{max-width:100%;max-height:420px;vertical-align:middle;transition:all 400ms ease-in-out;}
.instagram_box li a:hover .img_box img,.instagram_box li a:focus .img_box img{transform:scale(1.02);}
.instagram_box li a .cont{display:block;padding:0 20px;margin:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.instagram_box li a .put_box{padding:0 20px;text-align:right;font-size:15px;line-height:19px;color:#000;letter-spacing:-1px;}
.instagram_box li a .put_box span{display:inline-block;}
.instagram_box li a .put_box .good{display:inline-block;padding:0 15px 0 17px;background:url('/common/images/program/instagram_good.png') left 2px no-repeat;}
.instagram_box li a .put_box .comment{display:inline-block;padding:0 15px 0 17px;background:url('/common/images/program/instagram_comment.png') left top no-repeat;}


@media screen and (max-width:420px){
.instagram_box li a{width:90%;}
}
@media screen and (max-width:500px){
.instagram_box li{float:none;width:90%;padding:0 5%;}
}