/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1100px; height:500px; overflow:hidden }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block; margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:1100px }

/* ★ [한 줄 5개 배치 및 간격 조절] 메이크샵 기본 스타일 강제 덮어쓰기 */
.product-wrap .item-wrap .item-cont {
    *zoom: 1;
}
.product-wrap .item-wrap .item-cont:after {
    display: block;
    clear: both;
    content: '';
}

/* 5개 배치를 위한 상품 카드 스타일 */
.product-wrap .item-wrap .item-cont .item-list {
    width: 20% !important;            /* 5개 배치를 위해 20% 적용 */
    float: left !important;
    box-sizing: border-box !important;
    padding: 0 10px 30px !important;    /* 좌우 간격 10px, 아래 간격 30px */
    margin: 0 !important;               /* 기존 메이크샵 마진 초기화 */
    text-align: center !important;
}

/* 썸네일 박스 고정 높이 제거 및 아래 여백 축소 */
.product-wrap .item-wrap .item-cont .item-list .thumb {
    width: 100% !important;
    height: auto !important;             /* 고정 높이 해제 */
    margin: 0 0 10px 0 !important;      /* 이미지 아래 여백을 10px로 축소 (더 줄이려면 5px로 변경) */
    padding: 0 !important;              /* 내부 여백 제거 */
}

/* 썸네일 이미지 자동 리사이징 */
.product-wrap .item-wrap .item-cont .item-list .thumb img {
    width: 100% !important;            /* 이미지가 칸 폭에 맞게 자동 조정 */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 상품 정보(텍스트) 영역 위쪽 여백 제거 */
.product-wrap .item-wrap .item-cont .item-list .prd-info {
    margin-top: 0 !important;           /* 위쪽 여백 제거 */
    padding-top: 0 !important;          /* 위쪽 내부 여백 제거 */
}

/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }
/* BASIC css end */