@charset "utf-8";

/*탭_가로 사이즈 고정/ 가로 5개 세트*/

.tab1 {

}

.tab1 li {

	float:left;

}

.tab1 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab4_off.gif) no-repeat left top;

	padding:9px 14px 3px 14px; 

	color:#808080;

	text-align:center;

	width:145px;

	height:34px;

	margin-bottom:3px;

}

.tab1 li a:hover {

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab1 li.on a {	

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab1 li.r_l a { /*마지막 줄에 들어가는 li에 class="r_l"을 넣어주세요*/

	border-right:1px solid #e2e2df;

}

/*연표 탭_가로 사이즈 고정/ 가로 6개 세트*/

.tab2 {

}

.tab2 li {

	float:left;

}

.tab2 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab4_off.gif) no-repeat left top;

	padding:9px 10px 3px 10px; 

	color:#808080;

	text-align:center;

	width:124px;

	height:34px;

	margin-bottom:3px;

}

.tab2 li a:hover {

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab2 li.on a {	

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab2 li.r_l a { /*마지막 줄에 들어가는 li에 class="r_l"을 넣어주세요*/

	border-right:1px solid #e2e2df;

}

/*30%로 들어가는 탭*/

.tab33 { 

	height: 46px;

	width: 99.6%;

}

.tab33 li {

	float:left;	

	width:33.2%;

}

.tab33 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab5_off.gif) no-repeat left top;

	padding:9px 1px 3px 1px;

	color:#808080;

	text-align:center;

	width:100%;

	height:34px;

	margin-bottom:3px; font-weight:700; letter-spacing:-0.8px;

}

.tab33 li a:hover {

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab33 li.on a {	

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab33 li.r_l a { 

	border-right:1px solid #e2e2df;

}


/*여러줄 들어가는 탭아래 라인이 있는 탭*/

.tab3 { 

	background:url(/user/hufs/mycodyimages/tab_line.gif) repeat left top;

	min-height: 46px;

	width: 100%;

	margin-bottom:15px;

}

.tab3 li {

	float:left;

}

.tab3 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab4_off.gif) no-repeat left top;

	padding:9px 21px 3px 21px; 

	color:#808080;

	text-align:center;

	min-width:102px;

	height:34px;

	margin-bottom:3px; font-weight:700; letter-spacing:-0.8px;

}

.tab3 li a:hover {

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab3 li.on a {	

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab3 li.r_l a { 

	border-right:1px solid #e2e2df;

}



/*6메뉴(외대ui 페이지 기준) 여러줄 들어가는 탭아래 라인 없음*/

.tab4 {

	width: 100%

}

.tab4 li {

	float:left;

}

.tab4 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab4_off.gif) no-repeat left top;

	padding:9px 18px 3px 18px; 

	color:#808080;

	text-align:center;

	min-width:134px;

	height:34px;

	margin-bottom:3px;

}

.tab4 li a:hover {

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab4 li.on a {	

	background:url(/user/hufs/mycodyimages/tab4_on.gif) no-repeat left top;

	color:#152c46;

}

.tab4 li.r_l a { 

	border-right:1px solid #e2e2df;

}



/*50%로 들어가는 탭*/

.tab5 { 

	height: 46px;

	width: 99.6%;

}

.tab5 li {

	float:left;	

	width:50%;

}

.tab5 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab5_off.gif) no-repeat left top;

	padding:9px 1px 3px 1px;

	color:#808080;

	text-align:center;

	width:100%;

	height:34px;

	margin-bottom:3px; font-weight:700; letter-spacing:-0.8px;

}

.tab5 li a:hover {

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab5 li.on a {	

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab5 li.r_l a { 

	border-right:1px solid #e2e2df;

}



/*50%로 들어가는 탭_교무처*/

.tab6 { 

	height: 46px;

	width: 99.6%;

	margin-bottom:20px;/*아래쪽 마진값이 다름*/

}

.tab6 li {

	float:left;	

	width:50%;

}

.tab6 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab5_off.gif) no-repeat left top;

	padding:9px 1px 3px 1px;

	color:#808080;

	text-align:center;

	width:100%;

	height:34px;

	margin-bottom:3px;

}

