/*위젯 박스 전체 width 마진 보더 굵기 선종류 색----------------------------------------*/
.wg-posters {
	
	    width: 100%;
    margin: 20px 0 0 0;
    float: left;
  
    border-radius: 6px;
    box-sizing: border-box;
}
/*위젯 Title 박스----------------------------------------*/
.wg-posters .title {
	font-family: 'Ab-L';
    font-size: 24px;
    color: #333;
	font-weight:900;
	padding: 5px 0 5px 10px;
	
	position:relative;
}
/*위젯 Title 버튼----------------------------------------*/
.wg-posters .title button{ 
	width:30px;                /*위젯 Title button width*/
	height:30px;               /*위젯 Title button height*/
	position:absolute; 
	top:0px;                   /*위젯 Title button 상단 여백*/  
	right:10px;                /*위젯 Title button 우측 여백*/  
	font-size:9px;             /*위젯 Title button font-size*/
	border:0 solid #ffffff;    /*위젯 Title border 꿁기 선종류 색*/ 
	background-color:rgba(225,225,225,0); }/*위젯 Title 바탕색*/ 
.wg-posters .title button img{width:100%;}

/*포토프레임-큰이미지-좌측마진 ? 넓이 ?  높이 ? 아래쪽 마진 ? 바탕색 ?- 현재 사용하지 않음------*/
.wg-posters .articles .photoframe {
	margin-left:20px;
	width:220px;
	height:193px;
	float:left;
	margin-bottom:12px;
	background-color:#fff;
}
/*포토프레임-큰이미지 첫번째 자식은 좌측 마진 0로 하라!*/
.wg-posters .articles .photoframe:first-child {margin-left:0;}
.wg-posters .articles .photoframe .photobox {overflow:hidden; height:193px; text-align:center; border:1px #777 solid; line-height:0;}
.wg-posters .articles .photoframe .photobox:hover {border-color:#f90;}
.wg-posters .articles .photoframe .photobox img {height:100%; width:auto;}


/*갤러리 위젯 작은 이미지가 들어갈 프레임*/
.wg-posters .articles .photoframe-s {
	width: 24%;
    height: 264px;
    float: left;
   
    background-color: #fff;
    margin: 0.5%;
    border: 1px solid;
    box-sizing: border-box;
}
/*갤러리 위젯 첫번쨰 자식사진 좌측여백 주지마라 !
.wg-posters .articles .photoframe-s:first-child {margin-left:0;}*/

/*갤러리 위젯 안에 내용물안에 작은이미지 안에 포토박스는 높이? 중앙정렬 테두리 굵기 선종류 색 ?*/
/*테두리전체가 다보이려면  .wg-posters .articles .photoframe-s 의 높이보다 1,2px적어야 다 보인다 */
/*갤러리 위젯 작은 이미지가 들어갈 프레임-포토박스*/
.wg-posters .articles .photoframe-s .photobox {
	overflow:hidden; 
	height:262px;    
	text-align:center; 
	border:0px #c2c2c2 solid;
	line-height:0;} 
/*포토박스 호버시 색*/
.wg-posters .articles .photoframe-s .photobox:hover {border-color:#f90;}
/*이미지-가로,세로 (크롭/풀) 비율 조절*/
.wg-posters .articles .photoframe-s .photobox img {height:auto; width:100%;}