@charset "utf-8";

div.lat_project_wrap_mo {display: none; width: 100%; height: auto; position: relative; text-align: left; padding: 50px 20px 100px;}

@media(max-width:950px){
	.swiper-button-next:after, .swiper-button-prev:after{ display: none !important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next{ right: 80px !important;}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{ right: 20px !important;}
	.swiper-button-next, .swiper-button-prev{ width: 25px !important; top: auto !important; bottom: 30px; left: auto !important;}

	/* 새글 스킨 (latest) */
	div.lat_project_wrap_mo {display: inline-block; width: 100%; height: auto; position: relative; text-align: left; padding: 50px 0px 100px 20px;}

	
	div.lat_project_wrap_mo span.lat_project_left{ display: inline-block; width: 100%; float: left; height: auto; background: #fff; position: relative; z-index: 2;}
	div.lat_project_wrap_mo span.lat_project_left span.lat_title{ display: inline-block; width: 100%; height: auto; float: left; line-height: 1; color: #0058a4; font-size: 13px; font-weight: bold;}
	div.lat_project_wrap_mo span.lat_project_left span.lat_title2{ display: inline-block; width: 100%; height: auto; float: left; color: #000; font-size: 27px; font-weight: bold; line-height: 1.1; margin: 10px 0 30px; position: relative; padding-right: 20px;}
	div.lat_project_wrap_mo span.lat_project_left a{ display: inline-block; width: auto; height: auto; float: left; color: #454545; font-size: 13px; line-height: 1; position: absolute; bottom: 0; right: 20px;}
	div.lat_project_wrap_mo span.lat_project_left a:hover{ color: #0058a4; text-decoration: underline;}
	div.lat_project_wrap_mo span.lat_project_left a img{ float: right; margin-left: 15px; height: 15px;}
	div.lat_project_wrap_mo span.lat_project_left a img:last-child{ display: none;}
	div.lat_project_wrap_mo span.lat_project_left a:hover img{ display: none;}
	div.lat_project_wrap_mo span.lat_project_left a:hover img:last-child{ display: inline-block;}

	div.lat_project_wrap_mo div.lat_project_right{ width: 100%; float: left;}
	div.lat_project_wrap_mo div.lat_project_right a.lt_img{ display: inline-block; width: 100%; height: auto; float: left; text-align: left; font-size: 17px; font-weight: bold; line-height: 1; position: relative;}
	div.lat_project_wrap_mo div.lat_project_right a.lt_img::after{ display: inline-block; width: 80px; height: 80px; border-radius: 155px; content: "VIEW"; position: absolute; top: 42%; left: 50%; transform: translate(-50%,-50%); background: #000; color: #fff; font-size: 1rem; font-weight: normal; text-align: center; line-height: 80px; opacity: 0; transition: opacity 1s;}

	div.lat_project_wrap_mo div.lat_project_right a.lt_img:hover img{ transform: scale(1.1);}
	div.lat_project_wrap_mo div.lat_project_right a.lt_img:hover::after{ opacity: 1;}

	div.lat_project_wrap_mo div.lat_project_right span.lat_img_box{ display: inline-block; width: 100%; height: 195px; overflow: hidden; margin-bottom: 15px;}
	div.lat_project_wrap_mo div.lat_project_right span.lat_img_box img{ height: 100%; width: 100%; position: relative; transition: transform 1s; object-fit: cover;}
}