.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:30px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; 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 { margin:0 -10px 0; text-align: left; font-size:0; line-height:0; }
.ec-base-product .prdList > li { display:inline-block; margin:0 0 18px; color:#757575; vertical-align:top; }
.ec-base-product .prdList .prdList__item{margin: 0 10px;}
.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumb,
.ec-base-product .prdList .thumbnail{ position: relative; text-align: center; width: auto; white-space:normal; }
.ec-base-product .prdList .thumb{ position:relative; margin:0 0 10px; }
.ec-base-product .prdList .thumb .img img{ width: 100%; height: 100%;}
.ec-base-product .prdList .thumbnail { position:relative; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail a img { width: 100%; max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .icon__box{position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; }
.ec-base-product .prdList .icon__box span + span{ margin: 12px 0 0;}
.ec-base-product .prdList .wish { z-index:1; display: block; width:30px; cursor:pointer; }
.ec-base-product .prdList .wish img{ max-width: 100%; }
.ec-base-product .prdList .cart { z-index:1; display: block; width:30px; cursor:pointer; }
.ec-base-product .prdList .cart img{ max-width: 100%; }
.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 { vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .benefit{position: absolute; left: 0; bottom: 0;}

.ec-base-product .prdList .icon { margin:14px 0 0; text-align:left; }
.ec-base-product .prdList .icon img { margin:0 4px 0 0; max-height: 23px; }

.ec-base-product .prdList .description { margin:20px 20px 0 0; padding: 0; font-size:12px; line-height:18px; text-align:left; white-space:normal; }
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#000; font-size:13px; }
.ec-base-product .prdList .description span.grid { display:block; }

/* grid */
.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 .color { max-width:230px; }
.ec-base-product ul.grid4 .color { max-width:190px; }
.ec-base-product ul.grid5 .color { max-width:130px; }
  /* right display */
  .ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
  .ec-base-product ul.grid2 li .thumbnail { text-align:left; margin:0; }
  .ec-base-product ul.grid2 li .description { padding:0; }
  .ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }

/* module="product_ListItem" */
.ec-base-product .spec { margin:12px 0 0; }
.ec-base-product .spec > li { margin: 0 0 14px; text-align:left; line-height:19px; }
.ec-base-product .spec > li.price {margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec > li.price.sale{text-decoration: line-through; }
.ec-base-product .spec > li.price ~ .sale{margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec .summary { color:#6d6d6d; font-size:12px; }
.ec-base-product .spec .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; line-height:1; }
.ec-base-product .spec .chips { display: inline-block; 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 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 { display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; z-index:100; border:1px solid #000; background:#fff; }
.differentialShipping h3.title { height:60px; margin:0 20px; padding:20px 0; font-size:16px; color:#000; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.differentialShipping .content { padding:12px 18px 14px 18px; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:16px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.differentialShipping .close a { position:relative; z-index:1; display:block; width:100%; height:100%; }
.differentialShipping .close:before { content:""; position:absolute; top:0; right:10px; width:1px; height:21px; background:#000; }
.differentialShipping .close:after { content:""; position:absolute; top:10px; right:0; width:21px; height:1px; background:#000; }
.differentialShipping .close img { display:none; }
.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; }

/********************* Mobile *********************/
@media all and (max-width:767px) {
  .ec-base-product ul.grid5 > li{width: 50%;}
  .ec-base-product .prdList{margin: 0 -5px 0;}
  .ec-base-product .prdList .wish{width: 22px;}
  .ec-base-product .prdList .prdList__item{margin: 0 5px; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
  .ec-base-product .title h3 { margin:40px 0 20px; font-size:16px; }
  .ec-base-product ul.grid4 > li{width: 50%; }
  
  .ec-base-product .discountPeriod { position:static; }
  .ec-base-product .btnTooltip { position:static; }
  .differentialShipping { left:0; right:0; width:88%; margin:10px auto 0; }
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
  .ec-base-product ul.grid5 > li{width: 33.33%;}
  .ec-base-product ul.grid4 > li{width: 33.33%; }

  .ec-base-product .prdList{margin: 0 -8px 0;}
  .ec-base-product .prdList .prdList__item{margin: 0 8px; }
}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-product .title h3 { margin:50px 0 25px; font-size:20px; }
    
  .ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
  .ec-base-product .btnTooltip { position:relative; }
  .differentialShipping { left:50%; top:17px; width:350px; margin:0 0 0 -176px; }
}