@charset "utf-8";

html { margin:0; padding:0; }
body { background: url(../image/comm/menu_bg01.gif) repeat-x; }

form {	margin: 0px;	padding: 0px;	}
select,  textarea  { color: #666; font-size: 1em; font-family: Arial, Helvetica, sans-serif; border: solid 1px #d1d1d1;	}

#m_content_top { padding:0px; margin:0px; width:883px; height:559px; }
#m_content_bottom { padding:0px; margin:0px; }

/*  KOSIS Flash Animation */
#m_flash     { position:absolute; left:0px; top:66px; padding:0px; margin:0px; width:300px; height:340px; }

/* 통합검색 */
#search_help { position:relative; left:305px; top:-22px; width:22px; height:22px; margin:0px; padding:0px; }
#m_search    { position:absolute; left:292px; top:90px; padding:6px 0 0 14px;  margin:0px; width:355px; height:40px; }
#m_search fieldset  { border: none;  margin:0px; padding:0px; }
#m_search legend    { display: none; margin:0px; padding:0px; }
.searchLine     {position:absolute; left:0px; top:0px; background:#4181bc; padding:2px 3px 3px 3px; *padding:2px 3px 2px 3px; border:0px; }
.searchLine, x:-moz-any-link            { padding:3px; }
.searchLine, x:-moz-any-link, x:default { padding:3px; }
*:first-child+html .searchLine { padding:2px 3px 2px 3px; }
.id_searchbt    { position:absolute; left:290px; top:0px; }
.input_msearch   { font-size:12px; width:180px; height:17px; padding-top:2px; margin:0px; border:0px; color:#797979; background:#fff; }
.select_msearch  { font-size:12px; width: 95px; color:#767676; padding:0px; margin:0px; }

/*  한국의 주요지표  */
#content_num    { position:absolute; top:153px; left:570px; width:100px; height:9px; z-index:710; margin:0px; padding:0px; }
#content_num li { float:left; padding:0px; margin:0px; width:17px; height:9px; }
#content_num li img { vertical-align:top; }
#content_001    { position:absolute; padding:48px 0 10px 29px; margin:0px; top:140px; left:295px; width:325px; height:213px; z-index:700; background:url(../image/index/centerInfo01_bg.jpg) no-repeat; }
#content_002    { position:absolute; display:none; padding:13px 0 0 0; top:140px; left:295px; width:354px; height:275px; z-index:702; background:url(../image/index/centerInfo02_bg.jpg) no-repeat; }
#content_003    { position:absolute; display:none; top:140px; left:295px; width:354px; height:275px; z-index:702; }
#content_004    { position:absolute; display:none; top:140px; left:295px; width:354px; height:275px; z-index:702; }
.content_title  { font-family:"돋움"; font-size: 11px; color: #888888; }
.center_title   { margin:0px; padding-top:0px; padding-right:20px; }
.center_prev    { position:absolute; top:134px; left:15px; }
.center_next    { position:absolute; top:134px; left:329px; }


/* 최신통계, 인기통계 */
#content_themes { position:absolute; left:50px; top:427px; padding:4px 0 8px 5px; margin:0px; width:227px; height:150px;
						background:url(../../ext/image/index/btn_themes00_bg.gif) no-repeat;  }
						
#tm_tab01 { float: left; }
#tm_tab02 { float: left; }
#themes01_list { clear:both; position:absolute; left: 10px; top: 40px; line-height:2.4em;}
#themes02_list { clear:both; position:absolute; visibility:hidden;left: 10px; top: 40px; line-height:2.4em;} 
.themes_listul li { white-space:nowrap; padding-left: 7px; overflow:hidden; width:210px; height:24px; line-height:24px; 
									background: url(../../ext/image/index/themes_line.gif) no-repeat left center; }
									
	a.themesLink       { font-family:"굴림"; font-size: 12px; color: #646464; }
	a.themesLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }
	
#themes_more  { position:absolute; top:-36px; _top:-33px; left:171px; padding:0; margin:0; width:36px; height:16px; line-height:24px; z-index: 2; background: none; }	
#themes_more, x:-moz-any-link, x:default { position:absolute; top:-34px; *top:-36px; left:171px; padding:0; margin:0; width:36px; height:16px; line-height:24px; z-index: 2; background: none; }	
#tm_tab_help { position:absolute; top:8px; left:62px; width:15px; height:11px; z-index: 2; background: none; }	

/* 공지사항, 보도자료, 통계칼럼 */
#content_news { position:absolute; top:427px; left:301px; padding:4px 0 0 5px; width: 335px; height: 29px; background: url(../../ext/image/index/tab_menu00_bg.gif) repeat-x; }

#n_tab01 { float: left; }
#n_tab02 { float: left; }
#n_tab03 { float: left; }

#tab01_list { position:absolute; left: 0px; top: 39px; line-height:24px;}
#tab02_list { position:absolute; visibility:hidden;left: 0px; top: 39px; line-height:24px;} 
#tab03_list { position:absolute; visibility:hidden;left: 0px; top: 39px; line-height:24px;} 

.tab_listul li { height: 24px; padding:0px; margin:0px; background: url(../../ext/image/index/tab_dot_line.gif) no-repeat left bottom; }
.tab_listul li dd { vertical-align:top; }

.news_dd { width : 335px; }
.news_dd dd.news_list { float: left; white-space:nowrap; padding:0 0 0 0; padding-left: 5px; overflow:hidden; font-family:"굴림"; font-size:12px;
									background: url(../../ext/image/index/tab_dot.gif) no-repeat left center; line-height:24px;}
.news_dd dd.news_date { float:right; font-family:"돋움"; color:#838383; font-size:12px; text-align:center; width:65px; padding:0px; margin:0px; }

	a.newsLink       { font-family:"굴림"; font-size: 12px; color: #646464; }
	a.newsLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }


.news_img  { padding-right:3px; }
#notice_more { position:absolute; top:-35px; _top:-32px; left:292px; width:15px; height:15px; z-index: 2; background: none; }
#notice_more, x:-moz-any-link, x:default { position:absolute; top:-33px; *top:-35px; left:292px; width:15px; height:15px; z-index: 2; background: none; }


/* 팝업 존 */
#content_popupzone { position:absolute; top:90px; left:670px; width:240px; height:154px; no-repeat; }
.pop_title { padding:7px 0 0 0px; margin:0px; height:21px; }
.pop_control { position:absolute; top:9px; left:122px; padding:0px; margin:0px; width:120px; height:13px; }
.pop_control_btn dd { float:left; padding-right:1px; }
.pop_control_all { padding-left:3px; }

.pop_img2 { display:none; }
.pop_img3 { display:none; }
.pop_img4 { display:none; }
.pop_img5 { display:none; }
.pop_img6 { display:none; }
.pop_img7 { display:none; }
.pop_img8 { display:none; }
.pop_img9 { display:none; } 


/* 숫자로 보는 우리나라 */
#content_numkorea { position:absolute; padding:0px; margin:0px; top:263px; left:670px; width:240px; height:145px;
							background:url(../../ext/image/index/numkorea_bg.gif) no-repeat;  }
#content_numkorea li { padding:0; margin:0; }
#content_numkorea li.numkorea_title { padding:0px 0 0 0px; margin:0px; height:13px; }
.numkorea_info_li  { padding:5px 0 0 13px; margin:0px; height:67px; }
.numkorea_info  { padding:7px 9px 9px 9px; margin:0px; width:196px; height:46px; background:url(../../ext/image/index/numkorea_sub_bg.gif) no-repeat; }
.nk_info_title  { font-size:12px; font-family:"돋움"; font-weight:bold; color:#373737; }
.nk_info        { width:140px; font-size:12px; font-family:"돋움"; color:#646464; line-height:15px; }
.nk_info_value  { position:absolute; left:170px; top:47px; width:60px; height:30px; font-size:16px; font-family:Verdana; color:#0265c2; }

.numkorea_more  { position:absolute; left:202px; top:0px; width:27px; height:17px; }
.nk_dd_info     { float:left; padding-left: 7px; margin:0px; width:104px; white-space:nowrap; overflow:hidden; height:20px;
					background: url(../../ext/image/index/tab_dot.gif) no-repeat left center; }
.nk_dd_value    { float:right; padding:0px; margin:0px; font-size:12px; font-family:"돋움"; font-weight:bold; color:#0162c0;  height:20px; }
.numkorea_list  { padding:17px 0 0 18px; _padding:14px 0 0 18px; margin:0px; width:202px; height:120px;  }
.numkorea_list, x:-moz-any-link, x:default  { padding:17px 0 0 18px; *padding:11px 0 0 18px;  margin:0px; width:202px; height:120px;  }
.numkorea_list li { padding:0px; margin:0px; height:20px; font-size:12px; line-height:20px; }
.numkorea_list li dl { vertical-align:top; padding:0px; margin:0px; }
	a.numLink       { font-family:"굴림"; font-size: 12px; color: #646464; }
	a.numLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }
	
	
.numkoreaOn_list  { position:absolute; left:0px; top:32px;  padding:0 0 0 18px; margin:0px; width:228px; height:29px; background:url(../image/index/numkorea_bg01.gif) no-repeat; }
.numkoreaOn_list li { padding:0px; margin:0px; height:20px; font-size:12px; }
.numkorea_list li.numkorea_list_on   { padding:1px 0 10px 0; margin:0px; height:27px;  }
.numkoreaOn_list li dl { vertical-align:top; padding:0px; margin:0px;  }
	a.numLink       { font-family:"굴림"; font-size: 12px; color: #646464; }
	a.numLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }
	


/*  공감통계, 국제통계  */
#content_special { position:absolute; top:430px; left:670px; width:240px; height:105px; }
#cp_tab01 { float: left; }
#cp_tab02 { float: left; }
.cptab01_list { position:absolute; left: 10px; top: 40px; width:230px; }
.cptab02_list { position:absolute; display:none; left: 10px; top: 40px; width:230px; } 
.cptab01_list li { float:left; width:105px; padding-left: 7px; margin:0px; white-space:nowrap; overflow:hidden; 
					background: url(../../ext/image/index/tab_dot.gif) no-repeat left center; }
.cptab02_list li { float:left; width:105px; padding-left: 7px; margin:0px; white-space:nowrap; overflow:hidden;
					background: url(../../ext/image/index/tab_dot.gif) no-repeat left center; }
	a.specialLink       { font-family:"굴림"; font-size: 12px; color: #646464; }
	a.specialLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }
.cptab01_list li.cp_more  { position:absolute; top:-33px; left:195px; width:35px; height:14px; z-index: 2; background:none; }
.cptab02_list li.cp_more  { position:absolute; top:-33px; left:195px; width:35px; height:14px; z-index: 2; background:none; }






/*  오늘의 통계 */
#content_cal { position:absolute; top:471px; left:680px; width:220px; height:68px; background:url(../image/index/cal_bg.gif) no-repeat; } 
.cal_title { text-indent:-3000px; overflow:hidden; }
.cal_info  { padding-top:16px; margin:0px; font-family:"굴림"; font-size:12px; color:#fff; font-weight:bold; text-align:center; }
.cal_close { position:absolute; top:7px; left:192px; width:17px; height:17px; }
a.cal_infoLink { color: #ffffff;  }

#content_buttom { position:absolute; top:556px; left:670px; width:240px; height:40px; }
#content_buttom li { float:left; }


/*  하단 컨텐츠 (눈으로 보는 통계, 디지털간행물, 주요통계사이트  */	
#content_info_open { position:relative; display:none;  margin-left: 13px; padding:0px; height: 130px; background:url(../../ext/image/index/content_open_bg.gif) no-repeat 0 25px; }
#content_info_open span.content_open { padding-left:1px; }

#content_info_001 li { float: left; }
.cinfo1_title    { padding-top:18px; padding-left:18px; padding-right:157px; }
.cinfo1_subtitle { position:absolute; left:20px; top:76px; font-family:"굴림"; font-size:12px; color:#373737; font-weight:bold;  }
.cinfo1_help     { padding-top: 20px; padding-left : 2px; }
.cinfo1_more     { padding-top: 21px; padding-left : 84px; }
.cinfo1_list     { position:absolute; top:70px; left:0px; padding:0px; margin:0px; width:290px; }
.cinfo_sub_desc  { padding:0; margin:0; }
.cinfo_sub_title { padding-left:86px; font-family:"굴림"; font-size:12px; color:#4b4b4b; font-weight:bold; }
.cinfo_sub_info  { padding-left:86px; padding-top:12px; font-family:"굴림"; font-size:12px; color:#7d7d7d; width:190px; height:60px; line-height:19px; }
.cinfo_sub_list    { clear:both; width:275px; height:30px; padding-left:16px; padding-top:0px; }
.cinfo_sub_list li { float:left; width:90px; padding: 0 0 0 13px; margin:0px; background: url(../../ext/image/index/statis_dot1.gif) 3px center no-repeat; }
.cinfo_sub_list li.rpos { float:left; width:55px; padding: 0 0 0 13px; margin:0px; background: url(../../ext/image/index/statis_dot1.gif) 3px center no-repeat; }
.cinfo_sub_more1   { position:absolute; top:-28px; left:264px; padding:0px; margin:0px; width:27px; height:14px; background:none; }
.cinfo_sub_list01    { position:absolute; left:0px; top:110px; width:300px; height:30px; padding-left:0px; padding-top:0px; }
.cinfo_sub_list01 li { float:left; width:90px; padding: 0 0 0 8px; margin:0px; }

#content_info_002 li { float:left; }
.cinfo2_title { padding-top:18px; padding-left:10px; }
.cinfo2_more  { padding-top: 21px; padding-left : 22px; }
.cinfo2_list  { position:absolute; top:77px; left:311px; width:138px; line-height:1.5em;}
.cinfo2_list li { padding: 0 0 0 8px; margin:0px; width:138px; background: url(../../ext/image/index/statis_dot.gif) left center no-repeat; vertical-align:top; }

#content_info_003 li { float: left; }
.cinfo3_title { padding-top: 18px; padding-left : 12px; }
.cinfo3_list  { position:absolute; top:77px; left:475px; width:138px; }
.cinfo3_list ul.cinfo3_list_01  { position:absolute; top:0px; left:0px; width:127px; line-height:1.5em;}
.cinfo3_list ul.cinfo3_list_02  { position:absolute; top:0px; left:127px; width:117px; line-height:1.5em;}
.cinfo3_list li { padding: 0 0 0 8px; margin:0px; width:117px; background: url(../../ext/image/index/statis_dot.gif) left center no-repeat; vertical-align:top; }

#content_info_004 li { float: left; }
.cinfo4_title { padding-top: 18px; padding-left : 102px; }
.cinfo4_more { padding-top: 21px; padding-left : 20px; }
.cinfo4_list  { position:absolute; top:77px; left:493px; width:138px; line-height:1.5em;}
.cinfo4_list ul.cinfo4_list_01  { position:absolute; top:0px; left:235px; width:110px; }
.cinfo4_list li { padding: 0 0 0 8px; margin:0px; width:117px; background: url(../../ext/image/index/statis_dot.gif) left center no-repeat; vertical-align:top; }

#content_info_close { position:relative; margin-left: 13px; height: 230px; background:url(../../ext/image/index/content_close_bg_new.gif) no-repeat 0 25px; }
#content_info_close span.content_close { padding-left:1px; }

	a.cinfolLink       { font-family:"굴림"; font-size: 12px; color: #646464;  }
	a.cinfolLink:hover { font-family:"굴림"; font-size: 12px; color: #272727; }
	
	a.stitleLink       { font-family:"굴림"; font-size: 12px; color: #373737;  }
	a.stitleLink:hover { font-family:"굴림"; font-size: 12px; color: #373737; }	




/* 눈으로 보는 통계 레이어  */
.special_img1 { width:280px; height:104px; background:url(../../ext/image/index/special_01.jpg) 20px 10px no-repeat;  }
.special_img2 { width:280px; height:104px; background:url(../../ext/image/index/special_02.jpg) 19px 13px no-repeat;  }
.special_img3 { width:280px; height:104px; background:url(../../ext/image/index/special_03.jpg) 0px 5px no-repeat;  }
.special_img4 { width:280px; height:104px; background:url(../../ext/image/index/special_04.jpg) 0px 10px no-repeat;  }

#info0_list_1  { padding: 8px 0 0 18px; }
#info0_list_2  { padding: 8px 0 0 18px; display:none;}
#info0_list_3  { padding: 8px 0 0 18px; display:none;}
#info0_list_4  { padding: 8px 0 0 18px; display:none;}



#popup_help01  { position:absolute; display:none; left:304px; top:143px; width:337px; height:263px; z-index:900; }
#popup_help02  { position:absolute; display:none; left:304px; top:143px; width:337px; height:263px; z-index:901; }
#popup_help03  { position:absolute; display:none; left:304px; top:143px; width:337px; height:263px; z-index:902; }

#popupzone_all { position:absolute; display:none; left:98px; top:121px; width:550px; height:340px; z-index:903; border:2px solid #5fb5dc; background:#fff; }
	.popupzone_01 { padding:0px; margin:0px; background:#5fb5dc; height:22px; }
	.popupzone_01 li { float:left; }
	.popupzone_01 li.popupzone_01_01 { padding-left:14px; padding-top:3px; width:500px; height:19px;  }
	
	.popupzone_02 { padding:20px 0 0 17px; margin:0px; height:300px; }
	.popupzone_02 li { float:left; display:inline; padding:0px; margin:0px; width:174px; height:96px; }
	
.txt_list01 { position:absolute; left:56px; top:192px; }
.txt_list02 { position:absolute; left:88px; top:226px; }
.txt_list03 { position:absolute; left:119px; top:259px; }