@charset "utf-8";
/* 새글 스킨 (latest) */
.port_lt{position:relative;overflow:hidden;}

.port_lt li{ float:left; position:relative; overflow:hidden; }

.port_lt .box{
	width:300px; height:300px;
}

.port_lt .box.first{
	background-color:rgba(0,0,0,0.5);padding:25px;color:#fff;
	position:relative;
}

.port_lt .box.first .moreview{
	position:absolute; bottom:15px;right:50px;font-size:0.8em;
}
.port_lt .box.first .moreview .arrow{
	position:absolute; right:-29px; bottom:0px;
}

.port_lt .box.first div:nth-child(1){
	font-size:2.5em;
	padding-top:30%;
}

.port_lt .box.first div:nth-child(1) span{
	color:#f39700;
}
.port_lt .box.first div:nth-child(2){
	line-height: 1.5em; font-size:1.3em;
}

.port_lt li .cover{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background-color:rgba(0,0,0,0.5);
	padding:15px;
	z-index:5;
	opacity:0;
	transition:0.3s;
}

.port_lt li:hover .cover{
	opacity:1;
	transition:0.3s;
}

.port_lt li .cover > div{
	transform:scale(0);
	transition:0.3s;
}
.port_lt li:hover .cover > div{
	transform:scale(1);
	transition:0.3s;
	transition-delay:0.3s;
}

.port_lt li .lt_img img{
	z-index:3;
	transition:0.5s;
	max-width:300px;
	width:100%;
	height:100%;
	transform:scale(1);
}

.port_lt li:hover .lt_img img{
	transition:0.5s;
	transform:scale(1.2);
}

.port_lt li .cover > div{
	width:100%;height:100%;
	background-color:rgba(255,255,255,0.7);
	border:1px solid rgba(243,152,0,0.7);
	padding-top:60px;
}

.port_lt li .cover > div div{
	text-align:center; font-size:1.7em; color:#1b1b1b;
}

.port_lt li .cover .subject{
	font-weight:bold;
}

.port_lt li .cover .line{
	width:46px; height:6px; background-color:#f39800;
	margin:30px auto 45px;
}

.port_lt li .cover .type{
	color:#313131; font-size:1.5em;
}

.port_lt .box.last{
	background-color:rgba(0,0,0,0.5);padding:15px 12px;color:#fff;
	position:relative;
}

.port_lt .box.last .estimate{
	width:100%; height:100%;
	border:1px solid #f39800;
	background:url('./estimate.png') no-repeat center;
}

.m_bg{
	position:absolute; bottom:0;left:0;z-index:4;
	width:100%;height:100%;background:url('./bo_f_bg.png') bottom no-repeat;
	background-size: 100%; color:#fff;
}

.m_bg span{
	position:absolute; bottom:15px;left:10px;font-size:1.5em;
}

@media screen and (max-width: 1200px) {
	.port_lt li{
		width:33.33%;
	}
	.port_lt li:first-child, .port_lt li:last-child{
		width:33.33%;
		padding-bottom:33.33%;
	}
	.port_lt .box.first, .port_lt .box.last{
		position:absolute;width:100%;height:100%;
	}

	.port_lt .box.first div:nth-child(1){
		padding-bottom:10px;
	}
	.port_lt li .lt_img img{
		max-width:none;
	}
}

@media screen and (max-width: 860px) {
	.port_lt li{
		width:50%;
	}
	.port_lt li:first-child, .port_lt li:last-child{
		width:50%;
		padding-bottom:50%;
	}
}