@charset "UTF-8";

body,table,tr,td,select,input,div,form,textarea {
	font-family:돋움,dotum,AppleGothic,sans-serif; 
	font-size:9pt; 
	color:#616161; 
	line-height:128%; 
	word-break:break-all; 
}

body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	text-align:center;
}

form {
	margin:0;
	padding:0;
}

img	{
	margin:0;
	padding:0;
	border:0px;
}

img.button {
	cursor:pointer;
}

div {
	margin:0;
	padding:0;
	text-align:left;
}

/* 롤오버 */
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover img.current { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }

a.selected img { border-width:0px; display:none; }
a.selected img.rollover { display:block;  }

a.current img { border-width:0px; display:none; }
a.current img.current { display:block;  }


/* top layer
height:38px; */
#layer_top {
	width:944px;
	height:47px;
	padding-left:6px;
	margin:0 auto;
}

#layer_top #logo {
	width:480px;
	height:38px;
	float:left;
}

#layer_top ul {
	height:38px;
	float:right;
	margin:0;
	padding:0;
	padding-top:0px;
}

#layer_top ul li {
	list-style-type:none;
	float:left;
}

#layer_top ul li img {
	vertical-align:top;
}

/* menu layer */
#layer_menu {
	clear:both;
	width:943px;
	height:102px;
	margin:0 auto;
}

#layer_menu #menu_main {
	width:942px;
	height:35px;
	background-image:url("../../../img/ndsl/menu_side.gif");
	background-repeat:repeat-x;
}

#layer_menu #menu_main .menuitem {
	width:124px;
	height:35px;
	margin:0;
	padding:0;
	padding-right:3px;
	float:left;
}

#layer_menu #menu_main div.inform {
	width:415px;
	#width:434px;
	_width:434px;
	height:25px;
	#height:35px;
	_height:35px;
	background-image:url("../../../img/ndsl/menu_right.gif");
	text-align:right;
	padding-top:10px;
	padding-right:18px;
	/*position: absolute; 
	top: 47px; left: 750px;
	이렇게 위치를 잡아주면 IE에서 화면이 깨짐
	*/ 
	float:left;
}
#layer_menu #menu_main div.inform1 {
	width:543px;
	height:25px;
	background-image:url("../../../img/ndsl/menu_right2.gif");
	text-align:right;
	padding-top:10px;
	padding-right:18px;
	/*position: absolute; 
	top: 47px; left: 750px;
	이렇게 위치를 잡아주면 IE에서 화면이 깨짐
	*/
	float:left;
}

/*아래는 IE에서만 보여지는 css이다.*/
*html #layer_menu #menu_main div.inform1 {
	width:559px;
	height:35px;
	background-image:url("../../../img/ndsl/menu_right1.gif");
	text-align:right;
	padding-top:10px;
	padding-right:18px;
	/*position: absolute; 
	top: 47px; left: 750px;
	이렇게 위치를 잡아주면 IE에서 화면이 깨짐
	*/
	float:left;
}

#layer_menu #menu_sub {
	width:943px;
	height:27px;
	background-image:url("../../../img/ndsl/menu_bottom.gif");
}

*html #layer_menu #menu_sub {
	_width:100%;
	height:27px;
	background-image:url("../../../img/ndsl/menu_bottom.gif");
}

#layer_menu #menu_sub div.submenu {
	height: 26px; 
}

#layer_menu #menu_sub div.current {
	display:block;
}

#layer_menu #menu_sub div.hidden {
	display:none;
}

#layer_menu #menu_sub div.submenu div {
	float:left;
}

#layer_menu #menu_sub div.submenu .splitter {
	width:16px;
	background-image:url("../../../img/ndsl/submenu_side.gif");
}

#layer_menu #topsearch {
	width:100%;
	height:47px;
	background-image:url("../../../img/ndsl/menu_searchbg.gif");
}

#layer_menu #topsearch #topsearch_form {
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#layer_menu #topsearch #topsearch_form #completion_tooltip0 {
	position: absolute; 
	top: 0px; left: 0px; 
	visibility: hidden; 
	border: 1px solid black; 
	background-color: white; 
	text-align: left;
}

#layer_menu #topsearch div.inform {
	float:right;
	text-align:right;
	margin-top:8px;
	margin-right:10px;
}
/* body layer */
#layer_body {
	width:944px;
	margin:0 auto;
	overflow: hidden;
}

#layer_body #page_header {
	width:938px;
	height:25px;
	/*20100315 cja 수정*/ /*100317 간격줄임 요청으로 수정*/
	/*background:url("../../img/ndsl/title_background.gif") no-repeat left bottom;*/
	margin-bottom:10px;
}

#layer_body #page_header #page_title {
	width:310px;
	height:22px;
	font-family:굴림; 
	font-size:11pt; 
	color:#444444; 
	letter-spacing: -1.8pt; 
	font-weight:900;
	background: url("../../img/ndsl/bullet_title.gif") no-repeat left 0px;
	padding-left:24px;
	float:left;
	margin-top:3px;
}

