@charset "utf-8";
/* SIR 지운아빠 */

/* 최근게시물 스킨 (new) */
#new_sch {margin-bottom:10px;text-align:right}
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#new_sch p {padding:5px 0 0;font-size:0.95em;text-align:right;letter-spacing:-0.1em}







.tiles-wrap_admin{position:absolute; top:10px; left:10px; z-index:999;}
/************** tiles-wrap **************/
.tiles-wrap{position:relative; overflow:hidden;}
.tiles-wrap .icon_new{position:absolute; background:#ff5050; z-index:99; color:#fff; font-weight:700; font-size:12px; line-height:30px; text-align:center; width:30px; height:30px;}
.tiles-wrap ul{position:relative; overflow:hidden;}
.tiles-wrap > ul > li{
	font-size:12px;
	line-height:1.5em;
	float:left;
	width:250px;
	height:250px;
	overflow:hidden;
	position:relative;
	}
.tiles-wrap ul li .thumb{overflow:hidden; position:relative;}
.tiles-wrap ul li img{
	width:100%;
	height:100%;
	-moz-transition: .15s ease; /* 파이어폭스 */
	-o-transition: .15s ease; /* 오페라 */
	-ms-transition: .15s ease; /* 익스플로어 */
	-webkit-transition: .15s ease; /* 사파리,크롬 */
	transition:.15s ease-in-out;
	}
.tiles-wrap ul li:hover img{width:108%; height:108%; margin-top:-4%; margin-left:-4%;}
.tiles-wrap > ul > li:first-child{display:none;}

.tiles-wrap ul li.bin:before{content: "\e6bf"; font-family: 'Pe-icon-7-stroke'; font-size:80px; color:rgba(255,255,255,0.7);}

.tiles-wrap ul li .blind{
	position:absolute;
	top:0;
	left:0;
	background:rgba(245,86,61,0.85);
	-moz-transition: .25s ease;
	-o-transition: .25s ease;
	-ms-transition: .25s ease;
	-webkit-transition: .25s ease;
	transition:.25s ease-in-out;
	color:#fff;
	width:200px;
	height:220px;
	padding:15px 25px;
	text-align:center;
	opacity:0; 
	}
.tiles-wrap ul li:hover .blind{opacity:1;}
.tiles-wrap ul li .blind .icon:before{
	content:"\e618";
	font-family: 'Pe-icon-7-stroke';
	font-size:50px;
	line-height:1em;
	display:block;
	margin-bottom:10px;
	-moz-transition: .30s ease;
	-o-transition: .30s ease;
	-ms-transition: .30s ease;
	-webkit-transition: .30s ease;
	transition:.30s ease-in-out;
	opacity:0;
	margin-top:-20px;
	}
.tiles-wrap ul li:hover .blind .icon:before{opacity:1; margin-top:0px;}
.tiles-wrap ul li .blind .tit{color:#fff; font-size:14px; font-weight:700; line-height:1.3em; margin-top:15px; display:block;}
.tiles-wrap ul li .blind p{margin-top:3px; padding:0;}
.tiles-wrap ul li .blind .info-wrap{margin-top:18px;}
.tiles-wrap ul li .blind .info-wrap span{margin:0 3px;}
.tiles-wrap ul li .blind .info-wrap .view:before{content:"\e63e"; font-family: 'Pe-icon-7-stroke'; font-size:16px; margin-right:3px;}
.tiles-wrap ul li .blind .info-wrap .reply:before{content:"\e668"; font-family: 'Pe-icon-7-stroke'; font-size:16px; margin-right:3px;}
.tiles-wrap .tbl{width:100%;}
.tiles-wrap .tbl td{height:220px; vertical-align:middle; }

.tiles-wrap ul li.bin{text-align:center; height:250px; line-height:250px; background:rgba(0,0,0,0.1);}
.tiles-wrap ul li.bin:nth-child(2n+1){background:rgba(0,0,0,0.15);}
.tiles-wrap ul li.bin:nth-child(3n){background:rgba(0,0,0,0.2);}
.tiles-wrap ul li.bin:nth-child(4n+1){background:rgba(0,0,0,0.32);}
.tiles-wrap ul li.bin:nth-child(5n){background:rgba(0,0,0,0.26);}
.tiles-wrap ul li.bin:nth-child(7n+1){background:rgba(0,0,0,0.26);}

/* .tiles-wrap ul li.board */
.tiles-wrap ul li.board{background-color:#f7f7f7; width:250px; height:auto; min-height:150px; max-height:250px;}
.tiles-wrap ul li.board:nth-child(2n){background-color:#fbfbfb;}
.tiles-wrap ul li.board.bg, .tiles-wrap ul li.board.bg a{color:#fff;}

.tiles-wrap ul li.board, .tiles-wrap ul li.board a{color:rgba(0,0,0,0.8);}
.tiles-wrap ul li.board h3{
	font-weight:700 !important;
	font-size:13px;
	margin:30px 0 15px 22px;
	}
.tiles-wrap ul li.board ul{margin-bottom:35px;}
.tiles-wrap ul li.board li{
	overflow:hidden;
	position:relative;
	line-height:1.5em;
	text-align:left;
	padding-left:28px;
	padding-right:15px;
	margin-bottom:6px;
	}
.tiles-wrap ul li.board li:before{
	font-size:10px;
	content: "-";
	opacity:0.75;
	margin-left:-8px;
	}

.tiles-wrap ul li.board li a:hover{text-decoration:underline !important;}
.tiles-wrap ul li.board .more:after{
	font-size:14px;
	font-weight:normal;
	position:absolute;
	right:12px;
	bottom:7px;
	content: "\f196";
	font-family: FontAwesome;
	}

.tiles-wrap ul li.board li strong{font-weight:400;}
.tiles-wrap ul li.board li .cnt_cmt{color:rgba(0,0,0,0.6);}
.tiles-wrap ul li.board.bg li .cnt_cmt{color:rgba(255,255,255,0.8);}