/* BASIC css start */
#content { margin-top:10px; }


/* 분류 */
.class-list{margin-bottom:40px;}
.class-list ul{display: flex;gap: 12px;flex-wrap: wrap;justify-content: space-between;}
.class-list ul li a {display: inline-block;font-size: 16px;font-weight: 400;color: #000;padding: 10px 17px;white-space: pre;border: 1px solid #ddd;border-radius: 30px;} 
.class-list ul li a.sel{ /*font-weight: 800;*/ color: #fff; background: #e74174;}
.class-list ul li a.sel:hover{/*font-weight: 800;*/ color: #fff; background: #e74174;}


/* 현재분류 act */
.cate_wrap dd a.active { font-weight:800 !important; color: var(--point-color1); }

/* 타이틀 */
.cont_tit { display:flex; justify-content:space-between; align-items:center; margin-bottom: 40px; } 
.cont_tit h1 { display:flex; align-items: baseline; gap:15px; font-size:14px; font-weight:400; color:#888; } 
.cont_tit h1 b { font-size:26px; font-weight:800; color:#000; } 
.cont_tit a { display:flex; align-items:center; gap:5px; font-size:12px; font-weight:400; color: #000; } 

.cateTit { padding-top:60px; position:relative; text-align:center } 
.cateTit h3 { font-size:20px; color:#1c1c1c; font-weight:bold; line-height:20px } 
.cateTit .line { margin:20px auto; width:10px; height:2px; background:#1c1c1c } 


/* .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 0; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;  }
.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-total strong {  color:#e74174; }
.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;}
.item-wrap .item-info .item-order li a:hover { color:#000; }

/* 상품진열 스타일 1 - 기본정보 가운데정렬 */
.ec-base-product_main_01 { width:101.5%;margin:22px 0 0; }
.ec-base-product_main_01 img { vertical-align:middle; }
.ec-base-product_main_01 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_main_01 .prdList .prame_box { background:#FFFFFF; border:1px solid #eaeaea;max-width:280px;  height:415px; }
.ec-base-product_main_01 .prdList .prame_box:hover { border:1px solid #fff; }
.ec-base-product_main_01 .prdList > li { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; }

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

.ec-base-product_main_01 .prdList .thumbnail .icon { position:absolute; right:3px; bottom:4px; z-index:1; }


.ec-base-product_main_01 .prdList .description { margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product_main_01 .prdList .thumbnail .percent { position:absolute; top:0px;left:0px;width:55px;height:55px;background:#646464;line-height:55px;font-size:13px;font-weight:bold;color:#FFF;text-align:center; }
.ec-base-product_main_01 .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 14px;color: #222222;font-weight: bold; height:50px; }
.ec-base-product_main_01 .prdList .description .name a { font-size: 14px;color: #222222;font-weight: bold; height:50px; }
.ec-base-product_main_01 .prdList .description .sub_names { font-size: 11px;color: #555555; }
.ec-base-product_main_01 .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #000000;font-weight: bold; }
.ec-base-product_main_01 .prdList .description .spec { font-weight:normal }
.ec-base-product_main_01 .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_main_01 .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_01 .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; }
.ec-base-product_main_01 .prdList .description .promotion img { width: 48px; margin-right: 3px; }


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


.percent { display:none;font-size:20px; color:#e74174; float:left; margin-right:10px; font-weight:bold;  }

.discount_rate { font-size:20px; color:#e74174; float:left; margin-right:10px; font-weight:bold;  }


/* 상품진열 스타일 2 - 기본정보 좌측정렬 */
.ec-base-product_main_01_left { width:100%;margin:22px 0 0; }
.ec-base-product_main_01_left img { vertical-align:middle; width:60px; }
.ec-base-product_main_01_left .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_main_01_left .prdList .prame_box { position:relative; background:#FFFFFF; border:1px solid #FFF;max-width:320px;  max-height:470px; }
.ec-base-product_main_01_left .prdList .prame_box:hover { border:1px solid #fff; }
.ec-base-product_main_01_left .prdList > li { display:inline-block; margin:15px 0; color:#757575; vertical-align:top; }

.ec-base-product_main_01_left .prdList .thumbnail { position:relative; text-align:center; width:310px; height:310px; overflow:hidden; }
.ec-base-product_main_01_left .prdList .thumbnail .percent { position:absolute; top:0px;left:0px;width:55px;height:55px;background:#646464;line-height:55px;font-size:13px;font-weight:bold;color:#FFF;text-align:center; }
.ec-base-product_main_01_left .prdList .thumbnail a { width:310px; height:310px;margin:5px;justify-content:center; align-items:center; display:flex; }
.ec-base-product_main_01_left .prdList .thumbnail a img { width:100%; height:100%; object-fit:contain; }
.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 .thumbnail .icon { position:absolute; right:10px; top:10px; z-index:1;}

.ec-base-product_main_01_left .prdList .description { position:relative; margin:0 5px; padding:10px 0; font-size:12px; line-height:18px; text-align:left; }
.ec-base-product_main_01_left .prdList .description .brand { display:block; font-size: 16px; color: #222; font-weight:500; line-height:24px;  }
.ec-base-product_main_01_left .prdList .description .name { display:block; padding-bottom:10px; font-size: 16px; color: #222; line-height:28px; letter-spacing:-0.5px; }
.ec-base-product_main_01_left .prdList .description .name a { font-size: 16px; color: #222222; }
.ec-base-product_main_01_left .prdList .description .name .sub { padding-right:10px; color: #e74174; font-weight:500; }

.ec-base-product_main_01_left .prdList .description .spec { width: 100%; float: left; font-weight:normal; display:inline-block; padding-bottom: 10px; }


.ec-base-product_main_01_left .prdList .description .prd-price { font-size:16px; color: #999; }
.ec-base-product_main_01_left .prdList .description .prd-price strike { line-height: 18px; }
.ec-base-product_main_01_left .prdList .description .prd-price .prd-price2 { float:left; font-size: 18px; color: #000; margin-right:10px; font-weight: 500; }
.ec-base-product_main_01_left .prdList .description .prd-price .sold_out { position: relative; font-size: 20px; color: red; font-weight: 500; }


.ec-base-product_main_01_left .prdList .prame_box .icon:after { content:""; display:block; clear:both; }
.ec-base-product_main_01_left .prdList .prame_box .promotion { /*float:left; margin:0 0 4px;*/  }
.ec-base-product_main_01_left .prdList .prame_box .promotion img { width: 70px; margin-right: 2px; }


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


/* list_pagenation */
.list_pagenation { margin:10px 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; }


/* BASIC css end */