@charset "utf-8";

/* 메인비주얼 */
.main_visual {position:relative;}
.main_visual ul li {position:relative; width:100%; height:500px;}
.main_visual ul li .img {position:relative; width:100%; height:100%; overflow:hidden;}
.main_visual ul li .img img {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_visual ul li .mv_slogan {position:absolute; top:30px; left:30px; color:#333; line-height:1.2; font-family:'NotoR'; letter-spacing:-1px;}
.main_visual ul li .mv_slogan .txt1 {font-size:40px; font-family:'NotoM'; color:#0095d6;}
.main_visual ul li .mv_slogan .txt2 {font-size:40px;}
.main_visual ul li .mv_slogan .txt3 {margin-top:10px; font-size:20px; font-family:'NotoT';}

.main_visual .bx-controls {position:relative; z-index:9;}
.main_visual .bx-controls-direction .bx-prev {position:absolute; left:40px; top:50%; width:60px; height:60px; margin-top:-30px; text-indent:-10000em; background:url('/images/web/coe/main/btn_visual_prev.png') no-repeat center;}
.main_visual .bx-controls-direction .bx-next {position:absolute; right:40px; top:50%; width:60px; height:60px; margin-top:-30px; text-indent:-10000em; background:url('/images/web/coe/main/btn_visual_next.png') no-repeat center;}
.main_visual .bx-controls-auto {position:absolute; bottom:30px; left:30px; 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/coe/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/coe/main/btn_visual_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; bottom:30px; left:30px; height:40px; padding:0 25px 0 37px;}
.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:10px 0 10px 15px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:16px; height:16px; border:2px solid #fff; border-radius:10px; box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.4);}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background:#fff; box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.4);}
 #m_visual li { -webkit-backface-visibility: hidden !important;}

/* 공지사항 : MC_box2 */
.Notice {position:relative; width:100%; height:200px; padding:30px 0; background:#fff;}
.Notice h2 {float:left; margin-left:30px; font-size:22px; font-family:'NotoR'; font-weight:normal; color:#666;}
.Notice h2 a {color:#666;}
.Notice h2.current { font-family:'NotoM'; color:#0095d6;}
.Notice h2.current a {color:#0095d6;}
.Notice .list_box {display:none; position:absolute; left:0; top:80px; width:100%; height:185px;}
.Notice .list_box.on {display:block;}
.Notice .list_box ul {padding:0 30px; overflow:hidden;}
.Notice .list_box ul li {position:relative; padding-right:100px; line-height:31px;}
.Notice .list_box ul li a {display:block; padding-left:10px; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box ul li a:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#757e9b;}
.Notice .list_box ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box ul li span {position:absolute; right:0; top:0; display:block; color:#777;}
.Notice a.btn_more {position:absolute; top:-50px; right:30px; width:27px; height:27px; text-indent:-10000em; background:#7f7f7f url('/images/web/coe/main/btn_more.png') no-repeat; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.Notice a.btn_more:hover {background-color:#0095d6;}

/* 바로가기1 : MC_box3 */
.m_link {position:relative; width:100%;}
.m_link ul {overflow:hidden;}
.m_link ul li {width:49%; float:left; margin-left:2%;}
.m_link ul li:first-child {margin-left:0;}
.m_link ul li a {display:block; height:206px; text-align:center; font-size:15px; border:2px solid #0095d6; background:#fff url('/images/web/coe/main/btn_arr.png') no-repeat right top; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.m_link ul li a span.img {display:block; width:78px; height:78px; margin:28px auto 15px; border:1px solid #0095d6; border-radius:40px; background:#fff;}
.m_link ul li a:hover {background-color:#0095d6; }
.m_link ul li a:hover span.img {border:1px solid #fff;}
.m_link ul li a p {font-size:22px;  font-family:'NotoM'; color:#222; line-height:1.2;}
.m_link ul li a p span {display:block; margin-top:10px; font-size:15px;  font-family:'NotoR'; color:#666; word-break:keep-all;}
.m_link ul li a:hover p {color:#fff;}
.m_link ul li a:hover p span {color:#fff; opacity:0.8;}

/* 바로가기2 : MC_box4 */
.m_link2 {position:relative; width:100%; background:#fff;}
.m_link2 ul {overflow:hidden;}
.m_link2 ul li {position:relative; width:20%; float:left;}
.m_link2 ul li a {display:block; height:60px; padding-left:80px; line-height:60px; font-size:15px; border-left:1px solid #c8d1db; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.m_link2 ul li:first-child a {border-left:none;}
.m_link2 ul li a img {position:absolute; left:20px; top:11px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.m_link2 ul li a:hover {text-decoration:underline;}
.m_link2 ul li a:hover img {top:16px; }

/* 우리 학과 소개 */
.m_major {position:relative; height:100%; padding:0 30px; background:#000 url('/images/web/coe/main/bg_major.png') no-repeat right top; overflow:hidden;}
.m_major:before {content:''; position:absolute; top:0; left:0; width:492px; height:280px; background:url('/images/web/coe/main/bg_major2.png') no-repeat left top;}
.m_major h2 {position:relative; font-size:22px; color:#fff; line-height:70px;}
.m_major ul {position:relative; min-height:150px; padding:15px 30px; overflow:hidden; background:url('/images/web/coe/main/bg_major_list.png') repeat;}
.m_major ul li {width:25%; float:left;}
.m_major ul li a {position:relative; display:block; padding:5px 0 5px 10px; line-height:20px; color:#fff;}
.m_major ul li a:before {content:''; position:absolute; top:13px; left:0; width:3px; height:3px; background:#fff;}
.m_major ul li a:hover {text-decoration:underline;}

/* 문의사항 */
.m_inquiry {position:relative; height:100%; padding:0 20px; text-align:center; background:#0095d6;}
.m_inquiry span.img {display:block; padding:30px 0 20px;}
.m_inquiry h2 {margin-bottom:20px; font-size:22px; color:#fff; background:url('/images/web/coe/main/bg_tit_inquiry.png') no-repeat center;}
.m_inquiry p {line-height:1.4; font-size:25px; color:#fff; }
.m_inquiry p span {display:block; margin:0 0 10px;  font-size:15px; opacity:0.7; letter-spacing:-1px;}


@media screen and (max-width:1300px) {	
	
	.main_visual .bx-controls-direction .bx-prev {display:none;}
	.main_visual .bx-controls-direction .bx-next {display:none;}
}


@media (max-width:1019px) {
	
	.m_link ul li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 메인비주얼 */
	.main_visual ul li {height:auto;}
	.main_visual ul li .img img {position:relative; left:auto; top:auto; width:100%; height:100%;}

	/* 공지사항 : MC_box2 */
	.Notice {padding:20px 0;}
	.Notice h2 {font-size:20px;}
	.Notice .list_box {top:60px;}
	.Notice .list_box ul {padding:0 20px;}
	.Notice a.btn_more {top:-40px;}

	/* 바로가기1 : MC_box3 */
	.m_link ul li a {height:240px; }
	.m_link ul li a span.img {margin:35px auto 20px;}
	.m_link ul li a p {font-size:20px;}

	/* 바로가기2 : MC_box4 */
	.m_link2 ul li a {height:25px; padding:60px 0 10px; line-height:25px; text-align:center;}
	.m_link2 ul li a img {left:50%; top:10px; margin-left:-22px;}

	/* 우리 학과 소개 */
	.m_major {padding:0 20px 20px; background-size:cover;}
	.m_major:before {left:0; width:50%; height:100%; background-size:100% 100%;}
	.m_major h2 {font-size:20px; line-height:60px;}
	.m_major ul {min-height:auto; padding:15px 20px;}
	.m_major ul li {width:33%;}

	/* 문의사항 */
	.m_inquiry {height:auto; padding:20px 20px 20px 100px; text-align:left;}
	.m_inquiry span.img {position:absolute; left:20px; top:20px; padding:0; }
	.m_inquiry span.img img {width:70px;}
	.m_inquiry h2 {margin:5px 0 0; font-size:20px; background:none;}
	.m_inquiry p span {display:inline-block; margin-right:20px; }
	
}

@media (max-width:860px) {



}


@media (max-width:680px) {	

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan {top:20px; left:20px;}
	.main_visual ul li .mv_slogan .txt1 {font-size:34px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:34px;}
	.main_visual ul li .mv_slogan .txt3 {font-size:18px;}

	/* 바로가기1 : MC_box3 */
	.m_link ul li a {height:auto; padding:0 0 20px;}
	.m_link ul li a span.img {margin:20px auto 15px;}

	/* 우리 학과 소개 */
	.m_major ul li {width:50%;}

	

}

@media (max-width:580px) {

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan .txt1 {font-size:30px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:30px;}
	.main_visual ul li .mv_slogan .txt3 {font-size:16px;}

	/* 바로가기2 : MC_box4 */
	.m_link2 ul li {width:100%; float:none;}
	.m_link2 ul li a {height:50px; padding:0 0 0 80px; line-height:50px; text-align:left; border-left:none; border-top:1px dashed #c8d1db;}
	.m_link2 ul li:first-child a {border:none;}
	.m_link2 ul li a img {left:20px; top:7px; height:35px; margin-left:0;}
	.m_link2 ul li a:hover img {left:25px; top:7px;}

	/* 문의사항 */
	.m_inquiry h2 {margin:5px 0 10px;}
	.m_inquiry p span {display:block; margin:0; }
		
}

@media (max-width:480px) {	

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan .txt1 {font-size:22px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:22px;}
	.main_visual ul li .mv_slogan .txt3 {font-size:14px;}
	
	/* 문의사항 */
	.m_inquiry {padding:20px 20px 20px 70px;}
	.m_inquiry span.img img {width:40px;}

	/* 우리 학과 소개 */
	.m_major ul li {width:100%;}

}