/* BASIC css start */
/* 메인 배너 */
#column_visual { margin:18px auto 23px; position:relative; width:1200px; height:550px; overflow:hidden }
#column_visual .visual { position:relative }
#column_visual .visual .main_banner li img { width:100%; height:550px }
#column_visual .visual .bx-controls-direction { position:absolute; top:255px; left:0; width:1200px; z-index:10 }
#column_visual .visual .bx-controls-direction a { display:inline-block; position:absolute; top:0; width:40px; height:40px; text-indent:-9999em; background:url(//skin.makeshop.co.kr/skin/tem95/sp_controls.png) 0 0 no-repeat }
#column_visual .visual .bx-controls-direction a.bx-prev { left:23px }
#column_visual .visual .bx-controls-direction a.bx-next { right:23px; background-position:0 -40px }

/* 상품 타이틀 */
.h_title { padding:60px 0 25px; text-align:center }
.h_title h3 { display:inline-block; font-size:20px; font-weight:bold; font-family:Arial; border-bottom:2px solid #434343 }

/* md's pick */
#column_topLIst { position:relative; *zoom:1 }
#column_topLIst:after { display:block; clear:both; content:'' }
#column_topLIst .item-wrap { float:left; width:850px }
#column_topLIst .pickTab { height:39px }
#column_topLIst .pickTab li { padding-right:5px; float:left; width:166px }
#column_topLIst .pickTab li.t5 { padding-right:0 }
#column_topLIst .pickTab li a { display:block; height:38px; font-size:14px; font-weight:bold; font-family:Arial; text-align:center; line-height:38px; border:1px solid #eee; border-bottom:none; background:#fff; }

/* 메뉴 단차(글자 2줄) 안 생기도록 정렬 보정 */
#column_topLIst .pickTab li a {
    display:flex !important;
    align-items:center;
    justify-content:center;
    line-height:1.4 !important;
    height:50px !important; /* 높이를 조금 여유 있게 */
    white-space:normal !important; /* 2줄 허용 */
    padding:0 5px;
}
/* --- 카테고리 단차 제거 전용 코드 --- */

/* li 강제 폭 제거 → 글자 길이에 맞게 자동 조정 */
#column_topLIst .pickTab li {
    width:auto !important;
    padding-right:0 !important;
    margin-right:10px;
}

/* a 태그 높이 자동화 + 중앙 정렬 + Flex 적용 */
#column_topLIst .pickTab li a {
    height:auto !important;
    padding:10px 20px !important;
    line-height:1.4 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    white-space:nowrap !important; /* 글자 줄바꿈 방지 → 단차 100% 사라짐 */
}
/* ------- 탭 단차 완전 제거 ------- */
#column_topLIst .pickTab {
    display:flex !important;
    align-items:center;
    gap:10px;
}

#column_topLIst .pickTab li {
    width:auto !important;
    float:none !important;
    padding-right:0 !important;
}

#column_topLIst .pickTab li a {
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:10px 18px !important;
    height:auto !important;
    line-height:1.4 !important;
    white-space:nowrap !important;   /* 줄바꿈 100% 방지 */
}


#column_topLIst .pickTab li a.active { color:#fff; background:#a6a6a6; border:1px solid #a6a6a6; border-bottom:none }
#column_topLIst .pickList { padding:18px 8px 17px 14px; position:relative; width:826px; height:216px; border:1px solid #eee }
#column_topLIst .pickList .item-cont { width:826px; overflow:visible !important }
#column_topLIst .pickList .item-cont ul { *zoom:1 }
#column_topLIst .pickList .item-cont ul:after { display:block; clear:both; content:'' }
#column_topLIst .pickList .item-cont ul li { margin-right:5px; position:relative; float:left; width:160px; height:216px }
#column_topLIst .pickList .item-cont ul li .thumb img { width:100%; height:216px }
#column_topLIst .pickList .item-cont ul li .shopinfo { display:none; position:absolute; top:0; left:0; width:160px; height:216px; background:rgba(0,0,0,0.5); z-index:10 }
#column_topLIst .pickList .item-cont ul li .shopinfo a { display:block; height:216px }
#column_topLIst .pickList .item-cont ul li .shopinfo .dl { display:block; padding:90px 10px 5px; width:140px; text-align:center }
#column_topLIst .pickList .item-cont ul li .shopinfo .dl .prd-name { display:block; font-size:14px; color:#fff; font-weight:bold }
#column_topLIst .pickList .item-cont ul li .shopinfo .price-bx { display:block; padding:0 10px; width:140px; text-align:center }
#column_topLIst .pickList .item-cont ul li .shopinfo .price-bx .prd-price { font-size:14px; color:#fff; font-weight:bold }

