/******************************************************************
* =======================================================
* Previl Board Skin CSS
*
* 제 작: gubok kim (email : previl@previl.net,  homepage : http://previl.net)
*
* 마지막 수정일: 2007.11.01
*        
* =======================================================
******************************************************************/

/*******************************************************************
*	DIV 정의
********************************************************************/
#pb_sub	{ width:100%; text-align:center }
	#cate_tab { width:100%; background:url(img/tab_bg.gif); height:24px; margin:20px 0 20px; }
		#cate_tab .tab_on { float:left; width:110px; height:24px; background:url(img/tab_bg_on.gif) no-repeat; color:#333; padding-top:6px;text-align:center; }
		#cate_tab .tab_off { float:left; width:110px; height:24px; background:url(img/tab_bg_off.gif) no-repeat; color:#333; padding-top:6px;text-align:center; }
		#cate_tab a.atab_on { color:#333;text-decoration:none; }
		#cate_tab a.atab_off:link, a.atab_off:visited { color:#333;text-decoration:none; }
		#cate_tab a.atab_off:active, a.atab_off:hover { text-decoration:underline; }

		#cate_tab .tab_2_on { float:left; width:76px; height:24px ; background:url(img/tab_bg2_on.gif) no-repeat; color:#333; padding-top:6px;text-align:center; }
		#cate_tab .tab_2_off { float:left; width:76px; height:24px ;background:url(img/tab_bg2_off.gif) no-repeat; color:#333; padding-top:6px;text-align:center; }		
		#cate_tab a.atab_2_on { color:#333;text-decoration:none; }
		#cate_tab a.atab_2_off:link, a.atab_2_off:visited { color:#333;text-decoration:none; }
		#cate_tab a.atab_2_off:active, a.atab_2_off:hover { text-decoration:underline; }
		
	
	#pb_title_box { width:100%; height:30px; border:1px dotted #B2B2B2; color:#B2B2B2; background-color:#FAFAFA; margin-bottom:10px; }
	#pb_list_top	{ width:100%; }
	#pb_list		{ width:100%; float:left; text-align:left; overflow:hidden;}
	#pb_list_page	{ width:100%; clear:both; margin-top:10px;} 
	#pb_search_box {  background-color:#f5f5f5; }
	#pb_write_area	{ width:100%; }
	#pb_memo_box	{ height:120px; border:1px solid #BBBBBB; padding:5px 0px 5px 0px; background-color:#f5f5f5; }
	#pb_top_title	{ width:100%; height:30px; border-bottom:1px solid #BBBBBB; margin:4px 0px 4px 0px; text-align:center; }	
	#pb_image_box	{ float:left; border:1px dotted #B2B2B2; background-color:#FAFAFA; margin-top:10px; text-align:center; }
#pb_sub2	{ width:400px; float:center; text-align:center; margin-top:50px;}

#paging            { padding-top:10px;  text-align:center; }
#paging .num       { font-family:Tahoma; font-size:11px; padding:0 4px; margin-right:5px;}
#paging .selected  { color:#333; border:1px solid #bbb; background-color:#efefef;}
#paging .default  { color:#333; border:1px solid #ccc; background-color:#fff;}
#paging .defaultOver  { color:#333; border:1px solid bbb; background-color:#efefef; text-decoration:none;}

.nextIcon2 { padding-left:8px; width:120px;}
.nextIcon2rq { background:url(img/icon_nextrq.gif) no-repeat 0px 2px; padding-left:8px; width:120px;}

