@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative; box-sizing:border-box;}
.pic_lt .lat_title {display:block; font-size:1.67em; line-height:1em; color:#000; font-family: 'NanumSquareAcEB'; margin-bottom:20px;}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:#777}

.pic_lt .profile_img img{border-radius:50%}


.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}

.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:#777}

.project-wrap{position:relative; left:9.5%;}
.projectSwiper{overflow-x:hidden; margin-left:-10px;}
.projectSwiper ul{padding-left:10px; padding-top:10px;}
.projectSwiper ul > li{position:relative; box-sizing:border-box;}
.projectSwiper ul > li > a{display:block; width:100%; height:100%;}
.lt_img{ position:relative; height:auto; }
.lt_img > img{width:100%; height:100%; transform:scale(1); border-radius:10px; box-shadow: 3px 6px 10px 3px rgb(0 0 0 / 18%); transition:all 0.3s ease;}
.lt_img .gall_icon_new { position:absolute; left:10px; top:10px; z-index:9; width:50px; }
.lt_img .gall_icon_new img { width:100%; height:auto; }


.projectSwiper .lt_info{position:relative; display:flex; align-items: center; justify-content: flex-start; margin-top:30px; padding:10px 30px; background:#fff; border-radius:50px; height:60px;}
.projectSwiper .lt_info:before{content:''; position:absolute; top:50%; right:30px; width:9px; height:16px; background:url(ic-arr.png)no-repeat center; background-size:contain; transform:translateY(-50%);}
.projectSwiper .lt_info > h3{display:block; font-size:20px; font-weight:400; color:#000; line-height:1em; word-break:keep-all; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.projectSwiper .lt_info > span{position:relative; display:inline-block; margin-top:14px; padding-left:20px; font-size:16px; font-weight:300; color:#999; line-height:1em; word-break:keep-all;}
.projectSwiper .lt_info > span:before{content:''; position:absolute; top:0; left:0; width:17px; height:17px; background:url(./ic-location.svg)no-repeat center; background-size:contain;}
.projectSwiper ul > li > a:hover .lt_img img{transform: perspective(10px) rotateY(0.2deg);}
.project-wrap .swiper-pagination{top:unset !important; bottom:-40px !important;}
.project-wrap .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255,255,255,1);}
.project-wrap .swiper-pagination-bullet-active{width:30px; height:10px; background:var(--color-point); border-radius:50px;}

.btn-navi{position:absolute; top:50%; width:90%; display: flex; align-items: center; justify-content: space-between; z-index:999;}
.btn-navi .swiper-button-next, 
.btn-navi .swiper-button-prev{position:absolute; top:50%; left:unset; right:unset; margin-top:0; width:36px; height:36px; background:url(ic-slide-arr.png)no-repeat center; background-size:contain;}
.btn-navi .swiper-button-prev{left:-80px;}
.btn-navi .swiper-button-next{transform:rotate(-180deg); right:6px;}


@media all and (max-width:1200px) {
	.project-wrap{left:70px;}
	.btn-navi .swiper-button-prev{left:-56px;}
	.btn-navi .swiper-button-next{right:-32px;}
}
@media all and (max-width:760px) {
	.project-wrap{left:60px;}
	.btn-navi .swiper-button-next, .btn-navi .swiper-button-prev{width:20px; height:25px; margin-top:-14px;}
	.btn-navi .swiper-button-prev{left:-42px;}
	.btn-navi .swiper-button-next{right:7px;}
	.projectSwiper .lt_info{margin-top:20px; padding:10px 20px; height:54px;}
	.projectSwiper .lt_info > h3{font-size:17px;}
	.projectSwiper .lt_info:before{right:20px;}
}
@media all and (max-width:650px) {
	.btn-navi .swiper-button-next{right:19px;}
}
@media all and (max-width:540px) {
	.pic_lt .lat_title{margin-bottom:20px; font-size:1.5em;}
	.project-wrap{left:45px;}
	.btn-navi .swiper-button-next, .btn-navi .swiper-button-prev{width:20px; height:20px; margin-top:-10px;}
	.btn-navi .swiper-button-prev{left:-30px;}
	.btn-navi .swiper-button-next{right:0px;}
	.projectSwiper{margin-left:-5px;}
	.projectSwiper .lt_info{margin-top:20px; padding:10px 15px; height:45px;}
	.projectSwiper .lt_info > h3{font-size:15px;}
	.projectSwiper .lt_info:before{right:15px;}
	.projectSwiper ul{padding-left:5px; padding-top:5px;}
	.lt_img img{box-shadow:3px 6px 6px 0px rgb(0 0 0 / 18%);}
}
@media all and (max-width:450px) {
	.project-wrap{left:35px;}
	.btn-navi .swiper-button-prev{left:-24px;}
	.btn-navi .swiper-button-next{right:3px;}
}