@charset "utf-8";





/************** layout_4box **************/
.layout_4box .latest_admin{position:absolute; top:-22px; left:0px; z-index:999;}

.layout_4box{position:relative; padding:0px 0px 60px 10px;}
.layout_4box ul{position:relative; overflow:hidden;}
.layout_4box > ul > li{
	float:left;
	overflow:hidden;
	position:relative;
	width:calc(25% - 10px);
	margin-right:10px;
	background:#fff;
	}
.layout_4box > ul > li:nth-child(4n+4){margin-right:0;}

.layout_4box ul li .thumb{overflow:hidden; position:relative;}
.layout_4box ul li img{width:100%; height:auto;}

.layout_4box ul li .caption{
	font-size:13px;
	position:relative;
	overflow:hidden;
	color:#222;
	padding:36px;
	height:150px;
	text-align:center;
	 font-family: 'Noto Sans KR', sans-serif; 
	-webkit-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.layout_4box ul li .caption h3.tit{font-size:24px;font-weight:500; letter-spacing:-0.08em;}
.layout_4box ul li .caption .con{margin-top:15px; line-height:1.5em; font-size:17px; font-weight:400; color:rgba(0,0,0,0.8);}
.layout_4box ul li .caption .con p{}

.layout_4box ul li .caption .more{position:absolute; width:100px; left:50%; bottom:20px; margin-left:-50px; font-size:14px; font-weight:bold; color:rgba(0,0,0,0.9);}
.layout_4box ul li .caption .more:before{content:'\e00d'; font-family:'intaeFont'; font-size:12px; font-weight:normal; margin-right:5px; margin-top:-3px; display:inline-block;}



.layout_4box ul li .thumb .noimage{display:block; text-align:center; height:250px; line-height:250px; background:rgba(0,0,0,0.1);}
.layout_4box ul li .thumb .noimage:before{font-size:60px; color:rgba(255,255,255,0.7);}