/* BASIC css start */
#main { position: relative; }

/*메인배너*/	
#circleBanner { display:inline-block; float:left; position:relative; }

.prdlist_slide h2 { position:relative; width: 100%; height:28px; margin:0 0 30px; text-align:left; font-weight:normal; border-bottom:2px solid #efefef;}
.prdlist_slide h2 span{display:block; position:relative; height:30px; padding-right:10px;}

.prdarea h2 { display:block; position:relative; width: 100%; height:28px; margin:0 0 50px; text-align:left; font-weight:normal; border-bottom:2px solid #efefef;}
.prdarea h2 span{display:inline-block; position:relative; height:30px; padding-right:10px;}
.prdList li.item .name { display:block; height:40px; line-height:20px; font-size:12px; overflow:hidden; text-overflow:ellipsis; } /* max height 32에서 40 수정 */
.prdList li.item .name a { color:#707070;}
.prdList li.item .subname{ display:block; max-height:16px; line-height:16px; font-size:12px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis;}
.prdList li.item .price{ letter-spacing:1px; font-size:12px;}
.prdList li.item .price a {color:#ff0000;}

/*BEST SELLER*/	
.prdlist_slide { display:none !important; }
/* 원문 .prdlist_slide { display:block; float:left; position: relative; width:100%; height:auto; margin:0px auto 50px; } */

/*NEW ARRIVAL*/
.prd_new { display:block; width:100%; margin:20px auto;}

.more{position:relative; float:right; margin-top:10px; line-height:12px; color:#808080; font-size:11px; }
.more span{float:left; color:#ff6600; }
.more span strong{display:inline-block; float:right; }

/*ADD ITEM*/
.prd_add { display:block; width:1200px; margin:0 auto;}

/* 이달의 인기상품 숨김*/
#main .prdarea:last-of-type{ display:none; }




/* ==================================================
   SAERO EVENT - MAIN PRODUCT TEXT
   메인 상품명 및 가격 디자인
   ================================================== */

/* 01. 메인 상품명 */
#main .prdList li.item .prd_spec .name {
    display: block;
    height: 40px;
    line-height: 20px;
    margin: 0;

    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #333333;

    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}

/* 상품명에 링크가 포함된 경우 */
#main .prdList li.item .prd_spec .name a {
    color: #333333;
    text-decoration: none;
}

#main .prdList li.item .prd_spec .name a:hover {
    color: #f36f31;
}

/* 02. 일반 판매가격 */
#main .prdList li.item .prd_spec .price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 22px;
    color: #222222;
}

/* 03. 할인 전 원래 가격 */
#main .prdList li.item .prd_spec .orgprice {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    text-decoration: line-through;
}

/* 04. 할인 적용 가격 */
#main .prdList li.item .prd_spec .d_price {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 23px;
    color: #f36f31;
}

/* 05. 상품 정보 영역 공통 폰트 */
#main .prdList li.item .prd_spec {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
}



/* ==========================================
   SAERO EVENT - MAIN PRODUCT SPACING
   메인 상품 카드 간격 개선
   ========================================== */

/* 01. 상품 이미지 영역 */
#main .prdList li.item .thumb {
    display: block;
    margin-bottom: 12px;
}

/* 02. 상품명 영역 */
#main .prdList li.item .prd_spec .name {
    height: 40px;
    line-height: 20px;
    margin: 0 0 6px 0;
}

/* 03. 가격 영역 */
#main .prdList li.item .prd_spec .price,
#main .prdList li.item .prd_spec .d_price {
    margin-top: 0;
    margin-bottom: 0;
}

/* 04. 상품 행 사이 간격 */
#main .prdarea .prdList {
    row-gap: 30px;
}

/* 05. 상품명은 왼쪽 정렬 */
#main .prdList li.item .prd_spec .name {
    text-align: left;
}

/* 가격은 가운데 정렬 */
#main .prdList li.item .prd_spec .price,
#main .prdList li.item .prd_spec .d_price {
    text-align: center;
}


/* BASIC css end */