@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative; padding:0 50rem; background:#fff; border-radius:10rem; box-sizing:border-box;}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.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}


.projectSwiper ul{}
.projectSwiper ul > li{position:relative; padding:50rem 0 45rem; box-sizing:border-box;}
.projectSwiper ul > li:before{content:''; position:absolute; top:0; right:-25rem; width:1px; height:100%; border-right:1px dashed #e9e9e9; box-sizing:border-box;}
.projectSwiper ul > li:last-child:befor{display:none;}
.projectSwiper ul > li > a{display:block; width:100%; height:100%;}
.lt_img{border-radius:10rem; overflow:hidden;}
.lt_img img{width:100%; transform:scale(1); transition:all 0.5s ease;}
.projectSwiper .lt_info{margin-top:20rem; padding:0;}
.projectSwiper .lt_info > h3{display:block; font-size:21rem; font-weight:bold; color:#222; 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:14rem; padding-left:20rem; font-size:16rem; 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:17rem; height:17rem; background:url(./ic-location.svg)no-repeat center; background-size:contain;}
.projectSwiper ul > li > a:hover .lt_img img{transform:scale(1.1);}
.project-wrap .swiper-pagination{top:unset !important; bottom:-40rem !important;}
.project-wrap .swiper-pagination-bullet{width:10rem; height:10rem; background:rgba(255,255,255,1);}
.project-wrap .swiper-pagination-bullet-active{width:30rem; height:10rem; background:var(--color-point); border-radius:50rem;}

@media all and (max-width:1023px){
	.pic_lt{padding:0 40rem;}
	.projectSwiper ul > li{padding:40rem 0 35rem;}
	.projectSwiper ul > li:before{right:-20rem;}
	.projectSwiper .lt_info > h3{font-size:20rem;}
	.projectSwiper .lt_info > span{margin-top:12rem;}
}
@media all and (max-width:768px){
	.pic_lt{padding:0 30rem;}
	.projectSwiper ul > li{padding:30rem 0 25rem;}
	.projectSwiper ul > li:before{right:-15rem;}
	.project-wrap .swiper-pagination{position:relative; margin-top:15rem; bottom:0 !important;}
}
@media all and (max-width:540px){
	.pic_lt{padding:0 20rem; border-radius:7rem;}
	.projectSwiper ul > li{padding:20rem 0 15rem;}
	.projectSwiper ul > li:before{right:-11rem; display:none;}
	.projectSwiper .lt_img{border-radius:5rem;}
	.projectSwiper .lt_info{margin-top:15rem;}
	.projectSwiper .lt_info > h3{font-size:18rem;}
	.projectSwiper .lt_info > span{padding-left:17rem; margin-top:8rem; font-size:15rem;}
	.projectSwiper .lt_info > span:before{top:1px;width:14rem; height:14rem;}
}
@media all and (max-width:480px){
	.projectSwiper .lt_info{margin-top:10rem;}
	.projectSwiper .lt_info > h3{font-size:15rem;}
	.projectSwiper .lt_info > span{padding-left:14rem; margin-top:5rem; font-size:12rem;}
	.projectSwiper .lt_info > span:before{width:12rem; height:12rem;}

	.project-wrap .swiper-pagination{margin-top:5rem;}
	.project-wrap .swiper-pagination-bullet{width:6rem; height:6rem; margin:0 2rem !important;}
	.project-wrap .swiper-pagination-bullet-active{width:15rem; height:6rem;}
}
@media all and (max-width:400px){
	.project-wrap{width:90%; margin:0 auto;}
	.projectSwiper .lt_info{margin-top:15rem;}
}