@charset "utf-8";
/* CSS Document */

/* 게시판 리스트 */
#boardListForm {position:relative; clear:both; float:none; padding:20px 0 0 0;}
#boardListForm fieldset {border:0;}
#boardListForm legend {position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden;}
#boardListForm ul.jn_photo {float:left; width:323px; padding:0 5px 10px;}
#boardListForm ul.jn_photo a {display:block;}
#boardListForm li.jn_pic {position:relative; height:214px; border:1px solid #e0e0e0; border-bottom:none;}
#boardListForm li.jn_pic img {width:100%; height:214px; display:block;}
#boardListForm li.jn_con, #boardListForm li.jn_date, #boardListForm li.jn_con {padding:0 20px;}
#boardListForm li.jn_title {padding:15px 20px;font-size:16px;border:1px solid #e0e0e0;border-top:none; border-bottom:none;}
#boardListForm li.jn_title a{color:#000;text-decoration:none;}
#boardListForm li.jn_con {min-height:63px; border:1px solid #e0e0e0;border-top:none; border-bottom:none; font-weight:300;}
#boardListForm li.jn_date {background:url(/default/Bd/skin/basic_photo/img/icon_date.gif) no-repeat 20px 50%; padding:20px 20px 20px 42px;font-weight:300; font-size:12px; letter-spacing:0.7px; border:1px solid #e0e0e0; border-top:none;}
#boardListForm li.jn_date a {color:#999;}
#boardListForm li.jn_more {padding:15px 20px 15px 40px; border:1px solid #e0e0e0; border-top:none; background:url(/default/Bd/skin/basic_photo/img/icon_more.gif) no-repeat 26px 50%; font-size:13px; font-weight:300; color:#000;}
#boardListForm ul.jn_photo:hover li.jn_pic, #boardListForm ul.jn_photo:hover li.jn_title, #boardListForm ul.jn_photo:hover li.jn_title, #boardListForm ul.jn_photo:hover li.jn_con, #boardListForm ul.jn_photo:hover li.jn_date,#boardListForm ul.jn_photo:hover li.jn_more {border-color:#02a388;}
#boardListForm ul.jn_photo:hover li.jn_date {border-bottom:1px solid #e0e0e0;}


/* 마우스오버 시 타이틀, 배경색 나타나게*/
#boardListForm li.jn_pic a div {line-height:17; text-align:center; color:#fff; position:absolute; bottom:0;  left:0; z-index:1000; width:100%; height:100%; margin:0; backface-visibility:hidden; background-color:rgba(2, 163, 136, 0.80); opacity:0; transform:translateZ(0px); transition:opacity 0.4s ease 0s; visibility:visible;}


#boardListForm ul.jn_photo:hover li.jn_pic a div{opacity:1; transform:translateZ(0px); transition:opacity 0.4s ease 0s; }

#boardListForm li.jn_pic a div img {display:inline-block; width:auto; height:auto;}


/* IE8 대응 */
@media \0screen {
	#boardListForm li.jn_pic a div {display:none;}
	#boardListForm ul.jn_photo:hover li.jn_pic a div {display:block; background-color:#02a388;}
}

/* IE7 대응 */
#boardListForm li.jn_pic a div {.display:none;}
#boardListForm ul.jn_photo:hover li.jn_pic a div {.display:block; .background-color:#02a388; .line-height:214px;}