@charset "UTF-8";

.fl-box{display:flex;align-items:center;}
.fl-box .link-box{padding:0 0 0 2rem;}
.page-img-wrap{align-items:center;gap:5%;}
.page-title{margin:5.5rem 0;}
.page-img-wrap .page-txt-box{width:52.4%;}
.page-img-wrap .circle-btn.medium{margin:3rem 0 0;}
.page-img-wrap .page-img-box{display:grid;align-items:center;margin:0;width:42.6%;height:auto;}
.page-img-wrap .page-img-box .object-fit{position:relative;}
.page-img-wrap .page-img-box .page-img-txt{position:absolute;left:5rem;bottom:5rem;font-weight:var(--font-weight-medium);color:#fff;}
.page-img-wrap .page-img-box .page-img-txt .txt01{font-size:2rem;}
.page-img-wrap .page-img-box .page-img-txt .txt02{font-size:6rem;}
.box-contact-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3등분하여 3개의 칼럼을 만듬 */
    gap: 20px; /* 항목 간 간격 */
}

.box-contact-list li {
    list-style: none; /* 기본 리스트 스타일 제거 */
}

.box-contact-list li:nth-child(3n) {
    margin-right: 0; /* 3번째 항목마다 오른쪽 여백 없애기 */
}
@media screen and (max-width:1400px){
	.page-img-wrap .page-txt-box br{display:none;}
}

@media screen and (max-width:1024.98px){	
	.page-img-wrap .page-img-box .page-img-txt .txt02{font-size:1.6rem;}
	.page-img-wrap .page-img-box .page-img-txt .txt02{font-size:4rem;}
	.box-contact-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3등분하여 3개의 칼럼을 만듬 */
    gap: 20px; /* 항목 간 간격 */
}
}

@media screen and (max-width:768px){	
	.page-title{margin:3.5rem 0;}
	.page-img-wrap .page-txt-box{width:100%;}	
	.page-img-wrap .page-img-box{margin:0 0 3.5rem;width:100%;}
	.page-img-wrap .page-img-box .page-img-txt{left:5%;bottom:5%;}
	.box-contact-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 3등분하여 3개의 칼럼을 만듬 */
    gap: 20px; /* 항목 간 간격 */
}
}