/* BASIC css start */
#contentWrap {width:1286px;}

#mainimg {width:1700px; margin:auto;}


.item-hd {text-align:left;}
.item-hd h2 {margin-top:70px !important;}





/* .item-wrap */
.customtabs-panels .item-cont { zoom: 1; overflow: hidden; }
.customtabs-panels .item-cont:after { content: ""; display: block; clear: both; }
.customtabs-panels .item-cont .item-list { float: left; width: 25%; margin: 10px 0; text-align: center; height:160px;}
.customtabs-panels .item-cont .item-list dt img { max-width: 160px; max-height:160px; }
.customtabs-panels .item-cont .item-list .prd-name { margin-top: 8px; }
.customtabs-panels .item-cont .item-list .prd-price { margin-top: 4px; font-weight: bold; }
.customtabs-panels .item-cont .item-list .color,
.customtabs-panels .item-cont .item-list .preview { margin-top: 4px; }







/**
#main .visual { zoom: 1; overflow: hidden; }
#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol,
#main .visual .ad,
#main .visual .notice { float: left; }
#main .visual .symbol { overflow: hidden; width: 600px; margin-right: 15px; }
#main .visual .ad,
#main .visual .notice { width: 161px; }
#main .visual .notice dt { padding: 5px 0; }
#main .visual .notice dd { margin-top: 10px; }
#main .visual .notice dd .notice-list a { font-size: 11px; padding-bottom: 5px; }
#main .visual .ad { margin-top: 30px; }
*/
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }


/* ========================================================
   [메인 1500px 확장 및 타이틀-상품 시작선 일치 스타일]
======================================================== */

/* 1. 전체 가로폭 1500px 확장 */
#contentWrap {
    width: 1500px !important;
    margin: 0 auto !important;
}

#mainimg {
    width: 1700px !important;
    margin: 0 auto !important;
}

/* 2. 타이틀 영역: 첫 번째 상품 썸네일과 왼쪽 라인 일치 */
.item-hd {
    text-align: left !important;
    padding: 0 10px !important; /* 상품 패딩(10px)과 일치 */
    box-sizing: border-box !important;
}

.item-hd h2 {
    margin-top: 70px !important;
    margin-bottom: 20px !important;
}

.item-hd h2 span img {
    max-width: 244px !important;
    display: block !important;
}

.item-hd h2 p {
    margin-top: 8px !important;
    line-height: 1.4 !important;
}

/* 3. 상품 4열 레이아웃 및 355px 확장 */
#main .item-wrap .item-cont {
    zoom: 1 !important;
    overflow: hidden !important;
    width: 100% !important;
}

#main .item-wrap .item-cont:after {
    content: "";
    display: block;
    clear: both;
}

#main .item-wrap .item-cont .item-list {
    float: left !important;
    width: 25% !important;
    padding: 0 10px !important;
    margin: 25px 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    height: auto !important; /* 고정 높이 160px 해제 */
}

/* 4. 이미지 박스 및 썸네일 비율 유지 */
#main .item-wrap .item-cont .item-list dt {
    width: 100% !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

#main .item-wrap .item-cont .item-list dt a {
    display: block !important;
    width: 100% !important;
}

#main .item-wrap .item-cont .item-list dt img {
    width: 100% !important;
    max-width: 355px !important; /* 1500px에 최적화된 상품 가로폭 */
    max-height: none !important; /* 이전 160px 제한 해제 */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 5. 텍스트 간격 정돈 */
#main .item-wrap .item-cont .item-list .prd-name,
#main .item-wrap .item-cont .item-list .prd-name a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    text-indent: 0 !important;
/* BASIC css end */