#layer_body #page_header .help {
	float:right;
	padding-top:5px;
	/*padding-bottom:4px;*/
}
/* bottom layer */
#layer_foot {
	width:100%;
	margin-top:10px;
	border-bottom:1px solid #D2D2D2;
	text-align:center;
}

#layer_foot div {
	width:944px;
	height:30px;
	padding-top:9px;
	text-align:center;
	margin:0 auto;
}

#layer_bottom {
	width:944px;
	margin:0 auto;
}


/* contents style */

/* tab styles */

.tabs {
	width:100%;
	height:28px;
	margin-bottom:10px;
}

.tabs .tabitem {
	height:28px;
	float:left;
	display:inline;
	text-align:center;
	padding-top:10px;
}

.tabs .begin {
	width:5px;
	background-image:url("../../img/ndsl/tab2_pre.gif");
}

.tabs .end {
	width:5px;
	background-image:url("../../img/ndsl/tab2_last.gif");
}

.tabs .splitter {
	width:1px;
	background-image:url("../../img/ndsl/tab2_line.gif");
}

.tabs .selected {
	width:130px;
	background-image:url("../../img/ndsl/tab2_onbg.gif");
	font-family:돋움; font-size:12px; color:#2D4F86; line-height:18px;
}

.tabs .selected a:link    {font-family:돋움; font-size:12px; color:2D4F86; text-decoration:none; line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}
.tabs .selected a:visited {font-family:돋움; font-size:12px; color:2D4F86; text-decoration:none; line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}
.tabs .selected a:hover   {font-family:돋움; font-size:12px; color:2D4F86; text-decoration:underline;line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}

.tabs .normal {
	width:130px;
	background-image:url("../../img/ndsl/tab2_offbg.gif");
	font-family:돋움; font-size:12px; color:#C3D1E9; line-height:18px;
}

.tabs .normal a:link    {font-family:돋움; font-size:12px; color:C3D1E9; text-decoration:none; line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}
.tabs .normal a:visited {font-family:돋움; font-size:12px; color:C3D1E9; text-decoration:none; line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}
.tabs .normal a:hover   {font-family:돋움; font-size:12px; color:C3D1E9; text-decoration:underline;line-height:18px; font-weight:bold; letter-spacing: -1.0pt;}

/* 브라우징 관련 */
span.bullet_browse {
	background-image:url("../../img/ndsl/bullet_browse.gif");
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:18px;
	font-family:돋움; 
	font-size:12px; 
	color:2D4F86; 
	font-weight:bold; 
	letter-spacing: -1.0pt;
}

.browse_form {
}

.browse_form .browsable_letter {
	width:21px;
	height:21px;
	text-align:center;
	padding-top:1px;
	background-image:url("../../img/ndsl/wordbg_off.gif");
	display:inline;
}

.browse_form .browsable_letter a {
	font-family: 돋움; 
	font-size: 9pt; 
	color:7846C4; 
	font-weight:bold;
	text-decoration:none;
}

.browse_form .browsing_letter {
	width:21px;
	height:21px;
	text-align:center;
	padding-top:1px;
	background-image:url("../../img/ndsl/wordbg_on.gif");
	display:inline;
	font-family: 돋움; 
	font-size: 9pt; 
	color:7846C4; 
	font-weight:bold;
}

.browse_form .browsable_letter_k {
	width:21; 
	height:19px; 
	text-align:center;
	padding-top:2px;
	background-image:url("../../img/ndsl/wordbg_korean.gif");
	display:inline;
}

.browse_form .browsable_letter_k a {
	font-family: 돋움; 
	font-size: 9pt; 
	color:275EB8; 
	font-weight:bold;  
	text-align:center; 
	text-decoration:none;
}

.browse_form .browsing_letter_k {
	width:21; 
	height:19px;
	text-align:center;
	padding-top:2px;
	background-image:url("../../img/ndsl/wordbg_korean.gif");
	background-color:#EEEEEE;
	display:inline;
	font-family: 돋움; 
	font-size: 9pt; 
	color:7846C4; 
	font-weight:bold;
}

#layer_login {
	position:absolute;
	z-index:1;
	display:none;
}

.roundbox {
	margin-bottom:4px;
}

.roundbox div.top {
	background-image:url("../../img/ndsl/bullet_blue5.gif");
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:15px;
	margin-top:6px;
	margin-bottom:2px;
	width:150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	border-bottom-color:#f0f0f0;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.roundbox div.bottom {
	background-image:url("../../img/ndsl/bullet_blue5.gif");
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:15px;
	margin-top:2px;
	margin-bottom:6px;
	width:150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.roundbox div.item {
	background-image:url("../../img/ndsl/bullet_blue5.gif");
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:15px;
	margin-top:2px;
	margin-bottom:2px;
	width:150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	border-bottom-color:#f0f0f0;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* 메인화면 슬라이딩 관련 */
.slide {
	border:0px solid #CCCCCC;
	background-color:#DEDEDE;
	
	width:170px;
}
.slideSub {
	width:170px;
	padding-left:0px;
	display:none;
}
thead td {
	background-image:url("../../img/ndsl/list_title_bg.gif");
}
