@charset "utf-8";

#atc06{position:relative;width:1280px;margin:0 auto;padding:80px 0 120px;background-color:#fff}
#atc06:after{display:block;content:"";visibility:hidden;clear:both}

/* 캠퍼스 */
#atc06 .campus{float:left;width:630px}
#atc06 .campus .tit{padding-bottom:12px;margin-bottom:35px;border-bottom:2px solid #555;font-size:30px;font-weight:900;font-family:'Lato'}
#atc06 .campus .tit a{float:right;margin-top:20px;font-size:14px;color:#111;-webkit-transition:all .2s;transition:all .2s;font-family:'AppleSDGothicNeo'}
#atc06 .campus .tit a i{vertical-align:1px;padding-left:20px}
#atc06 .campus .tit a:hover{color:#9b4ddf}
#atc06 .campus ul{display:flex;flex-wrap:wrap;overflow-y:scroll;height:405px;padding-right:20px}
#atc06 .campus ul::-webkit-scrollbar{width:5px}
#atc06 .campus ul::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#atc06 .campus ul::-webkit-scrollbar-track{border-radius:5px;background-color:#eee}
#atc06 .campus ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc06 .campus ul li{position:relative;width:50%;padding:0 0 30px 120px;margin-bottom:30px;border-bottom:1px solid #e1e1e1}
#atc06 .campus ul li .img{position:absolute;left:0;top:0;width:120px;height:100px;background-size:cover;background-repeat:no-repeat;background-position:center center}
#atc06 .campus ul li dl{padding:7px 0 0 15px;line-height:1.4}
#atc06 .campus ul li dl dt{font-size:15px;font-weight:600}
#atc06 .campus ul li dl dd.tel{font-weight:600}
#atc06 .campus ul li dl dd.add{overflow:hidden;margin-top:5px;padding-right:10px;color:#777;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 캠퍼스 소개 */
#atc06 .campus_go{float:left;width:630px}
#atc06 .campus_go .tit{padding-bottom:12px;margin-bottom:35px;border-bottom:2px solid #555;font-size:30px;font-weight:900;font-family:'AppleSDGothicNeo'}
#atc06 .campus_go .tit a{float:right;margin-top:20px;font-size:14px;color:#111;-webkit-transition:all .2s;transition:all .2s}
#atc06 .campus_go .tit a i{vertical-align:1px;padding-left:20px}
#atc06 .campus_go .tit a:hover{color:#9b4ddf}
#atc06 .campus_go img{width:100%}

/* 영상채널 */
#atc06 .channel{float:right;width:595px}
#atc06 .channel .tit{padding:55px 0 0 30px;margin-bottom:19px}
#atc06 .channel .tit span{font-size:17px}
#atc06 .channel .tit span em{display:inline-block;vertical-align:3px;width:48px;height:23px;margin-left:10px;border-radius:3px;font-size:12px;font-weight:700;text-align:center;letter-spacing:.5px;line-height:22px;font-style:normal;color:#fff;background-color:#ee0000;font-family:'Lato'}
#atc06 .channel .tit p{font-size:48px;font-weight:900;font-family:'Lato'}
#atc06 .channel .tit p b{font-weight:900;color:transparent;-webkit-text-stroke:1px #111}
#atc06 .channel .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;bottom:0;width:100%;height:70px;padding:0 90px 0 30px;font-size:17px;line-height:70px;color:#fff;background-color:rgba(0,0,0,.75)}
#atc06 .channel .subj i{position:absolute;right:30px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;text-align:center;line-height:38px;background-color:#ee0000}

/* 양산 */
#atc06 .video{float:left;width:630px;padding-top:75px}
#atc06 .video .tit{margin-bottom:30px;font-size:30px;font-weight:900;font-family:'AppleSDGothicNeo'}
#atc06 .video_wrap{overflow:hidden;position:relative;height:350px}
#atc06 .video_wrap video{position:absolute;top:50%;transform:translateY(-50%);height:510px}