.ec-base-product { margin:22px 0 0; }
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }

.ec-base-product .prdList { width:100%; }
.ec-base-product .prdList > li { position:relative; display:flex;}

.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:10px 7px; text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { margin:10px 0 0; border-bottom:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .promotion { float:left; margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .thumbnail .promotion img { margin:0 4px 0 0; }
.ec-base-product .prdList .thumbnail .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .thumbnail .button img { margin:0 2px 0 0; cursor:pointer; }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }

.ec-base-product .prdList .description {}
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

/* grid */
.ec-base-product ul.grid1 > li { width:100%; }
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

.ec-base-product ul.grid1 > li .thumbnail {}
.ec-base-product ul.grid1 > li .thumbnail .prdImg {margin:0;border-radius: 20px;overflow:hidden}
.ec-base-product ul.grid1 > li .thumbnail .prdImg img {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);border-radius: 20px;}
.ec-base-product ul.grid1 > li .thumbnail .prdImg:hover img,
.ec-base-product ul.grid1 > li .thumbnail .prdImg.on img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.ec-base-product ul.grid1 > li .description {}

.ec-base-product ul.grid1 > li .description .fd-more,
.ec-base-product ul.grid1 > li .description .fd-sample {
    display: inline-block;width: 100%; font-size:14px; line-height: 40px; border: 2px solid #d9d9d9;
    text-align: center; color: #686868;margin-top: 10px;
    -moz-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    -webkit-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    -ms-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
}

.ec-base-product ul.grid1 > li .description .fd-more:hover {border: 2px solid #595a64;background:#595a64;color: #fff;}

.ec-base-product ul.grid1 > li .description .fd-sample {border: 2px solid #00ADBB;background: #00ADBB;color: #fff;}


/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { float:left; width:220px; text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { float:left; width:247px; padding:0 20px; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li.xans-record- {line-height:24px}
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/* 공통 상품진열 */
.ec-base-product .prdList { width:100%; }
.ec-base-product .prdList > li { position:relative; display:flex;margin-bottom:25px;padding:30px 15px;}
.ec-base-product .prdList > li .prdContent {position:relative; display:flex;flex-wrap:wrap;}
.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0;text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box;
    -moz-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    -webkit-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    -ms-transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
    transition: all 0.5s cubic-bezier(0.77,0,0.175,1);
}
.ec-base-product .prdList .thumbnail a img:hover {/* opacity:0.8; */}
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .description {margin:0 auto; padding:20px 0;text-align:left;position:relative;}
.ec-base-product .prdList .description .name {text-align:left;font-size:12px;margin-bottom:-5px;}
.ec-base-product .prdList .description .icon { margin:10px 0 5px 0;vertical-align:middle;}
.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .description .icon img {margin:0 4px 4px 0;}
.ec-base-product .prdList .description .icon .promotion {font-size:0;}
.ec-base-product .prdList .description .pro_icon {position:relative;font-size:0;}
.ec-base-product .prdList .description .pro_icon img {padding:6px;cursor:pointer;}
.ec-base-product .prdList .description .button { float:none; margin:0; }
.ec-base-product .prdList .description .button img { margin:0 2px 0 0; cursor:pointer; }
.ec-base-product .prdList .description .button .option { display:inline; position:relative; }
.ec-base-product .prdList .description .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .description .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .description .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton.selected button { color:#353535; }

.ec-base-product .spec li {text-align:left;margin-bottom:3px;}
.ec-base-product .spec li .chips {width:25px;height:5px;margin:0 9px 0 0;}
.ec-base-product ul.grid2 li .thumbnail {margin:0 auto;text-align:center;float:none;}
.ec-base-product ul.grid2 li .description{margin:0 auto;padding:30px 20px 25px;text-align:left;float:none;}
.ec-base-product ul.grid2 li .description {width:80%;} 
.ec-base-product .prdList .description .name a span {font-size:1.0rem !important;font-weight:600 !important;display: block;margin-bottom:10px;}
.ec-base-product .prdList li[rel="상품요약정보"] {margin-bottom:10px;}
.ec-base-product .prdList li[rel="상품요약정보"] span {font-size:0.8rem !important;color:#888 !important;font-weight:400 !important;}
.ec-base-product ul.grid2 li[rel="소비자가"] {margin-top:10px;}
.ec-base-product ul.grid2 li[rel="소비자가"] span {font-size:14px !important;color:#999 !important;font-weight:400 !important;}
.ec-base-product ul.grid2 li[rel="판매가"] {margin-bottom:10px;}
.ec-base-product ul.grid2 li[rel="판매가"] span {font-size:16px !important;color:#222 !important;font-weight:400 !important;}
.ec-base-product ul.grid2 li[rel="상품색상"] {margin-top:10px;margin-bottom:8px;}

.ec-base-product .prdList > li:nth-child(odd) {}
.ec-base-product .prdList > li:nth-child(even) {background:#f2f2f2;}

@media (min-width: 960px) {

	.ec-base-product .prdList > li {justify-content: center;}
	.ec-base-product .prdList > li:nth-child(even) .thumbnail {order:2}
	.ec-base-product .prdList > li:nth-child(even) .description {order:1}
	.ec-base-product .prdList > li:nth-child(even) .description .inner {    margin-left: 0;}

	.ec-base-product .prdList > li .prdContent {max-width: 1130px;min-width: 850px;justify-content: space-between;}

	.ec-base-product ul.grid1 > li .thumbnail {flex-basis:350px; }
	.ec-base-product ul.grid1 > li .description {flex-basis:500px;display:flex;justify-content: start;align-items:center;margin:0;}
	.ec-base-product ul.grid1 > li .description .inner {margin-left:50px;}
	.ec-base-product ul.grid1 > li .description .fd-more {background:transparent;border: 2px solid #d9d9d9;color: #686868;}
	.ec-base-product ul.grid1 > li .description .fd-more,
	.ec-base-product ul.grid1 > li .description .fd-sample {width: 180px;margin-top: 30px;}
	.ec-base-product ul.grid1 > li .description .fd-sample:hover {border: 2px solid #48b6bf;background:#48b6bf;color: #fff;}
	

	
}


.xans-product-relationlist,
.xans-product-listnormal,
.xans-product-listnew,
.xans-product-listrecommend {}