/* 240220 */
@charset "utf-8";
.rct_graduatedA{height:100%;}

/*게시판*/
.rct_graduatedA > ul{position:relative;display:flex;justify-content:center;}
.rct_graduatedA > ul > li{}

/*타이틀*/
.rct_graduatedA .title{display:flex;align-items:center;}
.rct_graduatedA .title a{font-family:'Dream Medium';font-size:20px;color:#868686;line-height:1;padding:2px 0;border-bottom:1px solid transparent;}
.rct_graduatedA .title::before{content:"";display:block;width:6px;height:6px;border-radius:100%;background:#7f7f7f;margin:0 15px;}
.rct_graduatedA > ul > li:first-child .title::before{display:none;}

/*목록*/
.rct_graduatedA .list{position:absolute;top:70px;left:0;width:100%;padding:0 60px;}
.rct_graduatedA .list ul{}
.rct_graduatedA .list ul li{display: flex; flex-wrap: wrap;}

/*noData*/
.rct_graduatedA .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;}

/*링크*/
.rct_graduatedA a.subject{display:block; height: 100%;}

/*썸네일*/
.rct_graduatedA .thumb{display:none;}
.rct_graduatedA .thumb img{}

/*컨텐츠*/
/* .rct_graduatedA .con{border-bottom:2px solid #333;padding:8px 0;position:relative;} */
/* .rct_graduatedA .con::before{content:"";display:block;width:30px;height:30px;background:#4fbae6;border-radius:100%;position:absolute;top:0;left:-10px;transform:scale(0);transition:0.3s;} */

/*제목*/
/* .rct_graduatedA .subjectText{font-size:22px;color:#000;line-height:1.4;height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;position:relative;} */
.rct_graduatedA .subjectText span{}

/*내용*/
/* .rct_graduatedA .content{font-size:15px;color:#333;line-height:1.4;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:15px 0;} */

/*날짜*/
/* .rct_graduatedA .date{font-size:12px;color:#999;line-height:1;margin-bottom:20px;} */

/*더보기*/
.rct_graduatedA .more{display:block;position:absolute;right:30px;top:2px;width:142px;height:20px;background:url(../images/more.png) center no-repeat; font-size: 18px; line-height: 20px;}

/*꾸미기*/
.rct_graduatedA .readMore{display:flex;justify-content:flex-start;}
.rct_graduatedA .readMore span{display:flex;align-items:center;justify-content:flex-end;padding:15px 0 10px 0;color:#595959;font-size:10px;font-style:italic;line-height:1;border-bottom:1px solid #000;}
.rct_graduatedA .readMore span::after{content:"";display:block;width:11px;height:11px;background:url(../images/readMore.png) no-repeat right center;margin-left:30px;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

/*활성화*/
.rct_graduatedA .list,
.rct_graduatedA .more{display:none}
.rct_graduatedA > ul > li.active .list,
.rct_graduatedA > ul > li.active .more{display:block}
.rct_graduatedA > ul > li.active .title a{font-family:'Dream Bold';color:#1557b0;border-color:#1557b0;}

/*CONTROL*/
.rct_graduatedA .control{}
.rct_graduatedA .paging,
.rct_graduatedA .numbering,
.rct_graduatedA button.play,
.rct_graduatedA button.stop{display:none;}
.rct_graduatedA button.prev,
.rct_graduatedA button.next{display:block;text-indent:-9999px;width:40px;height:55px;position:absolute;top:calc(50% - 22.5px);}
.rct_graduatedA button.prev{background:#dee0e2 url(../images/prev_b.png) center no-repeat;left:0;}
.rct_graduatedA button.next{background:#172432 url(../images/next_w.png) center no-repeat;right:0;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.rct_graduatedA .title a:hover{color:#000;border-color:#000;}
	.rct_graduatedA a.subject:hover .subjectText{font-family:'Dream Medium';}
	.rct_graduatedA a.subject:hover .con::before{transform:scale(1);}
	.rct_graduatedA a.subject:hover .content{font-family:'Dream Medium';}
	.rct_graduatedA a.subject:hover .readMore span{font-family:'Dream Bold';color:#000;}
	.rct_graduatedA a.subject:hover .readMore span::after{transform: rotatey(360deg);}
	.rct_graduatedA button.prev:hover{background:#172432 url(../images/prev_w.png) center no-repeat;}
	.rct_graduatedA button.next:hover{background:#dee0e2 url(../images/next_b.png) center no-repeat;}
}
@media only screen and (max-width:1280px){
	.rct_graduatedA .subjectText{font-size:20px;height:55px;}
}
@media only screen and (max-width:768px){
	.rct_graduatedA > ul{justify-content:flex-start;flex-wrap:wrap;padding:0 55px;}

	.rct_graduatedA .title{margin-bottom:10px;}
	.rct_graduatedA .title a{font-size:18px;margin-right:15px;}
	.rct_graduatedA .title::before{display:none;}

	.rct_graduatedA .list{top:55px;padding:0 0 0 40px;}
	.rct_graduatedA .con{padding:10px 0;}
	.rct_graduatedA a.subject{padding-right:0;}
	.rct_graduatedA .subjectText{font-family:'Dream Medium';font-size:15px;height:unset;width:100%;word-wrap:unset;white-space:nowrap;}
	.rct_graduatedA .content{font-size:14px;height:40px;margin:10px 0;}
	.rct_graduatedA .date{margin-bottom:0;}
	.rct_graduatedA .readMore{display:none;}

	.rct_graduatedA .more{right:0;}
	.rct_graduatedA .more span{display: none;}

	.rct_graduatedA button.prev,
	.rct_graduatedA button.next{bottom:unset;width:40px;height:40px;transform:rotate(90deg);}
	.rct_graduatedA button.prev{top:15px;}
	.rct_graduatedA button.next{top:56px;left:0;}
}

.gray {color:	#727272;}
.slick-con {border: 1px solid #DEE0E2; margin: 10px; height: 157px; overflow: hidden; display: block; width: 100%;}
.con {padding: 15px; height: 100%;}
@media only screen and (max-width:768px){
	.slick-con {margin: 3px; }
}
.subjectText span {color:#727272 ;}
.content span {font-size: 22px; font-weight: 200;}
span.term { background-color : #1557B0; color: #FFFFFF; display: inline-block; padding: 0px 8px; border-radius: 100px;}
span.deadline {background-color:#0BB3B3; color: #FFFFFF;  display: inline-block; padding: 0px 8px; border-radius: 100px;}

/* 채용공고 css*/
#recruitment .con {padding: 30px 15px 15px 15px;} 
#recruitment .date {margin-bottom: 8px;}

/* 진로취업비교과 css */
#employment .con .date span {color:#1557B0 ;}
#employment .con .date span.term { width: 106px; text-align: center; background-color: 
	#178FFF; color: #FFFFFF;}
#employment .con .date span.deadline {width: 106px; text-align: center; color: #FFFFFF;}

/* 공지사항 css*/
#notice .con {padding: 20px 15px 15px 15px;}
#notice .con .content {margin-bottom: 15px;}
._obj {
    overflow: unset !important;
}