@charset "utf-8";


/* 기본 CSS는 데스크탑 기준 */
h2.sect-title{font-size: 2.12rem; text-align: center; margin: 6.25rem 0 1.25rem}
div.sect-desc{text-align: center}

@media screen and (max-width:1280px){
	h2.sect-title{font-size: 1.6rem; margin: 3.33rem 10px 1rem}
}

.sect-content{margin-top: 2rem;}
.project-list{display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 1.25rem; }
.project-item{cursor: pointer; width: calc((100% - 3 * 1rem) / 4); border: 1px solid var(--color-border); box-sizing: border-box;}
.project-item-img{aspect-ratio: 1 / 1; overflow: hidden; display: flex; justify-content: center;}
.project-item-img img {display: block; height: 100%; object-fit: cover;}
.project-item-title{font-size: 1.13rem; margin: 20px 20px 0}
.project-item-desc{font-size: 15px; line-height: 140%; word-break: keep-all; color: var(--color-text-light); margin: 10px 20px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

@media screen and (max-width:1280px){
	.sect-content{margin-top: 1.33rem;}
	.project-list{column-gap: 0.67rem; row-gap: 1rem}
	.project-item{width: calc((100% - 2 * 0.67rem) / 3)}
	.project-item-title{font-size: 1rem; margin: 10px 10px 0}
	.project-item-desc{font-size: 14px; margin: 10px}
}

@media screen and (max-width:428px){
	.project-item{width: calc((100% - 0.67rem) / 2)}
}

section#section2 div.biz{padding: 50px 0; background: url(/image/main/sect2_backimg.jpg) no-repeat 50% 0 #433e3e; margin-top: 100px; background-size: cover; background-blend-mode: overlay}
section#section2 div.biz h2.sect-title{margin-top: 0; color: #fff}
section#section2 div.biz div.sect-desc {word-break: keep-all; color: #fff}
div.sect-button-wrap{margin-bottom: 0}