@charset "utf-8";
/* CSS Document */
  
/* 레이아웃 */
body {background:url(../../images/kor/common/bg_body.gif) repeat-x 0 0;}
div#wrap {width:950px; margin:0 auto; position:relative; overflow:hidden;}
	div#header {width:950px; height:146px; background:url(../../images/kor/common/bg_header.gif) no-repeat 0 bottom;}
	div#header .skip_navi { position:absolute; top:0px; left:563px; z-index:10;}
	div#header .skip_navi ul { width:75px;  height: 24px; background:url(../../images/kor/common/lnb_bg.gif) repeat-x 0 0;}
	div#header .skip_navi li { width:75px; height: 24px; position:relative; padding-left:16px; }
	div#header .skip_navi li img {margin-top:6px;}
	div#header .skip_navi li.none {display:none;}
	
	div#header .logo {width:212px; height:34px; float:left; margin:30px 0 0 20px; display:inline;}	
	
	div#header .lnb_01 { width:312px; height: 24px; float:right; display:inline; position:relative; z-index:100; background:url(../../images/kor/common/lnb_bg.gif) repeat-x 0 0;}
	div#header .lnb_01 li {height:24px; display:inline; padding: 0 10px; float:left;  background:url(../../images/kor/common/lnb_bar.gif) no-repeat left 50%;}
	div#header .lnb_01 li img {margin-top:6px;}

	div#header .lnb_02 { width:312px; height: 24px; float:right; display:inline; position:relative; z-index:100; background:url(../../images/kor/common/lnb_bg.gif) repeat-x 0 0;}
	div#header .lnb_02 li {height:24px; display:inline; padding: 0 9px; float:left;  background:url(../../images/kor/common/lnb_bar.gif) no-repeat left 50%;}
	div#header .lnb_02 li img {margin-top:6px;}

	div#header .topmenu { width:200px; height:15px; margin:45px 0 0 34px; float:left;}
	div#header .font_access {width:114px; height:18px; margin:20px 0 0 140px; float:left; }
	div#header .search { position: absolute; width:226px; right: 0; top: 38px; }
	div#header .search dl.top_search { width: 226px; overflow: auto; }
	div#header .search dl dt { float: left; width: 88px; height: 22px; }
	div#header .search dl dt select { height: 22px; margin: 1px 1px 0; width: 85px; }
	div#header .search dl dd{ height: 22px; float: left; width: 135px; border: 1px #bdbdbd solid; }
	div#header .search dl dd input { width: 109px; margin-top: 3px; margin-left: 1px; border: 0 none; }

	div#header .gnb {width:950px; height:40px; position:absolute; top:72px; left:0px; background: url(../../images/kor/common/gnb_bg.gif) no-repeat 0 0; }
	div#header .gnb li { width:135px; height:40px; float:left; background:url(../../images/kor/common/gnb_bar.gif) no-repeat left 4px; margin-top:10px; text-align:center; }
	div#header .gnb li#menu1 {background:none; }

	
	div#header .gnb div {position:absolute; top:45px; width:700px; height:30px;}
	div#header .gnb div li { width:auto; height:14px; float:left;  margin-top:5px; background: url(../../images/kor/common/sub_bar.gif) no-repeat left 4px; padding-bottom:3px; padding:0 10px;  }
	div#header .gnb div li.bg_none {background:none;}
	/*div#header .gnb div li a.on { color:#111111; font-weight:bold; text-decoration:none;} *//* 서브메뉴 활성화 class : on */
	
	
	
	/* GNB sub 좌표값 설정 */ 
	div#header .gnb li#menu1 div {left:0px; }
	div#header .gnb li#menu2 div {left:100px;}
	div#header .gnb li#menu3 div {left:300px;}
	div#header .gnb li#menu4 div {left:230px;}
	div#header .gnb li#menu5 div {left:330px;}
	div#header .gnb li#menu6 div {left:370px;}
	div#header .gnb li#menu7 div {left:480px;}
	
	/* main navi noscript */
	div#header_w .nsct { position: relative; margin-top: -74px; width:950px; background: #f7f7f7 url(../../images/kor/common/gnb_bg.gif) no-repeat 0 0; overflow: auto; }
	div#header_w .nsct li { width:135px;  float:left; background:url(../../images/kor/common/gnb_bar.gif) no-repeat left 4px; margin-top:10px; text-align:center; }
	div#header_w .nsct li.first { background: 0 none; }
	div#header_w .nsct div.nsct_box { width: 125px; text-align: left; margin-top: 12px; }
	div#header_w .nsct div.nsct_box p.m_title { width: 125px; padding-left: 10px; padding-top: 5px; font-weight: bold; }
	div#header_w .nsct div.nsct_box ul { width: 125px; padding-left: 10px; }
	div#header_w .nsct div.nsct_box li { width: 125px; background: 0 none; margin-top: 3px; text-align: left; }
	/* //2010.02.09 e-creative team yb */	

	/* container */
	div#container {width:950px; height:435px; background:url(../../images/kor/00_main/bg_container.gif) no-repeat 0 0;}
		div.column_left { width:235px; float:left; margin-left:10px; display:inline;}
			/* //연구과제*/
			div.research {width:235px; height:120px; position:relative; margin:18px 0 0 0; background:url(../../images/kor/common/bu_dot_line.gif) repeat-x 0 bottom;}
			div.research h2 {margin-bottom:10px;}
			div.research dt a { color:#3b4c57;}
			div.research dt span {font-size:11px; color:#3b4c57;}
			div.research dt.title img{float:left; margin:0 8px 6px 0; border:1px solid #e1e1e1;}
			
			div.research dd { height:17px; clear:both; color:#858585; font-size:11px;  background: url(../../images/kor/common/bu_dot_g.gif) no-repeat 3px 6px; padding-left:10px;}
			div.research p.more {position:absolute; top:3px; right:2px;}
			/* //연구과제*/
			
			
			/*연구보고서*/
			div.report {width:235px; height:120px; position:relative; margin:11px 0 0 0; background:url(../../images/kor/common/bu_dot_line.gif) repeat-x 0 bottom;}
			div.report h2 {margin-bottom:10px;}
			div.report dt a { color:#3b4c57;}
			div.report dt span {font-size:11px; color:#3b4c57;}
			div.report dt.title img{float:left; margin:0 8px 6px 0; border:1px solid #e1e1e1;}
			
			div.report dd { height:17px; clear:both; color:#858585; font-size:11px;  background: url(../../images/kor/common/bu_dot_g.gif) no-repeat 3px 6px; padding-left:10px;}
			div.report p.more {position:absolute; top:3px; right:2px;}
			/* //연구보고서*/
			
			/*해외출장보고서*/
			div.inter_report {width:235px; height:120px; position:relative; margin:11px 0 0 0; }
			div.inter_report h2 {margin-bottom:10px;}
			div.inter_report dt a { color:#3b4c57;}
			div.inter_report dt span {font-size:11px; color:#3b4c57;}
			div.inter_report dt.title img{float:left; margin:0 8px 6px 0; border:1px solid #e1e1e1;}			
			div.inter_report dd { height:17px; clear:both; color:#858585; font-size:11px;  background: url(../../images/kor/common/bu_dot_g.gif) no-repeat 3px 6px; padding-left:10px;}
			div.inter_report p.more {position:absolute; top:3px; right:2px;}
			/* //해외출장보고서*/
			
		div.column_center { float:left; background:url(../../images/kor/00_main/visual_bg.gif) no-repeat 0 0; position:relative; }
		div.column_center .popzone_title {width:408px; height:20px; border-bottom:1px solid #c0c0c0; margin:22px 0 0 32px;}
		div.column_center .popzone_title h2 {width: 100px; float:right;}
		div.column_center .popzone_title ol {width: 100px; float:left; }
		div.column_center .popzone_title li {float:left; margin-left:5px; }
		div.column_center .popzone_title li a { display: block; }
		div.column_center .popzone_title div { position:absolute; left:22px; top:40px; }
		div.column_right { width:224px; float:right; }
			/*온라인설문*/
			div.poll {width:220px; height:118px; position:relative; margin:20px 0 0 0; background:url(../../images/kor/common/bu_dot_line.gif) repeat-x 0 bottom; }
			div.poll h2 {margin-bottom:10px; font-size:11px; color:#666666; font-weight:normal;}
			div.poll h2 img {vertical-align:top; margin-right:3px;}
			div.poll p.graybox { width:196px; height:30px; margin-bottom:7px; padding:7px 7px 10px 7px ; border:1px solid #e6e6e6; background:#f7f7f7 url(../../images/kor/common/bu_dot_g.gif) no-repeat 8px 13px; padding-left:15px; }
			div.poll p.step {position:absolute; top:50px; right:13px;}
			div.poll p.more {position:absolute; top:0px; right:2px;}
			/* //온라인설문*/
			
			
			/* 여성전문인 DB */
			div.db {width:220px; height:111px; position:relative; margin:20px 0 0 0; background:url(../../images/kor/common/bu_dot_line.gif) repeat-x 0 bottom; }
			div.db h2 {margin-bottom:10px; font-size:11px; color:#666666; font-weight:normal;}
			div.db h2 img {vertical-align:top; margin-right:3px;}
			div.db .dblink {width:207px; height:58px; margin-bottom:7px; background: url(../../images/kor/00_main/db_bg.gif) no-repeat 0 0; padding:10px 0 0 13px; }
			div.db .dblink li {float:left; margin:0 2px 5px 0;}
			div.db .dblink p.db_p { position: absolute; bottom:35px; left: 15px;}

			/* //여성전문인 DB */
		
			/*KWDI정기간행물*/
			div.publication {width:220px; height:163px; position:relative; margin:11px 0 0 0; background:url(../../images/kor/common/bu_dot_line.gif) repeat-x 0 bottom; clear:both; }
			div.publication h2 {margin-bottom:10px; font-size:11px; color:#666666; font-weight:normal;}
			div.publication ul.pub { background:#f7f7f7; border:1px solid #dedede; padding: 0 10px; height: 22px;}
			div.publication ul.pub li { margin-top: 2px; float: left; background: url(../../images/kor/00_main/poll_bar.gif) no-repeat right 5px; } 
			div.publication ul.pub li a { height: 16px; padding: 0 4px; }
			div.publication ul.pub li.bg_none { background: none;} 
			div.publication dl { width:220px; position: absolute; top: 60px; left: 0; }
			div.publication dt {float:left; border:1px solid #dddddd; margin-right:10px;}
			div.publication dd em {float:right;}
			div.publication p.more_view { position: absolute; bottom: 10px; right: 7px; }

			/* //KWDI정기간행물*/
			
			
			/*해외출장보고서*/
			div.info {width:220px; height:85px; position:relative; margin:8px 0 0 0; clear: both; }
			div.info h2 {margin-bottom:5px;}
			div.info p { font-size:11px; color:#3b4c57; }
			div.info p img { margin-bottom:5px;}
			div.info p.graybox { width:200px; height:20px; margin-bottom:7px; padding:3px 9px ; border:1px solid #e6e6e6; background:#f7f7f7; clear:both; }
			div.info p.graybox img { position:absolute; top:44px; right:5px;}
			/* //해외출장보고서*/
		
		
		
		
		
		
	/* //container */
	/* container2 */
	div#container2 {width:950px; height:140px; position:relative; }
		div.quick_info {width:260px; height:140px; position:relative; float:left;}
		div.quick_info ul { width:240px; margin-left:10px;}
		div.quick_info li {width:120px; float:left; position:relative; margin-bottom:5px;}
		div.quick_info li span { position:absolute; top:35px; right:11px;}
		
		
		div.notice {width:440px; height:140px; position:relative; float:left; background:url(../../images/kor/00_main/notice_bar.gif) no-repeat 7px 25px; }
		div.notice ul { width:440px; height:140px; margin-left:7px; padding-top:0px; }
		div.notice li { float:left; height:16px; padding-right:10px; margin-right:10px; background:url(../../images/kor/00_main/poll_bar.gif) no-repeat right 4px; }
		div.notice li a {height:16px;}
		div.notice li.bg_none { background:none;}

		div.notice div {width:425px; height:100px; position:absolute; top:30px; left:0px; }
		div.notice div ul {width:425px; height:100px; }
		div.notice div li { width: 425px; height:21px; }
		div.notice div li a {background:url(../../images/kor/common/bu_arrow_g.gif) no-repeat 4px 5px; padding-left:10px; float:left;}
		div.notice div li em { font-size:11px; color:#a2a2a2; float:right; height: 16px; }
		div.notice div p.more {position:absolute; top:-27px; left:410px;}
		
		div.gallery { width:220px; height:140px; position:relative; float:left; margin-left:20px; display:inline; }
		div.gallery h2 { width:71px; height:13px; margin-bottom:12px;}
		div.gallery li {width:107px; float:left; margin-right:5px;}
		div.gallery p.photo {margin-bottom:2px;}
		div.gallery p.more {position:absolute; top:3px; right:0px;}
	/* //container2 */
	/* link */
	div#link {width:948px; position:relative; border:1px solid #dedede; background-color:#f6f6f6; clear:both; overflow: hidden; }
	div#link ul {width:920px; margin:7px 0 7px 19px;}
	div#link li {width:169px; border:1px solid #e7e7e7; float:left; margin-right:13px; margin-bottom:5px;}
	div#link p.l_left {position:absolute; left:10px; top:17px;}
	div#link p.l_right {position:absolute; right:10px; top:17px;}	
	/* //link */
	
	/* footer */
	div#footer {width:950px; height:80px; position:relative; background:url(../../images/kor/00_main/footer_bar.gif) no-repeat 204px 10px;}
	div#footer .footer_logo { width:151px; height:25px; margin:12px 0 0 30px; float:left; display:inline;}
	div#footer .copyright {width:720px; height:50px; position:relative; margin:15px 0 0 0; float:right;}
	div#footer .copyright li {float:left; margin-bottom: 5px; }
	div#footer .copyright ul li a { display: block; float: left; padding-top: 3px; }
	div#footer .copyright p {clear:both;}
	div#footer .copyright span {margin:0 10px;}
	div#footer .copy {width :500px; margin-top:25px; float:left; display:inline;margin-left:20px;}
	div#footer .copy ul li { display:inline;}
	div#footer .copy ul li a:hover {text-decoration:none;}
	div#footer .copy p {clear:both;}
	div#footer .sitelink {width:300px; height:30px; text-align:right; position:absolute; top:10px; right:0px;}
	/* //footer */	
	
	
/* //레이아웃 */	
	
/* 컨텐츠 구성 */	


/* 전역 속성 */	
	
	/* h시리즈 속성 정의 */
	h3 {height:40px; margin-top:28px; margin-bottom:27px;} 
	h4 {margin-bottom:20px; border-bottom:1px solid #dedede; padding-bottom:5px; }
	h5 {height:15px; background:url(../../images/kor/common/bu_h4.gif) no-repeat 0 3px; padding-left:15px; color:#1e4ca7; font-weight:bold; margin-bottom:13px; clear:both;}
	/* husoft e-creative Team (http://www.husoft.co.kr/) yb 2009_12_08 contents h6, contents .arrows 속성추가*/
	h6 {margin-left: 18px; background:url(../../images/kor/common/bu_h5.gif) no-repeat 0 5px; padding-left:12px; color:#3b4c57; font-weight:normal; margin-bottom:8px; }
	.arrows { margin-left: 28px; background:url(../../images/kor/common/bu_cross.gif) no-repeat 0 6px; padding-left: 7px; padding-bottom: 2px; }
	.cross { margin-left: 28px; background:url(../../images/kor/common/bu_cross.gif) no-repeat 0 6px; padding-left: 7px; padding-bottom: 2px; }
	/* //husoft e-creative Team (http://www.husoft.co.kr/) yb 2009_12_08 contents h6, contents .arrows 속성추가*/
	.arrow {background:url(../../images/kor/common/bu_h5.gif) no-repeat 3px 6px; padding-left:10px; color:#3b4c57; font-weight:normal; margin-bottom:8px;}
	.center {text-align:center;}	
	/* //h시리즈 속성 정의 */	

	/* span시리즈 속성 정의 */
	.font_orange {color:#f26522; margin:0px; padding:0px; font-weight:bold;}
	.font_green {color:#187e36; margin:0px; padding:0px; font-weight:bold;}
	.font_blue {color:#2c81d1; margin:0px; padding:0px; font-weight:bold;}
	.font_red {color:#cb0000; margin:0px; padding:0px;}
	.font_11px {color:#aaa; margin:0px; padding:0px; font-size:11px;}
	.bold {font-weight:bold !important;}
	.red {color:#cb0000 !important;}
	.blue {color:#2a54a9 !important;}
	.green {color:#5db300 !important;}
	.f11 {font-size:11px;}
	/* //span시리즈 속성 정의 */
	

