@charset "euc-kr";
/* CSS Document */



/*---------------------------------- bo_photo_list---------------------------- */
.board_box_list{}



.board_box_list .port_list{ margin-left:-20px;  overflow: hidden; *width:100%; margin-top:0px }
.board_box_list .port_list li{ float:left;  width:25%; margin-bottom:20px ; }


.board_box_list .port_list li:first-child{ margin-left:0}
.board_box_list .port_list li dl { padding:0%; margin-left:20px; background:#fff  ; border:0px solid #e7e7e7 ; position:relative; overflow:hidden}
.board_box_list .port_list li dl dt{  position:relative; overflow:hidden;}
.board_box_list .port_list li dl dt img{ margin:0 auto; width:100%; height:100%;-webkit-transition: all .2s ease-in-out;	 -moz-transition: all .2s ease-in-out;	 -o-transition: all .2s ease-in-out;	 -ms-transition: all .2s ease-in-out;	 transition: all .2s ease-in-out;	 }
.board_box_list .port_list li dl dt img:hover{ 
-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.board_box_list .port_list li dl dt img{max-height:265px}
.board_box_list .port_list li dl dt p  {position:absolute; top:0; left:0; height:100%; width:100%; }
.board_box_list .port_list li dl dt p span{position:relative;   width:100%; height:100%; display:inline-block}
.board_box_list .port_list li dl dt p img {width:100%; height:100%; }

.board_box_list .port_list li dl dd { padding:10px 5%;  overflow:hidden;  line-height:1em; position:relative}
.board_box_list .port_list li dl dd p{  overflow:hidden; text-align:center }
.board_box_list .port_list li dl dd p.port_name{  font-size:15px;  margin:10px 0 5px 0}
.board_box_list .port_list li dl dd p.port_name span.tit{  width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; line-height:1em; height:20px;}

.board_box_list .port_list li dl dd p.port_name span.date{width:100%;  color:#999; font-size:12px; display:inline-block;letter-spacing:0;} 

.board_box_list .port_list li dl dd p.port_con{ white-space: normal; line-height: 1.4em; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis; font-size:12px; color:#999}



.nodata{ padding:20px; text-align:center; overflow:hidden; border:1px solid #CCC; border-right:0; border-left:0; line-height:50px}



 @media only screen and (max-width: 1000px) {
.board_box_list .port_list li{ width:33.333%;  }
.board_box_list .port_list li dl dd p.port_name span.tit{ float:left; width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; line-height:1em; height:20px;font-weight:600;}
.board_box_list .port_list li dl dd p.port_name span.date{float:right;width:100%;  color:#999; font-size:12px; display:inline-block; text-align:left;letter-spacing:0;}

}

 @media only screen and (max-width: 860px) {
.board_box_list .port_list  li a dl .tit { font-size: 1.1em;}

.board_box_list .port_list ul{margin-left:-10px; }
.board_box_list .port_list li{ float:left; text-align:left; padding:5px 0  ; }
.board_box_list .port_list li div{ margin-left: 10px;background:#fff;   }

 }
 
 
  @media only screen and (max-width: 640px) {
	  
.board_box_list .port_list  li{ width:50%;  } 
.board_box_list .port_list  a dl .tit { font-size: 1.0em;  }

  }