@charset "utf-8";
@import "common.css";
@import "board.css";
@import "popup.css";
@import "main.css";
@import "nanumgothic.css";


.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }


a { cursor: pointer; }


/*****레이아웃*****/
#wrap {width:100%; min-width:1000px;}
header {background:#262626;}

/*****상단유틸*****/
.top_wrap {width:1000px; height:35px; margin:0 auto; *zoom:1;}
.top_wrap:after{display:block;clear:both;content:''}

.top_util {float:right;}
.top_util li {float:left; line-height:33px;}
.top_util li.info {
	color: #CCCCCC;
	background: url('../images/common/util/icon_01.png') 0 8px no-repeat;
	padding-left: 22px;
}

.top_util li a{
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e5eef6;
	line-height: 25px;
	height: 25px;
}
.top_util li a:hover,
.top_util li a.active {background:#262626;}


.top_util li.info span{color:#fff; font-weight:bold;}
.top_util li.allmenu {width:110px;}

/*****전체메뉴보기*****/
.allmenu_wrap{margin:0 auto; width:1000px; position:relative;}
.allmenu_box{
	height: 396px;
	width: 993px;
	position: absolute;
	border: 4px solid #0d5db6;
	border-top: 3px solid #0d5db6;
	background: #fff;
}
.allmenu_box:after{display:block;clear:both;content:''}

.allmenu_box ul {
	width: 165px;
	background: url('../images/common/allmenu/dot_bg01.png') right 0 repeat-y;
	height: 396px;
	float: left;
}
.allmenu_box ul.bgnone{
	width: 167px;
	background: none;
}
.allmenu_box li {
	text-align: center;
	padding: 15px 0 10px 0;
	font-family: 'Nanum Gothic',  Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.allmenu_box li.title{height:36px; font-size: 16px; color:#0d5db6; border-bottom:1px solid #d9d9d9; padding:23px 0 0 0; background:#F2F2F9 url('../images/common/allmenu/dot_bg01.png') right 0 repeat-y;}
.allmenu_box li a{color:#666; display:block;}
.allmenu_box li a:hover{
	color: #5db9ec;
}
.allmenu_box li.br {padding:14px 0 3px 0;}
.allmenu_box li.br span{font-size:12px; color:#888;}
.allmenu_box li.bgnone{background:#F2F2F9;}



/***** GNB *****/
nav {background:url('../images/common/top_bg01.png') 0 0 repeat-x;  *zoom:1;}
nav:after{display:block;clear:both;content:''}
.gnb_wrap {width:1000px; margin:0 auto; *zoom:1;overflow:hidden;}
.gnb_wrap:after{display:block;clear:both;content:''}

.gnb_wrap h1 {float:left; line-height:95px; *margin-top:27px;}

#GNB {float:right;*zoom:1;}
#GNB:after{display:block;clear:both;content:''}
#GNB li {float:left; line-height:95px;font-family:'Nanum Gothic', sans-serif; font-size:17px; font-weight:bold; margin-left:30px; letter-spacing:-0.05em; cursor:pointer;}
#GNB li a{
	color: #bcdeff;
}

#GNB li.mouseover a {color:#f1f7fd;}
#GNB li.mouseout a {color:#bcdeff;}
#GNB li.active a {color:#f1f7fd;}

/***** 2depth *****/
.sub_box {width:100%;background:#fff url('../images/common/top_bg02.png') 0 bottom repeat-x;}
.sub_wrap {width:998px; margin:0 auto; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}

.sub_wrap div.parent {display:none;height:150px; padding-left:359px;}
.sub_wrap div.parent:after{display:block;clear:both;content:''}
.sub_wrap div.active {display:block;}

.sub_wrap div#nav01 {
	background: url('../images/common/nav/nav01_bg.png') 30px 50% no-repeat;
}
.sub_wrap div#nav02 {
	background: url('../images/common/nav/nav02_bg.png') 30px 50% no-repeat;
}
.sub_wrap div#nav03 {
	background: url('../images/common/nav/nav03_bg.png') 30px 50% no-repeat;
}
.sub_wrap div#nav04 {
	background: url('../images/common/nav/nav04_bg.png') 30px 50% no-repeat;
}
.sub_wrap div#nav05 {
	background: url('../images/common/nav/nav05_bg.png') 30px 50% no-repeat;
}
.sub_wrap div#nav06 {background:url('../images/common/nav/nav06_bg.png') 51px 50% no-repeat;}
.sub_wrap div#nav07 {background:url('../images/common/nav/nav07_bg.png') 48px 50% no-repeat;}


.sub_wrap div ul {float:left; width:178px; height:141px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding-top:8px;}
.sub_wrap div ul.first{border-right:none;}
.sub_wrap div li {font-family:'Nanum Gothic', sans-serif; font-size:14px;}

.sub_wrap div li a span{font-size:11px; font-weight:normal;}
.sub_wrap div li a{display:block; font-weight:bold; color:#777; padding:7px;}
.sub_wrap div li a:hover, 
.sub_wrap div li a.active{background:#eaf0f2; color:#0798de;}
.sub_wrap div ul li.first {margin-top:8px;}


/***** Footer *****/
footer {
	border-top: 1px solid #d9d9d9;
	background: #f0f0f0;
}
.footer_wrap {width:1000px; margin:0 auto; padding:30px 0; *zoom:1;}
.footer_wrap:after{display:block;clear:both;content:''}
.footer_wrap h1 {float:left;}
.copy {float:right;}



/***** 컨텐츠 영역 *****/
article {background:#fff; width:100%;}
.contents_wrap {width:960px; margin:0 auto; padding:40px 0 70px 0;}
.contents_wrap:after{display:block;clear:both;content:''}

.pop_wrap {width:450px; margin:0 auto; padding:10px 0 10px 0;}
.pop_wrap:after{display:block;clear:both;content:''}

.contents_box {*zoom:1; clear:both;}
.contents_box:after{display:block;clear:both;content:''}

.contents_box01 {width:470px;}
.stats_title01 {line-height:40px; color:#fff; font-weight:bold; padding-left:20px; background:#daf3ff;}
.stats_title02 {line-height:40px; color:#fff; font-weight:bold; padding-left:20px; background:#68B7D0;}


/***** 버튼 *****/
.btn_box{*zoom:1;}
.btn_box:after{display:block;clear:both;content:''}



/***** 탭버튼 *****/
.tab_wrap {*zoom:1; border-bottom:1px solid #35a6d9;}
.tab_wrap:after{display:block;clear:both;content:''}
.tab_wrap li{float:left; width:120px; margin-right:1px;}
.tab_wrap li a{display:block; text-align:center; background:#D8D8D8;font-family:'Nanum Gothic', Arial, sans-serif; font-size:14px;font-weight:bold; color:#fff; line-height:30px; height:30px;}
.tab_wrap li a:hover,
.tab_wrap li a.active {background:#1578D4;}

.tab_wrap01 {*zoom:1; border-bottom:1px solid #daf3ff;}
.tab_wrap01:after{display:block;clear:both;content:''}
.tab_wrap01 li{float:left; width:156px; margin-right:1px;}
.tab_wrap01 li.end{margin-right:0px;}
.tab_wrap01 li a{display:block; text-align:center; background:#D8D8D8;font-family:'Nanum Gothic', Arial, sans-serif; font-size:14px;font-weight:bold; color:#fff; line-height:30px; height:30px;}
.tab_wrap01 li a:hover,
.tab_wrap01 li a.active {background:#7878BF;}

.tab_wrap02 {*zoom:1; border-bottom:1px solid #daf3ff;}
.tab_wrap02:after{display:block;clear:both;content:''}
.tab_wrap02 li{float:left; width:156px; margin-right:1px;}
.tab_wrap02 li.end{margin-right:0px;}
.tab_wrap02 li a{display:block; text-align:center; background:#D8D8D8;font-family:'Nanum Gothic', Arial, sans-serif; font-size:14px;font-weight:bold; color:#fff; line-height:30px; height:30px;}
.tab_wrap02 li a:hover,
.tab_wrap02 li a.active {background:#4090A9;}


.tab_contents_box {padding:30px; background:#e6e6e6;}
.graph_box01 {border:1px solid #C4C4C4; background:#fff;}



/***** 달력 *****/
.schedule_date{text-align:center;}
.schedule_date span.date{color:#333;font-family:Tahoma, Arial, sans-serif; font-size:30px;font-weight:bold; vertical-align:middle; margin:0 15px;}

.calendar_wrap01 {border:5px solid #C5C5DC;}
.calendarT01 {width:100%;}
.calendarT01 th{color:#13255a;font-family:'Nanum Gothic',  Arial, sans-serif; font-size:14px; background:#daf3ff; height:48px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #35a6d9;}
.calendarT01 th.sun{color:#13255a;font-family:'Nanum Gothic',  Arial, sans-serif; font-size:14px; background:#daf3ff; height:48px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9; border-top:1px solid #35a6d9;}
.calendarT01 td{vertical-align:top; padding:5px; text-align:right;border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;color:#666;font-family:verdana, Arial, sans-serif; font-size:13px; background:#fff; height:99px;}
.calendarT01 td.sun{color:#da0a0a; border-left:1px solid #d9d9d9;}
.calendarT01 td.today{color:#fff; background:#56AECA;}
.calendarT01 td.today:hover{color:#fff; background:#56AECA;}
.calendarT01 td:hover {background:#efefef; color:#333;}
.calendarT01 td span.scheck {background:url('../images/icon/icon_scheck.png') 0 0 no-repeat; width:25px; height:20px; display:inline-block; cursor:pointer;vertical-align:middle;}

.sche_data {position:absolute; width:200px; left:0; top:0; display:none; text-align:left; background:#fff; border:1px solid #ccc; border-top:10px solid #7878BF; padding:15px 19px 20px 19px;}
.sche_data li{background:url('../images/icon/icon_dot01.png') 0 2px no-repeat; color:#666; margin-top:5px; padding-left:10px;}



.calendar_wrap02 {background:#fff; width:100%; padding-bottom:20px;}
.calendar_wrap03 {*zoom:1;padding:10px 10px 0 10px;}
.calendar_wrap03:after{display:block;clear:both;content:''}
.calendar_boxLeft {width:33%; float:left;}
.calendar_boxRight {width:34%; float:left;}
.calendar_box {background:#daf3ff;margin:10px 10px 0px 10px; border:5px solid #daf3ff;}
.calendar_box p.month {color:#666;font-family:'Nanum Gothic',  Arial, sans-serif; font-size:20px;font-weight:bold; text-align:center; height:35px; }

.calendarT02 {width:100%;}
.calendarT02 th{color:#666;font-family:'Nanum Gothic', Arial, sans-serif; font-size:16px; background:#f6f6f6; height:38px; border-bottom:1px solid #d9d9d9;}
.calendarT02 td{text-align:center;border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;color:#999;font-family:'Nanum Gothic', Arial, sans-serif; font-size:20px; background:#fff; height:37px;}
.calendarT02 td:hover {background:#efefef; color:#333;}
.calendarT02 td.scheck {color:#fff; background:#56AECA; cursor:pointer;}



/***** 연구계획서 제출 Notice *****/
.research_notice_wrap {background:url('../images/resource/notice_bg02.png') 0 0 repeat-y;}
.research_notice_wrap ul {padding:25px 45px 60px 46px; background:url('../images/resource/notice_bg01.png') 0 bottom no-repeat;}
.research_notice_wrap li {background:url('../images/icon/icon_dot01.png') 0 50% no-repeat; line-height:40px; border-bottom:1px dotted #BFBFBF; padding-left:13px;}


/***** 자료현황 *****/
#sch_form #center_list { list-style: none; }
#sch_form #center_list li { float: left; min-width: 180px; }


/***** Monitoring ****/
.monitoring_total {
    font-weight:bold;
    cursor:pointer;
}