@charset "utf-8";

/**
* list
*/

/* gallery_list */
div.gallery_list { width:100%; overflow:hidden; border-top:2px solid #646464; border-bottom:1px solid #d2d2d2; }
div.gallery_list > ul { position:relative; top:0; }
div.gallery_list > ul:after { clear:both; display:block; content:""; }
div.gallery_list > ul > li { float:left; width:280px; min-height:170px; margin:35px 34px 35px 0; }
div.gallery_list > ul > li:nth-child(3n){margin:35px 0 35px 0;}
div.gallery_list > ul > li.no_data { width:100%; height:170px; line-height:170px; margin:0; padding:0; text-align:center; }

div.gallery_list > ul > li > a.thumbnail { display:block; width:280px; height:170px; margin-bottom:15px; overflow:hidden; }
div.gallery_list > ul > li > p { height:20px; line-height:20px; }
div.gallery_list > ul > li > p.subject { margin-bottom:5px; }
div.gallery_list > ul > li > p.subject > input.list_checkbox { margin:0; }
div.gallery_list > ul > li > p.subject > a { display:inline-block; overflow:hidden; max-width:85%; line-height:1.5em; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }

div.gallery_list > ul > li > p.subject > i { font-size:1.25em; vertical-align:middle; }
div.gallery_list > ul > li > p.subject > i.file { color:#0078e7; }
div.gallery_list > ul > li > p.subject > i.new { color:#1cb841; }

div.gallery_list > ul > li > p.info > span { display:inline-block; margin-left:5px; color:#888; padding-left:7px; background:url("/common/img/bul_line.png") 0 50% no-repeat; }
div.gallery_list > ul > li > p.info > span:first-child { margin:0; padding:0; background:none; }

/**
* view
*/
div.board_view > dl > dd.cont img { max-width:100%!important; }
div.board_view > dl > dd.etc > strong { display:block; position:absolute; top:13px; right:20px; width:50px; height:23px; border:1px solid #333; font-weight:bold; line-height:21px; color:#fff;text-align:center;}
div.board_view > dl > dd.etc > strong.bd_state_W { background:#00690c; }
div.board_view > dl > dd.etc > strong.bd_state_P { background:#0062c3; }
div.board_view > dl > dd.etc > strong.bd_state_E { background:#555; }
div.view_image {margin-bottom:30px;}

#like_img:hover{cursor: pointer;}