@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:33.33%; 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:1px solid #e7e7e7 ; position:relative; overflow:hidden}
.board_box_list .port_list li dl dt{  position:relative; overflow:hidden; height:250px; border-bottom:1px solid #e7e7e7;}

.board_box_list .port_list li dl dt .thum {display:inline-block;  position:absolute; width:100%; height:100%; top:0; left:0;}

.board_box_list .port_list li dl dt .ptt{display:inline-block; position:absolute; bottom:5px; right:5px; color:#fff; background:#333;
padding:2px 6px;
opacity:.92;filter:alpha(opacity=92);}

.board_box_list .port_list li dl dt .ptt.ptt00 {background:#535353;}
.board_box_list .port_list li dl dt .ptt.ptt01 {background:#2baa5c;}
.board_box_list .port_list li dl dt .ptt.ptt02 {background:#e86666;}
.board_box_list .port_list li dl dt .ptt.ptt03 {background:#f0cc26;}
.board_box_list .port_list li dl dt .ptt.ptt04 {background:#5083cf;}




.board_box_list .port_list li dl dt img{  width:100%; min-height:250px;
-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 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:left; }
.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; display:inline-block;
text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; line-height:1em; height:20px; font-size:18px;}

.board_box_list .port_list li dl dd p.port_name span.ntxt {display:inline-block; font-size:14px; color:#7c7c7c; height:80px; overflow:hidden;}

.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; text-align:right;
margin-top:10px;} 

.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;}
.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; 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;  }
.board_box_list .port_list li div{ margin-left: 10px;background:#fff;   }

.board_box_list .port_list{ margin-left:-15px;  }
.board_box_list .port_list li{ margin-bottom:15px ; }
.board_box_list .port_list li dl { margin-left:15px;}

 }
 
 
  @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;  }

  }

  @media only screen and (max-width: 500px) {
  .board_box_list .port_list  li{ width:100%;  } 
.board_box_list .port_list li dl dd p.port_name span.ntxt { }

  
  }