@charset "utf-8";
@import "common.css";

/* Layout */
#content	{ position:relative; width:950px; }
#top_visual	{ height:115px; position:relative; }
#left_area	{ float:left; display:inline; width:730px; margin-right:20px; }
#right_area	{ float:left; display:inline; width:200px; }
#footer		{ padding-top:10px; }

/* 왼쪽 영역 */
.left_top	{ width:730px; }
	.left_top .webzine	{ float:left; display:inline; width:365px; }
/*  원코딩
	.left_top .overseas	{ float:left; display:inline; width:345px; height:150px; padding:15px 0 0 20px; background:url(/images/main/overseas_bg.gif) no-repeat left top; }
	.left_top .overseas h1	{ height:26px; }
*/
	/*오늘의지식재산권
	//.left_top .overseas	{ float:left; display:inline; width:365px;  padding:10px 0 0 0px; background:url(/images/main/overseas_bg.gif) no-repeat left top; }
	.left_top .overseas h1	{ height:26px; }	
	*/
	/*문구 있고 배경희색에 왼쪽여백유지 오른쪽 완전붙임
	.left_top .overseas	{ float:left; display:inline; width:345px; height:150px; padding:15px 0 0 20px; background:url(/images/main/overseas_bg.gif) no-repeat left top; }
	.left_top .overseas h1	{ height:26px; }
	*/
	/*문구없을때*/
	.left_top .overseas	{ float:left; display:inline; width:365px;padding:0px 0 0 0px; background:url(/images/main/overseas_bg2.gif) no-repeat left top;margin-left:-1px }
	
