@charset "utf-8";

/* 새글 스킨 (latest) */
.lat_title {display:block; margin-bottom:20rem; font-size:30rem; line-height:1em;}
.lat_title a {position:relative; color:#333; display:inline-block}



.board-list{position:relative;}
.boardSwiper{overflow:hidden; padding-bottom:20rem;}
.boardSwiper .empty_li{height:312rem;}
.boardSwiper .empty_li{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%; font-size:16rem;}
.boardSwiper .empty_li.en{display:none;}




.board-list .swiper-slide {height: auto;}

.board-list .case-card { border-radius: 15rem; padding: 25rem; background: #fff; box-shadow: 0 4rem 15rem rgba(0,0,0,0.05); position: relative; text-align: left; transition: all 0.3s ease; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
.board-list .case-card:hover {box-shadow: 0 8rem 25rem rgba(0,0,0,0.06); transform: translateY(-2rem); }

.board-list .header-area { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted #E9E9E9; padding-bottom:20rem; margin-bottom: 25rem; }
.board-list .case-num { color:var(--color-point);font-size: 14rem; font-weight:bold; margin-bottom: 6rem; font-family:var(--font-eng2); }
.board-list .case-title { font-size:22rem; font-weight: 700; color: #222; word-break: keep-all; line-height: 1.3; margin: 0; }
.board-list .avatar {width:70rem; height:71rem; border-radius: 50%; object-fit: cover; background: #f8f8f8; flex-shrink: 0; margin-left: 10rem; }

.board-list .info-grid { display: flex; gap: 23rem; margin-bottom:20rem; }
.board-list .info-item { display: flex; flex-direction: column; }
.board-list .info-item .label { font-size: 14rem; color: #999; margin-bottom: 5rem; font-weight: 600; }
.board-list .info-item .value { font-size: 17rem; font-weight:600; color: #333; }

.board-list .proposal { margin-bottom:30rem; flex-grow: 1; }
.board-list .proposal .label {display:inline-block; font-size: 14rem; color: #999; margin-bottom: 5rem; font-weight: 600; }
.board-list .proposal .value { font-size: 17rem; font-weight: 600; color: #333; }

.board-list .result-box { display: flex; overflow: hidden; margin-top: auto; }
.board-list .result-label { background-color: var(--color-point); color: #fff; padding: 10rem 15rem; font-weight:600; font-size: 17rem; border-radius:6rem 0 0 6rem; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.board-list .result-value { background-color: #FEF4F6; color:var(--color-point); flex: 1; padding: 10rem; border-radius:0 6rem 6rem 0; border:1px solid #FFE5EC; border-left:none; text-align: center; font-weight:600; font-size: 17rem; display: flex; align-items: center; justify-content: center; box-sizing:border-box; overflow:hidden;}



.boardSwiper .swiper-pagination{display:none; position:relative; bottom:0; margin-top:30rem;}
.boardSwiper .swiper-pagination-bullet-active{background:var(--color-point);}




/*.btn-navi{position:absolute; top:10rem; right:0; display: flex; align-items: center; }*/
.btn-navi .swiper-button-next, 
.btn-navi .swiper-button-prev{position:absolute; top:50%; width:54rem; height:54rem; background:url(img/ic-slide-arr02.svg)no-repeat center; background-size:6rem auto; border:1px solid #DED8D2; border-radius:50rem; box-sizing:border-box;}
.btn-navi .swiper-button-prev{left:-84rem;; transform:rotate(-180deg);}
.btn-navi .swiper-button-next{right:-84rem; margin-left:40rem;}

@media all and (max-width:1600px){
	.btn-navi{display:none;}
	.boardSwiper{padding:0;}
	.boardSwiper .swiper-pagination{display:block;}
}
@media all and (max-width:1500px){
	.boardSwiper .empty_li{height:275rem;}
}

@media all and (max-width:1024px){
	.boardSwiper .empty_li{height:250rem;}
	
}
@media all and (max-width:768px){	
	.boardSwiper .empty_li{height:210rem;}
	
}
@media all and (max-width:620px){	
	.board-list .header-area{padding-bottom:15rem; margin-bottom:20rem;}
	.board-list .case-num{margin-bottom:3rem; font-size:13rem;}
	.board-list .case-title{font-size:18rem;}
	.board-list .avatar{width:50rem; height:51rem;}
	.board-list .info-grid{margin-bottom:12rem;}
	.board-list .proposal{margin-bottom:20rem;}
	.board-list .info-item .label{font-size:12rem;}
	.board-list .info-item .value{font-size:15rem;}
	.board-list .result-label{padding:10rem; font-size:15rem;}
	.board-list .result-value{padding:8rem 5rem; font-size:15rem;}
	.board-list .proposal .label{font-size:12rem;}
	.board-list .proposal .value{font-size:15rem;}
}
@media all and (max-width:480px){	
	.boardSwiper .empty_li{height:140rem;}
	.board-list .header-area{padding-bottom:10rem; margin-bottom:15rem;}
	.board-list .case-card{padding:20rem;}
	.board-list .case-num{margin-bottom:3rem; font-size:10rem;}
	.board-list .case-title{font-size:15rem;}
	.board-list .avatar{width:42rem; height:42rem;}
	.board-list .info-grid{margin-bottom:8rem;}
	.board-list .info-item .label{margin-bottom:3rem; font-size:10rem;}
	.board-list .info-item .value{font-size:12rem;}
	.board-list .proposal .label{margin-bottom:3rem; font-size:10rem;}
	.board-list .proposal .value{font-size:12rem;}
	.board-list .result-label{border-radius:3rem  0 0 3rem; padding:5rem 10rem; font-size:12rem;}
	.board-list .result-value{padding:5rem; font-size:12rem; border-radius:0 3rem 3rem 0;}
	.boardSwiper .swiper-pagination{margin-top:15rem;}
}