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

img { vertical-align:middle; }

/*******************************************************************
*	DIV 정의
********************************************************************/
#pb_sub	{ width:100%; text-align:center }
	#pb_title_box { clear:both; float:left; width:100%; height:30px; border:1px dotted #B2B2B2; color:#B2B2B2; background-color:#FAFAFA; margin-bottom:10px; }
	#pb_list_top	{ width:100%; margin:4px 0px 4px 0px;}
	#pb_list		{ width:100%; float:left; text-align:left; }
	#pb_list_page	{ width:100%; } 
	#pb_search		{ clear:both; float:left; display: block; width:100%; height: 45px; margin-top:50px; border:1px solid #dddddd; background-color:#f5f5f5;}
		#pb_search_box { margin:0 auto; width:435px; }
	#pb_write_area	{ width:100%; }
	#pb_memo_box	{ clear:both; float:left; width:100%; border:1px solid #BBBBBB; padding:5px 0px 5px 0px; background-color:#F4F4F4; }
	#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	{ clear:both; margin:0 auto; width:400px; text-align:center; margin-top:80px;}

#paging            { }
#paging .numbox    { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;}
#paging .num       { font-family:Tahoma; font-size:11px; border-right:1px solid #ccc; padding-right:8px; margin-right:5px; text-decoration:none;}
#paging .num2       { font-family:Tahoma; font-size:11px; padding-right:4px; margin-right:2px; text-decoration:none;}
#paging #prevPage  { background:url(/pboard/skin/Previl_ga/img/icon_prev.gif) left 1px no-repeat; padding-left:6px;}
#paging #nextPage  { background:url(/pboard/skin/Previl_ga/img/icon_arrow.gif) right 1px no-repeat; padding-right:6px;}
#paging .selected  { font-weight:bold; color:#333; }

#nextIcon { background:url(/pboard/skin/Previl_ga/img/icon_arrow.gif) right 1px no-repeat; padding-right:6px; color:#3399ff;}

/*******************************************************************
*	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-size:12px; }
font.pb_page_list1	{ font-size:11px }
font.pb_page_list2	{ font-size:11px; background-color:#BBBBBB;color:white; font-weight:bold; }
font.pb_page_list3	{ font-size:8pt }

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


/*********************************************************************
*	Background
*********************************************************************/
.pb_bg		{ clear:both; float:left; width:100%; background-color:#dddddd; border:0px; }
.pb_bar		{ border-top:1px solid #dddddd; margin-top:10px; }
.pb_bar_bg	{ clear:both; border-top:1px solid #475d0d; border-bottom:1px solid #475d0d;  }
.pb_bgTh	{ background-color:#ddd; border:0px; }

.pb_bar_bottom { clear:both; float:left; width:100%; border-top:1px solid #cdcdcd; margin-top:10px; }

.pb_default		{ font-size : 12px; color:#666666; }
.pb_small		{ font-size:8pt;letter-spacing:-1px;text-decoration:none}
.pb_bold		{ font-weight:bold; }
.pb_left_text	{ float:left; text-align:left; }
.pb_right_text	{ float:right; text-align:right; }
.pb_write_area	{ clear:both; width:100%; text-align:left; }
.pb_write_area2	{ clear:both; width:100%; text-align:left; margin-top:5px; }
.pb_write_title	{ float:left; width:20%; line-height:30px; text-align:center; font-weight:700; background-color:#f5f5f5; text-shadow:1px 1px 0px #fff; border-bottom:1px solid #fff; }
.pb_write_title2{ float:left; width:10%; text-align:center; }
.pb_write_input	{ float:left; width:80%; line-height:30px; border-bottom:1px solid #DDDDDD;}
.pb_write_input2{ float:left; line-height:30px; padding-left:10px; border-bottom:1px solid #DDDDDD;}
.pb_image		{ width:270px; height:230px; }
.pb_image_text	{ margin-left:3%; border-top:1px dotted #B2B2B2; width:94%; height:0px; height:44px; }

.pbtn01 { font-size:12px; margin:2px; padding:1px 8px; color:#000; border:1px solid #888; background: linear-gradient(to bottom, #efefef, #dcdcdc); text-shadow:1px 1px 1px #fff; border-radius:2px; box-shadow: inset 1px 1px 1px #fff; cursor:pointer;}
.pbtn01:hover { background: linear-gradient(to bottom, #dcdcdc, #efefef); text-shadow:1px 1px 0px #fff;}

#pb_list .libox {
    position: relative;
    margin: 10px 0;
	top:0px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
	transition: all 0.4s;
    box-shadow: 0 0 20px #d5d5d5; 
}

#pb_list .libox .imsuj {
    margin:5px 0; text-align:left;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;
}

#pb_list .libox .imname {
    width:100%; margin-top: 5px; text-align:left; border-top:1px dotted #ccc;
}

#pb_list .libox:hover {
    top: -10px;
    box-shadow: 0 0 20px #bbb; }
}

@media (max-width: 768px) {
  #pb_list .lidiv { width: 50%; }
}