@charset "utf-8";



/*전체*/
#wrap { position:relative; }
/*배경그림자*/
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; background:#000; opacity:0.7; }
/*터치영역*/
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
/*모바일메뉴*/
#topmenu{ display:none; overflow:auto; position:absolute; top:0; right:-200px; width:230px; height:100%; background:#404142; z-index:1000; box-shadow:0px 0px 10px #333;}

a { 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);/*오페라*/
}
a:hover,
a:focus,
a:active { text-decoration:underline; }


/*헤더*/
.gnb_box_top { position:fixed; top:-41px; z-index:1200; }
#header { position:relative; display:inline-block; width:100%; height:114px; padding:0; background:url(/images/mec/common/top_menu.png) repeat-x left 30px; }
	.snb_box { background:#444c58; }
	/*로고*/
	.snb_box .snb { position:relative; width:100%; margin:0 auto; font-size:0.813em; }
	.snb_box .snb:after { content:""; display:block; clear:both; }
	.snb_box .snb .global_l a { display:none; width:auto; float:left; padding:11px 0 10px 0; background:url(/images/mec/common/top_arr.png) no-repeat 143px 19px; border-right:0px solid #7c828a; text-align:center; color:#fff; }
	.snb_box .snb .global_l a.on { background:url(/images/mec/common/top_arr_ov.png) no-repeat 143px 19px; }
	.snb_box .snb .global_l a.img_logo { display:inline-block; width:100%; padding:12px 0 8px 0; background:none; }
	/*메인만적용*/
	.main .snb_box .snb .global_l a.img_logo { width:auto; padding:12px 0 8px 10px; }
	/*다른 학과,단과*/
	.snb_box .snb .global_l .simple { position:absolute; left:135px; top:40px; padding:5px 0 5px 0; background:#444c58; border-top:1px solid #7c828a; border-radius:0 0 5px 5px; color:#fff; z-index:1000; }
	.snb_box .snb .global_l .simple li a { float:none; padding:3px 20px 0 20px; background:none; border-right:0; }
	.snb_box .snb .global_l .simple li a:hover,
	.snb_box .snb .global_l .simple li a:focus,
	.snb_box .snb .global_l .simple li a:active { color:#8df0e5; }
	.snb_box .snb .global_l .major { position:absolute; left:311px; top:40px; padding:5px 0 5px 0; background:#444c58; border-top:1px solid #7c828a; border-radius:0 0 5px 5px; color:#fff; z-index:1000; }
	.snb_box .snb .global_l .major li a { float:none; padding:3px 20px 0 20px; background:none; border-right:0; }
	.snb_box .snb .global_l .major li a:hover,
	.snb_box .snb .global_l .major li a:focus,
	.snb_box .snb .global_l .major li a:active { color:#8df0e5; }
	/*오른쪽*/
	.snb_box .snb .global_r { display:none; overflow:hidden; float:right; width:auto; height:40px; }
	.main .snb_box .snb .global_r { display:block; }
	.snb_box .snb .global_r a { float:left; width:100%; padding:11px 0 12px 0; background:url(/images/mec/common/top_patten.gif) repeat left top; text-align:center; color:#fff; }
	.snb_box .snb .global_r a.gr_sitemap { display:none; width:40px; height:40px; padding:0; background:url(/images/mec/common/icon_sitemap.png) no-repeat center 15px #2f353d; }
	.snb_box .snb .global_r a.gr_sitemap:hover,
	.snb_box .snb .global_r a.gr_sitemap:focus,
	.snb_box .snb .global_r a.gr_sitemap:active { background:url(/images/mec/common/icon_sitemap.png) no-repeat center 15px #17625e; }
	.snb_box .snb .global_r a.gr_btn { display:none; }
	.snb_box .snb .global_r a.pop_btn { padding-right:30px; background:url(/images/popup/pop_arr_off.png) no-repeat 83% 19px #3c424b; }
	.snb_box .snb .global_r a.pop_btn_x { display:inline-block; padding-right:30px; background:url(/images/popup/pop_arr_on.png) no-repeat 83% 19px #2b2c2e; }
	.snb_box .snb .global_r a[class^="pop_btn"] { display:none; }
	.snb_box .snb h1 { position:absolute; top:58px; left:10px; font-size:1.786em; font-weight:bold; z-index:100; }
	.snb_box .snb h1 a { color:#121212; }
	.snb_box .snb h1 a:hover,
	.snb_box .snb h1 a:focus,
	.snb_box .snb h1 a:active { text-decoration:none; color:#008072; }


	/* 메뉴 */
	#gnb { display:none; position:absolute; top:40px; left:0; width:100%; background:url(/images/mec/common/bg_menu2.gif) repeat-x center bottom #f7f7f7; z-index:52; font-size:0.875em; }
		#gnbwrap { background:url(/images/mec/common/bg_menu.gif) repeat-x center top; }
			#animate { overflow:hidden; width:1000px; height:80px; margin:0 auto; z-index:10; }
			#animate .animateLine{display:none;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#008f7f;z-index:2;}
				#tm { width:auto; margin:0; float:right; }
				#tm:after { content:""; clear:both; display:block; }
				#tm li.th1 { float:left; width:auto; }
				#tm li.th1 a.th1_lnk { display:block; width:115px; height:80px; padding-left:20px; line-height:88px; font-size:1.286em; color:#121212; }
				#tm li.th1:first-child a.th1_lnk { width:130px; }
				#tm li.th1:last-child a.th1_lnk { width:auto; padding-left:20px; }
				#tm li.th1 a.current { text-decoration:none; color:#008f7f; }
				#tm li ul.th2 { padding:20px 0 20px 20px; }
				#tm li ul.th2 li { line-height:26px; }
				#tm li ul.th2 li a.ov,#tm li ul.th2 li a:active,#tm li ul.th2 li a:hover,#tm li ul.th2 li a:focus { text-decoration:underline; color:#008f7f; }
				#tm .ov {}

	/*모바일 메뉴버튼*/
	.nav_mobile { display:block; position:absolute; top:55px; right:10px;}
	.nav_mobile a { display:inline-block; width:39px; height:39px; background:url(/images/mec/common/mobile_menu.gif) no-repeat left top; border:1px solid #d2d2d2; }
	.nav_mobile a span { position:absolute; top:-9999px; left:0; overflow:hidden; height:0; font-size:0; }

	/*모바일 다국어*/
	#topmenu .mobile_lang .m_lang_list { display:none; }

	/*모바일 메뉴*/
	#topmenu .mobile_global { overflow:hidden; }
	#topmenu .mobile_global a { display:block; float:left; width:100%; padding:12px 0; background:#008f7f; font-size:13px; text-align:center; color:#fff; }
	#topmenu .mobile_global a.sim,
	#topmenu .mobile_global a.maj { padding:12px 25px; background:url(/images/mec/common/top_arr.png) no-repeat 195px 22px #444c58; border-bottom:1px solid #697079; text-align:left; }
	#topmenu .mobile_global a.on { background:url(/images/mec/common/top_arr_ov.png) no-repeat 195px 22px #2f353d; text-decoration:none; }
	#topmenu .mobile_global .firstchild { width:50%; }
	#topmenu .mobile_global .mgr_sitemap { display:block; width:50%; background:#17625e; }
	/*다른 학과,단과*/
	#topmenu .mobile_global .simple { position:absolute; left:0; top:88px; width:100%; padding:11px 0 10px 0; background:#444c58; border-top:1px solid #7c828a; border-radius:0 0 5px 5px; color:#fff; z-index:1010; }
	#topmenu .mobile_global .simple li a { float:none; padding:5px 0 5px 25px; background:none; border-right:0; text-align:left; }
	#topmenu .mobile_global .simple li a:hover,
	#topmenu .mobile_global .simple li a:focus,
	#topmenu .mobile_global .simple li a:active { color:#8df0e5; }
	#topmenu .mobile_global .major { position:absolute; left:0; top:133px; width:100%; padding:11px 0 10px 0; background:#444c58; border-top:1px solid #7c828a; border-radius:0 0 5px 5px; color:#fff; z-index:1000; }
	#topmenu .mobile_global .major li a { float:none; padding:5px 0 5px 25px; background:none; border-right:0; text-align:left; }
	#topmenu .mobile_global .major li a:hover,
	#topmenu .mobile_global .major li a:focus,
	#topmenu .mobile_global .major li a:active { color:#8df0e5; }


	#gnb_device li { background:#404142; }
	#gnb_device li a { display:block; height:22px; padding:14px 18px; background:url(/images/mec/common/mo_menu_off.png) no-repeat left top #404142; letter-spacing:-1px; font-size:18px; color:#fff; }
	#gnb_device li a.on,
	#gnb_device li a:hover,
	#gnb_device li a:focus,
	#gnb_device li a:active { background:url(/images/mec/common/mo_menu_ov.png) no-repeat left top; text-decoration:none; }

	#gnb_device li ul { padding:20px 0; background:#2b2c2e; }
	#gnb_device li ul li { background:#2b2c2e; }
	#gnb_device li ul li a { display:block; padding:6px 30px; background:url(/images/mec/common/snb_btn_dot.gif) no-repeat 20px 15px; font-size:16px; color:#fff; }
	#gnb_device li ul li a.ov,
	#gnb_device li ul li a:hover,
	#gnb_device li ul li a:focus,
	#gnb_device li ul li a:active { background:url(/images/mec/common/snb_btn_dot.gif) no-repeat 20px 15px; color:#00b39f; }
	#gnb_device li ul li ul { padding:0 15px; background:url(/images/mec/common/bg_mobile_3th.gif) repeat-y; }
	#gnb_device li ul li ul li { padding:2px 0 2px 13px; }
	#gnb_device li ul li ul li a { display:inline; height:auto; padding-left:13px; background:url(/images/clg/common/dot_footer.gif) no-repeat left 12px; border:0; font-size:0.875em; color:#c1c1c1; }
	#gnb_device li ul li ul li a.ov,
	#gnb_device li ul li ul li a:hover,
	#gnb_device li ul li ul li a:focus, 
	#gnb_device li ul li ul li a:active { background:url(/images/clg/common/dot_footer.gif) no-repeat left 12px; color:#fff; }




/*서브 컨텐츠*/
#location_box { margin-top:-8px; border-bottom:1px solid #dddddd; }
#location_box:after { content:""; display:block; clear:both; }
#location_box .location { width:auto; margin:0 auto; height:38px; padding:4px 0; font-size:0.813em; }
#location_box .location .navi { float:left; padding:7px 0 0 10px; }
#location_box .location .navi a { display:inline-block; padding:2px 0 0 12px; margin-left:8px; background:url(/images/mec/common/navi_arr.gif) no-repeat left 8px; }
#location_box .location .navi a:hover,
#location_box .location .navi a:focus,
#location_box .location .navi a:active { color:#ff7800; }
#location_box .location .navi .navi_home { float:left; width:17px; height:30px; padding:2px 0 0 0; margin-left:0; background:url(/images/mec/common/navi_home.png) no-repeat left 4px; font-size:0; }
#location_box .location .navi .navi_home:hover { background-position:left -42px; }
/*sns*/
#location_box .location .navi_btn { display:none; float:right; padding-right:10px; }
#location_box .location .navi_btn a { display:inline-block; float:left; width:38px; height:38px; margin-left:5px; background:url(/images/mec/common/sns_btn_2024.png) no-repeat left top; }
#location_box .location .navi_btn a + a { background-position:-44px top; }
#location_box .location .navi_btn a + a + a { background-position:-88px top; }
#location_box .location .navi_btn a span { position:absolute; top:-9999px; overflow:hidden; font-size:0; }
#location_box .location .navi_btn a:hover,
#location_box .location .navi_btn a:focus,
#location_box .location .navi_btn a:active { background-position:left -38px; }
#location_box .location .navi_btn a + a:hover,
#location_box .location .navi_btn a + a:focus,
#location_box .location .navi_btn a + a:active { background-position:-44px -38px; }
#location_box .location .navi_btn a + a + a:hover,
#location_box .location .navi_btn a + a + a:focus,
#location_box .location .navi_btn a + a + a:active { background-position:-88px -38px; }
#container_box { width:auto; margin:25px auto 0 auto; background:none; }
	/*좌측*/
	#lnb { display:none; }
	#lnb #leftTi { width:220px; height:74px; padding-top:39px; background:#ff7800; text-align:center; letter-spacing:-0.035em; font-weight:normal; font-size:1.750em; color:#fff; }
	#lnb #leftTi:before {background:none;content:'';}
	/*메뉴*/
	#leftmenu { width:220px; margin-bottom:40px; }
	#leftmenu li { border-bottom:1px solid #ddd; }
	#leftmenu li > a,
	#leftmenu li > a.link_2th { display:block; height:auto; padding:13px 40px 13px 20px; background:url(/images/mec/common/snb_btn_off.gif) no-repeat left top; }
	#leftmenu li > a.link_2th_ov,
	#leftmenu li > a:hover,
	#leftmenu li > a:focus,
	#leftmenu li > a:active { background:url(/images/mec/common/snb_btn_ov.gif) repeat left -5px; color:#fff; }
	#leftmenu li ul { width:197px; margin-left:1px; background:#f7f7f7; }
	#leftmenu li ul.lm_2th { padding:15px 0 8px 21px; }
	#leftmenu li ul.lm_2th li { border-bottom:0; }
	#leftmenu li ul.lm_2th li a { display:block; width:220px; height:auto; padding:0 0 7px 10px; background:url(/images/mec/common/snb_btn_dot.gif) no-repeat left 9px; font-size:14px; font-weight:normal; color:#666; }
	#leftmenu li ul.lm_2th li a.link_3th_ov,
	#leftmenu li ul.lm_2th li a:hover,
	#leftmenu li ul.lm_2th li a:focus, 
	#leftmenu li ul.lm_2th li a:active { background-position:left 9px; color:#ff7800; }
	
	#leftmenu li ul.lm_3th { padding:15px 0 8px 21px; }
	#leftmenu li ul.lm_3th li { border-bottom:0; }
	#leftmenu li ul.lm_3th li a { display:block; width:auto; height:auto; padding:0 0 7px 10px; background:url(/images/mec/common/snb_btn_dot.gif) no-repeat left 9px; font-size:14px; font-weight:normal; color:#666; }
	#leftmenu li ul.lm_3th li a.link_3th_ov,
	#leftmenu li ul.lm_3th li a:hover,
	#leftmenu li ul.lm_3th li a:focus, 
	#leftmenu li ul.lm_3th li a:active { background-position:left 9px; color:#ff7800; }


	/*우측*/
	#contentswrap { overflow:hidden; width:auto; min-height:600px; }
	#contents .contTi { padding:20px 0; background:url(/images/mec/common/h_bgline.gif) no-repeat center top; text-align:center; font-size:2.000em; font-weight:normal; color:#121212; }
	#contents .content { padding:20px 10px 30px 10px; background:url(/images/mec/common/content_line.gif) repeat-x left top; }


/*담당자*/
.charge{margin:50px 0 0 0;background:none;border:1px solid #ddd;}
.charge:after{content:"";clear:both;display:block}
.charge dt{margin-left:40px;color:#464646;}
.charge dt span{display:none;}
.charge .admin_info dt{position:relative;}
.charge .admin_info dt:after{display:block;position:absolute;top:6px;left:-18px;width:1px;height:8px;background:#878787;content:'';}
.charge .admin_info dt.dept{margin-left:30px;}
.charge .admin_info dt.dept:after{display:none;}
.charge .modDate dd{color:#cf2202;}

/*만족도조사*/
.satisfaction{padding:15px 0 20px;width:auto;background:none;border:1px solid #ddd;}
.satisfaction .research{margin:0 30px;}
.satisfaction p{float:none;position:relative;padding-left:20px;width:100%;background:none;font-weight:700;}
.satisfaction p:after{display:block;position:absolute;top:0;left:0;width:13px;height:14px;background:url(/images/mie/common/ipsi_ico.png) no-repeat -91px 0;content:'';}
.satisfaction .survey_txt{margin-top:-3px;}
.satisfaction .survey_txt label{display:none;}
.satisfaction .survey_txt input[type="text"]{margin-right:0;width:525px;height:20px;border-radius:0;}
.satisfaction .survey_txt input[type="button"]{height:30px;background:#545454;border-radius:0;font-weight:700;}


/*푸터*/
#footerwrap { display:block; background:#444c58; font-size:1em; }
	.footer { position:relative; width:auto; height:auto; margin:0 auto; padding:55px 0 35px 0; color:#dadbde; }
	.footer address { display:block; font-size:0.77em; }
	.footer address span { display:inline-block; margin-left:10px; line-height:20px; }
	.footer address span.ky_name { display:block; font-weight:bold; color:#fff; }
	.footer address ul li span{ margin-left:0; }
	.footer address b{ color:#fff; margin-left:8px; }
	.footer address span.br_none { display:none; }
	.footer .copyright { margin:5px 0 0 10px; font-size:0.73em; color:#dadbde; }
	.footer .copyright span { display:inline-block; }
	.footer .copyright span.c_gy { display:inline-block; font-weight:bold; color:#fff; }
	.footer .copyright span.privacy{  margin-left:0px; display:block; }
	.footer .copyright span.privacy a{ color:#7dc242;}
	.footer .b_logo { display:block; position:static; margin:35px 0 0 10px; }
	.footer address ul li a.btn_cms { background:#008F7F; color:#fff; padding:1px 2px 0 2px; font-size:0.875em;}
	.footer address ul li a,
	.footer address ul li a:hover,
	.footer address ul li a:focus,
	.footer address ul li a:active { color:#dadbde; text-decoration:none;}
	.footer a,
	.footer a:hover,
	.footer a:focus,
	.footer a:active { font-weight:bold; color:#dadbde; }
	/*모바일_맨위로가기*/
	.footer .btn_top { display:block; position:absolute; top:0; bottom:auto; right:0; width:100%; background:#2b2c2e; text-align:center; }
	.footer .btn_top a { display:inline-block; width:100%; padding:7px 0 6px 0; }
	.footer .btn_top a span { display:inline-block; padding-right:27px; background:url(/images/mec/common/top_bul.png) no-repeat center 4px; font-size:0.929em; color:#fff; }




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

/*푸터*/
	.footer address ul li{ display:inline-block; vertical-align:middle; }
	.footer .copyright span.privacy{ display:inline-block; margin-left:20px;}

}


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

/*헤더*/
#header { height:124px; background:url(/images/mec/common/top_menu.png) repeat-x left 40px; }
	/*로고*/
	.snb_box .snb { width:1000px; }
	.snb_box .snb h1 { position:absolute; top:65px; left:10px; }
	/*왼쪽*/
	.snb_box .snb .global_l a { display:inline-block; width:135px; padding:11px 20px 9px 20px; background:url(/images/mec/common/top_arr.png) no-repeat 143px 19px; border-right:1px solid #7c828a; text-align:left; }
	.snb_box .snb .global_l a.on { background:url(/images/mec/common/top_arr_ov.png) no-repeat 143px 19px #2f353d; text-decoration:none; }
	.snb_box .snb .global_l a.img_logo { width:auto; padding:12px 20px 8px 0; }
	/*메인만적용*/
	.main .snb_box .snb .global_l a.img_logo { width:auto; padding:12px 20px 8px 0; }
	/*오른쪽*/
	.snb_box .snb .global_r { display:block; width:auto; }
	.snb_box .snb .global_r a { width:75px; padding:11px 20px 9px 20px; }
	.snb_box .snb .global_r a.gr_sitemap { display:block; width:40px; height:40px; padding:0; background:url(/images/mec/common/icon_sitemap.png) no-repeat center 15px #2f353d; }
	.snb_box .snb .global_r a.gr_btn { display:block; }
	.snb_box .snb h1 { display:block; position:absolute; top:65px; left:0; z-index:1200;  }


	/* 메뉴 */
	#gnb { display:block; z-index:999;}
			#animate { z-index:998;}
			#animate .animateLine{z-index:998;}
				#animate #tm {display:block; z-index:950;}
				#tm li ul.th2 li a { z-index:997;}



	/*모바일 메뉴버튼*/
	.nav_mobile { display:none; }

	/*모바일 다국어*/
	#topmenu .mobile_lang .m_lang_list { display:none; }
	#topmenu .mobile_global .mgr_sitemap { display:none; }

	/* 모바일 메뉴 */
	#topmenu { display:none; }



/*서브 컨텐츠*/
#location_box .location { width:1000px; }
#location_box .location .navi { padding:7px 0 0 0; }
/*sns*/
#location_box .location .navi_btn { display:block; }
#container_box { width:1000px; background:url(/images/mec/common/snb_bgy.gif) repeat-y left top; }
#container_box:after { content:""; display:block; clear:both; }
	/*좌측*/
	#lnb { display:block; float:left; width:220px; margin-right:53px; }

	/*우측*/
	#contents .content { min-height:750px; padding:40px 0; }



/*푸터*/
	.footer { width:1000px; height:auto; padding:35px 0; }
	.footer address { display:block; }
	.footer address b.first{ margin-left:0 }
	.footer address span { display:inline-block; margin-left:0; }
	.footer address span.ky_name { display:inline-block; }
	.footer address span.br_none { display:block; }
	.footer .copyright { margin:5px 0 0 0; }
	.footer .b_logo { position:absolute; top:50px; left:83.5%; margin:0; }
	/*모바일_맨위로가기*/
	.footer .btn_top { position:fixed; top:auto; bottom:260px; right:2%; width:53px; height:53px; background:none; text-align:center; }
	.footer .btn_top a { display:inline-block; width:53px; height:53px; padding:0; background:url(/images/mec/common/btn_top.gif) no-repeat center 20px #fff; border:1px solid #ddd; border-radius:5px; }
	.footer .btn_top a span { display:inline-block; padding-right:15px; background:none; font-size:0; color:#fff; }

}