@charset "utf-8";

/******************************************************************************
	파일명   : archive.css - 오픈아카이브 Cascade Style Sheet
	작성자   : SUKKYOUNG
	작성일   : 2008-09-11
	업데이트 : 2008-09-11
******************************************************************************/

@import url(common.css);

#contentWrap { margin:0 auto; width:836px; padding-top:31px; padding-bottom:50px; }
.oa_info	{height:54px; background:url(../images/oa_bginfo.gif) no-repeat; padding-top:104px; padding-right:10px; text-align:right}

.searchbar	{height:30px; width:398px; margin:15px auto 0 auto;}
.searchbar li	{float:left;}
.searchbar li select	{width:95px; margin-right:4px;  height:20px; margin-top:2px;}
.searchbar li input	{width:241px; margin-right:4px; border:1px solid #d4d0c8; height:20px;}
.searchbar li img	{margin-top:1px;}

.search_check	{background:url(../images/oa_bg_serchselect.gif) no-repeat;  margin-left:18px; width:398px; height:60px;}
.search_check table	{margin:0 auto; height:40px; margin-top:9px;}

.bestword .box	{border:1px solid #e8ebd3; padding:10px 12px; height:70px; overflow:hidden; line-height:24px;}

.bestword .btn	{height:26px; margin-left:1px; margin-top:10px;}
.bestword .btn li {float:left;}

/******************************************************************************
								 tapBox
******************************************************************************/

.tapBox_oa { border:7px solid #e6ecec; text-align:center; margin-top:24px;}
.tapBox_oa ul.tapMenu_st01 { float:left; height:35px; background:#e6ecec; width:100%; text-align:left; }
.tapBox_oa ul.tapMenu_st01 li { float:left; border-right:1px solid #d1dddd; }


.tapBox_oa_pop { border:7px solid #e6ecec; text-align:left; margin-top:10px;}
.tapBox_oa_pop ul.tapMenu_st02 { float:left; height:29px; background:#e6ecec; width:100%; text-align:left; }
.tapBox_oa_pop ul.tapMenu_st02 li { float:left; border-right:1px solid #d1dddd; }
.tapBox_oa_pop .tabBox_body	{padding:15px;}
.tapBox_oa_pop .tabBox_body .infobox	{border:1px solid #f1f1f1; padding:35px 0; text-align:center; margin-top:15px; }
.tapBox_oa_pop .tabBox_body .listbox	{margin-top:7px;}
.tapBox_oa_pop .tabBox_body .myCon_List	{background:url(../images/img_dotline.gif) repeat-x bottom left; padding:4px 5px; position:relative;}
.tapBox_oa_pop .tabBox_body .myCon_List .btn	{position:absolute; top:3px; right:5px;}


.paraBox { width:773px; border:16px solid #f1f1f1; text-align:center; position:relative; }
.paraBox div{ border:1px solid #dedfde; padding:10px 15px; }
.paraBox div div{ padding:0; }

.tapBody01 .dotline	{width:32px; background:url(../images/oa_dotline1.gif) repeat-y 50% 0; }
.main_itembox	{width:370px; text-align:left;}
.main_itembox .title	{border-bottom:1px solid #d3e3eb; height:27px;}
.main_itembox .title .tab01	{float:right; padding-top:8px;}

.main_itembox .itemlist	{padding:10px 16px 10px 16px; height:60px;}
.main_itembox .itemlist li	{font-size:11px; background:url(../images/ic_oa_dot.gif) no-repeat 0 50%; padding-left:8px; position:relative; margin-bottom:2px; color:#888888;}
.main_itembox .itemlist .date	{position:absolute; top:0; right:3px; color:#888888;}
*html .main_itembox .itemlist .date	{position:absolute; top:0; right:19px; color:#888888;}
.main_itembox .itemlist a:link, a:visited, a:active	{color:#888888;}
.main_itembox .itemlist a:hover { color: #0f5ebf;}
.main_itembox .itemlist .rss	{color:#666666; }

.main_itembox .thumblist	{position:relative;}
.main_itembox .thumblist .thumb	{float:left; margin-top:10px; margin-left:19px;}
.main_itembox .thumblist .itemlist	{margin-left:98px; height:60px;}


.rss_box	{border:1px solid #d5d5d5; padding:5px; width:732px; margin:0 auto;}
.article_icon_explain {text-align: right; margin: 6px auto 10px auto; width:732px}
.directory	{
	         height:140px;
	         scrollbar-highlight-color:white;
	         scrollbar-3dlight-color:#B58E63;
	         scrollbar-face-color:#F2ECE6;
	         scrollbar-shadow-color:#B58E63;
	         scrollbar-darkshadow-color:white;
	         scrollbar-track-color:#fdf9f5;
	         scrollbar-arrow-color:#B58E63;
	         overflow:auto;
	         overflow-x:hidden;
	         }

.directory a	{ display:block;  padding:1px 0 1px 20px;}
.directory a:link	{color:#3c3c3c;}
.directory a:visited	{color:#3c3c3c;}
.directory a:active	{color:#3c3c3c;}
/*.directory a:hover	{background:#f2f2f2; }*/

.directory .select_item	{background:url(../images/icon_folder_open.gif) 2px 50% no-repeat #ffefcf;}
.directory .select_item:hover	{background:url(../images/icon_folder_open.gif) 2px 50% no-repeat #f2f2f2;}

.directory .noselect_item	{background:url(../images/icon_folder.gif) 2px 50% no-repeat;}
.directory .noselect_item:hover	{background:url(../images/icon_folder.gif) 2px 50% no-repeat #f2f2f2;}

.directory .select_oaitem	{background:url(../images/icon_oa.gif) 2px 50% no-repeat #ffefcf;}
.directory .select_oaitem:hover	{background:url(../images/icon_oa.gif) 2px 50% no-repeat #f2f2f2;}

.directory .noselect_oaitem	{ background:url(../images/icon_oa.gif) 2px 50% no-repeat;}
.directory .noselect_oaitem:hover	{ background:url(../images/icon_oa.gif) 2px 50% no-repeat #f2f2f2;}

.directory .select_commitem	{background:url(../images/icon_comm.gif) 2px 50% no-repeat #ffefcf}
.directory .select_commitem:hover	{background:url(../images/icon_comm.gif) 2px 50% no-repeat #f2f2f2;}

.directory .noselect_commitem	{background:url(../images/icon_comm.gif) 2px 50% no-repeat;}
.directory .noselect_commitem:hover	{background:url(../images/icon_comm.gif) 2px 50% no-repeat #f2f2f2;}

.directory .select_feeditem	{background:url(../images/icon_feed.gif) 2px 50% no-repeat #ffefcf;}
.directory .select_feeditem:hover	{background: #f2f2f2 url(../images/icon_feed.gif) 2px 50% no-repeat;}

.directory .noselect_feeditem	{ background:url(../images/icon_feed.gif) 2px 50% no-repeat;}
.directory .noselect_feeditem:hover	{ background: #f2f2f2 url(../images/icon_feed.gif) 2px 50% no-repeat;}

.directory .noselect_soaitem	{ background:url(../images/icon_oa2.gif) 2px 50% no-repeat;}
.directory .noselect_soaitem:hover	{ background: #f2f2f2 url(../images/icon_oa2.gif) 2px 50% no-repeat;}

.directory .select_oaiitem	{background:url(../images/icon_oa3.gif) 2px 50% no-repeat #ffefcf;}
.directory .select_oaiitem:hover	{background: #f2f2f2 url(../images/icon_oa3.gif) 2px 50% no-repeat;}

.directory .noselect_oaiitem	{ background:url(../images/icon_oa3.gif) 2px 50% no-repeat;}
.directory .noselect_oaiitem:hover	{ background: #f2f2f2 url(../images/icon_oa3.gif) 2px 50% no-repeat;}

#ARCHIVE_LIST table	{margin:0 auto;}
#ARCHIVE_LIST thead	{background:#edeeee; height:26px;}
#ARCHIVE_LIST tbody	{text-align:left;}
#ARCHIVE_LIST tbody td	{padding:7px; line-height:20px; background:url(../images/bg_list_line.gif) repeat-x bottom left;}
#ARCHIVE_LIST tbody td span	{display:block;}
#ARCHIVE_LIST tbody td .info	{color:#858585; margin-top:3px; .margin-top:0px;}

*html #ARCHIVE_LIST tbody td .info	{color:#858585; margin-top:0px;}
#ARCHIVE_LIST tbody td .margin_b5	{margin-bottom:5px;}
#ARCHIVE_LIST tbody td .subject	{color:#1f679f;}
#ARCHIVE_LIST tbody td .summary	{color:#3e3e3e;}
#ARCHIVE_LIST tbody td .summary:hover	{color:#3e3e3e; text-decoration:underline;}

#ARCHIVE_LIST .page_btn	{width:743px; margin:0 auto; border-top:3px solid #c2dae3; margin-top:-1px; padding:15px 0; text-align:center;}

#WRITE_FORM	{positon:relative;}
#WRITE_FORM .myContent { position:absolute; right:-10px; top:95px; background: url(../images/btn_archive_mycontent.gif) no-repeat; width:49px; height:128px; cursor:pointer;}
#WRITE_FORM .myContent a	{ position:relative; display:block; width:49px; height:71px; top:25px; }
#WRITE_FORM #myContentList { position:absolute; right:39px; top:95px; border:2px solid #244dd6; width:527px; background:#ffffff;}
.titlebox	{width:743px; margin:0 auto;  background:#f2f2f2; border:1px solid #ddd; padding:20px 0; font-size:14px; font-weight:bold; color:#40569f; text-align:center; margin-bottom:15px;}


#ARCHIVE_VIEW	{border-top:2px solid #0781d4; padding-top:1px; width:742px; margin:0 auto; text-align:left;}
#ARCHIVE_VIEW h3	{background:#edeeee; padding:5px 8px; color:#053a61; font-size:14px; margin:0px;}
#ARCHIVE_VIEW h4	{background:#f5f6f6; color:#4e4e4e; padding:5px 8px; font-size:12px; font-weight:normal; margin:0px; height:18px;}
#ARCHIVE_VIEW h4 .left	{float:left;}
#ARCHIVE_VIEW h4 .right	{float:right;}
#ARCHIVE_VIEW .view_body	{font-size:12px; line-height:22px; color:#000000; padding:10px 10px 45px 10px; border-bottom:1px solid #e5e5e5;}
#ARCHIVE_VIEW .file_pdf	{border-bottom:1px solid #e5e5e5; padding:6px 8px; position: relative;}
#ARCHIVE_VIEW .file_pdf a	{text-decoration:underline;}
#ARCHIVE_VIEW .file_pdf .btn	{position:absolute; top:5px; right:8px;}
#ARCHIVE_VIEW .ccl_box	{border-bottom:1px solid #e5e5e5; padding:8px 8px 8px 106px; position:relative;}
#ARCHIVE_VIEW .ccl_box .line	{color:#b5b5b5; font-size:9px; padding:0px 5px;}
#ARCHIVE_VIEW .ccl_box .cclimg	{position:absolute; top:8px; left:10px;}
#ARCHIVE_VIEW .ccl_box p	{font-size:11px; color:#858585; padding:2px 0 0 0;}
#ARCHIVE_VIEW .etc_btn	{height:23px; padding:8px 8px;}
#ARCHIVE_VIEW .etc_btn .left	{float:left; color:#ff4400; padding-top:3px;}
#ARCHIVE_VIEW .etc_btn .right	{float:right; padding-top:2px;}
#ARCHIVE_VIEW .commentbody	{padding:20px 20px 13px 20px; border:1px solid #e5e5e5;}
#ARCHIVE_VIEW .commentbody ul	{border-bottom:1px dashed #cdcdcd; padding-bottom:8px; margin-bottom:10px;}
#ARCHIVE_VIEW .commentbody li b	{color:#000;}
#ARCHIVE_VIEW .commentbody .id_date	{padding-bottom:5px;}
#ARCHIVE_VIEW .commentbody .text	{color:#5b5b5b; line-height:18px;}
#ARCHIVE_VIEW .commentbody .writebox	{height:84px; background:url(../images/bg_commentwirte.gif) no-repeat; text-align:center; padding-top:9px;}
#ARCHIVE_VIEW .commentbody .writebox .nowritemode	{border:1px solid #cfcfcf; width:592px; height:50px; color:#a8a8a8; background:#FFF; padding:7px; line-height:18px;}
#ARCHIVE_VIEW .commentbody .writebox .writemode	{border:1px solid #b9b9b9; width:592px; height:50px; color:#000; background:#FFF; padding:7px; line-height:18px;}
#ARCHIVE_VIEW .tag {padding-top:10px; clear:both;}

/********  커뮤니티    ***********/

#COMMUNITY	{width:743px; margin:0 auto;}
#COMMUNITY .make	{background:url(../images/bg_comm_make.gif) no-repeat; height:100px;}
#COMMUNITY .make img	{margin:73px 0 0 88px; }
#COMMUNITY .goguide	{background:url(../images/bg_comm_guide.gif) no-repeat; height:100px;}
#COMMUNITY .goguide img	{margin:1px 0 0 203px}

#COMMUNITY .best_comm	{background:#f7f7f7; padding:6px; margin-top:19px;}
#COMMUNITY .best_comm dl	{border:1px solid #dedfde; background:url(../images/bg_bestcomm.gif) no-repeat #FFF; padding:21px;}
#COMMUNITY .best_comm dt	{padding-bottom:8px;}
#COMMUNITY .best_comm dd	{position:relative; padding-left:370px; min-height:180px;}
*html #COMMUNITY .best_comm dd	{position:relative; padding-left:370px; height:180px;}
#COMMUNITY .best_comm .comminfo01	{width:361px; background:#f2f2f2; position:absolute; top:0; left:0;}
#COMMUNITY .best_comm .comminfo01 li	{text-align:center; padding:0 0 7px 0;}
#COMMUNITY .best_comm .comminfo01 li span	{color:#135084; }

#COMMUNITY .best_comm .comminfo02	{width:309px;}
#COMMUNITY .best_comm .comminfo02 .c_name	{font-size:14px; font-weight:bold; line-height:18px;}
#COMMUNITY .best_comm .comminfo02 .c_name a	{color:#000;}
#COMMUNITY .best_comm .comminfo02 .c_info	{padding:4px 0; line-height:14px; }
#COMMUNITY .best_comm .comminfo02 .c_info a	{color:#444;}
#COMMUNITY .best_comm .comminfo02 .img_title	{margin:5px 0 10px 0;}
#COMMUNITY .best_comm .comminfo02 .post	{padding:1px 0 1px 15px; background:url(../images/icon_post.gif) no-repeat 0 3px; line-height:18px;}
#COMMUNITY .best_comm .comminfo02 .post a	{text-decoration:underline; color:#5a5a5a;}

/********  블로그    ***********/

#BLOG	{width:743px; margin:0 auto;}
#BLOG .goblog	{background:url(../images/bg_blog_myblog.gif) no-repeat; height:28px; padding:72px 0 0 88px}
#BLOG .make	{background:url(../images/bg_blog_make.gif) no-repeat; height:100px;}
#BLOG .make img	{margin:73px 0 0 88px; }
#BLOG .goguide	{background:url(../images/bg_blog_guide.gif) no-repeat; height:100px;}
#BLOG .goguide img	{margin:1px 0 0 130px}

#BLOG .blog_guide	{background:#f7f7f7; padding:6px; margin-top:19px;}
#BLOG .blog_guide dl	{border:1px solid #dedfde; background:url(../images/bg_bestcomm.gif) no-repeat #FFF; padding:21px;}
#BLOG .blog_guide dt	{padding-bottom:8px;}
#BLOG .blog_guide dd	{position:relative;}
#BLOG .blog_guide dd p	{position:absolute; text-align:right; bottom:0px; right:5px;}


/********  커뮤니티& 블로그 리스트 스타일 ***********/
.comm_list ul	{height:24px; position:relative; margin:7px 0 5px 0;}
.comm_list ul .text	{position:absolute; top:4px; right:0; text-align:right; font-size:11px; }
.comm_list ul .text b	{color:#ff6600;}

.comm_list table	{border-top:2px solid #7fb2cc;}
.comm_list table a	{color:#666;}
.comm_list table a:hover	{color:#0f5ebf;}
.comm_list th	{font-weight:normal; background:#f5f8f9; padding:7px 0 5px 0; color:#252525; font-family:'굴림'; border-bottom:1px solid #dedfde;}
.comm_list td	{color:#666666;  font-family:'굴림'; padding:7px 0 5px 0; border-bottom:1px solid #dedfde;}
.comm_list .cen_text	{text-align:center;}
.comm_list .page_btn	{margin-top:-1px; border-top:3px solid #c2dae3; padding:10px 0; text-align:center;}
.comm_list .page_btn a:hover	{color:#174057;}
.comm_list .page_btn span	{padding:0 4px;}
.comm_list .page_btn .p_select a	{color:#174057; font-weight:bold;}
.comm_list .page_btn_pa { text-align: center; }

/***** 태그 스타일 *****/
.tag01:link, .tag01:visited	{
    font-size:17px;
	color:#5e6183;
	text-decoration:none;
	font-weight:bold;
}
.tag01:hover, .tag01:active	{
	color:#FFF;
	font-size:17px;
	text-decoration:none;
	background:#5e6183;
	font-weight:bold;
}

.tag02:link, .tag02:visited	{
    font-size:12px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background:#5e6183;
	padding:2px;
}
.tag02:hover, .tag02:active	{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	background:#5e6183;
	font-weight:bold;
	padding:2px;
}

.tag03:link, .tag03:visited	{
    font-size:12px;
	color:#2d44a7;
	text-decoration:none;
	font-weight:bold;
}
.tag03:hover, .tag03:active	{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	background:#5e6183;
	font-weight:bold;
}

.tag04:link, .tag04:visited	{
    font-size:12px;
	color:#717171;
	text-decoration:none;
}
.tag04:hover, .tag04:active	{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	background:#5e6183;
}