﻿@charset "utf-8";

/*상품진열css*/

/*사각진열*/
dl.item-grid {margin:0 0 25px 0}
dl.item-grid > dt > a {display:block;position:relative;border:1px solid #ccc;border-radius:4px;}
dl.item-grid > dt > a > img {width:100%}
dl.item-grid > dt > a > span.ab {display:block;position:absolute;bottom:1px;right:1px;} /*padding:.2em .3em; font-size:1.5em;font-weight:normal;background-color:#555;color:#fff;opacity:0.8;border-radius:8px 0 0 0;*/
dl.item-grid > dt > a > span.ab > span.fr:before {content:'무료배송';display:inline-block; padding:3px 8px; border:1px solid #d0e0f0; background-color:#f3f7fb;} /*무료배송*/
dl.item-grid > dt > a > span.ab > span.fb:before {content:'사은품';display:inline-block; padding:3px 8px; border:1px solid #d0e0f0; background-color:#f3f7fb;} /*사은품*/
dl.item-grid > dd {padding:.8em .5em; height:9em} /*height:8em*/
dl.item-grid > dd > a {display:block; overflow:hidden; text-overflow:ellipsis; margin-bottom:.3em; font-size:1em; letter-spacing:-1px; max-height:2.8em; line-height:1.4; color:#333;}
dl.item-grid > dd > p {margin:0; max-height:4.2em; line-height:1.4; overflow:hidden } /* max-height:3.2em;*/
dl.item-grid > dd > p > span {display:inline-block;margin-right:12px}
dl.item-grid > dd > p > span.pr {font-size:1.2em; letter-spacing:-1px; color:#ae0000; font-weight:bold;} /*판매가*/
dl.item-grid > dd > p > span.pr:before {display:none; content:'판매가';color:#999;margin-right:.5em;font-size:14px; font-weight:normal}
dl.item-grid > dd > p > span.pr:after {content:'원';margin-left:.1em;font-size:14px; font-weight:normal}
dl.item-grid > dd > p > span.pm {display:none;color:#999;letter-spacing:-1px;text-decoration:line-through} /*정상가*/
dl.item-grid > dd > p > span.pm:after {content:'원';margin-left:.05em}
dl.item-grid > dd > p > span.ra {color:#f33;font-weight:bold} /*할인율*/
dl.item-grid > dd > p > span.ra:after {content:'%할인';margin-left:.05em; letter-spacing:-1px; font-weight:normal}
dl.item-grid > dd > p > span.po {color:#090; font-weight:bold} /*포인트*/
dl.item-grid > dd > p > span.po:after {content:'P적립';letter-spacing:-1px;margin-left:.05em; font-weight:normal}
@media (max-width: 767px) { dl.item-grid > dd > p > span.pr:before {display:none;} }

/*가로진열*/
dl.item-grid.row > dt {padding-left:0}
dl.item-grid.row > dd {padding:0 0 0 .8em; height:10em}
dl.item-grid.row > dd > p {max-height:4.6em}

/*상세진열*/
dl.item-grid.row.item-ful {margin-bottom:38px}
dl.item-grid.row.item-ful > dt {padding-left:0}
dl.item-grid.row.item-ful > dd {padding:0 0 0 .8em; height:auto}
dl.item-grid.row.item-ful > dd > a {font-weight:bold}
dl.item-grid.row.item-ful > dd > p {max-height:unset}
dl.item-grid.row.item-ful > dd > div {margin-top:8px} /*내용요약*/

/*외곽선사용*/
dl.item-grid.item-border {border:1px solid #ccc;border-radius:4px;}
dl.item-grid.item-border > dd {padding:.8em .5em !important}
dl.item-grid.item-border > dt > a  {border:none}

/*사진크기*/
@media (min-width: 520px) and (max-width: 767px) {
    div.item-list-rec > div.col-xs-6 { width: 33.33333333%; } /*사각진열*/
    div.item-list-ref dl.item-grid.row dt.col-xs-6 {width: 33.33333333%;} /*가로진열*/
    div.item-list-ref dl.item-grid.row dd.col-xs-6 {width: 66.66666667%;} /*가로진열*/
}