.tab6 li a:hover {

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab6 li.on a {	

	background:url(/user/hufs/mycodyimages/tab5_on.gif) no-repeat left top;

	color:#152c46;

}

.tab6 li.r_l a { 

	border-right:1px solid #e2e2df;

}



/*여러줄 들어가는 탭위 라인이 있는 탭*/

.tab7 { 

	background:url(/user/hufs/mycodyimages/tab_line.gif) repeat left top;

	min-height: 46px;

	width: 100%;

	margin-bottom:15px;

}

.tab7 li {

	float:left;

}

.tab7 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab7_off.gif) no-repeat left top;

	padding:9px 21px 3px 21px; 

	color:#808080;

	text-align:center;

	min-width:102px;

	height:34px;

	margin-bottom:3px;

}

.tab7 li a:hover {

	background:url(/user/hufs/mycodyimages/tab7_on.gif) no-repeat left top;

	color:#152c46;

}

.tab7 li.on a {	

	background:url(/user/hufs/mycodyimages/tab7_on.gif) no-repeat left top;

	color:#152c46;

}

.tab7 li.r_l a { 

	border-right:1px solid #e2e2df;

}


.tab8 { 

	background:url(/user/hufs/mycodyimages/tab_line.gif) repeat left top;

	min-height: 46px;

	width: 100%;

	margin-bottom:15px;

}

.tab8 li {

	float:left;

}

.tab8 li a { 

	display:inline-block; 

	background:url(/user/hufs/mycodyimages/tab7_off.gif) no-repeat left top;

	padding:9px 21px 3px 21px; 

	color:#808080;

	text-align:center;

	min-width:102px;

	height:34px;

	margin-bottom:3px;

}

.tab8 li a:hover {

	background:url(/user/hufs/mycodyimages/tab8_ond.gif) no-repeat center top; 

	color:#fff;

}

.tab8 li.on a {	

	background:url(/user/hufs/mycodyimages/tab8_ond.gif) no-repeat center top; 

	color:#fff;

}

.tab8 li.r_l a { 

	border-right:1px solid #e2e2df;

}





/*연표 표*/

