@charset "euc-kr";
@charset "utf-8";

{:::::::기본 스타일::::::::} 
A:link {color:#555555; text-decoration:none;} /* 기본 하이퍼링크 */
A:visited {color:#555555; text-decoration:none;} /* 방문한 하이퍼링트 */
A:hover {color:#285dac; text-decoration:none;} /* 마우스 포인터가 위치할 때 */
A:active {color:#285dac; text-decoration:none;} /* 하이퍼링크를 클릭하는 동안 */


/*********************************************
* BODY
*********************************************/
body {margin:0 0 0 0}
body, table, tr, td, select,input,div,form,textarea  {font-size:9pt; font-family:돋움,굴림,Arial; line-height:150%; color:"#555555"}
td {	 COLOR: #555555; LINE-HEIGHT: 150%; FONT-FAMILY: "돋움"}
body {
	SCROLLBAR-FACE-COLOR: white; FONT-SIZE: 9pt; 
	SCROLLBAR-HIGHLIGHT-COLOR: #b4b4b4; 
	SCROLLBAR-SHADOW-COLOR: #b4b4b4; COLOR: #666666; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #b4b4b4; 
	SCROLLBAR-TRACK-COLOR: #e3e3e3; FONT-FAMILY:돋움,굴림,Arial;
	SCROLLBAR-DARKSHADOW-COLOR: white 
}

img{border:0}
SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt; font-family:돋움,굴림,Arial;line-height:150%; color:#555555}
p,ul,ol {line-height:140%;margin-top:4px}


textarea { border:1px solid #adc0c8;
                   color:#949494; font-size:9pt;
				   font-family:arial,돋움; padding:5px; 
				   scrollbar-face-color:#eff3f5;	
				   scrollbar-highlight-color: #c3d4e0;	
				   scrollbar-shadow-color: #c3d4e0; 
				   scrollbar-3dlight-color: #ffffff;	
				   scrollbar-darkshadow-color: #ffffff; 
				   scrollbar-track-color: #f9f9f9; 
				   scrollbar-arrow-color:#c3d4e0;
				   background-color:#f9f9f9}
/*********************************************
* TABLE 정보
*********************************************/ 
.table_blue {border:2px solid #b3b7d6; background-color:#ffffff;}
.table_gray {border:2px solid #e7e7e7; background-color:#ffffff;}
.table_gray02 {border:1px solid #ffffff; background-color:#ffffff;}
.table_blue02 {border:1px solid #b7d5dc; background-color:#ffffff;}
.table_gray03 {border:2px solid #cccccc; background-color:#ffffff;}
.table_text {text-align:left; padding:0px 0px 0px 0px; color:#666666; }

.table_tt_bg {background-image:url('../image/observation/nids/common/board_list_tt_bg.gif');
			height:30px;
			padding:2px 0px 0px 0px;
			text-align:center;
			}

#grayBox {width:760px;}
#grayBox .board_01 {	
	font-family: "Gulim";
	font-size: 12px;
	color: #666666;
	width:760px;
	height:45px;	
	margin: 0px 0px 5px 0px;
	border:1px solid #c7c7c7;
}
#grayBox .board_02 {	
	font-family: "Gulim";
	font-size: 12px;
	color: #666666;
	width:100%;
	height:45px;
	
	margin: 0px 0px 0px 0px;
	border:4px solid #eae8e9;
	background-color:#fafafa;
}


/*********************************************
* 공통 게시판 관련
*********************************************/ 

.hader_L{
	background:url("../image/observation/list_hd_left.gif");
	height:30;
	width:5px;	
}
 .hader_R{background:url("../image/observation/list_hd_right.gif");
	height:30;
	width:5px;	
}
 .hader_line{background:url("../image/observation/list_hd_line.gif");
	height:30;
	width:2px;	
}
 .hader_bg{background-image:url('../image/observation/list_hd_bg.gif');
	height:30;
	font-size: 12px;	
	color: #01226b;
	word-spacing: -1px;
	letter-spacing: -1px;
	text-align: center;
}

.board_form_l{
	background-image:url("../image/observation/board_form_l.gif");
	width:10px;	
				}
.board_form_r{
	background-image:url("../image/observation/board_form_r.gif");
	width:10px;	
				}

.board_form_c{
	background-image:url("../image/observation/board_skin01_03.gif");
				}

.board_form_bg{
	background-color:#e7f1f8;
	font-size: 12px;	
	color: #01226b;
	text-align:left;
				}

.table_tt_bg {background-image:url('../image/observation/nids/common/board_list_tt_bg.gif');
			height:30px;
			padding:2px 0px 0px 0px;
			text-align:center;
			}

.table_tt_v_bg {background-image:url('../image/observation/nids/common/board_view_tt_bg.gif');
			line-height:20px;
			padding:10px 0px 0px 25px;
			text-align:left;
			}

.table_board_view_bg {background-image:url('../image/observation/nids/common/board_view_te_bg.gif');
			line-height:18px;
			padding:8px 25px 20px 25px;
			text-align:left;
			}


.pannel_1{ border-top: #c1b898 1px solid; border-bottom: #c1b898 2px solid;}

.board_tit1 {
	 border-bottom: #c1b898 1px solid;
	 background: #f9f8f6;
	 color:#735d0e; font-family:"돋움"; font-size:12px ;
	 text-align:center;
	 padding:7px 0px 7px 0px;
	 }
.board_text {
	 border-bottom: #e2e2e2 1px solid;
	 background: #ffffff;
	 padding:0px 0px 0px 0px;
	 text-align:center;
	 color:#666666; font-family:arial,돋움,굴림 font-size:12px; line-height:32px;
	 }
		
.board_text1 {
	 border-bottom: #e2e2e2 1px solid;
	 background: #ffffff;
	 padding:0px 0px 0px 10px;
	 text-align:left;
	 color:#666666; font-family:arial,돋움,굴림 font-size:12px; line-height:32px;
	 }
.board_text2 {
	 border-bottom: #e2e2e2 1px solid;
	 background: #ffffff;
	 padding:0px 0px 0px 0px;
	 text-align:center;
	 color:#666666; font-family:arial,돋움,굴림 font-size:12px; line-height:32px;
	 }
.board_line {
	 border-top: #c4d8e6 3px solid; line-height:3px;
	 
	 }
.paging {
     color:#191919; font-family:"돋움"; font-size:11px; letter-spacing:5px;
	 text-align:center;
	 padding:0px 4px 0px 4px;
	 }

.paging_btn {
	 text-align:center;
     padding:0px 4px 0px 4px;
	 }
.td_btn{font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:0px; padding:0px 0px 0px 0px; text-align:right;}

.text_bold_12{font-size:12px; font-family:arial,돋움,굴림; color:#555555; line-height:18px; font-weight:bold}

.td_board1 {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:3px; padding:10px 3px 9px 25px;}
.td_board2 {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:3px; padding:10px 0px 9px 0px;}
.td_board2_ {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:3px; padding:0px 0px 2px 0px;}
.td_board3 {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:0px; padding:10px 19px 0px 3px; text-align:right;}
.td_board4 {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:0px; padding:10px 19px 9px 3px; text-align:right;}
.td_board5 {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:0px; padding:0px 0px 0px 100px; line-height:35px;}
.td_btn{font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:0px; padding:0px 0px 0px 0px; text-align:right;}
.td2_btn{font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#555555; word-spacing:5px; padding:0px 0px 15px 0px; text-align:right;}

.tr.on td {background:#eef4ff;color:#555555; cursor:none;}
.tr.linkOn td {background:#eef4ff;color:#555555; cursor:hand;}



/*********************************************
* main 서식
*********************************************/ 
.TD_login		{width:165px; height:125px; padding-top:5; background:url(../../resource/image/common/login_bg.gif) no-repeat}
.TD_login02		{width:165px; height:65px; padding-top:5; background:url(../../resource/image/common/login_bg02.gif) no-repeat}
.inpu_login		{height:23px; background-color:#ffffff; padding:2px 5px 0px 5px; border:1px solid #bbdaef; color:#949494;}
.tex_logout			{color:#4271b6; text-decoration:none; font-weight:bold;} 
a.tex_logout:link 	{color:#4271b6; text-decoration:none; font-weight:bold;} /* 기본 하이퍼링크 */
a.tex_logout:visited {color:#4271b6; text-decoration:none; font-weight:bold;} /* 방문한 하이퍼링트 */
a.tex_logout:hover 	{color:#4271b6; text-decoration:none; font-weight:bold;} /* 마우스 포인터가 위치할 때 */
a.tex_logout:active {color:#4271b6; text-decoration:none; font-weight:bold;} /* 하이퍼링크를 클릭하는 동안 */
.black_bold 	{color:#000000; font-weight:bold;}
 


/*********************************************
* td clolr
*********************************************/ 
.TD_blue {height:30px; text-align:center; padding:2px 5px; color:#555555; background-color:#b6c4e4;}
.TD_blue02 {height:30px; text-align:right; padding:3px 10px 0px 10px; color:#555555; background-color:#d8deec; font-weight: bold;}
.TD_blue03 {height:30px; text-align:center; padding:3px 5px 0px 10px color:#555555; background-color:#d8deec; font-weight: bold;}
.TD_blue04 {height:30px;; text-align:left; padding:0px 5px 0px 10px; color:#666666; background-color:#f8f8fe;}
.TD_blue04_c {height:30px;; text-align:center; padding:0px 5px 0px 10px; color:#666666; background-color:#f8f8fe;}
.TD_blue05 {height:30px; text-align:left; padding:3px 5px 0px 10px color:#555555; background-color:#d8deec; font-weight: bold;}

.TD_gray02 {height:30px; text-align:right; padding:3px 10px 0px 10px; color:#555555; background-color:#e7e7e7; font-weight: bold;}
.TD_gray03 {height:30px; text-align:center; padding:3px 5px 0px 10px color:#555555; background-color:#e7e7e7; font-weight: bold;}
.TD_gray04 {height:30px;; text-align:left; padding:0px 5px 0px 10px; color:#666666; background-color:#f2f2f2;}
.TD_gray05 {height:30px; text-align:left; padding:3px 5px 0px 10px color:#555555; background-color:#e7e7e7; font-weight: bold;}
.TD_gray06 {height:30px; text-align:center; padding:10px 10px 10px 10px color:#555555; background-color:#f2f2f2; font-weight: bold;}

.TD_yellow01 {height:30px; text-align:left; padding:0px 10px 0px 10px; color:#555555; background-color:#ede8cf; font-weight: bold;}
.TD_yellow001 {height:30px; text-align:left; padding:0px 10px 0px 10px; color:#555555; background-color:#f5f1d8; font-weight: bold;}
.TD_yellow001_c {height:30px; text-align:center; padding:0px 10px 0px 10px; color:#555555; background-color:#f5f1d8; font-weight: bold;}
.TD_yellow02 {height:30px; text-align:right; padding:0px 10px 0px 10px; color:#555555; background-color:#ede8cf; font-weight: bold;}
.TD_yellow03 {height:30px; text-align:center; padding:0px 5px 0px 10px color:#555555; background-color:#ede8cf; font-weight: bold;}
.TD_yellow04 {height:30px; text-align:left; padding:0px 5px 0px 10px color:#555555; background-color:#f0eee4;}
.TD_yellow05 {height:30px; text-align:left; padding:0px 5px 0px 10px color:#555555; background-color:#f1f0e8;}
.TD_yellow05_c {height:30px; text-align:center; padding:0px 5px 0px 10px color:#555555; background-color:#f1f0e8;}
.TD_yellow05_h24 {height:24px; text-align:left; padding:0px 5px 0px 5px color:#555555; background-color:#f1f0e8;}
.TD_yellow05_t10 {height:24px; text-align:left; padding:5px 5px 10px 5px color:#555555; background-color:#f1f0e8;}



.TD_yellow06 {height:30px; text-align:left; padding:0px 3px 0px 5px color:#555555; background-color:#e1d8a9; font-weight: bold;}
.TD_yellow06_c {height:30px; text-align:center; padding:0px 3px 0px 5px color:#555555; background-color:#e1d8a9; font-weight: bold;}
.TD_yellow07 {height:30px; text-align:left; padding:0px 3px 0px 5px color:#555555; background-color:#efe8bf; font-weight: bold;}
.TD_yellow07_L20 {height:30px; text-align:left; padding:0px 3px 0px 20px color:#555555; background-color:#efe8bf; font-weight: bold;}
.TD_yellow07_c {height:30px; text-align:center; padding:0px 3px 0px 5px color:#555555; background-color:#efe8bf; font-weight: bold;}

.TD_gray_line {height:5px; background-color:#f2f2f2;}


/*********************************************
* INPUT 정보
*********************************************/ 
.inpu01 {height:19px; background-color:#ffffff; padding:0px 5px 0px 5px; vertical-align:middle; border:1px solid #d8deec; color:#666666;}


/*********************************************
* font color
*********************************************/ 
.gray {font-size:9pt; font-family:돋움,굴림,Arial; color:#9f9f9f; line-height:14px;}
.yellow01 {font-size:9pt; font-family:돋움,굴림,Arial; color:#9a905d; line-height:14px;}
.yellow01_bold {font-size:9pt; font-family:돋움,굴림,Arial; color:#9a905d; line-height:14px; font-weight: bold;}
.orange {font-size:9pt; font-family:돋움,굴림,Arial; color:#ff4400; line-height:14px;}
.orange_bold {font-size:9pt; font-family:돋움,굴림,Arial; color:#ff4400; font-weight: bold;}
.blue {font-size:9pt; font-family:돋움,굴림,Arial; color:#5574ae; padding:10px 10px 10px 10px;}
.blue_bold {height:30px; font-size:9pt; font-family:돋움,굴림,Arial; color:#5574ae; font-weight: bold;}
.blue_tex {font-size:9pt; font-family:돋움,굴림,arial;color:#4b94c9;  padding:0px 0px 0px 10px;}



/*********************************************
* 탭
*********************************************/  
.tabLeft_on 		{background:url("../image/observation/tabLeft_on.gif") no-repeat; height:28; width:10;}
.tabRight_on 		{background:url("../image/observation/tabRight_on.gif") no-repeat 100% 0 ; height:28; font-weight:bold; color:#51517a; font-size:12px;letter-spacing:-1px; 
                     text-align:center; vertical-align:top; padding:8 28 0 10;  white-space:nowrap;}

.tabLeft_off		{background:url("../image/observation/tabLeft_off.gif") no-repeat; height:28; width:10;}
.tabRight_off		{background:url("../image/observation/tabRight_off.gif") no-repeat 100% 0 ; height:28; color:#8187a5; font-size:12px;letter-spacing:-1px;
					 text-align:center; vertical-align:top; padding:8 28 0 10; white-space:nowrap;}


.tab_over			{background:url("../image/observation/tabRight_off.gif") no-repeat 100% 0 ; height:28; color:#51517a; font-size:12px;letter-spacing:-1px; 
                     text-align:center; vertical-align:top; padding:7 28 0 10; white-space:nowrap;cursor:hand;}
.tab_out			{background:url("../image/observation/tabRight_off.gif") no-repeat 100% 0 ; height:28; color:#8187a5; font-size:12px;letter-spacing:-1px;
					 text-align:center; vertical-align:top; padding:8 28 0 10; white-space:nowrap;cursor:hand;}

a.link_b:link 	{color:#4271b6; text-decoration:none; font-weight:bold;} /* 기본 하이퍼링크 */
a.link_b::visited {color:#4271b6; text-decoration:none; font-weight:bold;} /* 방문한 하이퍼링트 */
a.link_b::hover 	{color:#4271b6; text-decoration:none; font-weight:bold;} /* 마우스 포인터가 위치할 때 */
a.link_b::active {color:#4271b6; text-decoration:none; font-weight:bold;} /* 하이퍼링크를 클릭하는 동안 */

/*********************************************
* 탭 - 내용이 많을경우 
*********************************************/  
.tabLeft02_on 		{background:url("../image/observation/tabLeft_on.gif") no-repeat; height:28; width:10;}
.tabRight02_on 		{background:url("../image/observation/tabRight02_on.gif") no-repeat 100% 0 ; height:28; font-weight:bold; color:#51517a; font-size:12px;letter-spacing:-1px; 
                     text-align:center; vertical-align:top; padding:8 16 0 0;  white-space:nowrap;}

.tabLeft02_off		{background:url("../image/observation/tabLeft_off.gif") no-repeat; height:28; width:10;}
.tabRight02_off		{background:url("../image/observation/tabRight02_off.gif") no-repeat 100% 0 ; height:28; color:#8187a5; font-size:12px;letter-spacing:-1px;
					 text-align:center; vertical-align:top; padding:8 16 0 0; white-space:nowrap;}

.tab02_over			{background:url("../image/observation/tabRight02_off.gif") no-repeat 100% 0 ; height:28; color:#51517a; font-size:12px;letter-spacing:-1px; 
                     text-align:center; vertical-align:top; padding:7 16 0 0; white-space:nowrap;cursor:hand;}
.tab02_out			{background:url("../image/observation/tabRight02_off.gif") no-repeat 100% 0 ; height:28; color:#8187a5; font-size:12px;letter-spacing:-1px;
					 text-align:center; vertical-align:top; padding:8 16 0 0; white-space:nowrap;cursor:hand;}

.tab_line 			{border-bottom:#9aa5c2 1px solid; }





/* pad */	
.tpad_3 {padding-top:3px;}
.tpad_5 {padding-top:5px;}
.tpad_7 {padding-top:7px;}
.tpad_10 {padding-top:10px;}
.tpad_15 {padding-top:15px;}
.tpad_20 {padding-top:20px;}
.tpad_25 {padding-top:25px;}
.tpad_30 {padding-top:30px;}
.tpad_50 {padding-top:50px;}
.bpad_3 {padding-bottom:3px;}
.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.lpad_3 {padding-left:3px;}
.lpad_5 {padding-left:5px;}
.lpad_10 {padding-left:10px;}
.lpad_15 {padding-left:15px;}
.lpad_20 {padding-left:20px;}
.lpad_30 {padding-left:30px;}
.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px; text-align:right;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.hpad_2  {padding: 2px 0px 2px 0px;}
.hpad_3  {padding: 3px 0px 3px 0px;}
.hpad_5  {padding: 5px 0px 5px 0px;}
.hpad_10 {padding: 10px 0px 10px 0px;}
.hpad_15 {padding: 15px 0px 15px 0px;}
.hpad_20 {padding: 20px 0px 20px 0px;}
.wpad_3  {padding: 0px 3px 0px 3px;}
.wpad_5  {padding: 0px 5px 0px 5px;}
.wpad_10 {padding: 0px 10px 0px 10px;}
.wpad_12 {padding: 0px 12px 0px 12px;}
.wpad_15 {padding: 0px 15px 0px 15px;}
.wpad_20 {padding: 0px 20px 0px 20px;}
.pad_3   {padding: 3px 3px 3px 3px;}
.pad_5   {padding: 5px 5px 5px 5px;}
.pad_10  {padding: 10px 10px 10px 10px;}
.pad_15  {padding: 15px 15px 15px 15px;}
.pad_all_10 {padding : 10px 10px 10px 10px;}

.s_title {font-size:12px; font-family:arial,돋움,굴림,굴림,Arial; color:#0a86a6; text-align:left;word-spacing:0px;
background:url('../../resource/image/observation/bullet04.gif') no-repeat 10 50% ;height:26px; padding:2px 5px 0px 28px; font-weight: bold;}