@charset "utf-8";

/****************************************************

	1. asset 이동완료 2025-07-25
	2. 개별사이트 스타일 작업시 아래에 추가하여 사용하세요!

****************************************************/
/* add */






/* 고객요청 */
.benimg{width:100%; max-width:1300px; display:flex; gap:1rem;margin: 2rem 0rem;flex-wrap: wrap;}
.benimg a img{width:100%; height:100%;}

.benimg > * {
    flex: 1 1 calc(33.33% - 1.33rem); /* 3개씩 배치, gap 고려 */
    box-sizing: border-box; /* padding, border가 너비에 포함되도록 */
}

.main-boxbanner .banner-img-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr)!important;}
    grid-template-rows: repeat(3, auto)!important;}  /* 세로 3줄 */
    gap: 1rem;
    width: 100%;
    align-items: start;
    box-sizing: border-box;
}
#bru_bbs ul.blog {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: dense;
}

#bru_bbs ul.blog li:nth-child(1) { order: 6!important;}
#bru_bbs ul.blog li:nth-child(2) { order: 5!important;}
#bru_bbs ul.blog li:nth-child(3) { order: 4!important;}
#bru_bbs ul.blog li:nth-child(4) { order: 3!important;}
#bru_bbs ul.blog li:nth-child(5) { order: 2!important;}
#bru_bbs ul.blog li:nth-child(6) { order: 1!important;}


/* media */
@media screen and (max-width: 1880px) {
	@media screen and (max-width: 1640px){
	}
	@media screen and (max-width: 1560px){
	}
	@media screen and (max-width: 1500px){
	}
	@media screen and (max-width: 1470px){		
	}
	@media screen and (max-width:1280px){
	}
	@media screen and (max-width: 1024px){
	}
	@media screen and (max-width: 800px){ /* breakpoint 모바일 */
.visual-single{margin-top:0!important;}
	.map{display:none;}

	}
	@media screen and (max-width: 640px){		
	}
	@media screen and (max-width: 480px){
	}
	@media screen and (max-width: 360px){	
	}
}