@charset 'utf-8';
@import 'common.css';


/* 헤더 영역 */
#header {width:1000px; height:85px; background:url('/jsp/common/img/common/bg_header.gif') repeat-x 180px top;}
.login_state {width:1000px; margin-left:-20px; height:30px; padding-top:8px; font:normal 80% dotum;}

/* 글로벌네비게이션 */
.gnb {float:left; margin-left:180px; min-width:800px; display:inline;nowrap}
.gnb li {float:left; list-style:none; padding:20px 25px 10px 25px; letter-spacing:-.1em; background:url('/jsp/common/img/common/bg_main_nav.gif') no-repeat right top; font:bold 80% dotum; color:#494949;}
.gnb li a:link, .gnb li a:visited {color:#494949; text-decoration:none;}
.gnb li a:hover, .gnb li a:active {color:#118577; text-decoration:none;padding-bottom:2px; border-bottom:2px solid #8fc9c2;}
.gnb li .Enable {color:#118577; text-decoration:none;padding-bottom:2px; border-bottom:2px solid #8fc9c2;}

#left_wrap {position:absolute; top:0; left:0; width:180px; height:100%; background:url('/jsp/common/img/common/bg_left_shadow.png') repeat-y right top; padding-right:7px; z-index:100;}
h1 {background:#fff; padding-top:240px;}
h2.title {width:100%; font:bold 12px/130% dotum; color:#0b155a; background:url('/jsp/common/img/common/bg_title_line.gif') repeat-x left bottom; padding-bottom:9px;}
h2.title .tlt {display:block; background:url('/jsp/common/img/common/bu/bu_title.gif') no-repeat left .1em; padding-left:12px;}
h2.title select {width:190px;font-family:Dotum, "돋움", sans-serif;}

/* 왼쪽 서브 메뉴 */
#sub_nav_wrap {width:180px; height:100%; margin-top:-207px; background:#fff url('/jsp/common/img/common/bg_sub_nav_wrap.gif') no-repeat left bottom; padding-bottom:207px; text-align:center;}
.sub_nav_tlt {width:137px; background:url('/jsp/common/img/common/bu/bu_sub_nav.gif') no-repeat left top; padding:1px 0 5px 16px; font:bold 12px dotum; color:#148577; border-bottom:1px solid #bfbfbf; text-align:left; margin-left:13px;}
.sub_nav {width:153px; text-align:left; margin-left:13px;}
.sub_nav li {list-style:none;background:url('/jsp/common/img/common/bu/bu_dot01.gif') no-repeat .8em 1.1em; padding:10px 0 5px 18px; font:normal 12px/100% dotum; height:12px; border-bottom:1px dashed #bfbfbf;}
.sub_nav li.sub_open {border-bottom:none;}
.sub_nav li a:link, .sub_nav li a:visited {color:#494949; text-decoration:none;}
.sub_nav li a:hover, .sub_nav li a:active {color:#000; text-decoration:underline;}
.sub_nav li a.sel {color:#FF4466;text-decoration:none;font-weight:bold;padding-bottom:1px;border-bottom:2px solid #8fc9c2;}
.sub_nav02 li {list-style:none; background:none; font:normal 11px/120% gulim; padding:0 0 0 2px; border:none; height:18px;}

/* 컨텐츠 영역 */
#body1 {width:1000px;position:absolute; left:0; top:90px; z-index:10;}
#body1 .linemap {height:18px; margin-left:20px; padding:10px 20px 10px 0; border-top:1px solid #e3e3e3; background:#f5f5f5; border-bottom:1px solid #e3e3e3; font:normal 80% dotum;}
#body1 .contents_wrap {margin-left:180px; min-height:600px; padding:0 0 0  30px;}

/* 컨텐츠 상단 정보 폰트 사이즈*/
#topInfo13{font-size:12px}
/* 주차명 좌측 정렬*/
.jucha {text-align:left;padding-left:10px;}
	
/* 검색바 */
.search_bar {height:auto; border:2px solid #e9eae9; padding:1px;}
.search_bar .search_p {height:auto; background:#f5f5f5; padding-top:12px;padding-bottom:12px;}
.search_bar select {font-family:Dotum, "돋움", sans-serif;width:100px; height:22px; font-size:13px;vertical-align:top;}
.search_bar input.ser01 {font-family:Dotum, "돋움", sans-serif;width:150px; height:16px; border:1px solid #898989; font-size:12px;}

/* 팝업 검색바*/
.pop_search_bar {width:100%; height:45px; border:2px solid #e9eae9; padding:1px;}
.pop_search_bar .search_p {width:100%; height:20px; background:#f5f5f5; padding-top:12px;padding-bottom:12px;}
.pop_search_bar select {font-family:Dotum, "돋움", sans-serif;width:100px; height:22px; font-size:13px;vertical-align:top;}
.pop_search_bar input.ser01 {font-family:Dotum, "돋움", sans-serif;width:150px; height:16px; border:1px solid #898989; font-size:12px;}

/* 검색바 */
.search_bar01 {width:100%; height:50px; border:2px solid #e9eae9; padding:1px;}
.search_bar01 .search_p {width:100%; height:20px; background:#f5f5f5; padding-top:12px;padding-bottom:12px;}
.search_bar01 select {font-family:Dotum, "돋움", sans-serif;width:80px; height:22px; font-size:13px;vertical-align:top;}
.search_bar01 input.ser01 {font-family:Dotum, "돋움", sans-serif;width:150px; height:16px; border:1px solid #898989; font-size:12px;}

/* 본문 메뉴바 */
.menu_bar {width:794px; height:45px; border:2px solid #e9eae9; padding:1px;background:#f5f5f5;}
.menu_bar .list {width:800px; height:33px;margin-top:15px;margin-left:10px;}
.menu_bar .list ol li.txt {display:inline;margin:0;padding:0 13px 5px 8px;font-family:Dotum, "돋움", sans-serif;font-size:12px;list-style-type:none;background:url('/jsp/common/img/common/ico/ico_arrow.gif') no-repeat left 2px;}
.menu_bar .list ol li.txt .Enable {display:inline;font-weight:bold;color:#18336F;text-decoration:underline;}

/* 일정 */
.schedule_wrap {width:48%;}
.schedule_nav {width:100%;}
.schedule_nav a {color:#4549aa; font:normal 70%/100% tahoma; padding:0;}
.schedule_tbl {width:100%; border-collapse:collapse; font:normal 80% dotum; text-align:center;}
.schedule_tbl th {color:#494949; height:30px; background:#003997; color:#fff;}
.schedule_tbl td {border-bottom:1px solid #c9c9c9; color:#1f2d89; height:30px;}
.w_100p {width:100%;}
.sunday {color:#ff3030;}


/* 리스트 */
.list_100 {width:100%;}
.list_wrap {width:48%;}
.list_nav {width:100%;font-size:12px}
.list_nav a {color:#4549aa; font:normal 70%/100% tahoma; padding:0;}
.list_tbl {width:100%; border-collapse:collapse; font:normal 80% dotum; text-align:center;}
.list_tbl th {color:#494949; height:30px; background:#003997; color:#fff;}
.list_tbl td {border-bottom:1px solid #c9c9c9; color:#1f2d89; height:30px;}
.list_tbl td select{font-family:Dotum, "돋움", sans-serif; font-size:12px;}

/* board view & write*/
table.bw01	{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	border-top:2px solid #728CB6;
	border-left:0;
	border-right:0;
	border-collapse:collapse;/* 테이블 기본패딩속성을 없애줌*/
}
table.bw01 th		{font-family:Dotum, "돋움", sans-serif; font-size:12px;padding:10px 15px;color:#22425D;border-bottom:1px solid #BAC8D5;background:#E2EAF1;font-weight:normal;text-align:center;line-height:15px;}
table.bw01 th.bl0	{border-left:0px solid #C9C9C9;}
table.bw01 td		{font-family:Dotum, "돋움", sans-serif; font-size:12px;padding:5px 0 4px 10px;border-bottom:1px solid #BAC8D5;color:#494949;line-height:15px;}
table.bw01 td.bl0	{border-left:0px solid #C9C9C9;}
table.bw01 td input.input02	{height:14px;padding:2px 0 0 3px;margin:0;font-weight:normal;background:#ffffff;border:1px solid #DDDDDD;color:#8D8D8D;font-size:11px;line-height:14px;vertical-align:2px;}
table.bw01 td.cont	{border-left:0;padding:20px 10px;}
table.bw01 td.edt	{border-left:0;padding:10px 0;}
table.bw01 td.edt div.edtBtn{padding:0;margin:8px 0 2px 0;}
table.bw01 td img	{margin-right:1px;}
table.bw01 td div.listBox01{float:left;padding:1px 0 0 0;}
table.bw01 td div.Btn02{float:left;padding:2px 0 0 4px;}
table.bw01 td select{font-family:Dotum, "돋움", sans-serif; font-size:12px;}


/* paging */
div.paging	{float:center;width:100%;height:15px;margin:17px 0 0 0;text-align:center;} 
div.paging a img	{vertical-align:middle;margin:0 1px;}
div.paging ol		{margin:0 1px;padding:0;display:inline;}
div.paging ol li	{list-style:none;display:inline;font-weight:normal;font-size:12px;margin:0;padding:0;color:#666666;}
div.paging ol li.fir{background:none;font-size:12px;font-weight:bold;color:#0044B5;}
div.paging ol li a	{padding:0 1px 0 7px;color:#666;font-size:12px;font-weight:normal;}
div.paging ol li a, div.paging ol li a:link, div.paging ol li a:visited { color:#666; text-decoration:none; cursor:pointer; }
div.paging ol li a:hover, div.paging ol li a:active { color:#666; text-decoration:underline; cursor:pointer; }


/* paging new */
div.paging01	{float:center;width:100%;height:40px;margin:0 0 0 0;text-align:center;} 
div.paging01 a img	{vertical-align:middle;margin:0 1px;}
div.paging01 ol		{margin:0 1px;padding:0;display:inline;}
div.paging01 ol li	{list-style:none;display:inline;font-weight:normal;font-size:12px;margin:0;padding:0;color:#666666;}
div.paging01 ol li.fir{background:none;font-size:12px;font-weight:bold;color:#0044B5;}
div.paging01 ol li a	{padding:0 1px 0 7px;color:#666;font-size:12px;font-weight:normal;}
div.paging01 ol li a, div.paging01 ol li a:link, div.paging01 ol li a:visited { color:#666; text-decoration:none; cursor:pointer; }
div.paging01 ol li a:hover, div.paging01 ol li a:active { color:#666; text-decoration:underline; cursor:pointer; }

/* 달력 */
.calendar_wrap {width:48%;}
.calendar_nav {color:#4549aa; font:normal 70%/100% tahoma; padding:0, sans-serif; font-size:12px;}
.calendar_nav a {color:#4549aa; font:normal 70%/100% tahoma; padding:0, sans-serif; font-size:12px;}
.c_000 {color:#000;}
.calendar_tbl {width:100%; border:1px solid #c9c9c9; border-collapse:collapse; font:normal 70% tahoma; color:#8c8c8c; text-align:center;}
.calendar_tbl th {border:1px solid #c9c9c9; color:#494949; height:20px; background:red;}
.calendar_tbl td {border:1px solid #c9c9c9; color:#717171; height:45px;}
.calendar_tbl td.bg {background:#F1F2FA;}
.calendar_tbl th.sunday, .calendar_tbl td.sunday {color:#ff3030;}
.calendar_tbl th.Saturday , .calendar_tbl td.Saturday {color:#214FB5;}

/* 팝업 */
.pop_body {margin:0 15px 0 15px;}
#pop_head {margin-bottom:20px;width:100%;height:33px;background:#053C99; border-bottom:1px solid #001F52;}
.ico {background:url('/jsp/common/img/common/bu/bu_pop.gif') no-repeat left 10px;margin-left:10px}
#pop_head .txt {font-family:Dotum, "돋움", sans-serif;font-size:12px;padding:7px 0 0 10px;text-align:left;font-weight:bold;color:#FFFFFF;}

/* 푸터 영역 */
#footer {margin-top:30px;margin-bottom:10px;font-family:Dotum, "돋움", sans-serif; font-size:11px;text-align:center;width:800px;height:19px;background:#FFFFFF;float:right; padding-top:7px; padding-bottom:7px;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;}
.tel {color:#385179;}


div.test	{width:180px;height:400px;margin:5px 0 0 7px;padding-top:0px;overflow:scroll;overflow-x:hidden;scrollbar-face-color:#DDDDDD;scrollbar-highlight-color: #CCCCCC;scrollbar-shadow-color: #CCCCCC;scrollbar-3dlight-color: #F5F5F5;scrollbar-darkshadow-color: #F5F5F5;scrollbar-track-color: #F0F0F0;scrollbar-arrow-color: #FFFFFF;}
div.test dl		{margin:0;border:2px solid #ffffff;}
div.test dl.sel	{border:2px solid #8BA7CB;}
div.test dl dt	{padding:5px 0 4px 2px;font-weight:bold;font-size:12px;margin:0;color:#666666;cursor:pointer;}
div.test dl dt.sel	{background-color:#8BA7CB;}
div.test dl dt.disabled	{color:#BBBBBB;cursor:default;}
div.test dl dt.edit	{padding:0;font-weight:bold;font-size:12px;margin:0;color:#666666;cursor:hand;}
div.test dl dt.line	{padding:0;font-size:0;}
div.test dl dd	{font-weight:normal;font-size:12px;margin:0;padding:2px 0 2px 10px;color:#666666;cursor:pointer;}
div.test dl dd.over	{background-color:#FFFFCC;margin:0;}
div.test dl dd.sel	{background-color:#8BA7CB;font-weight:bold;}
div.test dl dd.disabled	{color:#BBBBBB;cursor:default;}
div.test dl dd font	{font-weight:normal;font-size:12px;color:#666666;}

div.infoPad	{width:230px;height:400px;margin:5px 0 0 7px;padding-top:0px;overflow:auto;overflow-x:hidden;scrollbar-face-color:#DDDDDD;scrollbar-highlight-color: #CCCCCC;scrollbar-shadow-color: #CCCCCC;scrollbar-3dlight-color: #F5F5F5;scrollbar-darkshadow-color: #F5F5F5;scrollbar-track-color: #F0F0F0;scrollbar-arrow-color: #FFFFFF;}
div.infoPad dl		{margin:0 0 5px 0;border:2px solid #ffffff;}
div.infoPad dl dt	{padding:5px 0 4px 2px;font-weight:bold;font-size:12px;margin:0;color:#666666;cursor:pointer;}


div.gTopMenu{float:left;width:610px;height:100px;margin:0;}

/*GNB?*/
ul#gtopmenu {position:absolute;float:left;margin:0px;padding:0px;list-style:none;margin:4px 0 0 0;}

ul#gtopmenu li.top1Menu{float:left;padding:15px 1px 0 0; margin:0 1px 0 0;width:119px;height:22px;background:#003997;text-align:center;}


ul#gtopmenu li.top1Menu a.topmenu:link {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu a.topmenu:visited {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu a.topmenu:hover {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu a.topmenu:active {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}


.top1Menu2 a:link {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
.top1Menu2 a:visited {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
.top1Menu2 a:hover {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}
.top1Menu2 a:active {color: #fff; font-weight:bold; text-decoration: none; font-size:9pt;}


/*? */
ul#gtopmenu li.top1Menu ul {position:absolute;left:0px;top:35px;height:23px;list-style:none;display:none;}

ul#gtopmenu li.top1Menu ul#top2m1 {left:0px;width:540px;}
ul#gtopmenu li.top1Menu ul#top2m2 {left:0px; margin-left: 80px;width:260px;}
ul#gtopmenu li.top1Menu ul#top2m3 {left:0px; margin-left: 90px; width:510px;}
ul#gtopmenu li.top1Menu ul#top2m4 {left:0px; margin-left: 390px; width:100px;}
ul#gtopmenu li.top1Menu ul#top2m5 {left:0px; margin-left: 160px; width:450px;}

ul#gtopmenu li.top1Menu ul li{float:left; padding:6px 8px 0 8px;margin:0px;white-space:nowrap;}
ul#gtopmenu li.top1Menu ul li img{float:left; padding:4px 6px 0 0;margin:0px;white-space:nowrap;}

ul#gtopmenu li.top1Menu ul li a.topsubmenu:link {color: #5C5C5C; text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu ul li a.topsubmenu:visited {color: #5C5C5C; text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu ul li a.topsubmenu:hover {color: #5C5C5C; font-weight:bold;text-decoration: none; font-size:9pt;}
ul#gtopmenu li.top1Menu ul li a.topsubmenu:active {color: #5C5C5C; font-weight:bold;text-decoration: none; font-size:9pt;}