@charset "utf-8";

#atc04{position:relative;width:1280px;margin:0 auto;padding:80px 0 20px}
#atc04:after{display:block;content:"";visibility:hidden;clear:both}
#atc04 > div{float:left}

#atc04 .tit{font-size:20px;font-weight:700}
#atc04 .tit span{padding-left:8px;font-size:16px;color:#aaa;font-family:'Lato'}
#atc04 .tit a{float:right;margin-top:7px;font-size:14px;color:#111;-webkit-transition:all .2s;transition:all .2s}
#atc04 .tit a i{vertical-align:1px;padding-left:20px}
#atc04 .tit a:hover{color:#9b4ddf}

/* 학생작품 */
#atc04 .portfolio .tit{margin-bottom:20px}
#atc04 .portfolio ul{overflow-y:scroll;width:725px;height:475px}
#atc04 .portfolio ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc04 .portfolio ul::-webkit-scrollbar{width:5px}
#atc04 .portfolio ul::-webkit-scrollbar-track{border-radius:5px;background-color:#eee}
#atc04 .portfolio ul::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#atc04 .portfolio ul li{float:left;width:calc(100% / 3 - 12px);height:230px;margin:0 15px 15px 0}
#atc04 .portfolio ul li button{display:block;width:100%;height:100%;border:none;background-position:center center;background-repeat:no-repeat;background-size:cover;text-indent:-9999px}
#atc04 .portfolio ul li:nth-child(3n+3){margin-right:0}

/* 뉴스 */
#atc04 .news{float:right;position:relative;width:515px;height:527px;border:1px solid #e1e1e1}
#atc04 .news .tit{padding:0 20px;height:55px;line-height:52px;background-color:#f5f5f5}
#atc04 .news ul{padding:30px 0}
#atc04 .news ul li{padding:0 30px}
#atc04 .news ul li > div button{display:block;position:relative;height:120px;padding-right:185px;border:none;background:none;text-align:left;font-family:'AppleSDGothicNeo'}
#atc04 .news ul li > div+div{margin-top:26px}
#atc04 .news ul li .img{position:absolute;top:0;right:0;width:185px;height:120px;background-position:center center;background-repeat:no-repeat;background-size:cover;text-indent:-9999px}
#atc04 .news ul li .cont{width:268px;padding:5px 20px 0 0}
#atc04 .news ul li .area{display:inline-block;margin-bottom:12px;padding:0 15px;height:28px;border-radius:20px;border:1px solid #555;line-height:27px}
#atc04 .news ul li .subj p{overflow:hidden;width:100%;margin-bottom:3px;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
#atc04 .news ul li .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#777}
#atc04 .news .pager_wrap{position:absolute;right:15px;top:15px}
#atc04 .news .pager{margin:0 10px}
#atc04 .news .pager span{opacity:1;margin:0 5px;border:1px solid #111;background-color:transparent}
#atc04 .news .pager span.swiper-pagination-bullet-active{background-color:#111}