@charset "utf-8";

#ni_hd_wrap ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}


#ni_hd_wrap { z-index:4; position:relative; min-width:1200px; background:#fff  }
#ni_hd_util_area { width:100%; height:30px; background:#fff; }
.ni_utils { margin:0 auto; width:1100px; }




/* 상단 회원가입 등 링크 */
#ni_tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#ni_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#ni_tnb li {float:left;margin:0px}
#ni_tnb a {display:inline-block;padding:0px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#ni_tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}


/* 상단 메뉴 부분  */
#ni_gnb_area {position:absolute;  margin:0 auto; width:1200px; height:102px;  } 

/* 로고 */
#ni_logo {float:left;}

/* 탑 메뉴  */
#ni_gnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#ni_gnb:after {display:block;visibility:hidden;clear:both;content:""}
#ni_gnb li {float:left;margin:0px}
#ni_gnb a {display:inline-block;padding:0px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#ni_gnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}

/* 상단 메뉴 부분 끝 */


/* 중간 이미지 */
#ni_mid_area { width:100%; height:703px;}
#ni_mid_area .ni_mid_flash{margin:0 auto;  width:1200px; height:703px;}

/* 서브 중간 이미지 */
#ni_mid_sub_area { width:100%; height:322px;}
#ni_mid_sub_area .ni_mid_sub_flash{margin:0 auto;  width:1200px; height:322px;}


/* 메인 뉴스 부분 */ 
#MainNews {position:absolute; width:425px; height:149px; margin-top:516px; margin-left:750px;}





/* 서브 중간 레이아웃 */
#ni_wrapper {z-index:5;margin:0 auto;width:1200px;  zoom:1; }
#ni_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#ni_aside {float:left; margin:0px; width:220px; background:#fff}


#ni_container {z-index:4; position:relative; float:right; padding:0px; width:940px; min-height:500px; height:auto !important;height:500px;  background:#fff; font-size:1em;zoom:1; margin-bottom:100px;}
#ni_container:after {display:block;visibility:hidden;clear:both;content:""}
#ni_container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}


#ni_project_container {z-index:4; position:relative; float:right; padding:0px; width:1200px; min-height:500px; height:auto !important;height:500px;  background:#fff; font-size:1em;zoom:1; margin-bottom:100px;}
#ni_project_container:after {display:block;visibility:hidden;clear:both;content:""}
#ni_project_container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}





/* 하단 메뉴 */
#ni_ft_menu { margin:0 auto; width:1100px; }
#ni_step_1_area { width:100%; height:98px; margin:0; padding:0; }
#ni_step_1_area .ni_box_1 { float:left; width:233px; height:98px;  }
#ni_step_1_area .ni_box_2 { float:left; width:252px; height:98px;  }
#ni_step_1_area .ni_box_3 { float:left; width:241px; height:98px;  }
#ni_step_1_area .ni_box_4 { float:left; width:249px; height:98px;  }

#ni_step_2_area { width:100%; height:137px; margin:0; padding:0; }
#ni_step_2_area .ni_box_1 { float:left; width:290px; height:137px;  }
#ni_step_2_area .ni_box_2 { float:left; width:388px; height:137px;  }
#ni_step_2_area .ni_box_3 { float:left; width:342px; height:137px;  }

/* 공백 */
.hr_30 { height:30px; }

.hr_100 { height:100px; }

/* 카피라이트 */ 
#ni_copy_area { width:100%; background:#fff; }
.ni_copy_info { margin:0 auto; width:1200px; }



.sub_bt {	width:940px; height:28px; overflow:hidden; text-align:right; padding-top:50px;border-bottom:1px solid #e5e5e5; color:#868686; font-size:11px;}


.txt_center { text-align:center; }

.f_bold { font-weight:bold; }


/* 프로젵그 */
.projectInfo { min-width:1200px; min-height:650px; padding:20px 0 0 0; margin:0px; }


/* 게시물 정보 표시*/
.leftProjectInfo { min-width:740px; float:left; }
#subjectArea { font-weight:bold; font-size:15px;}
#picArea { padding:20px 0 0 0;  margin:0px; width:740px; }
#bbsInfoArea { padding:20px 0 0 0;  margin:0px; }

/* 게시물 리스트 */
.rightProjectList {
	position:relative; top:0px; right:0px; 
	min-width:400px; 
	float:right; 
	height:90px;


}

.rightProjectList2 {
	position:absolute; top:100px; right:0px; 
	min-width:400px; 
	float:right; 
	height:600px;

	margin-top:0px; 
	overflow-y:scroll;
	scrollbar-3dlight-color:#595959; 
	scrollbar-arrow-color:#f3f3f3; 
	scrollbar-base-color:#CFCFCF; 
	scrollbar-darkshadow-color:#f3f3f3; 
	scrollbar-face-color:#CFCFCF; 
	scrollbar-highlight-color:#f3f3f3; 
	scrollbar-shadow-color:#595959;
}