/* BASIC css start */
/* swiper css - 공통 */
    swiper-container {
      width: 100%;
      height: 100%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.ec-base-product_main_01_left .prdList .prame_box .promotion img { width:60px; }
.ec-base-product_main_01_left .prdList .thumbnail a { width:100%; height:100%; margin: 0 !important; }
:root {
    -swiper-theme-color: #fff;
}

#prdBrand .cate_main { width: 100%; text-align: center; margin: 10px 0 30px 0; }
#prdBrand .cate_main span { font-weight: 600; }

#prdBrand .cate_top { font-size: 24px; margin-bottom: 5px; }

#prdBrand .cate_sel { display: inline-block; }
#prdBrand .cate_sel select { margin: 0; width: 180px; line-height: 45px; height: 45px; font-size: 15px; text-align: center; border-color: #e1e1e1; }

#prdBrand .cate-wrap h2.list_title {text-align: center;padding: 0 0 0 12px;font-family: 'Noto Sans', sans-serif;color: #4a5164;font-size: 32px;font-weight: normal; margin:50px 0 25px 0;}

#prdBrand .list_category:after {content:""; display:block; clear:both;}
#prdBrand .list_category { width:100%; margin-top:30px;*zoom1; text-align:center; } /* IE5.5~7 브라우저 대응 Hack */
#prdBrand .list_category li { display:inline-block; width:15%;position:relative;border:1px solid #e1e1e1;margin:-1px 0 0 -1px;height:45px; text-align:center; overflow:hidden; }
#prdBrand .list_category li a {display:block;height:45px;line-height:44px; color:#333; font-size:15px; }
#prdBrand .list_category li a:hover {display:block;background:#e74174;color:#FFFFFF;font-weight:500}
#prdBrand .list_category li a.sel  {background:#e74174; color:#FFFFFF; font-weight:500}
#prdBrand .list_category li img { width:18px; position:absolute; left:31px; top:12px; }


#prdBrand .list_category .meta_all { background:#333; }
#prdBrand .list_category .meta_all a { color:#fff; }

#prdBrand .list_category .reserve { background: #e74174; }
#prdBrand .list_category .reserve a { color:#fff; }


/* .item-wrap */
.item-wrap { width: 100%; }
.item-wrap .item-hd { margin: 10px 0; padding: 5px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 15px; border: 1px solid #eaeaea; }
.item-wrap .item-info:after { content: ""; clear: both; display: block; }
.item-wrap .item-info .item-total { float: left; padding-left: 10px; }
.item-wrap .item-info .item-order { float: right; }
.item-wrap .item-info .item-order li.first { background:none;}
.item-wrap .item-info .item-order li { float: left; padding:0 15px; background:url("/design/kichmom/djds/bottom/ico_util_footer.gif") no-repeat 0 12px;}


/* 상품진열 스타일 2 - 기본정보 좌측정렬 */
.ec-base-product_main_01_left { width:100%;margin:22px 0 0; }
.ec-base-product_main_01_left img { vertical-align:middle; }
.ec-base-product_main_01_left .prdList { display:flex; width:100%; min-width:1280px; font-size:0; line-height:0; flex-wrap: wrap; justify-content: space-between; }
.ec-base-product_main_01_left .prdList .prame_box { background:#FFFFFF; border:1px solid #fff; width:100%;  height:100%; margin-bottom: 10px; }
.ec-base-product_main_01_left .prdList .prame_box:hover { }

/* 썸네일 하단 롤링 */
@keyframes scroll-animation { 0%{ left: 500px; } 100%{ left: -500px; }} /* 텍스트 width와 동일 */
    
.scroll-text{ width: 100%; overflow: hidden; }
.track{ z-index: 1; position: absolute; display: flex; justify-content: center; align-items: center; width: 500px; height: 40px; bottom: 0; animation: scroll-animation 10s linear infinite; }
.track p { width: 500px; font-size: 20px; color: #fff; font-weight: 400; }
.sub_name { position: absolute; width: 100%; height: 40px; bottom: 0; background: #e74174; }


.ec-base-product_main_01_left .prdList > li { display:inline-block; margin:10px 0; color:#757575; vertical-align:top; }

.ec-base-product_main_01_left .prdList .thumbnail { position:relative; text-align:center; width:100%; height:415px; overflow:hidden; }
.ec-base-product_main_01_left .prdList .icon { position:absolute; top:7px; right:12px; }
.ec-base-product_main_01_left .prdList .icon img { margin: 0 3px; }
.ec-base-product_main_01_left .prdList .icon .promotion { /* box-shadow:0 0 20px 4px #fff;*/ }


.ec-base-product_main_01_left .prdList .thumbnail a img { width:100%; height: 100%; box-sizing:border-box; }
.ec-base-product_main_01_left .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_main_01_left .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_main_01_left .prdList .description { margin-top:9px; line-height:20px; text-align:left; margin: 0 !important; }
.ec-base-product_main_01_left .prdList .description .etc { display:block; padding-bottom:5px; font-size: 15px; color: #666;  }
.ec-base-product_main_01_left .prdList .description .name { display:block; padding-bottom:5px; font-size: 17px; font-weight:500; color: #333; height:27px; }
.ec-base-product_main_01_left .prdList .description .name a { font-size: 16px;color: #222222; height:34px; }
.ec-base-product_main_01_left .prdList .description .prd-price { font-size: 16px;color: #333; }
.ec-base-product_main_01_left .prdList .description .prd-price .prd-price2 { font-size: 19px; color: #000000; }
.ec-base-product_main_01_left .prdList .description .prd-price .sold_out { font-size:17px; padding-top:12px; }
.ec-base-product_main_01_left .prdList .description .spec { font-weight:normal }
.ec-base-product_main_01_left .prdList .description p { display:inline-block; }

.ec-base-product_main_01_left .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_01_left .prdList .description .promotion { /*float:left; margin:0 0 4px;*/  }


/* list_pagenation */
.list_pagenation { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.list_pagenation .first, .list_pagenation .last,
.list_pagenation .next, .list_pagenation .prev { display:inline-block; padding:17px 6px 0 6px; }
.list_pagenation ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.list_pagenation li { display:inline-block; margin:0 0 0 -1px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.list_pagenation li:first-child { margin-left:0; }
.list_pagenation img { vertical-align:top; }
.list_pagenation li a { display:block; width:33px; padding:15px 2px;  color:#666; line-height:17px; font-size:17px; }
.list_pagenation li a:hover { text-decoration:none; background:#f0f2f2; }
.list_pagenation li a.now { padding-bottom:6px; border-bottom:3px solid  #e74174; color:#e74174;  font-weight:bold; }
.list_pagenation a.nolink { cursor:default; }


/* 진열방식 */
.ec-base-product_main_01_left ul.grid3 > li { width:33.33%; }
.ec-base-product_main_01_left ul.grid4 > li { width: 32.5%; }
.ec-base-product_main_01_left ul.grid5 > li { width:20%;max-width:217px;margin:20px 10px; }

/* BASIC css end */