/* BASIC css start */
    /* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding: 8px 15px 5px; background-color: #c9c9c9; }
#productClass .prd-class-hd h2 { float: left; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; }
#productClass .prd-class-hd .loc-navi { float: right; color: #fff;  }
#productClass .prd-class-hd .loc-navi a { color: #fff; }
    /* class-list */
#productClass .class-list { zoom: 1; overflow: hidden; padding: 15px }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; }
#productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%; }


/* 180905 젤리진 흐르는 슬라이드 수정 */
.auto-scroll-container {width:100%; height:700px;}
.auto-scroll-container .item-list {height:700px;}
.auto-scroll-container .item-list .item {height:700px;}
.auto-scroll-container .contents {top:50%; margin-top:-31.5px; margin-left:-334px;}
.auto-scroll-container .contents .main-contents-tit {margin-top:0;}
.auto-scroll-container .item-list .item.top-150 > a {top:150px;}
.auto-scroll-container .item-list .item.top-220 > a {top:220px;}
.auto-scroll-container .item-list .item.top-300 > a {top:300px;}


/*0226이민지 수정*/
#productimg {text-align:center;}


.discout_icon {

position: absolute;
   left: 8px;
   top: 43px;
   color: #ffd200;    /*#ffd700*/
   font-size: 20px;
   width: 75px;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   text-align: center;
   z-index:10;

}
.item-thumbnail {
    position: relative;
}
.discout_icon_img {
    position: absolute;
    left:0;
    top: 0;
    z-index:9;
}

.discout_icon > p {margin-block-start: inherit;
   margin-block-end: inherit;
   margin-inline-start: inherit;
   margin-inline-end: inherit;
   font-family: Noto Sans KR;}


.item-wrap .item-list .prd-thumb img.discout_icon_img { max-width: none;
z-index:9;
left:0;
    width: auto;
    max-height: none;
    height: auto; }


.soldout-container{
        color: #ee4545;
    height: 21px;
    font-size: 12px;
}


.cate-list-container .sub-cate-list .cate-list ul > span > a:hover {
    color: #ccc;
}

.cate-list-container .sub-cate-list .cate-list ul > span > a {
    font-size: 20px;
    margin: 0 12px;
    color: #777;
    transition: .2s;
}

/* BASIC css end */