@charset "utf-8";
/* File Name: common.css */

*	{margin:0; padding:0; list-style:none;}
body	{background:#fff url(../image/common/bg_top.gif) repeat-x 0 0; color:#666; font-family:돋움, Dotum, AppleGothic, Sans-serif; font-size:12px;}

img, button	{border:0; vertical-align:top;}
fieldset {border:0;}
legend, caption, .skip	{position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
form	{margin:0; padding:0;}
table	{table-layout:fixed;}


/* input */
input, textarea, select	{vertical-align:top; color:#444; color:#666; font-family:돋움, Dotum, AppleGothic, Sans-serif; font-size:12px;}
input. rd_chk	{*margin:0 -2px -2px 0;}
input.txt	{height:15px; border:1px solid #dfe4e8; padding:3px 3px 0 4px;}
input.psw	{height:15px; border:1px solid #dfe4e8; padding:3px 3px 0 4px; font: normal 12px/15px tahoma;}
textarea	{border:1px solid #dfe4e8; padding:3px 3px 0 4px;}
select	{height:19px;}
select.slt_open	{height:100px; padding:5px;}
select.slt_open option	{padding:2px;}
button	{overflow:visible; margin:0 -2px; *margin:0 3px; background:none;}


/* Font */
a:link, a:visited, a:active	 {color:#666; text-decoration:none;}
a:hover	{color:#333; text-decoration:none;}
em	{color:#333; font-style: normal;}

.fc_ff	{color:#fff !important;}
.fc_g6,	a.fc_g6	{color:#666;}
.fc_7e,	a.fc_7e	{color:#7e7e7e !important;}
.fc_8f,	table.fc_8f tr td a	{color:#8f8f8f;}
.fc_red	{color:#cc6666;}
.fc_gre	{color:#348297 !important;}
.fc_sky	{color:#449fba;}
.fc_ora	{color:#f87004;}

.fs_11	{font-size:11px;}
.fw_b	{font-weight:bold;}


/* 기타 */
.png24	{behavior:url(iepngfix.htc);}
.clr		{clear:both; font-size:1px; line-height:1px;}


/* layout */
#wrapper	{width:965px; margin:0 auto;}
#header	{position:relative;}
	#header h1	 {position:absolute; top:56px; left:0;}
	.gnb	{height:43px;}
		.gnb li	{text-align:center; height:18px;}
		.gnb li img	{margin-top:2px;}
		.gnb li.info	{position:absolute; top:0; right:0; padding-top:2px; _padding-top:3px;}
		.gnb li.info span	{padding-right:15px; color:#fff; font-size:11px; line-height:14px;}
		.gnb li.lang	{position:absolute; top:0; left:6px; padding-top:2px;}
		.gnb li.tohome	{position:absolute; top:24px; left:2px; line-height:0;}
		.gnb li.tohome img	{margin-top:0;}
		.gnb li .show_all	{overflow:hidden; display:none; position:absolute; top:18px; left:0; width:100%; background-color:#fff; border:2px solid #004357; z-index:99;}
			.show_all li	{float:left; width:120px; height:200px; padding:0 10px; border-right:1px solid #dfdfdf; text-align:left;}
			.show_all li.menu02	{width:130px;}
			.show_all li dl dt	{padding:15px 0;}
			.show_all li dl a	{color:#575757;}
			.show_all li dl dt a	{font-weight:bold;}
			.show_all li dl dd	{padding-bottom:3px;}
			.show_all li.menu_gis	{width:109px; background-color:#8fbfc7; border-right:none;}
			.show_all li.menu_gis	{padding:0;}
			.show_all li.menu_gis dl dt	{margin-bottom:10px; padding:15px 10px 7px; background-color:#447f88;}
			.show_all li.menu_gis dl dd	{padding:0 10px 3px;}
			.show_all li.menu_gis dl dd a	{color:#fff;}
	.lnb	{overflow:hidden; position:absolute; top:24px; right:-24px; width:772px; height:78px; padding:3px 0 3px 13px; background:url(../image/common/bg_lnb.gif) no-repeat 0 0;}
		.lnb li	{float:left; padding:10px 26px; background:url(../image/common/line_lnb.gif) no-repeat 100% 50%;}
		.lnb li.end	{background:none;}
			.lnb li .lnb_sub	{display: none; position:absolute; top:56px; right:140px; width:635px; height:28px; background:url(../image/common/bg_lnb_sub.png) repeat-x 0 0; _background:none;}
			.lnb li .lnb_sub div	{_width:635px; _height:28px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/common/bg_lnb_sub.png', sizingMethod='scale');}
			.lnb li .lnb_sub ul	{position:absolute; right:30px;}
			.lnb li .lnb_sub ul li	{padding:0; background:none;}
			.lnb li .lnb_sub ul li a	{display:block; padding:7px 11px 7px 12px;}
			.lnb li.sub_01 .lnb_sub ul li a	{padding:7px 8px 7px 9px;} /*20100727*/
			.lnb li.sub_04 .lnb_sub ul li a	{padding:7px 8px 7px 9px;}
			.lnb li.tochild	{position:absolute; top:0; right:32px; padding:0; background:none; line-height:0;}
		.top_img	{height:165px;}
#container	 {overflow:hidden; width:100%;}
	#snb {float:left; width:220px; height:395px; background:url(../image/common/bg_snb.gif) no-repeat 0 0;}
		#snb h2 {height:36px; padding:18px 0 0 24px;}
		#snb ul {width:146px; padding:8px 26px;}
		#snb ul li {border-bottom:1px solid #d6ebe8;}
		#snb ul li a {display:block; padding:6px 2px;}
		#snb ul li ul {padding:5px 0;}
		#snb ul li ul li {border-bottom:0; _font-size:0; _line-height:0;}
		#snb ul li ul li a {display:block; padding:0 0 2px 0;}
	#content {position:relative; float:left; width:710px;}
		.path	 {position:absolute; top:18px; right:0; color:#8f8f8f; font-size:11px; letter-spacing:-1px;}
		#content h3	 {height:28px; padding-top:10px; border-bottom:1px solid #f1f1f1;}
		.content_con	{margin:30px 0 0 10px;}
			#content h4 {overflow:hidden; position:relative; min-height:16px; _height:16px; padding:1px 10px 15px 21px; background:url(../image/common/bul_h4.gif) no-repeat 0 1px;}
			#content h4 img	{border-right:8px solid #ffffff;}
			#content h4 select,	 #content h4 .btn {position:absolute; top:0; right:0;}
			#content h4.ico_arw,	#content h5 {min-height:16px; _height:16px; margin:25px 0 10px; padding:0 0 0 21px; background:url(../image/common/bul_tt.gif) no-repeat 0 0; color:#343434; font-size:12px; font-weight:bold;}
			#content h5.bul_arw {min-height:12px; _height:12px; margin:15px 0 5px; padding-left:9px; background:url(../image/common/bul_tt_arw.gif) no-repeat 0 3px; color:#444;}
			#content .part {width:650px; padding:24px 24px 0 24px; border:1px solid #eaeaea; margin-bottom:25px;color:#888; font-size:11px; line-height:150%;}
			#content .part h4{height:25px; background:none; padding:0; }
			#content .part p{margin-bottom:30px;}			
#footer	{overflow:hidden; width:100%; margin-top:25px; padding:15px 0 25px; border-top:2px solid #575757;}
	#footer img	{display:block; float:left;}
	#footer address	{float:left; margin-left:20px;}
	#footer .contact	{float:right; margin-top:5px;}

/* button */
.btn_right	{margin-top:10px; text-align:right;}
.btn_center	{margin-top:10px; text-align:center;}
a.button	{overflow:hidden; display:inline-block; height:17px; padding:2px 10px; background:url(../image/common/bg_btn_4let.gif) no-repeat; color:#2c2c2c !important; text-align:center; font-weight:bold; line-height:20px; letter-spacing:-1px;} /* 4자 버튼 */
	a.button img	{vertical-align:middle; margin-top:-2px;}
a.button.btn_4let	{width:52px;} /* 4자 버튼 */
a.button.btn_i2let	{width:44px; padding:2px 7px; background:url(../image/common/bg_btn_i_2let.gif) no-repeat;} /* 2자 아이콘 버튼 */
a.button.btn_s_2let		{width:29px; padding:2px 5px; background:url(../image/common/bg_btn_s_2let.gif) no-repeat;} /* 2자 작은 버튼 */

/* paginate */
.paginate	{margin-top:10px; text-align:center;}
	.paginate span	{padding:0 6px; font-size:11px;}
	.paginate span strong	{color:#736965;}
	.paginate span a	{color:#666;}

/* text_view */
.con_exp	{overflow:hidden; width:100%; line-height:18px;}
.con_exp.con_next	{padding-bottom:25px;}
	.con_exp .img_pst01	{float:left; margin:0 15px 10px 0;}
		.con_exp .img_pst01 .img_scd	{display:block; margin-top:20px;}
	.con_exp .img_pst02	{float:right; margin:0 0 10px 15px;}
	.con_exp.img_pst03,	.con_exp .img_pst03	{text-align:center;}
	.con_exp em	{display:block; font-style:normal;}
	.con_exp strong	{color:#363535; font-weight:normal; text-decoration:underline;}
dl.con_exp dt	{line-height:0;}
dl.con_exp dd	{padding:10px 0 25px;}
	dl.con_exp dd.end	{padding:10px 0 0;}
.con_exp .img_area	{margin-top:25px; text-align:center;}
.con_exp .img_area .img_btm	{vertical-align:bottom;}
.con_exp .img_area .scd	{margin-left:16px;}

/* img_view */
.img_list	{}
.img_list .txt_bg	{text-align:center; margin:20px 0 17px;}
	.img_list .txt_bg span	{display:inline-block; padding:2px 3px 0; background-color:#7c7c7c; color:#fff; font-size:11px; line-height:12px; letter-spacing:-1px;}
.img_list em	{margin-top:20px;}
.img_list ul	{overflow:hidden; width:720px;}
	.img_list ul li	{float:left; width:161px; margin:8px 19px 0 0;}

/* tab */
.tab_data	{_position:relative; overflow:hidden; width:702px; margin-right:-2px;}
	.tab_data ul.tab_ttl	{overflow:hidden; width:704px; margin-bottom:20px;}
	.tab_data ul.tab_ttl li	{float:left;; width:176px;}
		.tab_data ul.tab_ttl li a	{display:block; padding-left:10px; background:url(../image/common/bg_tab_off.gif) no-repeat 0 0;}
		.tab_data ul.tab_ttl li a span	{display:block; height:28px; padding-right:10px; background:url(../image/common/bg_tab_off.gif) no-repeat 100% 0; text-align:center; line-height:28px;}
		.tab_data ul.tab_ttl li a:hover	{color:#5c5bbe;}
		.tab_data ul.tab_ttl li a:active,	.tab_data ul.tab_ttl li a.on	{background:url(../image/common/bg_tab_on.gif) no-repeat 0 0;}
		.tab_data ul.tab_ttl li a:active span,	.tab_data ul.tab_ttl li a.on span	{height:27px; padding-top:1px; color:#4a4a4a; background:url(../image/common/bg_tab_on.gif) no-repeat 100% 0;}
	.tab_data .tab_con	{width:700px;}

	.tab_data.tab_img ul.tab_ttl li a	{padding-left:5px;}
	.tab_data.tab_img ul.tab_ttl li a span,	.tab_data.tab_img ul.tab_ttl li a.on span	{height:20px; padding:8px 5px 0 0;}

.tab_data.tab_img ul.piece02 li	{width:352px;}
.tab_data.tab_img ul.piece03 li	{width:235px !important;}
.tab_data.tab_img ul.piece03 li.end	{width:234px !important;}

/* table */
table.mt5{margin-top:5px;}
.tb_korea	{border-bottom:1px solid #ddd; line-height:16px;}

	.tb_korea tr th,	.tb_korea tr td	{padding:7px 0;}
	.tb_korea thead tr th	{padding:0; border-bottom:1px solid #ddd;}
		.tb_korea thead tr th span	{display:block; margin-bottom:5px; padding:7px 0; background:url(../image/common/line_th_gray10.gif) no-repeat 100% 50%; border-top:2px solid #e7e7e7; border-bottom:2px solid #e7e7e7;}
		.tb_korea thead tr th span.th_first	{border-left:2px solid #e7e7e7;}
		.tb_korea thead tr th span.th_end	{background-image:none; border-right:2px solid #e7e7e7;}
		.tb_korea thead tr th span.th_top	{ border-top:2px solid #e7e7e7; border-bottom:none; margin:0;}
		.tb_korea thead tr th span.th_bottom	{ border-top:none; border-bottom:2px solid #e7e7e7;}		
		.tb_korea thead tr th span.th_lh395 {line-height:395%;}	
		.tb_korea thead tr th span.th_lh199 {line-height:199%;}	
		.tb_korea thead tr th span.fullline	{background-image:none; border-right:1px solid #e7e7e7; }
	.tb_korea tbody tr td	{background:url(../image/common/line_dot_gr_gray01.gif) repeat-x 0 100%;}
		.tb_korea tbody tr td a:hover	{color:#339999; text-decoration:underline;}
		.tb_korea tbody tr td span	{display:block;}
		.tb_korea tbody tr td span.pl_01	{padding:0 10px;}
		.tb_korea tbody tr td span.pl_ct	{text-align:center;}
		.tb_korea tbody tr td.pl_right	{text-align:right; padding-right:5px;}		
		.tb_korea tbody tr td span em	{color:#444; font-style:normal;}


/* board */
.board_list	{margin-top:20px;}
	.board_list table	{border-bottom:none;}
	.board_list table thead tr th	{border-bottom:none;}
	.board_list table tbody tr td	{background:none; color:#888; letter-spacing:-1px;}
	.board_list table tbody tr td.view_detail	{height:1px; padding:0; background:#f6f6f6 url(../image/common/line_dot_gr_gray01.gif) repeat-x 0 100%;}
	.board_list table tbody tr td.view_detail div	{overflow:hidden; width:100%; padding:13px 0; border-top:1px solid #fff;}
	.board_list table tbody tr td.view_detail img	{display:block; float:left; margin:0 15px 0 20px;}
		.board_list table tbody tr td.view_detail ul	{float:left; width:475px;}
		.board_list table tbody tr td.view_detail ul li	{padding-left:8px; background:url(../image/common/bul_dot_9f.gif) no-repeat 0 8px; line-height:18px;}
		.board_list table tbody tr td.view_detail ul li .pd_let2	{padding-left:36px;}
		.board_list table tbody tr td.view_detail ul.wd02	{float:none; width:665px; margin:0 20px;}

.board_list.no_toggle	{margin-top:0;}
.board_list.no_toggle table tbody tr td	{background:url(../image/common/line_dot_gr_gray01.gif) repeat-x 0 100%;}

.board_list .paginate	{_position:relative; margin-top:-1px; padding-top:20px; background:url(../image/common/line_board_end.gif) repeat-x 0 0;}

.search	{margin:20px auto 0; padding-right:10px; background:url(../image/common/bg_board_sch.gif) no-repeat 100% 0;}
	.search fieldset	{height:20px; padding:10px 10px 9px 0; background:url(../image/common/bg_board_sch.gif) no-repeat 0 0; text-align:center;}
	.board_list .search input,	 .board_list .search select	{font-size:11px; vertical-align:bottom;}

.board_list_img	{overflow:hidden; width:100%; margin-top:25px; padding-bottom:22px; background:url(../image/common/line_board_end.gif) repeat-x 0 100%;}
	.board_list_img ul	{overflow:hidden; width:720px;}
	.board_list_img ul li	{float:left; width:162px; margin:10px 15px 0 0;}
	.board_list_img ul li .img_area	{width:160px; height:110px; border:1px solid #c8c8c8; text-align:center; background:url(../image/common/noimg_174x117.gif) no-repeat 50% 50%;}
		.board_list_img ul li p	{overflow:hidden; width:158px; height:17px; padding:10px 2px; text-align:center; line-height:14px; text-overflow:ellipsis;}

.board_view	{}
	.board_view dt,	.board_view dd	{min-height:14px; _height:14px;}
	.board_view dt	{padding:5px 20px; border:3px solid #e7e7e7;}
	.board_view dt.tit_01		{color:#449fba; font-weight:bold;}
		.board_view dt img,	.board_view dd img	{margin-right:10px; vertical-align:middle;}
	.board_view dd	{padding:5px 23px; background:url(../image/common/line_dot_gr_gray01.gif) repeat-x 0 100%;}
	.board_view dd .writer	{float:left;}
	.board_view dd .date	{float:right;}
	.board_view dd.view_con	{padding:25px 15px; background:url(../image/common/line_board_end.gif) repeat-x 0 100%;}
	.board_view .view_con strong.bul_o	{display:block; margin:15px 15px 15px 0; padding-left:15px; background:url(../image/common/bul_tt02.gif) no-repeat 0 5px; color:#666; font-weight:bold; text-decoration:none;}

/* button */
.btn_sch	{width:44px; height:18px; margin-left:-4px; *margin-left:0; background:url(../image/common/btn_s_sch.gif) no-repeat 0 0; border:none;}

/* 차트로 보는 우리 국토 / 우리국토의 지명 */
.box_chart	 {position:relative; _height:1px; padding-left:15px; border-top:2px solid #828282; border-left:1px solid #ececec; border-right:1px solid #ececec;}
	.box_chart ol	{width:100%;}
	.box_chart ol li	{_position:relative; float:left; width:107px; height:125px; margin-left:-15px; padding:15px; border-bottom:1px solid #ececec;}
	.box_chart ol li.wt01	{width:302px;}
	.box_chart ol li.wt02	{width:424px;}
	.box_chart ol li.wt03	{width:546px;}
	.box_chart ol li dl dt	{height:19px; color:#444; font-weight:bold; letter-spacing:-1px;}
	.box_chart .btn	{position:absolute; bottom:20px; right:15px;}
	.box_chart p.txt	{position:absolute; top:30px; right:15px;width:165px; margin-bottom:10px; color:#7a7a7a; font-size:11px; line-height:14px;}

/* 2009-11-03 신현철 */
.tab_data.tab_img ul.piece04 li					{width:117px !important;}
.tab_data.tab_img ul.piece04 li.fir				{width:234px !important;}