.contentBox { width:796px; border:2px solid #f8f8f8; text-align:center; } 
	.contentBoxIn { border:1px solid #ccc; width:794px; } 
		.searchField { position:relative;z-index:998;background-color:#fff; border: 1px solid #bbb;text-align:left }

#writeInfo { text-align:left; width:800px; } 
		#writeInfo ul { margin:0px; padding:30px 0 30px 30px; border:1px solid #ccc; }
			#writeInfo ul li { clear:both; margin:0px; padding:0px; height:32px; width:95%; } 
	.writeBox { border:2px solid #f8f8f8; }

.viewInfo { float:left; width:780px; padding-left:8px;}
	.viewInfo ul { float:left; margin:0px; padding:0px; text-align:left; width:760px; padding:0 10px; }
		.viewInfo ul li { margin:4px 0 4px 0; padding:2px 0 0 0; width:760px; height:23px; overflow:hidden; text-align:left; }
.viewText { float:left; padding-left:10px; background-color:#fff }	
.viewText2 { float:left; padding:5px 0 0 10px; background-color:#fff; height:16px; color:#666}	


input.inputs_bg { border:1px solid #ccc; background:#f8f8f8; height:18px; vertical-align:middle;}
input.inputs:hover, input.inputs:focus, input.inputs:active { border:1px solid #df3725 }
input.inputs_bg:hover, input.inputs_bg:focus, input.inputs_bg:active { border:1px solid #df3725 }

/*******************************************************************
*	LINKS
********************************************************************/
a.pb_link:link, a.pb_link:visited, a.pb_link:active { color:#666666; text-decoration:none; }
a.pb_link:hover	{ color:#111111; text-decoration:none; }


/*********************************************************************
*	FONT
*********************************************************************/
font.pb_lh15	{ line-height: 1.5em; }
font.pb_lh18	{ line-height: 1.8em; }
font.pb_eng		{ font-family:verdana; font-size:9px; }
font.pb_page_list1	{ font-family:verdana;font-size:11px }
font.pb_page_list2	{ font-family:verdana;font-size:11px; background-color:#BBBBBB;color:white; font-weight:bold; }
font.pb_page_list3	{ font-family:tahoma;font-size:11px }


/*********************************************************************
*	FORM
*********************************************************************/
.pb_ip { background-color:#F6F6F6; border:1px solid #BBBBBB; font-family : "Tahoma"; font-size : 12px; color:#666666; height:16px;}
.pb_ip2 { background-color:#FFFFFF; border:1px solid #BBBBBB; font-family : "Tahoma"; font-size : 12px; color:#666666; height:16px;}


/*********************************************************************
*	Background
*********************************************************************/
.pb_bg		{ background-color:#DDDDDD; border:0px; }
.pb_bar		{ border-top:1px solid #DDDDDD; margin-top:10px; }
.pb_bar_bg	{ clear:both; border-top:1px solid #BBBBBB; border-bottom:4px solid #EBEBEB; }


.pb_default		{ font-family : '굴림', '굴림체'; font-size : 12px; color:#666666; }
.pb_small		{ font-family:'돋움','돋움체';font-size:11px;letter-spacing:-1px;text-decoration:none}
.pb_bold		{ font-weight:bold; }
.pb_left_text	{ width:50%; float:left; text-align:left; }
.pb_right_text	{ width:50%; float:right; text-align:right; }
.pb_write_area	{ clear:both; width:100%; padding:5px 0px 5px 0px; border-bottom:1px solid #DDDDDD; height:20px;text-align:left; }
.pb_write_area2	{ clear:both; width:100%; text-align:left; padding-top:5px; }
.pb_write_title	{ float:left; width:100px; text-align:center; }
.pb_write_title2{ float:left;width:10%; text-align:center; }
.pb_write_input	{ float:left; width:80%; padding-left:10px;}
.pb_write_input2{ float:left; padding-left:10px;}
.pb_image		{ padding:5px; height:132px; }
.pb_image_text	{ margin-left:3%; border-top:1px dotted #B2B2B2; width:94%; height:0px; height:44px; }

/*********************************************************************
*	Button Effect
*********************************************************************/
#sBtn1 a{ display:block; background:url('img/sBtn1_bg.gif') left 0; float:left; color:#666; padding-left:6px; text-decoration:none; height:20px; cursor:pointer; margin-right:3px; overflow:hidden}
#sBtn1 a:hover{ background:url('img/sBtn1_bg.gif') left -21px;}
#sBtn1 a span{ display:block; float:left; background:url('img/sBtn1_bg.gif') right 0; font-family:'돋움','돋움체';font-size:11px;letter-spacing:-1px; line-height:215%; padding-right:6px; height:20px; overflow:hidden}
#sBtn1 a:hover span{ background:url('img/sBtn1_bg.gif') right -21px; color:#000;} 

#sBtn2 a{ border:1px solid #555; display:block; background-color:#777; float:left; color:#fff; padding:1px 0 0 15px; text-decoration:none; height:22px; cursor:pointer; margin-right:3px; overflow:hidden}
#sBtn2 a span{ display:block; float:left; background-color:#777; font-family:'맑은 고딕', 'Nanum Gothic', '돋움','돋움체';font-size:11px; font-weight:bold;letter-spacing:-1px; line-height:170%; padding:0px 15px 0 0; height:20px; overflow:hidden}

#sBtn3 a{ border:1px solid #999; display:block; background-color:#aaa; float:left; color:#fff; padding:1px 0 0 15px; text-decoration:none; height:22px; cursor:pointer; margin-right:3px; overflow:hidden}
#sBtn3 a span{ display:block; float:left; background-color:#aaa; font-family:'맑은 고딕', 'Nanum Gothic', '돋움','돋움체';font-size:11px; font-weight:bold;letter-spacing:-1px; line-height:170%; padding:0px 15px 0 0; height:20px; overflow:hidden}

.gdFont { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; }
.gdTitle { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-weight:bold; font-size:16px; }
.gdBTitle { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-weight:bold; font-size:22px; }
.gdDetail { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-size:11px; color:#888; float:left; padding:4px 0 0 10px }
.gdSmall { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-size:11px; }
.gdDefault { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-size:12px;  color:#333 }
.gdHelp { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-weight:bold; font-size:16px; text-decoration:underline; color:#666; }
.gdBtn1 { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-weight:bold; font-size:12px; text-align:center; height:28px; width:120px; background-color:#333; color:#fff; padding-top:8px; cursor:pointer; margin-left:8px;}
.gdBtn2 { font-family: '맑은 고딕', 'Nanum Gothic', '돋움','돋움체'; font-weight:bold; font-size:12px; text-align:center; height:28px; width:120px; background-color:#e0e0e0; color:#000; padding-top:8px; cursor:pointer; margin-left:8px; }
.gray { color:#999; }

/*IE를 제외한 브라우저*/ 
.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 
/*Inline-block 지원하는 모든 브라우저*/ 
.clearfix { 
    display: inline-block; 
} 
/*사파리?*/ 
html[xmlns] .clearfix { 
    display: block; 
} 
  
/*IE 6 이상에 대한 clearfix*/ 
* html .clearfix { 
    height: 1%; 
}