@charset "utf-8";

.snb_box .snb .global_r a.pop_btn_x { display:block; }


/*메인*/
#mcontent_wrap { margin-top:-12px; background:#e1e4e9; z-index:1; }
	/*패턴배경*/
	.mcontent { height:auto; background:url(/images/mec/main/mid_bgpatten.png) repeat left top; }
	.mcontent h2,
	.mcontent h3,
	.mcontent h4,
	.mcontent h5 { margin:0; padding:0; background:none; font-weight:bold; }
	.mcontent_box { width:auto; height:auto; margin:0 10px; }
	.mcontent_box:after { content:""; display:block; clear:both; }


	/*상단 텍스트*/
	.mc_top { display:none; position:relative; height:62px; padding-top:20px; text-align:center; line-height:17px; }
	.mc_top .mc_span { display:none; font-size:1.000em; color:#fff; }
	.mc_top .mc_h3 { display:none; padding-left:15px; letter-spacing:5px; font-family:'Nanum Myeongjo',sans-serif; font-size:1.875em; font-weight:normal; line-height:normal; color:#fff; }
	.mc_top .mc_p { letter-spacing:0; line-height:17px; font-weight:bold; font-size:0.875em; color:#fff; }
	.mc_top .mc_p span { display:block; }
	/*상단 텍스트-모바일용*/
	.mobile_mc_top { display:block; position:relative; height:62px; padding-top:35px; text-align:center; line-height:17px; }
	.mobile_mc_top .mobile_mc_p { letter-spacing:0; line-height:17px; font-weight:bold; font-size:0.875em; color:#fff; }
	.mobile_mc_top .mobile_mc_p span { display:block; }


	/*메인 컨텐츠공통*/
	.all_listbox { margin:-10px 0 0 0; overflow:hidden; }
	.main_box { display:none; }
	.main_listbox { position:relative; float:none; overflow:hidden; width:auto; height:260px; margin:10px 0 0 0; background:#fff; border-radius:3px; z-index:50;
		/*animation:flipInX 1s linear forwards;*/
	}
	.main_listbox h4 { padding:16px 15px 2px 15px; /*font-size:1.125em;*/ }
	.main_listbox a { display:block; line-height:24px; text-decoration:none; }
	.main_listbox a span { line-height:18px; }
	.main_listbox a.mimg { position:relative; height:260px; }
	.main_listbox a.mimg .p_cont { display:block; margin:5px 14px 0 13px; line-height:17px; font-size:0.875em; }
	.main_listbox a.mimg .p_cont br { display:none; }
	.main_listbox a.mimg .mimg_img { overflow:hidden; display:block; height:160px; background:#000; }
	.main_listbox a.mimg .mimg_img img { opacity:1; width:100%; height:100%;
		transition:all 0.3s;
		/*브라우져 적용시키기*/
		-webkit-transition:all 0.3s;/*크롬,사파리*/
		-moz-transition:all 0.3s;/*파이어폭스*/
		-o-transition:all 0.3s;/*오페라*/
	}
	.main_listbox a.mimg .mimg_icon { display:none; position:absolute; left:50%; top:55px; margin-left:-35px; text-align:center; opacity:0; z-index:10;
		transition:all 0.3s;
		transform:scale(0.2);
		/*브라우져 적용시키기*/
		-webkit-transition:all 0.3s;/*크롬,사파리*/
		-webkit-transform:scale(0.2);
		-moz-transition:all 0.3s;/*파이어폭스*/
		-moz-transform:scale(0.2);
		-o-transition:all 0.3s;/*오페라*/
		-o-transform:scale(0.2);
	}
	.main_listbox a.mimg:hover .mimg_img img { opacity:0.3; }
	.main_listbox a.mimg:hover .mimg_icon { display:block; opacity:1;
		transform:scale(1);
		/*브라우져 적용시키기*/
		-webkit-transform:scale(1);/*크롬,사파리*/
		-moz-transform:scale(1);/*파이어폭스*/
		-o-transform:scale(1);/*오페라*/
	}

	/*
	@keyframes flipInX {
	  0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 70deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	  }

	  40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	  }

	  60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 0;
	  }

	  80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  }

	  100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	  }
	}
	*/

	/*학과모바일용*/
	.mobile_box { position:relative; height:280px; }
	.mobile_box h3 { position:absolute; left:40px; right:40px; top:10px; text-align:center; font-size:1.125em; font-weight:normal; z-index:1000; color:#fff; }
	.mobile_box ul { padding-top:20px; }
	.mobile_box ul li { position:absolute; width:100%; z-index:1; }
	.mobile_box .mo_controll { position:absolute; left:0; top:0; width:100%; height:24px; padding:8px 0 8px 0; background:#444c58; z-index:10; }
	.mobile_box .mo_controll a { display:inline-block; }
	.mobile_box .mo_controll a[data-control="prev"] { position:absolute; left:15px; top:8px; }
	.mobile_box .mo_controll a[data-control="next"] { position:absolute; right:15px; top:8px; }

	/*공지사항*/
	.point_box h4 { padding:25px 15px 15px 15px; text-align:center; }
	.point_box ul li { padding:0 15px; }
	.point_box ul li a { overflow:hidden; width:auto; height:auto; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; font-size:0.875em; }
	.point_box ul li + li a { padding-top:8px; margin-top:8px; background:url(/images/clg/main/dot_notice.gif) repeat-x left top; }
	.point_box ul li a span.cont { display:inline-block; overflow:hidden;  height:18px; font-size:0.875em; color:#6c6c6c; }
	.point_box ul li a span.date { display:block; font-size:0.875em; line-height:normal; color:#999; }
	.point_box ul li a:hover span.date,
	.point_box ul li a:focus span.date,
	.point_box ul li a:active span.date { text-decoration:none; }
	.point_box ul li a:hover span.cont { text-decoration:underline; }
	.point_box a span.more { display:block; position:absolute; left:0; right:0; bottom:0; width:auto; padding:10px 0; background:#444c58; text-align:center; font-size:0.813em; color:#fff; }
	.point_box a:hover span.more { text-decoration:underline; }

	/*입학안내*/
	.admission_box { position:relative; background:#000; }
	.admission_bg {  }
	.admission_box a { height:260px; background:url(/images/clg/main/mid_admission2.jpg) no-repeat center top; background-size:100% 100%; text-align:center; color:#fff; }
	.admission_box a:hover,
	.admission_box a:focus,
	.admission_box a:active { opacity:0.7; }
	.admission_box a h4 { position:absolute; left:0; right:0; top:26px; padding:0; font-weight:normal; color:#fff; }
	.admission_box a span { position:absolute; left:0; right:0; top:68px; display:block; padding:131px 15px 0 15px; background:url(/images/clg/main/mid_admission.png) no-repeat center top; font-size:0.875em; text-align:center; color:#fff; }
	.admission_box a:hover span,
	.admission_box a:focus span,
	.admission_box a:active span { text-decoration:underline; }

	/*학사일정*/
	.college_box { text-align:center; }
	.college_box h4 { padding:25px 15px 0 15px; }
	.college_box .month_box ul li { position:absolute; top:63px; left:0; right:0; color:#fff; }
	.college_box .month_box ul li span { display:inline-block; width:94px; height:82px; padding-top:12px; background:url(/images/mec/main/mid_bgcall.gif) no-repeat center top; font-size:3.125em; }
	.college_box .month_box .controll { position:absolute; left:0; right:0; top:98px; }
	.college_box .month_box .controll a { display:inline-block; }
	.college_box .month_box .controll a[data-control="prev"] { margin-right:148px; }
	.college_box .schedule_box { position:absolute; left:0; right:0; bottom:0; overflow-y:scroll; width:auto; height:86px; background:#f6f6f6; }
	.college_box .schedule_box ul li { margin:22px 0; }
	.college_box .schedule_box .sc_date { display:block; margin:5px 0; color:#008f7f; }
	.college_box .schedule_box .sc_cont { color:#666; }

	/*홍보영상*/
	.media_box { background:#000; }
	.media_box a.media { width:100%; height:99px; padding-top:161px; background:url(/images/mec/main/mid_media.jpg) no-repeat center top; background-size:100% 100%; text-align:center; font-size:1.250em; color:#fff; }
	.media_box a.media:hover,
	.media_box a.media:focus,
	.media_box a.media:active { opacity:0.8; }

	/*뉴스레터*/
	.news_box { background:#000; }
	.news_box a { width:100%; height:260px; background:url(/images/clg/main/mid_news.png) no-repeat center 68px #008f7f; text-align:center; color:#fff; }
	.news_box a:hover,
	.news_box a:focus,
	.news_box a:active { background:url(/images/clg/main/mid_news.png) no-repeat center 68px #006056; text-decoration:none; }
	.news_box h4 { padding:26px 15px 0 15px; font-weight:normal; color:#fff; }
	.news_box span { display:block; margin-top:148px; padding:0 15px; font-size:0.875em; color:#fff; }
	.news_box a:hover span,
	.news_box a:focus span,
	.news_box a:active span { text-decoration:underline; }

	/*포토박스*/
	.photo_box { position:relative; background:#000; }
	.photo_box ul li { position:absolute; left:0; right:0; top:0; }
	.photo_box a { height:260px; /*background:url(/images/mec/main/mid_photo.jpg) no-repeat center top; background-size:100% 100%;*/ text-align:center; color:#fff; z-index:10; }
	.photo_box a span { display:block; padding-top:45px; font-size:0.93em; }
	.photo_box a span + span { overflow:hidden; height:65px; margin-top:25px; padding:0 25px; font-size:1.125em; line-height:21px; }
	.photo_box a:hover,
	.photo_box a:focus,
	.photo_box a:active,
	.photo_box a span.photo_more { opacity:0.8; }
	.photo_box a span + span span { display:none; margin:0 0 13px 0; padding-top:20px; font-size:0.778em; }
	.photo_box a span.photo_more { position:absolute; left:0; right:0; bottom:35px; width:56px; height:38px; margin:0 auto; padding:18px 0 0 0; background:url(/images/mec/main/mid_photo_more.png) no-repeat left top; font-size:0.813em;
		transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.photo_box a:hover span.photo_more,
	.photo_box a:focus span.photo_more,
	.photo_box a:active span.photo_more { background-position:left -56px; color:#545454; }
	.photo_box a img { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:-1; opacity:0.6;
		transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	
	}
	.photo_box a:hover img,
	.photo_box a:focus img,
	.photo_box a:active img { opacity:0.4; }

	/*의료공과대학*/
	.vision_box a { height:260px; background:url(/images/clg/main/mid_vision2.png) no-repeat center 97px #e26c00; text-align:center; color:#fff; }
	.vision_box a:hover,
	.vision_box a:focus,
	.vision_box a:active { background:url(/images/clg/main/mid_vision2.png) no-repeat center 97px #b55600; }
	.vision_box a h4 { padding:27px 15px 0 15px; font-weight:normal; font-size: 20px; color:#fff556; }
	.vision_box a h4 span { display:block; font-size: 0.875em; text-decoration:none; color:#fff; margin-bottom: 3px;}
	.vision_box a:hover h4 span,
	.vision_box a:focus h4 span,
	.vision_box a:active h4 span { text-decoration:none; }
	.vision_box a span.p_span { display:block; margin-top: 125px; padding:0 18px; font-size:0.875em; }
	.vision_box a:hover span,
	.vision_box a:focus span,
	.vision_box a:active span { text-decoration:underline; }

	/* 학사일정 수정 */
	.cal_box a { height:260px; background:url(/images/clg/main/mid_cal.png) no-repeat center 97px #00976d; text-align:center; color:#fff; }
	.cal_box a:hover,
	.cal_box a:focus,
	.cal_box a:active { background:url(/images/clg/main/mid_cal.png) no-repeat center 97px #007957; }
	.cal_box a h4 { padding:27px 15px 0 15px; font-weight:normal; font-size: 20px; color:#fff556; }
	.cal_box a h4 span { display:block; font-size: 0.875em; text-decoration:none; color:#fff; margin-bottom: 3px;}
	.cal_box a:hover h4 span,
	.cal_box a:focus h4 span,
	.cal_box a:active h4 span { text-decoration:none; }
	.cal_box a span.p_span { display:block; margin-top: 125px; padding:0 18px; font-size:0.875em; }
	.cal_box a:hover span,
	.cal_box a:focus span,
	.cal_box a:active span { text-decoration:underline; }

	/*명예의 전당*/
	.honor_box a { height:260px; background:url(/images/clg/main/mid_honor.png) no-repeat center 97px #444c58; text-align:center; color:#fff; }
	.honor_box a:hover,
	.honor_box a:focus,
	.honor_box a:active { background:url(/images/clg/main/mid_honor.png) no-repeat center 97px #363d46; }
	.honor_box a h4 { padding:27px 15px 0 15px; font-weight:normal; font-size:1.375em; color:#5ec9d9; }
	.honor_box a h4 span { display:block; margin-bottom:5px; font-size:0.818em; text-decoration:none; color:#fff; }
	.honor_box a:hover h4 span,
	.honor_box a:focus h4 span,
	.honor_box a:active h4 span { text-decoration:none; }
	.honor_box a span.p_span { display:block; margin-top:123px; padding:0 18px; font-size:0.875em; }
	.honor_box a:hover span,
	.honor_box a:focus span,
	.honor_box a:active span { text-decoration:underline; }

	/*학장인사말*/
	.greeting_box a { height:260px; background:url(/images/clg/main/mid_greeting.png) no-repeat center 68px #545454; text-align:center; color:#fff; }
	.greeting_box a:hover,
	.greeting_box a:focus,
	.greeting_box a:active { background:url(/images/clg/main/mid_greeting.png) no-repeat center 68px #313131; }
	.greeting_box a h4 { padding:26px 15px 0 15px; font-weight:normal; color:#fff; }
	.greeting_box a span { display:block; margin-top:148px; padding:0 15px; font-size:0.875em; }
	.greeting_box a:hover span,
	.greeting_box a:focus span,
	.greeting_box a:active span { text-decoration:underline; }

	/*찾아오시는길*/
	.map_box { background:#000; }
	.map_box a { width:100%; height:260px; background:url(/images/clg/main/mid_map.png) no-repeat center 68px #008f7f; text-align:center; color:#fff; }
	.map_box a:hover,
	.map_box a:focus,
	.map_box a:active { background:url(/images/clg/main/mid_map.png) no-repeat center 68px #006056; text-decoration:none; }
	.map_box h4 { padding:26px 15px 0 15px; font-weight:normal; color:#fff; }
	.map_box span { display:block; margin-top:148px; padding:0 15px; font-size:0.875em; color:#fff; }
	.map_box a:hover span,
	.map_box a:focus span,
	.map_box a:active span { text-decoration:underline; }

	/*하단배너*/
	.mc_banner { background:#fff; display:none; }
	.mc_banner ul { width:1000px; margin:0 auto; }
	.mc_banner ul:after { content:""; display:block; clear:both; }
	.mc_banner ul li { float:left; width:20%; text-align:center; background:url(/images/mec/main/bot_icon.png) no-repeat left -141px; }
	.mc_banner ul li:first-child { background:none; }
	.mc_banner ul li a { display:inline-block; width:100%; height:65px; font-size:1.000em; }
	.mc_banner ul li a span { display:inline-block; height:22px; padding:23px 0 21px 53px; background:url(/images/mec/main/bot_icon.png) no-repeat left -57px;
		transition:background 0.3s, color 0.2s;
		/*브라우져 적용시키기*/
		-webkit-transition:background 0.3s, color 0.2s;/*크롬,사파리*/
		-moz-transition:background 0.3s, color 0.2s;/*파이어폭스*/
		-o-transition:background 0.3s, color 0.2s;/*오페라*/
	}
	.mc_banner ul li + li a span { background-position:-179px -56px; }
	.mc_banner ul li + li + li a span { background-position:-383px -56px; }
	.mc_banner ul li + li + li + li a span { background-position:-570px -56px; }
	.mc_banner ul li + li + li + li + li a span { background-position:-786px -56px; }
	.mc_banner ul li a:hover span,
	.mc_banner ul li a:focus span,
	.mc_banner ul li a:active span { background:url(/images/mec/main/bot_icon.png) no-repeat left 13px; text-decoration:underline; color:#008f7f; }
	.mc_banner ul li + li a:hover span,
	.mc_banner ul li + li a:focus span,
	.mc_banner ul li + li a:active span { background-position:-179px 13px; }
	.mc_banner ul li + li + li a:hover span,
	.mc_banner ul li + li + li a:focus span,
	.mc_banner ul li + li + li a:active span { background-position:-383px 13px; }
	.mc_banner ul li + li + li + li a:hover span,
	.mc_banner ul li + li + li + li a:focus span,
	.mc_banner ul li + li + li + li a:active span { background-position:-570px 13px; }
	.mc_banner ul li + li + li + li + li a:hover span,
	.mc_banner ul li + li + li + li + li a:focus span,
	.mc_banner ul li + li + li + li + li a:active span { background-position:-786px 13px; }


	/*하단배너_모바일*/
	.moblie_banner { overflow:hidden; width:100%; margin-top:51px; height:65px; background:#fff; }
	.moblie_banner ul { position:relative; width:200%; margin:0 auto; }
	.moblie_banner ul:after { content:""; display:block; clear:both; }
	.moblie_banner ul li { float:left; width:50%; text-align:center; }
	.moblie_banner ul li:first-child { background:none; }
	.moblie_banner ul li a { display:inline-block; width:auto; height:65px; font-size:1em; }
	.moblie_banner ul li a span { display:inline-block; height:22px; padding:23px 0 21px 53px; background:url(/images/mec/main/bot_icon.png) no-repeat left -56px; }
	.moblie_banner ul li a:hover,
	.moblie_banner ul li a:focus,
	.moblie_banner ul li a:active { text-decoration:underline; color:#008f7f; }
	.moblie_banner ul li.mo_no2 a span { background-position:-179px -56px; }
	.moblie_banner ul li.mo_no3 a span { background-position:-383px -56px; }
	.moblie_banner ul li.mo_no4 a span { background-position:-570px -56px; }
	.moblie_banner ul li.mo_no5 a span { background-position:-786px -56px; }
	.moblie_banner ul li.mo_no1 a:hover span,
	.moblie_banner ul li.mo_no1 a:focus span,
	.moblie_banner ul li.mo_no1 a:active span { background:url(/images/mec/main/bot_icon.png) no-repeat left 13px; }
	.moblie_banner ul li.mo_no2 a:hover span,
	.moblie_banner ul li.mo_no2 a:focus span,
	.moblie_banner ul li.mo_no2 a:active span { background-position:-179px 13px; }
	.moblie_banner ul li.mo_no3 a:hover span,
	.moblie_banner ul li.mo_no3 a:focus span,
	.moblie_banner ul li.mo_no3 a:active span { background-position:-383px 13px; }
	.moblie_banner ul li.mo_no4 a:hover span,
	.moblie_banner ul li.mo_no4 a:focus span,
	.moblie_banner ul li.mo_no4 a:active span { background-position:-570px 13px; }
	.moblie_banner ul li.mo_no5 a:hover span,
	.moblie_banner ul li.mo_no5 a:focus span,
	.moblie_banner ul li.mo_no5 a:active span { background-position:-786px 13px; }
	.moblie_banner .moblie_banner_control { position:relative; width:90%; padding:0 5%; }
	.moblie_banner .moblie_banner_control a.prev { position:absolute; top:18px; left:10px; z-index:100; }
	.moblie_banner .moblie_banner_control a.next { position:absolute; top:18px; right:10px; z-index:100; }
 


@media all and (min-width:508px){

/*메인*/
	/*패턴배경*/
	.mcontent_box { width:488px; margin:0 auto; }


	/*메인 컨텐츠공통*/
	.all_listbox { margin:-10px 0 0 -24px; }
	.main_listbox { float:left; width:232px; margin:10px 0 0 24px; }
	.main_listbox a.mimg .mimg_icon { position:absolute; left:50%; top:60px; }
	.main_listbox a.mimg .p_cont br { display:block; }

	/*학과모바일용*/
	.mobile_box { height:260px; }
	.mobile_box ul { padding-top:0; }


	/*하단배너_모바일*/
	.moblie_banner ul li { width:25%; }

}


@media all and (min-width:767px){

	/*하단배너_모바일*/
	.moblie_banner ul { width:133%; }

}


/*********************************/
/**********태블릿 사이즈**********/
/*********************************/
@media all and (min-width:768px){

/*메인*/
	/*패턴배경*/
	.mcontent_box { width:768px; height:auto; margin:0 auto; }


	/*상단 텍스트*/
	.mc_top { display:block; width:100%; height:157px; padding-top:47px; }
	.mc_top .mc_span { display:block; font-size:1.250em; }
	.mc_top .mc_h3 { display:block; letter-spacing:15px; font-size:3.375em; }
	.mc_top .mc_p { font-size:1.125em; }
	.mc_top .mc_p span { display:inline; font-size:1em; }
	/*상단 텍스트-모바일용*/
	.mobile_mc_top { display:none; }


	/*메인 컨텐츠공통*/
	.all_listbox { margin:0 0 0 -12px; }
	.main_listbox { float:left; width:232px; margin:24px 0 0 24px; }
	.main_listbox a.mimg .mimg_icon { position:absolute; left:50%; top:65px; }


}


/*********************************/
/************PC 사이즈************/
/*********************************/
@media all and (min-width:1024px){

/*메인*/
#mcontent_wrap { background:url(/images/mec/main/mid_bgimg.jpg) no-repeat center top #e1e4e9; }
	/*패턴배경*/
	.mcontent { height:auto; }
	.mcontent_box { width:1000px; height:auto; padding:0 0 75px 0; }


	/*상단 텍스트*/
	.mc_top { padding-top:58px; text-align:center; }
	.mc_top .mc_span { position:relative; left:-30px; font-size:1.250em; }
	.mc_top .mc_h3 { top:86px; padding-left:0; letter-spacing:10px; font-size:4.375em; }
	.mc_top .mc_p {position:relative; right:-30px; }
	.mc_top .mc_p span { display:inline; font-size:1em; }


	/*메인 컨텐츠공통*/
	.all_listbox { margin:0 0 0 -24px; }
	.main_box { display:block; }
	.main_listbox { float:left; width:232px; margin:24px 0 0 24px; }
	.main_listbox a.mimg .mimg_icon { display:none; position:absolute; left:50%; top:50px; }

	/*학과모바일용*/
	.mobile_box { display:none; }


	/*하단배너*/
	.mc_banner { display:block; }

	/*하단배너_모바일*/
	.moblie_banner { display:none; }

	.footer .btn_top { position:fixed; left:95%; margin-left:0; z-index:1000; }

}