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

.tar							{text-align:right; !important;}
.ml15							{margin-left:15px;}
.mt10							{margin-top:10px;}
.lh140							{line-height:140%;}

/* 국토의 의미 */
.img_top	{margin-left:20px;}
.tab_data.tab_block02 ul.tab_ttl li	{width:352px;}
.bg_ttl_dot	 {display:block; background:url(/image/common/line_dot_gr_gray03.gif) repeat-x 0 7px;}
#content h5 {background:url(/image/common/bul_tt03.gif) no-repeat 0 2px; padding:0 0 0 12px;}
h4.mt01	 {margin-top:20px;}
h6	 {margin:25px 0 10px;}
.con_exp .bg_red	{margin-top:30px;}
.con_exp .bg_red img	{display:block;}
.con_exp .bg_red em	{float:left; width:440px;}
.con_exp .bg_red p	{float:left; width:440px; margin:10px 0; padding:5px 10px; background-color:#f9f7f2; font-size:11px;}
.con_exp .bg_red p.lth02	{width:480px;}
.con_exp .bg_red.lth03 em	{width:395px;}
.con_exp .bg_red.lth03 p	{width:375px;}
.con_exp .bg_red.lth04 em	{width:100%;}
.con_exp .bg_red.lth04 p	{width:680px;}
.con_exp strong	{font-weight:bold; text-decoration:none;}

/* 국토의 의미 */
.study_book	{overflow:hidden; width:100%; margin-top:30px;}
.study_book img	{display:block; float:left;}

/* 우리국토교과서 */
.textbook_view	{overflow:hidden; width:700px; height:288px; padding:12px 0; background:url(/image/info/bg_textbook.gif) no-repeat 0 0;}
	.textbook_view .view_area	{float:left; width:425px; height:272px; padding:8px 5px; background:url(/image/common/line_dot_book_sr.gif) repeat-y 100% 0; text-align:center;}
	.textbook_view .exp_area	{float:left; width:255px;}
	.textbook_view .exp_area ul	{overflow:hidden; width:216px; height:185px; padding:30px 0 0 20px;}
	.textbook_view .exp_area ul li	{float:left; width:105px; padding:0 3px 15px 0;}
	.textbook_view .exp_area .btn	{padding-top:23px; background:url(/image/common/line_dot_book_gr.gif) repeat-x 0 0; text-align:center;}
	.textbook_view .exp_area .btn img	{margin:0 1px;}

/* 국토관련서적 */
.img_book	{display:block; margin:30px auto;}
.book_list	{overflow:hidden; width:710px; margin-top:-15px;}
.book_list li	{float:left; margin:15px 10px 0 0; padding-top:15px; background:url(/image/info/bg_book.gif) no-repeat 0 0;}
.book_list li .bg_btm	{overflow:hidden; height:270px; width:345px; padding-bottom:15px; background:url(/image/info/bg_book.gif) no-repeat 0 100%;}
.book_list li dl dt	{float:left; width:87px; margin:0 5px;}
.book_list li dl dd	{float:right; width:223px; margin-right:10px; padding:5px 0; background:url(/image/common/line_dot_book_gr.gif) repeat-x 0 100%;}
.book_list a:hover	{color:#449fba;}

.data_list	{overflow:hidden; width:100%;}
	.data_list .img_area	{float:left; margin-right:20px; padding-top:20px; background:url(/image/info/bg_book.gif) no-repeat 0 0;}
	.data_list .img_area span	{display:block; width:305px; padding:0 20px 20px 20px; background:url(/image/info/bg_book.gif) no-repeat 0 100%; text-align:center;}
.data_list ul	{float:left; width:280px; margin-top:10px;}
.data_list ul li	{float:none; padding:5px 0; background:url(/image/common/line_dot_book_gr.gif) repeat-x 0 100%;}

/* 자료실 */
.law_data	{}
	.law_data li	{margin-top:10px; padding-bottom:45px; background:url(/image/info/bg_data.gif) no-repeat 100% 100%;}
	.law_data li dl	{overflow:hidden; width:100%; padding-top:18px; background:url(/image/info/bg_data.gif) no-repeat 100% 0;}
	.law_data li dl dt	{float:left; width:105px; height:131px; margin:4px 0 0 10px; background:url(/image/info/txt_tt_data.gif) no-repeat 0 0; font-size:0;}
		.law_data li dl dt.menu02	{background-position:-105px 0;}
		.law_data li dl dt.menu03	{background-position:-210px 0;}
		.law_data li dl dt.menu04	{background-position:-315px 0;}
	.law_data li dl dd	{overflow:hidden; float:right; width:549px; margin:0 10px 15px 0; background:url(/image/common/line_dot_book_gr.gif) repeat-x 0 100%;}
		.law_data li dl dd a	{overflow:hidden; display:block; background:url(/image/common/line_dot_book_gr.gif) repeat-x 0 100%; color:#8f8f8f;}
		.law_data li dl dd.block02 a	{float:left; width:274px;}
		.law_data li dl dd a:hover	{color:#449fba;}
		.law_data li dl dd a span	{display:block; height:13px; margin-bottom:1px; padding:5px 0 5px 18px; background:url(/image/common/ico_file.gif) no-repeat 3px 3px;}
		.law_data li dl dd a span.bg_pink	{background-color:#fbfaec;}

/* 용어사전 */
.dict_sch	{overflow:hidden; width:100%;}
	.dict_sch div	{height:41px; margin-top:8px; background:url(/image/info/bg_dict_sch01.gif) no-repeat 0 0;}
	.dict_sch div .keyword	{float:left; height:31px; margin:10px 10px 0 10px; background:none;}
		.dict_sch div .keyword img	{vertical-align:middle;}
		.dict_sch div .keyword input	{margin:0 2px 0 7px;}
	.dict_sch div .letter	{overflow:hidden; float:right; width:337px; height:31px; margin:5px 5px 0 0; padding-top:10px; background:url(/image/info/bg_dict_sch02.gif) no-repeat 0 0;}
		.dict_sch div .letter dt	{float:left; padding:0 7px 0 15px;}
		.dict_sch div .letter dd	{float:left; width:17px; height:12px; padding-left:1px; background:url(/image/common/bg_letter.gif) no-repeat 50% 50%; text-align:center; line-height:12px;}
		.dict_sch div .letter dd a	{color:#fff; font-size:11px; font-weight:bold;}
	.dict_sch p	{margin:20px 10px 5px; padding:8px; background-color:#ededed;}
.dict_list	 {}
	.dict_list dl dt	 {margin-top:15px; background:url(/image/info/bg_dict_list.gif) no-repeat 0 15px;}
		.dict_list dl dt a	{display:block; margin:0 10px; padding:4px 10px; background-color:#fff; border:2px solid #cce6e9; color:#449fba; font-weight:bold;}
		.dict_list dl dd	{position:relative; min-height:12px; _height:12px; padding:18px 100px 18px 35px; background:url(/image/info/bg_dict_list.gif) no-repeat 0 100%;}
		.dict_list dl dd a	{position:absolute; top:8px; right:10px;}
	.dict_list .paginate	{margin-top:15px;}


/* 작품목록 */
.list_01 li				{*zoom: 1; position: relative; padding: 15px 0; background: url('/image/common/line_dot_gr_gray04.gif') repeat-x left bottom;}
.list_01 li:after		{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.list_01 li .cover		{float: left; position: relative; border: 2px solid #e0e0e0; margin-right: 10px;}
.list_01 li .cover:after{position: absolute; display: block; left: 2px; top: 2px; width: 100%; height: 100%; background-color: #ededed;}
.list_01 dl				{*zoom: 1; float: left; width: 500px;}
.list_01 dl:after		{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.list_01 dt a			{display: inline-block; margin: 0 0 8px 0; padding: 5px; border: 2px solid #cce6e9;}
.list_01 dd				{margin: 0 0 0 15px; line-height: 16px;}
.list_01 dd.wr, .list_01 dd.da		{ float: left; margin: 0 0 8px 15px; padding: 0 10px 0 0; font: normal 11px dotum; color: #a6b1b3; border-right: 1px solid #959595;}
.list_01 dd.hi { float: left; margin: 0 7px 8px 15px; padding: 0 8px 0 0; font: normal 11px dotum; color: #a6b1b3;}
.list_01 dd.su { float:inherit;}
.list_01 .btn			{position: absolute; top: 65px; right: 0;}

/* 상세정보 */
.product_info			{*zoom: 1; padding: 30px 0;}
.product_info:after		{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.product_info .cover	{float: left; margin: 0 0 0 20px; padding: 0 5px 5px 0; background: url('/image/info/bg_cover_shadow.gif') no-repeat 5px 5px;}
.product_info img		{border: 2px solid #dbe3ce;}
.product_info dl		{float: right; width: 460px; height: 170px; padding: 25px 20px; background: url('/image/info//bg_data_detail.gif') no-repeat left top;}
.product_info dt strong	{display: inline-block; margin: 0 0 20px 0; padding: 5px; border: 2px solid #cce6e9;}
.product_info dd		{padding: 7px 0; background: url('/image/common/line_dot_gr_gray01.gif') repeat-x left bottom;}
.product_info dd strong	{width: 70px; display: inline-block; margin: 0 20px 0 0; padding: 0 0 0 10px; color: #4599c5; font-weight: normal; background: url('/image/common/bg_box_gray_line2.gif') no-repeat left 50%;}
.product_info .last-child	{background: none;}

/* 바로가기 */
.shortcut				{*zoom: 1; padding: 5px 0; border-top: 2px solid #828282; border-bottom: 1px solid #ececec;}
.shortcut:after			{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.shortcut h5			{position: absolute; visibility: hidden; overflow: hidden; height: 0; width: 0; font-size: 0; line-height: 0;}
.shortcut ul			{float: right; overflow: hidden;}
.shortcut ul li			{float: left; display: inline; margin: 0 -1px 0 10px; padding: 0 10px 0 0; background: url('/image/info/bg_tab_detail.gif') no-repeat right top;}

/* 요약 */
.synop					{padding: 0 0 30px 0; border-bottom: 1px dashed #d9d9d9;}
.synop p				{margin: 0 10px; line-height: 16px;}

/* 목차 */
.contents				{padding: 0 0 30px 0; line-height: 16px;}

/* 출처 */
.author					{*zoom: 1; padding: 5px 0; border-top: 1px solid #ececec; border-bottom: 2px solid #828282;}
.author:after			{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.author h5				{position: absolute; visibility: hidden; overflow: hidden; height: 0; width: 0; font-size: 0; line-height: 0;}
.author	dt				{float: left; margin: 0 20px 0 0; padding: 0 0 0 10px; color: #4599c5; background: url('/image/common/bg_box_gray_line2.gif') no-repeat left 50%;}
.author	dd				{float: left;}