/* BASIC css start */
#contentMain { position: relative; min-height: 650px; width:1000px; padding-left:200px; padding-right:110px; margin: 85px auto 0; } 

/* 메인 롤링이미지 */
.visual { zoom:1; height: 495px; margin-bottom: 50px; }
.visual:after { content:" "; display:block; clear:both; }
.visual .subban li { float: left; height: 242px; }
.visual .subban li img:hover { filter: alpha(opacity=50); opacity: 0.5; }
.visual .subban .mr-11 { margin-right: 11px; }
.visual .subban .mb-11 { margin-bottom: 11px; }
#banner_list { position: relative; float:left; margin-right: 10px; }
#banner_list .clsBannerButton { position:absolute; right:10px; top:10px; }
#banner_list .clsBannerButton li { float: left; width: 28px; height: 6px; padding-left: 5px; text-align: center; cursor:pointer; background: url("//skin.makeshop.co.kr/skin/tem65/btn_off.png") no-repeat scroll right 0; }
#banner_list .clsBannerButton .labelOverClass { background: url("//skin.makeshop.co.kr/skin/tem65/btn_on.png") no-repeat scroll right 0; }
/* 서브배너 2×2 정사각형 */
.visual .subban ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 11px;
  width: 100%;
}

.visual .subban li {
  float: none; /* 기존 float 제거 */
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.visual .subban li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.visual {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* BASIC css end */