.tb1 { width:100%; border:1px solid #d8d8d8; border-collapse:collapse; word-break:keep-all; border-top:2px solid #b3b3b3; line-height:1.4em;}

.tb1 td, .tb1 th { padding:8px 10px; border-bottom:1px solid #d8d8d8; border-right:1px dotted #d8d8d8;}

.tb1 .c2 { text-align:center; background:#ededed; vertical-align:top; padding:10px 10px 0px 10px;}

.tb1 .c6 { text-align:center; background:#f6f6f6; vertical-align:top; padding:10px 10px 0px 10px; }



/*임원현황 표 _기본은 왼쪽 정렬, class="c" 하면 가운데 정렬*/

.tb2 { width:100%; border:1px solid #d8d8d8; border-collapse:collapse; border-top:2px solid #b3b3b3; line-height:1.4em; margin-top:5px;  }

.tb2 td, .tb2 th { padding:8px 10px; border:1px solid #d8d8d8;}

.tb2 th { font-weight:500; text-align:center; background:#ededed; font-weight:bold;}

.tb2 td.c { text-align:center;}





.tb5 { width:100%; border:1px solid #d8d8d8; border-collapse:collapse; border-top:2px solid #b3b3b3; line-height:1.4em; margin-top:5px;  }

.tb5 td, .tb5 th { padding:5px 5px; border:1px solid #d8d8d8; font-size:35px; font-weight:600;}

.tb5 th { font-weight:500; text-align:center; background:#ededed; font-weight:bold;  font-size:18px;}

.tb5 td.c { text-align:center;}



/* 기본 가운데 정렬, class="l" 하면 왼쪽 정렬*/

.tb3 { width:100%; border:1px solid #d8d8d8; border-collapse:collapse; border-top:2px solid #b3b3b3; line-height:1.4em; margin-top:5px;}

.tb3 td, .tb3 th { padding:8px 10px; border:1px solid #d8d8d8; text-align:center;}

.tb3 th { font-weight:500; background:#ededed;}

.tb3 td.l { text-align:left;}



/* 기본은 왼쪽 정렬, class="c" 하면 가운데 정렬 _학과 대학원*/

.tb4 { width:100%; border:1px solid #d8d8d8; border-collapse:collapse; border-top:2px solid #b3b3b3; line-height:1.4em; margin-top:5px;}

.tb4 td, .tb4 th { padding:8px 10px; border:1px solid #d8d8d8;}

.tb4 th { font-weight:500; background:#ededed; text-align:center;}

.tb4 td.c { text-align:center;}





/*게시판 내용 폰트 변경용(민원용으로 변경하기 iframe을 감싸는 div에 주세요)*/

#minwon td{ margin-top:60px;margin-left:30px;  font-family:'Noto Sans KR','나눔고딕',dotum,'돋움'!important; font-size:14px; height:33px;}



/*기존에 tab4로 되어있던 ul을 dot01로 변경 */

.dot01 { clear:both; margin:0 0 0 10px; }

.dot01 li { background:url(/user/hufs/mycodyimages/sub01/tab1_hline.gif) no-repeat left 12px; padding-left:10px; }



/*기존에 tab1_1로 되어있던 ul을 dot02로 변경 */

.dot02 { clear:both; margin:0 0 0 10px; padding-top:20px; }

.dot02 li { background:url(/user/hufs/mycodyimages/sub01/tab1_hline.gif) no-repeat left 12px; padding-left:10px; }



/*-가 들어가는 목차*/

.dash { margin-top:5px}

.dash li{background:url(/user/hufs/mycodyimages/dashed.png) no-repeat 2px 13px; padding:0 0 3px 13px}







/* 대학css*/

.m03_010101 .box, .m03_010101 .box2  { width:100%; height:80px; background:url(/user/hufs/mycodyimages/sub03/03_010101a_1.gif) no-repeat left top; padding:30px 0 0 10px; }

.m03_010101 .box3 { width:100%; height:100px; background:url(/user/hufs/mycodyimages/sub03/03_010101a_1b.gif) no-repeat left top; padding:30px 0 0 10px; }

.m03_010101 .box dt, .m03_010101 .box2 dt { float:left; width:140px;}

.m03_010101 .box dd { float:right; width:650px; margin:12px 45px 0 0; }

.m03_010101 .box2 dd { float:right; width:650px; margin:0 45px 0 0; }

.m03_010101 .box3 dt  { float:left; width:140px; margin-top:10px;}

.m03_010101 .box3 dd { float:right; width:650px; margin:0 45px 0 0; }



.m03_010101 .box li, .m03_010101 .box2 li, .m03_010101 .box3 li { float:left; padding:0 30px 0 8px; background:url(/user/hufs/mycodyimages/common/arrow01_n.gif) no-repeat left 10px;  }

.m03_010101 .box .on, .m03_010101 .box2 .on, .m03_010101 .box3 .on { float:left; padding:0 30px 0 8px; background:url(/user/hufs/mycodyimages/common/arrow01.gif) no-repeat left 10px; color:#003a7a; }

.m03_010101 .box a, .m03_010101 .box2 a, .m03_010101 .box3 a { color:#423f32; }

.m03_010101 .box a:hover, .m03_010101 .box2 a:hover, .m03_010101 .box3 a:hover { color:#003a7a; }

.m03_010101 .tbox .t { float:left; margin:7px 0 0 13px; }

.m03_010101 .tbox .btn { float:right; margin:4px 9px 0 0; }

.butt {height:15px; padding:8px 30px; line-height:12px; color:#ffffff !important; background:#002d56;  font-weight:600 !important; }
.butt:hover {color:#978478 !important;   font-weight:600 !important; }