.left_center	{ clear:both; width:730px; padding-bottom:4px; overflow:hidden; }
	.left_center .ipfocus		{ position:relative; float:left; display:inline; width:344px; height:434px; border:solid 1px #e5e5e5; border-top:none; padding:24px 0 0 19px; }
	.left_center .ipfocus h1	{ height:29px; }
	.left_center .ipfocus .more	{ position:absolute; top:28px; right:14px; }
	.left_center .trend			{ position:relative; float:left; display:inline; width:345px; height:434px; border:solid 1px #e5e5e5; border-top:none; border-left:none; padding:24px 0 0 19px; }
	.left_center .trend h1		{ height:29px; }
	.left_center .trend .more	{ position:absolute; top:28px; right:14px; }
.left_bottom_01	{ clear:both; position:relative; overflow:hidden; width:730px; height:153px; padding-top:27px; background:url(/images/main/left_bottom_bg.gif) no-repeat left top; }
	.left_bottom_01 h1		{ height:44px; }
	.left_bottom_01 h1 img	{ margin:8px 0 0 20px; }
	.left_bottom_01 .green	{ float:left; display:inline; width:364px; position:relative; }
	.left_bottom_01 .green .tabmenu	{ position:absolute; left:136px; top:0; }
	.left_bottom_01 .green .tabmenu li	{ float:left; display:inline; margin-right:-5px; }
	.left_bottom_01 .green .tabmenu li img	{ vertical-align:top; }
	.left_bottom_01 .green .tabmenu li a	{ position:relative; }
	.left_bottom_01 .green .tabmenu li a.m01	{ z-index:20; }
	.left_bottom_01 .green .tabmenu li a.m02	{ z-index:19; }
	.left_bottom_01 .green .tabmenu li a.m03	{ z-index:18; }
	.left_bottom_01 .green .tabmenu li a.m04	{ z-index:17; }
	.left_bottom_01 .green .tabmenu li a.selected	{ z-index:30; cursor:default; }
	.left_bottom_01 .green .tabmenu .list_dot	{ position:absolute; top:40px; left:30px; }
	.left_bottom_01 .green .tabmenu .list_dot li	{ display:block; width:165px; }
	.left_bottom_01 .green .time_img	{ position:absolute; width:185px; left:1px; top:27px; }	
	.left_bottom_01 .design	{ float:left; display:inline; width:181px; }
	.left_bottom_01 .design .list		{ margin-left:21px; }
	.left_bottom_01 .design .list li	{ padding-left:7px; background:url(/images/common/list_dot_02.gif) no-repeat left 4px; height:20px; }
	.left_bottom_01 .faq	{ float:left; display:inline; width:185px; }
	.left_bottom_01 .faq .list_dot li	{ font-size:11px; letter-spacing:-1px; }
.left_bottom_02	{ clear:both; width:728px; padding:50px 0 7px 0; border:solid 1px #e5e5e5; border-top:none; overflow:hidden; position:relative; }
	.left_bottom_02 .gongbo_01 h1	{ width:60px; left:19px; }
	.left_bottom_02 .gongbo_02 h1	{ width:71px; left:89px; }
	.left_bottom_02 .gongbo_03 h1	{ width:71px; left:170px; background:none; }
	.left_bottom_02 h1	{ position:absolute; top:31px; background:url(/images/main/gongbo_tabmenu_bar.gif) no-repeat right 1px; }
	.left_bottom_02 .cont_area	{ position:relative; }
	.left_bottom_02 .cont_area .more	{ position:absolute; top:-16px; right:15px; }
	.left_bottom_02 .cont_area .prod_list	{ width:695px; overflow:hidden; position:relative; border-top:solid 1px #e7e7e7; margin-left:19px; }
	.left_bottom_02 .cont_area .prod_list ul	{ position:relative; left:0; width:1000px; margin:0; padding:0; overflow:hidden; }
	.left_bottom_02 .cont_area .prod_list ul li	{ float:left; display:inline; margin:15px 7px 0 0; padding:0; background:none; width:110px; text-align:center; letter-spacing:-1px; line-height:16px; }
	.left_bottom_02 .cont_area .prod_list ul li a	{ display:block; }
	.left_bottom_02 .cont_area .prod_list ul li img	{ border:solid 1px #c6c6c6; margin-bottom:8px; }

/* 오른쪽 영역 */
#right_area .news		{ position:relative; padding-bottom:8px; }
	#right_area .news h1	{ height:19px; border-bottom:solid 1px #e7e7e7; margin-bottom:11px; padding-bottom:11px; } /* 왼쪽과 줄 맞추기 위해 padding값 추가 - 2011.12.08 by Jiyong Lee */
	#right_area .news .more	{ position:absolute; right:0; top:0; }
	#right_area .news .notice	{ font-weight:bold; font-size:16px; padding-bottom:9px; line-height:18px; }
	#right_area .news .notice a:link,
	#right_area .news .notice a:visited	{ color:#000; }
	#right_area .news .notice a:hover	{ color:#008fd1; }
	#right_area .news ul	{ background:url(/images/common/line_dot.gif) repeat-x left top; }
	#right_area .news li	{ background:url(/images/common/line_dot.gif) repeat-x left bottom; /*padding:5px 0;*/ line-height:24px; }
	#right_area .news li span	{ color:#f26522; font-size:10px; letter-spacing:-1px; font-family:Tahoma; }
#right_area .alike	{ padding-bottom:25px; }
#right_area .banner_01	{ padding:5px 0; clear:both; }
/*#right_area .banner_02	{ border-top:solid 1px #CCC; padding-top:1px; padding-bottom:12px; }배너위삭제*/
  #right_area .banner_02	{ border-top:solid 1px #fff; padding-top:1px; padding-bottom:5px; }
	#right_area .banner_02 li	{ background:url(/images/common/line_dot.gif) repeat-x left bottom; padding-bottom:1px; }
	#right_area .banner_02 li img	{ vertical-align:top; }
	#right_area .banner_02 li.end	{ background:none; border-bottom:solid 1px #CCC; }
  #right_area .banner_03	{ width:200px; }
	#right_area .banner_03 li	{ float:left; display:inline; padding:0 1px 1px 0; }
	#right_area .banner_03 li.end	{ padding-right:0; }
	#right_area .banner_03 li img	{ vertical-align:top; }
	#right_area .banner_04	{ padding-bottom:1px; }
	#right_area .banner_05	{ padding-bottom:5px; }

/* Common */
a:link		{ color:#808080; text-decoration:none; }
a:visited	{ color:#808080; text-decoration:none; }
a:hover		{ color:#008fd1; text-decoration:none; }
.article ul	{ width:335px; }
	.article li	{ width:335px; padding-bottom:20px; overflow:hidden; }
	.article li p	{ text-align:left; float:right; display:inline; width:174px; }
	.article li .category	{ height:23px; font-family:Tahoma; font-weight:bold; font-size:11px; color:#28537d; }
	.article li .category a:link,
	.article li .category a:visited	{ color:#28537d; }
	.article li .category a:hover	{ color:#008fd1; }
	.article li .img	{ float:left; display:inline; width:161px; }
	.article li .img img	{ border:solid 1px #bfbfbf; vertical-align:top; }
	.article li .subject	{ letter-spacing:-1px; font-weight:bold; padding-bottom:5px; line-height:14px; }
	.article li .subject a:link,
	.article li .subject a:visited	{ color:#464646; }
	.article li .subject a:hover	{ color:#008fd1; }
	.article li .summary	{ font-size:11px; letter-spacing:-1px; }
.list_dot	{ margin-left:21px; width:160px; }
	.list_dot li	{ padding:0 0 6px 7px; background:url(/images/common/list_dot_01.gif) no-repeat left 4px; }
#top_visual .visual_line	{ position:absolute; left:0; top:0; background:#b4d5e7; border-bottom:solid 1px #89a0ac; height:4px; width:100%; overflow:hidden; }
#top_visual .visual	{ position:absolute; }