﻿@charset "utf-8";

/* 메인비주얼 (MC_box1) 181213 */
.main_visual {position:relative; color:#333; font-family:'NotoR'; line-height:1.4; text-align:center;  }
.main_visual div.img { position:relative; width:100%; height:550px; text-align:center; overflow:hidden}
.main_visual div.mv_slogan { position:absolute; top:200px; left:50%; width:1200px; margin-left:-600px; text-align:left; z-index:99}
.main_visual div.mv_slogan .txt1 {font-size:17px; color:#dceeff; font-family:'NotoT'} 
.main_visual div.mv_slogan .txt2 {font-size:50px; color:#fff}
.main_visual div.mv_slogan .txt3 {font-size:24px; color:#cee5ff}

/* 공지사항 (MC_box2) */
.notice {position:relative; height:100%;  font-family:'NotoR';  background:url('/images/web/civil/main/notice_bg.png') repeat; z-index: 100;}
.notice h2 {position:relative; margin-right:30px; line-height:59px; float:left; text-align:center; font-size:20px; font-family:'NotoR'; z-index:2;}
.notice h2 a {display:block; color:#7a7c81; padding:0 26px;}
.notice h2.current a {font-family:'NotoM'; color:#333;  border-bottom:3px solid #0095d6;}/*190221  border-bottom color 변경*/
.notice .list_box.on {display:block; }
.notice .list_box {position:absolute; left:0; top:59px; display:none; width:100%; height:225px; border-top:1px solid #c4c4c4;}
.notice .list_box ul {margin:0 26px; padding-top:30px; overflow:hidden;}
.notice .list_box ul li {position:relative; padding-left:15px; line-height:34px; font-size:15px; overflow:hidden; background:url('/images/web/civil/main/bu_noti.png') no-repeat left center;}
.notice .list_box ul li a {display:block; padding-right:100px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice .list_box ul li a img {margin-right:5px;}
.notice .list_box ul li a:hover {text-decoration:underline;}
.notice .list_box ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#777; }
.notice .btn_more {position:absolute; top:-60px; right:0; width:60px; height:59px; background:url('/images/web/civil/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 입학안내 (MC_box3) */
.m_link1 {position:relative; height:100%;} /* 190122 */
.m_link1 img {position:absolute; left:0; top:0; width:100%; height:100%;}/* 190122 */
.m_link1 .m_link_top {position:relative; padding:55px 0 0 60px; color:#fff; background:url('/images/web/civil/main/m_link1_1.png') no-repeat 90% 30px;}/* 190122 */
.m_link1 .m_link_top h2 {font-size:25px; line-height:70px; background:url('/images/web/civil/main/link_bar.png') no-repeat bottom left;;}
.m_link1 .m_link_top p {margin-top:20px; font-size:18px; line-height:24px; color:#f9f4f6; letter-spacing:-1px; word-break:keep-all; }
.m_link1 .m_link_more {position:absolute; bottom:40px; right:60px; width:134px; height:76px; font-size:20px; padding-left:26px; color:#fff; line-height:76px; background:url('/images/web/civil/main/m_link_btn01.png') no-repeat;}

/* 학사안내 (MC_box4) */
.m_link2 {position:relative; height:100%;} /* 190122 */
.m_link2 img {position:absolute; left:0; top:0; width:100%; height:100%;}/* 190122 */
.m_link2 .m_link_top {position:relative; padding:55px 0 0 60px; color:#fff; background:url('/images/web/civil/main/m_link1_1.png') no-repeat 90% 30px;}/* 190122 */
.m_link2 .m_link_top h2 {font-size:25px; line-height:70px; background:url('/images/web/civil/main/link_bar.png') no-repeat bottom left;;}
.m_link2 .m_link_top p {margin-top:20px; font-size:18px; line-height:24px; color:#f9f4f6; letter-spacing:-1px; word-break:keep-all; }
.m_link2 .m_link_more {position:absolute; bottom:40px; right:60px; width:134px; height:76px; font-size:20px; padding-left:26px; color:#fff; line-height:76px; background:url('/images/web/civil/main/m_link_btn02.png') no-repeat;}

/* 오시는길 (MC_box5) */
.m_link3 {position:relative; height:100%;} /* 190122 */
.m_link3 img {position:absolute; left:0; top:0; width:100%; height:100%;}/* 190122 */
/*.m_link3 a {display:block;}
.m_link3 img { position:absolute; bottom:50px; right:0;} 190122 */
.m_link3 .m_link_top {position:relative; padding:55px 0 170px 60px; color:#fff; background:url('/images/web/civil/main/m_link1_1.png') no-repeat 90% 30px;}/* 190122 */
.m_link3 .m_link_top h2 {font-size:25px; line-height:70px; background:url('/images/web/civil/main/link_bar.png') no-repeat bottom left;;}
.m_link3 .m_link_top p {margin-top:20px; font-size:18px; line-height:24px; color:#f9f4f6; letter-spacing:-1px; word-break:keep-all; }
.m_link3 .m_link_more {position:absolute; bottom:40px; right:60px; width:134px; height:76px; font-size:20px; padding-left:26px; color:#fff; line-height:76px; background:url('/images/web/civil/main/m_link_btn01.png') no-repeat;} /* 190122 추가 */

/* 수업자료실 (MC_box6) */
.m_link4 {position:relative; height:100%;} /* 190122 */
.m_link4 img {position:absolute; left:0; top:0; width:100%; height:100%;}/* 190122 */
.m_link4 .m_link_top {position:relative; padding:55px 0 0 60px; color:#fff; background:url('/images/web/civil/main/m_link1_1.png') no-repeat 90% 30px;}/* 190122 */
.m_link4 .m_link_top h2 {font-size:25px; line-height:70px; background:url('/images/web/civil/main/link_bar.png') no-repeat bottom left;;}
.m_link4 .m_link_top p {margin-top:20px; font-size:18px; line-height:24px; color:#f9f4f6; letter-spacing:-1px; word-break:keep-all; }
.m_link4 .m_link_more {position:absolute; bottom:40px; right:60px; width:134px; height:76px; font-size:20px; padding-left:26px; color:#fff; line-height:76px; background:url('/images/web/civil/main/m_link_btn04.png') no-repeat;}



@media (max-width:1019px) {
	
	.main_visual, .main_visual ul li .mv_slogan {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 메인비주얼 (MC_box1) 181213 */
	.main_visual div.mv_slogan {top:55px; left:auto; width:100%; margin-left:0; text-align:center}

	/* 공지사항 (MC_box2) */
	.notice h2 {margin-right:15px; font-size:20px;}

	/* 입학안내 (MC_box3) */
	.m_link1 { background:url('/images/web/civil/main/m_link_bg01.png') no-repeat 100% 100%; background-size:100% 100%;} 
	
	/* 학사안내 (MC_box4) */
	.m_link2 { background:url('/images/web/civil/main/m_link_bg02.png') no-repeat 100% 100%; background-size:100% 100%;} 
	
	/* 오시는길 (MC_box5) */
	.m_link3 { background:url('/images/web/civil/main/m_link_bg03.png') no-repeat 100% 100%;background-size:100% 100%;} 
	
	/* 수업자료실 (MC_box6) */
	.m_link4 { background:url('/images/web/civil/main/m_link_bg04.png') no-repeat 100% 100%; background-size:100% 100%;} 


}

@media (max-width:780px) {
	

}



@media (max-width:680px) {	

	/* 메인비주얼 (MC_box1) 181213 */
	.main_visual div.mv_slogan .txt1 {font-size:14px} 
	.main_visual div.mv_slogan .txt2 {font-size:30px}
	.main_visual div.mv_slogan .txt3 {font-size:16px}




}

@media (max-width:580px) {
	
	/* 메인비주얼 (MC_box1) */
	.main_visual .txt1 {font-size:15px;}
	.main_visual .txt2 {font-size:32px;}
	.main_visual .txt3 {font-size:18px;}

	/* 공지사항 (MC_box2) */
	.notice h2 {margin-right:10px; font-size:18px; letter-spacing:-1px;}
	.notice .list_box ul li a {padding-right:0;}
	.notice .list_box ul li span.date {display:none;}
	

		
}

@media (max-width:480px) {	


	/* 학사정보 (MC_box3) */
	.m_link1 {background-size:auto;}
	.m_link1 .m_link_top {padding:55px 0 0 30px;}
	.m_link1 .m_link_more {right:30px;}
	
	/* 학사안내 (MC_box4) */
	.m_link2 {background-size:auto;}
	.m_link2 .m_link_top {padding:55px 0 0 30px;}
	.m_link2 .m_link_more {right:30px;}
	
	/* 오시는길 (MC_box5) */
	.m_link3 {background-size:auto;}
	.m_link3 .m_link_top {padding:55px 0 0 30px;}
	.m_link3 .m_link_more {right:30px;}
	
	/* 수업자료실 (MC_box6) */
	.m_link4 {background-size:auto;}
	.m_link4 .m_link_top {padding:55px 0 0 30px;}
	.m_link4 .m_link_more {right:30px;}
	


}

@media (max-width:380px) {
	
	


}