#column_topLIst .topNoticeInsta { float:right; width:332px }
#column_topLIst .topNoticeInsta .noticeBx { height:143px }
#column_topLIst .topNoticeInsta .noticeBx h3 { padding-top:10px; font-size:14px; font-weight:bold; font-family:Arial }
#column_topLIst .topNoticeInsta .noticeBx ul { padding-top:14px }
#column_topLIst .topNoticeInsta .noticeBx ul li { padding-bottom:5px; *zoom:1 }
#column_topLIst .topNoticeInsta .noticeBx ul li:after { display:block; clear:both; content:'' }
#column_topLIst .topNoticeInsta .noticeBx ul li a { float:left; width:215px; font-size:14px; color:#939393; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
#column_topLIst .topNoticeInsta .noticeBx ul li .date { padding-right:5px; float:right; font-size:14px; color:#939393 }
#column_topLIst .topNoticeInsta .instaBx { position:relative }
#column_topLIst .topNoticeInsta .instaBx h3 { padding-top:10px; font-size:14px; font-weight:bold; font-family:Arial }
#column_topLIst .topNoticeInsta .instaBx .instaCont { padding-top:12px }

/* band slider */
.midBandBnnr { padding-top:50px; position:relative; height:263px }
.midBandBnnr .bx-pager { position:absolute; bottom:19px; right:16px; height:16px }
.midBandBnnr .bx-pager .bx-pager-item { display:inline-block }
.midBandBnnr .bx-pager .bx-pager-item a { display:block; margin:0 2px; width:16px; height:16px; text-indent:-9999em; background:url(//skin.makeshop.co.kr/skin/tem95/sp_pager.png) 0 0 no-repeat }
.midBandBnnr .bx-pager .bx-pager-item a.active { background-position:0 -16px }


.new-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

.new-item-box {
    width: calc(25% - 20px);
    box-sizing: border-box;
}

.new-item-box img {
    width: 100%;
    height: auto;
    display: block;
}

.new-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.new-item-box {
    width: calc(25% - 20px);
}

.new-item-box img {
    width: 100%;
    height: auto;
    display: block;
}
/* NEW ITEM 영역 가로 4개 정렬 강제 적용 */
#wrap #contentWrapper #content .productWrap .item-wrap > ul.item-cont.new-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 아이템 박스 */
#wrap #contentWrapper #content .productWrap .item-wrap > ul.item-cont.new-grid > li.new-item-box {
    width: calc(25% - 20px) !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* 이미지 스타일 */
#wrap #contentWrapper #content .productWrap .item-wrap > ul.item-cont.new-grid > li.new-item-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 기존 float 제거 → 세로 1열 문제 해결 */
.productWrap .item-wrap ul.item-cont li {
    float: none !important;
    width: auto !important;
}

/*가운데 배너 안보이게 하는것 */
.midBandBnnr {
    display: none !important;
}


/* 4개 한줄인데 2가지 카테고리로 만드는것 */
/* 4개 한 줄 배치 (2+2 믹스 구조) */
.four-mix-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.four-mix-box {
    width: calc(25% - 20px) !important;
    box-sizing: border-box;
}

.four-mix-box img {
    width: 100% !important;
    height: auto !important;
    display: block;
}






/* BASIC css end */