.HoverEffectType1 {
/*width:100%;
height:100%;*/
float:left;
overflow:hidden;
position:relative;
text-align:center;
/*cursor:pointer;*/
/*position: absolute !important;*/
/*display: table;*/
}
.HoverEffectType1 .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
/*display: table-cell;
vertical-align: middle;*/
}

.HoverEffectType1 img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.HoverEffectType1 h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.HoverEffectType1 a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:auto;
padding:7px 14px;
cursor:pointer;
}

.HoverEffectType1 a.info:hover {
box-shadow:0 0 5px #fff;
}

.HoverEffectType1:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.HoverEffectType1:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.HoverEffectType1:hover h2,.HoverEffectType1:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.HoverEffectType1:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
/*배경색*/
.bg-color-fa{
	/*background-color: #f1f1f1;*/
}
.header{
	width: 100%;
	height: 54px;
	/*position: fixed;*/
	top: 120px;
	left: 0;
	z-index: 300;
	/*border-bottom: 1px solid #d2d2d2;*/
}
.ml-cont{
	margin-left: 5px;
}
/*맨위로가기*/
.btn-top{
	border: 1px solid #e0e0e0;
	background-color: rgba(255,255,255,0.9);
	line-height: 4em;
	text-indent: -9999em;
	cursor: pointer;
	right: 1em;
	width: 50px;
	height: 50px;
	background-image: url(/include/img/mall-main/btn-top.png);
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: center center;
}
/*글쓰기버튼*/
.mt-head{
	margin-top: 20px;
}
.btn-pencil{
	background-color: #febd51;
	color: #fff;
	font-size: 22px;
}
.btn-pencil:hover{
	color: #fbecd4;
}
/*게시물*/
.tiles-wrap {
  	position: relative;
  	margin: 10px 0px;
}
.tiles-st li{
	box-shadow: none;
	float: left;
	display: block;
}
/*.tiles-st li a{
	line-height: 120%;
}*/
.tiles-list{
	padding-left: 0 !important;
	padding-right: 0 !important;
	/* padding-top: 35px !important;
	border: 1px solid #ececec; */
	width: 300px;
}
.tiles-list img{
	max-width: 100%;
}
.icon-st{
	color: #999;
	font-size: 22px;
	padding: 5px;
	text-align: center;
}
.icon-st-2{
	color: #ffb01d;
	font-size: 22px;
	padding: 5px;
	text-align: center;
}
.icon-align{
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.read-time{
	border-bottom: 1px solid #eee;
	margin-bottom: 40px;
}
.read-txt img{
	margin: 0 auto;
}
.fs-size{
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
	font-weight: 700;
	color: #555;
	line-height: 27px;
	padding: 0 13px;
}
.fs-italic{
	font-style: italic;
}
.fs-date{
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 25px;
}
.fs-btn{
	border-color: #222;
	background-color: #fff;
	color: #222;
	background-image: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
	text-shadow: none;
	border-radius: 0;
}
.fs-btn2{
	background-color: #ebebeb;
	color: #666;
	background-image: linear-gradient(to bottom,#ebebeb 0,#ebebeb 100%);
	text-shadow: none;
	border-radius: 0px !important;
}
.fs-btn:hover{
	color: #fff;
	background-color: #000;
	background-image: linear-gradient(to bottom,#000 0,#000 100%);
}
.fs-btn2:hover{
	color: #999;
}
.fs-answer{
	font-size: 13px;
	margin-bottom: 44px;
}
.fs-reply-txt{
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 17px;
}
.mb-area{
	margin-bottom: 80px;
}
/*리플*/
.read-tit{
	font-size: 28px;
}
.list-inline li{
	font-size: 12px;
}
.list-btn{
	background-color: #f6f2f2;
	color: #222;
	padding: 1px 5px;
	border-radius: 0px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid #bbb;
}
/*.btn-top:after{
	content: ' ';
	background-image: url(/include/img/mall-main/btn-top.png);
	background-repeat: no-repeat;
	background-size: 12px auto;	
	position: absolute;
	top: 50%;
	left: 50%;
}*/
.replyA1{
	padding-bottom: 10px;
	padding-top: 22px;
	font-size: 14px;
}
.replyA2{
	padding-bottom: 17px;
	border-bottom: 1px dotted #aaa;
}
.replyA3{
	margin: 70px 0;
}
.read-txt{
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #eee;
}

/*글쓰기*/
.mt-write{
	margin-top: 80px;
}
.write-tit{
	margin-bottom: 20px;
}
.write-input{
	margin-top: 14px;
	box-shadow: none;
}
.write-btn{
	border: 1px solid #ffa60d;
	background: #ffbe4e;
	color: #fff;
	border-radius: 0;
}
.write-btn:hover{
	color: #fff;
}
.delete-btn{
	border-color: #aaa8a8;
	color: #8d8d8d;
	background: #e3dddd;
	border-radius: 0;
}
.delete-btn:hover{
	color: #8d8d8d;
}