@charset "utf-8";

/* 메인비주얼 (MC_box1) 190109 */
.main_visual {position:relative; height:100%;}
.main_visual ul li {position:relative; width:100%; height:490px;}
.main_visual ul li .img {position:relative; width:100%; height:100%; overflow:hidden;}
.main_visual ul li .img img {position:absolute; right:-20%; top:0; width:auto; height:100%;} 
.main_visual ul li .mv_slogan {position:absolute; left:40px; top:60px; font-family: 'NotoB'; letter-spacing: -1px; line-height:1.2; color:#2a2e25; z-index:2;}
.main_visual ul li .mv_slogan .txt1 {color:#fff; font-size:30px; text-shadow:1px 2px 2px rgba(6,7,7,.77);}
.main_visual ul li .mv_slogan .txt2 {color:#fff; font-size:46px; text-shadow:1px 2px 2px rgba(6,7,7,.77);}
.main_visual ul li .mv_slogan .txt3 {margin-top:10px; width:240px; font-size:16px; color:#fff; font-family:'NotoR'; letter-spacing:0; word-break:keep-all;  text-shadow:1px 2px 2px rgba(6,7,7,.77);}

.main_visual .bx-controls {position:relative; z-index:9;}
.main_visual .bx-controls-direction .bx-prev, .main_visual .bx-controls-direction .bx-next {display:none;}
.main_visual .bx-controls-auto {position:absolute; bottom:20px; left:20px; height:40px;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {width:40px; height:40px; text-indent:-10000em; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/web/ict/main/btn_visual_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/web/ict/main/btn_visual_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; bottom:20px; left:20px; height:40px; padding:0 25px 0 50px; border-radius:20px; background:url('/images/web/ict/main/bg_visual_colt.png') repeat;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin:14px 5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:12px; height:12px; background:url('/images/web/ict/main/btn_visual_off.png') no-repeat center;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background:url('/images/web/ict/main/btn_visual_on.png') no-repeat center;}
 #m_visual li { -webkit-backface-visibility: hidden !important;}

/* 공지사항 (MC_box2) */
.notice {height:100%; padding:0 30px; font-family:'NotoR'; background:#fff;}
.notice h2 {position:relative; line-height:60px; float:left; text-align:center; font-size:20px; font-family:'NotoR'; z-index:2; letter-spacing: -1px;}
.notice h2 a {display:block; color:#7a7c81;}
.notice h2.tit_2{background:url(/images/web/ict/main/noti_line.gif) no-repeat left center; margin-left:15px; padding-left:15px;}
.notice h2.current a {font-family:'NotoM'; color:#333;}
.notice h2.tit_3{background:url(/images/web/ict/main/noti_line.gif) no-repeat left center; margin-left:15px; padding-left:15px;}
.notice .list_box.on {display:block; }
.notice .list_box {position:absolute; left:0; top:60px; display:none; width:100%; height:225px;}
.notice .list_box ul {margin:0 30px; padding-top:15px; overflow:hidden; border-top:1px dashed #cc413c;}
.notice .list_box ul li {position:relative; padding-left:15px; line-height:28px; font-size:14px; overflow:hidden; background:url('/images/web/ict/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:-39px; right:30px; width:23px; height:23px; background:url('/images/web/ict/main/btn_more02.png') no-repeat right top; text-indent:-10000px; z-index:10 }


/* 학과소개, 입학안내, 학사안내 (MC_box2~4) */
.m_link1 {height:100%; padding:0 25px; background:url('/images/web/ict/main/link01_bg_1.png') repeat; color:#fff;} 
.m_link1 h2 {font-size:26px; padding:25px 0 0; letter-spacing: -1px;}
.m_link1 p {margin-top:10px; font-size:13px; color:#f9f4f6; letter-spacing:-1px; word-break:keep-all; }
.m_link1 img{position: absolute; bottom:25px; right:25px;}
.m_link1:hover img{bottom:35px; transition: all .3s ease;}
.m_link1 .btn_more {position:absolute; top:32px; right:25px; width:23px; height:23px; background:url('/images/web/ict/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 포토갤러리 (MC_box6) */
.gallery {height:100%; padding:0 30px; font-family:'NotoR'; background:#fff;}
.gallery h2 {margin:5px 0 0; line-height:60px; float:left; font-size:20px; font-family:'NotoM'; z-index:2; letter-spacing: -1px;}
.gallery h2 a {display:block; color:#333;}
.gallery_list{width:100%; height:147px; overflow:hidden; display:inline-block; margin:0 0 15px;}
.gallery_list ul li{width:32%; margin-left:2%; float:left;}
.gallery_list ul li:first-child{margin:0;}
.gallery_list ul li img{height:100%; width:100%;}
.gallery_list ul li p{overflow:hidden; width:100%; height:122px;}
.gallery_list ul li span{ display:block; text-align:center; margin:5px 0 0; color:#444; letter-spacing: -1px; font-size:13px; overflow:hidden; text-overflow: ellipsis; height:20px; white-space: nowrap;}
.gallery_list ul li a:hover{text-decoration: underline;}
.gallery_list ul li a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform:  scale(1.2); -ms-transform:  scale(1.2); transition: all .3s ease-in-out; }
.gallery .btn_more {position:absolute; top:24px; right:30px; width:23px; height:23px; background:url('/images/web/ict/main/btn_more02.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 우리학과 교수님 (MC_box7) */
.m_link2 {height:100%; padding:0 25px; background:#003871 url('/images/web/ict/main/link02_bg.png') no-repeat; color:#fff;} 
.m_link2 h2 {font-size:20px; padding:25px 0 0; letter-spacing: -1px;}
.m_link2 p {margin-top:10px; font-size:15px; color:#cbd7e1; letter-spacing:-1px; word-break:keep-all; }
.m_link2 img{position: absolute; bottom:20px; right:20px;}
.m_link2:hover img{bottom:30px; transition: all .3s ease;}
.m_link2 a.btn_more { display:inline-block; margin-left:10px; vertical-align: bottom; width:23px; height:23px; overflow:hidden; background:url('/images/web/ict/main/btn_more03.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 바로가기 (MC_box8) */
.m_link3 {height:100%; width:100%; background:#fff;} 
.m_link3 ul li{width:100%; height:120px; line-height:120px;}
.m_link3 ul li a{display:block; padding:0 20px; color:#003871; font-family: 'NotoM'; font-size:18px; font-family: 'NotoR'; letter-spacing: -1px;}
.m_link3 ul li a:hover{background:#0c5a67; color:#fff; transition: all .3s ease;}
.m_link3 ul li a span{ display:inline-block ; margin-left:10px;}
.m_link3 ul li.link2 a{border-top:1px dashed #ddd;}

/* 학과발전계획서 (MC_box9) */
.m_link4 {height:100%; padding:0 25px; background:#003871 url('/images/web/ict/main/link04_bg.png') no-repeat bottom right; color:#fff;} 
.m_link4 h2 {font-size:20px; padding:25px 0 0; letter-spacing: -1px;}
.m_link4 p {margin-top:10px; font-size:15px; color:#cbd7e1; letter-spacing:-1px; word-break:keep-all; }
.m_link4 img{position: absolute; bottom:10px; right:15px;}
.m_link4 a.down { display:inline-block; line-height:30px; padding:0 30px 0 10px; font-size:12px; border-radius:5px; color:#fff; background:#00274f url('/images/web/ict/main/ico_down.png') no-repeat 95% center; }
.m_link4 a:hover{background-color:#e08100; transition: all .3s ease;}

/* 바로가기 (MC_box10) */
.m_link5 {height:100%; width:100%; background:#707173;} 
.m_link5 ul li{width:100%; display:table; height:57px; word-break:keep-all;}
.m_link5 ul li a br {display:none;}
.m_link5 ul li.link2 {border-top:1px solid #929292;}
.m_link5 ul li a{display:table-cell; vertical-align:middle; color:#fff; line-height:20px; background:url('/images/web/ict/main/ico_arrow.png') no-repeat 90% center;}
.m_link5 ul li a:hover{background-color:#979797; transition: all .3s ease; background-position:93% 50%;}
.m_link5 ul li.link1 a{padding:0 50px 0 20px;}
.m_link5 ul li.link2 a{padding:0 50px 0 20px;}


@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) 190109 */
	.main_visual ul li {height:auto;}
	.main_visual ul li .img img {position:relative; top:auto; right:0; width:100%;}
	.main_visual ul li .mv_slogan .txt3 {width:100%;}


	/* 포토갤러리 (MC_box6) */
	.gallery_list ul li{width:22%; margin-left:4%;}

	/* 우리학과 교수님 (MC_box7) */
	.m_link2 {padding:0 10%;}
	.m_link2 a.btn_more { right:6%; }

	/* 학과발전계획서 (MC_box9) */
	.m_link4 {padding:0 10%;} 

	/* 바로가기 (MC_box10) */
	/*.m_link5 ul li.link1 a{padding:9px 10%;}
	.m_link5 ul li.link2 a{padding:17px 10%;}*/

}

@media (max-width:780px) {
	
	/* 학과소개, 입학안내, 학사안내 (MC_box2~4) */
	.m_link1 h2 {font-size:22px;}
	.m_link1 img{width:90px; height:auto;} /* 190213 */

	/* 포토갤러리 (MC_box6) */
	.gallery_list ul li{width:32%; margin-left:2%;}

}



@media (max-width:680px) {	
	
	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li .mv_slogan {left:25px; top:25px;}

	/* 학과소개, 입학안내, 학사안내 (MC_box2~4) */
	.m_link1 h2 {font-size:20px; line-height:50px; padding:0;}
	.m_link1 img{display:none;}
	.m_link1 .btn_more{top:12px; right:25px;}
	
	/* 우리학과 교수님 (MC_box7) */
	.m_link2 {background-image: none; padding:20px 30px;}
	.m_link2 h2{padding:0;}
	.m_link2 img{width:80px; height:auto; bottom:5px;}/* 190213 */
	.m_link2:hover img{bottom:5px;}
	.m_link2 a.btn_more { right:6%; }

	/* 바로가기 (MC_box8) */
	.m_link3 ul li{width:50%; text-align:center; float:left;}
	.m_link3 ul li.link2 a{border-top:0; border-left:1px dashed #ccc;}
	
	/* 학과발전계획서 (MC_box9) */
	.m_link4 {padding:0 30px;} 
	.m_link4 img{bottom:30px; right:30px;}
	
	/* 바로가기 (MC_box10) */
	/*.m_link5 ul li.link1 a{padding:9px 30px;}
	.m_link5 ul li.link2 a{padding:17px 30px;}*/




}

@media (max-width:580px) {
	
	
	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li .mv_slogan .txt1 {font-size:22px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:32px;}
	.main_visual ul li .mv_slogan .txt3 {display:none;}

	/* 포토갤러리 (MC_box6) */
	.gallery_list ul li{width:49%; margin-left:2%;}

		
}

@media (max-width:480px) {	

	
	/* 포토갤러리 (MC_box6) */
	.gallery_list{height:185px;}
	.gallery_list ul li{width:100%; margin-left:0%;}
	.gallery_list ul li p{height:160px;}

	/* 바로가기 (MC_box8) */
	.m_link3 ul li{width:100%; height:100px; line-height:100px;}
	.m_link3 ul li.link2 a{border-left:0; border-top:1px dashed #ccc;}


}

@media (max-width:380px) {
	
	


}