@charset "utf-8";


/* 선린대 간호학과 학습성과 메인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mnSect {width:100%; box-sizing:border-box; background:url('../images/main/mainContBg.jpg') center center no-repeat; background-size:cover;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.mnSect {margin-top:61px;}
}

@media all and (max-width: 769px){
}

@media all and (max-width: 481px){
}



/* 메인이미지 */
#mainBG {width:100%; height:450px; margin:0 auto; overflow:hidden;}
#mainBG .slogan {width:1200px; margin:150px auto 0 auto; box-sizing:border-box; font-size:48px; line-height:1.2; color:#0b2a55; text-shadow:1px 1px 5px rgba(0,0,0,0.1);}
#mainBG .slogan strong {display:block; letter-spacing:0; font-weight:bold; color:#3366cc;}

@media all and (max-width: 1200px){
	#mainBG .slogan {width:100%; padding:0 100px;}
}

@media all and (max-width: 991px){
	#mainBG {height:300px;}
	#mainBG .slogan {text-align:center; margin:80px auto 0 auto; padding:0 20px; font-size:36px;}
}

@media all and (max-width: 769px){
}

@media all and (max-width: 481px){
	#mainBG {height:200px;}
	#mainBG .slogan {margin:50px auto 0 auto; font-size:24px;}
}


/* 공지사항 */
.news {margin:50px 0; overflow:hidden;}
.news .news-title {position:relative; width:100%; text-align:center; margin-bottom:30px;}
.news .news-title > h3 {font-size:30px; font-weight:bold; color:#3366cc;}
.news .news-title > h3 span {color:#0b2a55;}
.news .news-title > p {margin-top:15px; font-size:1.6rem; font-weight:500; color:#58647b; word-break:keep-all;}
.news .news-title > a {position:absolute; right:0; bottom:0; display:block; width:60px; height:60px; font-size:1.5rem; line-height:6rem; font-weight:500; color:#fff; text-align:center; background:linear-gradient(to right,#444bc0,#3e99e1);}
.news .news-tab {margin:0 auto; text-align:center;}
.news .news-tab a {display:inline-block; width:120px; height:40px; font-size:1.6rem; line-height:4rem; font-weight:500; text-align:center; color:#3366cc; margin:0 5px; border-radius:2rem; background:#fff; overflow:hidden;}
.news .news-tab a:hover {color:#fff; background:#3366cc;}
.news .news-tab a.on {color:#fff; background:#3366cc;}
.news .news_list {height:333px; box-sizing:border-box; padding-top:40px; overflow:hidden;}
.news .news_list > li {float:left; width:22%; margin:0 1.5%; box-sizing:border-box; padding:30px; border:1px solid #e5e5e5; background:#fff; cursor:pointer;}
.news .news_list > li:hover {transform:translateY(-15px); transition:all ease-out 0.2s; box-shadow:1px 1px 15px rgba(0,0,0,0.1);}
.news .news_list > li > strong {position:relative; font-size:1.6rem; color:#3a6fb4; padding:0 10px;}
.news .news_list > li > strong:before {content:""; display:inline-block; position:absolute; left:0; bottom:3px; width:3px; height:15px; background:#58647b;}
.news .news_list > li > strong:after {content:""; display:inline-block; position:absolute; right:0; bottom:3px; width:3px; height:15px; background:#58647b;}
.news .news_list > li > h3 {
	font-size:2rem; font-weight:500; color:#333; margin:15px 0 20px 0; display:block; display:-webkit-box; height:4.8rem; line-height:2.4rem;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.news .news_list > li > p {
	font-size:1.5rem; color:#58647b; padding-top:20px; border-top:1px solid #e5e5e5; display:block; display:-webkit-box; height:8rem; line-height:2rem;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.news .news_list > li > span {display:block; font-size:1.5rem; color:#999; letter-spacing:-0.5px; text-align:right; margin-top:30px;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	
	
	.news .news_list {height:auto; max-height:665px; padding:0;}
	.news .news_list > li {width:47%; margin:40px 1.5% 0 1.5%;}
}

@media all and (max-width: 769px){
	.news .news-title > a {position:static; width:145px; height:50px; line-height:5rem; margin:30px auto 0 auto;}
}

@media all and (max-width: 481px){
	.news .news-tab a {width:100px;}
	
	.news .news_list {max-height:1329px;}
	.news .news_list > li {float:none; width:100%; margin:40px 0 0 0;}
}