@charset "utf-8";

/*============================================== STANDARD ==============================================*/	
* {	margin: 0; padding: 0; text-align: left;}

BODY {font-size:12px; font-family:Gulim,Verdana; color:#333; background-color:#f4f4f4; word-break:break-all;}
		

input{vertical-align:middle; }
img {border:0;}

.left {float: left;}
.right {float: right;}
.clear {clear: both; width:100%;}
.center {text-align:center;}

scrollbar	{
	scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;}
	
select {font-size:12px;}

textarea {
		font-size:12px; border:1px solid #cccccc; background-color:#fdfdfd;
		scroll:auto;
		padding:5px;
		scrollbar-3dlight-color:#B4B4B4;
		scrollbar-arrow-color:#333333;
		scrollbar-base-color:#FCFCFC;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#EDEDED;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#B4B4B4;}
		
/*============================================== //STANDARD ==============================================*/	


/*============================================== HEADER ==============================================*/
#header_bg {height:82px; background-color:#000;}
#header {width:960px; margin:0 auto;}

.TPtitle {float:left; height:12px; background-color:#000; padding:6px;}

/*-- snb --*/
.snb {float:right; padding:6px; letter-spacing:-1px; font-size:11px;}

/*-- gnb --*/
#gnb {clear:both; background: url(../../images/project/common/gnb_bg.gif); width:960px; height:39px;}
#gnb #menu_close {float:left; padding-left:15px;} 
#gnb #menu_close img {float:left; padding-right:20px;}
#gnb #menu_open {float:left; padding-left:15px;}
#gnb #menu_open img {float:left; padding-right:24px;}

/*-- search --*/
.input_gnb { 
		width:160px;
		height:14px;
		border:1px solid #7a7a7a;
		background-color:#7a7a7a;
		font-size:11px;
		font-family:dotum;
		color:#000;
		padding:5px 0 0 5px;}
		
/*-- gnb --*/
.gnb_sub_bg {background:#000; padding:7px 7px 0 7px;}
.gnb_sub_line {border-bottom: 1px solid #0c1936;}
.gnb_sub { font-size:12px; color:#ccc; font-family:Gulim, Verdana; letter-spacing:-1px; padding:3px 0 1px 5px; text-decoration:none;}
		a.gnb_sub:link, a.gnb_sub:visited, a.gnb_sub:active 
			{ font-size:12px; color:#ccc; font-family:Gulim, Verdana; letter-spacing:-1px; display: block; padding:3px 0 1px 5px; text-decoration:none;}
		a.gnb_sub:hover
			{ font-size:12px; color:#fff; font-family:Gulim, Verdana; background:#00254e; letter-spacing:-1px; padding:3px 0 1px 5px; text-decoration:none;}
								
.unb_mytp { font-size:12px; color:#444; font-family:Gulim, Verdana;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
		a.unb_mytp:link, a.unb_mytp:visited, a.unb_mytp:active 
			{ font-size:12px; color:#444; font-family:Gulim, Verdana;
				letter-spacing:-1px; display: block;padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
		a.unb_mytp:hover
			{ font-size:12px; color:#efefef; font-family:Gulim, Verdana; background:#3c3c3c;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
/*============================================== //HEADER ==============================================*/


/*============================================== CONTAINER ==============================================*/
#container{width:970px; margin:0 auto; background:url(../../images/project/common/container_bg.gif);}
 
/*++++++++++++++++++++++++ Main Contents +++++++++++++++++++++++*/ 
#mainContent {float:left; width:703px; margin:20px 0 30px 0;}

#main_title{background:url(../../images/project/common/side_title_bar.gif); width:197px; height:30px; margin-top:10px;}

/*++++++++++++++++++++++++ /Main Contents +++++++++++++++++++++++*/

/*+++++++++++++++++++++ Secondary Contents +++++++++++++++++++++*/
/*-------- main page ---------*/
#secondaryContent {float:left; width:197px; padding:1px 30px 25px 5px;}

.tpID {margin:14px 13px 0 14px;}

.side_title{background:url(../../images/project/common/side_title_bar.gif); width:197px; height:30px; margin-top:10px;}
.side_title_text {float:left; font-weight:bold; padding:10px 0 0 13px;}
.side_under {padding:12px 13px 15px 13px;}

/* thumbnail */
.teamlogo {width:166px;height:125px; border:1px solid #333;}
.img_member {float:left;width:44px;height:33px;border:4px solid #3e3e3e;}

/* graph_ink */
.graph_capacity_bg {float:left; background:#000; width:90px; height:7px;}
.graph_capacity {background:url(../../images/project/content/graph_capacity.gif); height:7px;}

/*--------- sub page ---------*/
#secondaryContent_sub {float:left; width:197px; padding:1px 30px 25px 5px;}

#box_id, #box_summary, #side_btn {margin-left:6px;}
#box_id .name {color:#FFF; line-height:18px; font-weight:bold;}
#box_id .date {color:#bababa; font:11px Verdana; padding-top:2px;}
#box_id .Dday {color:#8fbef2; font:11px Verdana; font-weight:bold; padding-top:4px;}
.box_id_top {background:url(../../images/project/common/box_id_top.gif); width:185px; height:2px;}
.box_id_bg {background:url(../../images/project/common/box_id_bg.gif); width:167px; height:70px; padding:5px 9px;}
.box_id_bottom {background:url(../../images/project/common/box_id_bottom.gif); width:185px; height:2px;}

#box_summary .title {font:18px Dotum; font-weight:bold; padding:15px 8px;}
#box_summary .box {border:1px solid #e4e4e5; background:#FFF; padding:12px; margin-right:6px;}

.side_title_sub{background:url(../../images/project/common/side_title_bar.gif); width:197px; height:30px; margin-top:15px;}

/* schedule */
#side_submenu {font-weight:bold; padding-left:8px;}
#side_submenu div {padding:5px 5px 5px 0;}
#side_submenu .on {width:165px; background:#d6d6d6; padding:6px 11px 5px 0;}


/*+++++++++++++++++++++ /Secondary Contents +++++++++++++++++++++*/ 
/*============================================== //CONTAINER ==============================================*/



/*============================================== ERROR =============================================*/
#error {margin:0 auto; width:790px;/*glow°ª 10px Æ÷ÇÔ*/}
.error_box_top {background: url(../../images/project/content/error_bg_top.gif); height: 32px;}
.error_box_bg {background: url(../../images/project/content/error_bg.gif); height:330px;}
.error_box_bottom {background: url(../../images/project/content/error_bg_bottom.gif); height: 10px;}
/*============================================== //ERROR =============================================*/
	
			
/*============================================== FOOTER ==============================================*/			
#FOOTER {width:960px; margin:0 auto; margin-top:5px; margin-bottom:15px; }
#FOOTER .logo {float:left; width:170px; }
/*============================================== //FOOTER ==============================================*/

.waiting {
	background-image:url('/js/protoload/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/js/protoload/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/js/protoload/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/js/protoload/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}