@charset "utf-8";
/* CSS Document */

/* 상품 리스트 */

/* 더보기 버튼 */
.btn_goods_down_more{width:100%; margin:30px 0 30px 0;   text-align:center;}
.btn_goods_down_more .btn_goods_view_down_more{display:inline-block; margin-top:-1px; padding:10px 48px 11px 40px; font-weight:bold; border:1px solid #dbdbdb;  
    background:url(../../img/icon/goods_icon/icon_down_morew.png) no-repeat 85px center; color:#fff; background-color:#555;
}
.btn_goods_down_more .btn_goods_view_down_more:hover { background-color:#121212;  }

.btn_goods_more{position:absolute; bottom:14px; right:5px;}
.btn_goods_more .btn_goods_view_more{padding:2px 5px 3px 5px; font-size:11px; font-weight:bold; border:1px solid #dbdbdb;}

/* 상품이 없을 때 */
.goods_no_data{min-height:200px; text-align:center;}
.goods_no_data strong{font-size:14px; font-weight:normal; line-height:150px;}



/* 상품 갤러리형을 기본으로 */
.goods_list{padding-bottom:10px;}
.goods_list_tit{padding:10px 0 0 0; border-bottom:0px solid #ececec; line-height:1; position:relative;}
.goods_list_tit h3 {  font-family:'Noto Sans KR','Nanum Gothic' ,나눔고딕; font-weight:400;   font-size:29px; line-height:30px; letter-spacing:-1px; color:#33353d; text-align:center; padding-bottom:10px; }
.goods_list_tit h3 span{ font-family: 'Nanum Gothic'; font-weight:400;  font-size:14px;   color:#b5b5b5;   letter-spacing:-0.5px;   display:block;}

.goods_list_cont{position:relative; width:100%;}
.goods_list_cont:after{display:block; clear:both; content:"";}
.goods_list_cont ul{float:left; width:100%; font-size:0;}
.goods_list_cont ul > li{display:inline-block; position:relative; /*min-height:50px;*/  margin:10px 0 30px 0;  text-align:center; vertical-align:top; font-size:12px; }


.item_cont{ padding:0 10px; text-align:left; color:#1c1c1c;}
.icon_time_sale{position:absolute; top:0; left:0; text-align:left;}

.item_photo_box{ display:inline-block; position:relative; text-align:center; border:1px solid #ebebeb; vertical-align:middle;}
.item_photo_box a{display:block;}
.item_photo_box .item_soldout_bg{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;
    background-color:#ffffff;
    filter:alpha(opacity=60);
    background-color:rgba(255, 255, 255, 0.6);
	background-repeat: no-repeat;
	background-position: center center;
	font-size:0;
}
.item_photo_box .item_soldout_bg img{position:relative; max-width:99.5%; vertical-align:middle;}
.item_soldout .item_photo_box .item_soldout_bg{display:block;}
.item_soldout .item_photo_box .item_soldout_bg:before { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}


.item_photo_box .goodsImage img  { width:100%; }



.item_info_cont{ position:relative; width:100%; padding:0 0 0 0;  margin-top:15px; text-align:center; font-size:12px;  vertical-align:middle;   }
.item_tit_box{padding:0;}


/* 브랜드 마크 */
.item_tit_box .item_brand { display:block; color:#111; width:100%; height:40px;  }
.item_tit_box .item_brand strong { width:auto; height:30px; line-height:30px; padding:0 15px; float:left; display:block;  border:1px solid #111; border-radius:2px; font-size:14px;}



.item_tit_box .item_name{display:block; padding:2px 0 5px 0;  font-family: 'Noto Sans KR'; font-size:15px; font-weight:500; line-height:17px;  word-break: break-all; }
.item_tit_box .item_name_explain{display:block; padding:0 0 0 0px; color:#a8a8a8;}

.item_icon_box{margin:0; padding:0;}
.item_icon_box img{display:inline-block; padding:5px 0 0 0;}

.item_money_box{padding:10px 0 0 0; line-height:1; }
.item_money_box del{display:block; color:#888;  float:left; padding:8px 7px 5px 0;   }

/* 판매가 */
.item_money_box .item_price { display:inline-block; padding:7px 0 5px 5px; font-size:14px; color:#111;  font-family:'GmarketSansMedium'; letter-spacing:-.3px;  }

.item_money_box .item_price .time_sale_cost {display:inline-block; padding:7px 0 5px 20px; font-size:16px; background:url('../../img/icon/goods_icon/icon_time_sale_cost.png') no-repeat left 7px; }
.item_money_box .item_price .time_sale_cost_r {display:inline-block; padding-top:5px; font-size:16px;}
.item_money_box .item_price .time_sale_text {display:inline-block; padding:7px 0 5px 20px; font-size:11px; background:url('../../img/icon/goods_icon/icon_time_sale_cost.png') no-repeat left 7px; color:#888; color:#aa0000;}

.item_money_box .item_sale{display:block; padding:3px 0 3px 0; font-size:16px;   font-family:'GmarketSansMedium'; letter-spacing:-.3px; } 
.item_money_box .item_sale .icon_item_coupon {margin:10px 0 0 0; }
.item_money_box .item_sale .icon_item_coupon img{vertical-align:middle; margin-top:-3px; }
.item_money_box .item_mileage { display:block; padding:5px 0 5px 0; line-height:1.5; background:none;}
.item_money_box .item_mileage img { vertical-align:middle; }

.item_number_box { font-size:11px; color:#a8a8a8; }
.item_number_box .num_model{display:block;}
.item_number_box .num_code{display:block;}







/* 상품 대표 색상 */
.goods_list .color{ position:relative; margin-top:5px; overflow:hidden;}
.goods_list .color > div{width:10px; height:10px; text-indent:-9999px; border:#dfdfdf 1px solid; display:inline-block; margin:5px 1px 0 1px; border-radius:3px; }


/* 갤러리형 기본 */
.item_gallery_type{}
.item_gallery_type .color{margin-top:-25px; margin-left:8px; overflow:hidden;} 

 
/* 리스트형 */
.item_list_type{overflow:hidden;  width:100%;}
.item_list_type:after{display:block; clear:both; content:"";}
.goods_list_cont .item_list_type li{width:100%; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ebebeb; text-align:left;}
.item_list_type li:first-child{padding:0 0 0 0; border:0 none;}
.item_list_type .item_cont{display:inline-block; position:relative; width:100%; padding:0; text-align:left; color:#1c1c1c; vertical-align:middle;}
.item_list_type .item_photo_box{display:inline-block !important; position:relative; text-align:center; vertical-align:middle;padding:3px;}
.item_list_type .item_info_cont{display:inline-block; width:70%; padding:0;}
.item_list_type .item_info_list{display:inline-block; width:46%; min-width:100px; padding:0 10px 0 20px; vertical-align:middle;}
.item_list_type .item_info_list .item_tit_box .item_name_explain{display:inline-block;}
.item_list_type .item_money_box{display:inline-block; padding:0 20px 0 20px; vertical-align:middle;}
.item_list_type .item_number_box{padding:10px 0 0 0;}
.item_list_type .item_btn_box{position:absolute; top:50%; right:10px; height:76px; margin-top:-55px;}
.item_btn_box button{display:block; margin:10px 10px 10px 20px; font-weight:bold;}
.btn_list_get{width:200px; padding:10px 20px; color:#fff;  background:#ccc;   }/* 찜하기 */
.btn_list_get:hover{background:#343434; color:#fff; }
.btn_list_cart{width:200px; padding:10px 20px; color:#fff; background:#ccc;  }/* 장바구니 */
.btn_list_cart:hover{background:#343434; color:#fff; }

.item_list_type .item_photo_box{border:none; text-align:left;}
.item_list_type .item_photo_box a img{border:#ebebeb 1px solid;}
.item_list_type .color{margin-top:5px; overflow:hidden; position: absolute;}

/* 리스트형-상품 대표 색상 */
.item_list_type .color{  position:absolute; overflow:hidden;  left:8px; bottom:3px; }
 





/* 리스트그룹형 */
.item_goods_list{  }
.item_group_type ul > li.listitem { position:relative;  width:48%;  }
.item_group_type .item_cont {  position:relative;  float:left;  display:block;  width:100%;   outline:#ebebeb 1px solid; padding:0 !important;   }
.item_group_type .item_photo_box {  position:relative; text-align:center; width:50%; float:left;  vertical-align:middle; margin:0; padding:0; border:0 !important; border-right:1px solid #ebebeb  !important;  }
.item_group_type .item_info_cont {  position:relative; width:46%; padding:10% 1% 0 2%;  float:right;  text-align:left;   }

/* 리스트그룹형-상품 대표 색상 */
.item_group_type .color{  position:absolute; overflow:hidden;  left:8px; bottom:3px; }

 /* 브랜드 마크 */
.item_group_type  .item_brand { position:absolute;  display:block; color:#111; right:10px; top:-3px; width:auto; }
.item_group_type  .item_brand strong { width:auto; height:30px; line-height:30px; padding:0 15px;  display:block;  border:1px solid #111; border-radius:2px; font-size:14px;}









/* 장바구니형 */
.item_basket_type{}
.item_basket_type .item_photo_box:hover .item_link{display:block;}

/* 장바구니형 - 찜하기버튼 */
.item_basket_type .item_widh {  position:absolute; bottom:3px !important; right:-15px; width:24px; z-index:31;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  opacity:0;  cursor:pointer;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }
.item_basket_type li:hover .item_widh {  right:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }
.item_widh p {  font-size:12px;  position:absolute; top:0; right:24px;  width:70px; height:24px; line-height:24px; display:block; background: url(../../han/images/bg/bg_00050.png) repeat; color:#fff; text-align:center; display:none; }
.item_basket_type .item_widh:hover p { display:block;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; }

/* 장바구니형 - 장바구니버튼 */
.item_basket_type .item_bask {  position:absolute; bottom:27px !important; right:-15px; width:24px; z-index:31;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  opacity:0;  cursor:pointer;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }
.item_basket_type li:hover .item_bask {  right:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }
.item_bask p {  font-size:12px;  position:absolute; top:0; right:24px;  width:70px; height:24px; line-height:24px; display:block; background: url(../../han/images/bg/bg_00050.png) repeat; color:#fff; text-align:center; display:none; }
.item_basket_type .item_bask:hover p { display:block;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; }

/* 장바구니형 - 상품 대표 색상  */
.item_basket_type .color{  position:absolute; margin-top:-27px; margin-left:8px; overflow:hidden;} 








/* 상품이동형 : 가로 */
.item_slide_horizontal .slick-prev,
.item_slide_horizontal .slick-next{display:block; position:absolute; top:40%; width:30px; height:50px;}
.item_slide_horizontal .slick-prev{left:0px; background:url(../../img/common/btn/btn_horizontal_prev.png) no-repeat left top;}
.item_slide_horizontal .slick-prev:hover{background:url(../../img/common/btn/btn_horizontal_prev_over.png) no-repeat left top;}
.item_slide_horizontal .slick-next{right:0px; background:url(../../img/common/btn/btn_horizontal_next.png) no-repeat left top;}
.item_slide_horizontal .slick-next:hover{background:url(../../img/common/btn/btn_horizontal_next_over.png) no-repeat left top;}

/* 상품이동형 : 세로 */
.item_slide_vertical{padding:45px 0 40px 0;}
.item_slide_vertical .slick-prev ,
.item_slide_vertical .slick-next{display:block; position:absolute; left:50%; width:50px; height:30px;}
.item_slide_vertical .slick-prev{top:30px; background:url(../../img/common/btn/btn_vertical_prev.png) no-repeat left top;}
.item_slide_vertical .slick-prev:hover{background:url(../../img/common/btn/btn_vertical_prev_over.png) no-repeat left top;}
.item_slide_vertical .slick-next{top:auto; right:auto; bottom:0px; background:url(../../img/common/btn/btn_vertical_next.png) no-repeat left top;}
.item_slide_vertical .slick-next:hover{background:url(../../img/common/btn/btn_vertical_next_over.png) no-repeat left top;}

/* 스크롤형 */
.item_scroll_type{overflow-x:auto; overflow-y:hidden;}
.item_scroll_type ul{padding:0 0 10px 0;}
/* 스크롤형 세로타입 */
.item_scroll_type.scroll_vertical{overflow-x:hidden; overflow-y:auto; height:330px;}

/* 선택강조형 */
.item_hover_type{overflow:hidden;}
.item_hover_type .icon_time_sale{z-index:20;}
.item_hover_type .item_photo_box:hover .icon_time_sale img,
.item_hover_type .item_photo_box:hover .item_soldout_bg img{
    opacity:1;
    filter:alpha(opacity=100);
}
.item_hover_type .item_soldout .item_photo_box:hover .icon_time_sale img,
.item_hover_type .item_photo_box:hover img{
    opacity:0.6;
    filter:alpha(opacity=60);
}

/* 심플이미지형 */
.item_simple_type{overflow:hidden;}
.item_simple_type .item_cont{text-align:center; font-size:0;}
.item_simple_type .item_photo_box{overflow:hidden;}
.item_simple_type .item_simple_over{display:none;}
.item_simple_type li a:hover .item_simple_over{display:block; vertical-align:middle;}
.item_simple_type .item_simple_over{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; /* z-index:10;*/
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
	 /*
    IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다.
    컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
    startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
    하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
	*/
	background-color:rgba(0, 0, 0, 0.7);
	font-size:12px;
}
.item_simple_type .item_simple_info{display:table; width:100%; height:100%; vertical-align:middle;}
.item_simple_type .item_info_cont{display:table-cell; padding:0; text-align:center; vertical-align:middle;}

.item_simple_type .item_cont a{display:inline-block; color:#ffffff;}
.item_simple_type .item_cont span,
.item_simple_type .item_cont del{display:block; color:#ffffff;}
.item_simple_type .item_cont .icon_item_coupon{display:inline;}
.item_simple_type .item_cont .item_tit_box .item_name_explain{padding:0 10px 0 10px;}
.item_simple_type .icon_time_sale{z-index:20;}
.item_simple_type .item_soldout .icon_time_sale{z-index:inherit;}
.item_simple_type .item_price .time_sale_text{color:#fff;}
/* 심플이미지형-상품 대표 색상 */
.item_simple_type .color {  position:absolute; overflow:hidden;  left:18px; bottom:14px; }
.item_simple_type .item_money_box del{display:block; color:#eee;  float:none; padding:0; }
/* 브랜드 마크 */
.item_simple_type .item_tit_box .item_brand {  position:absolute; display:block; color:#fff;  top:10px; left:10px;  }
.item_simple_type .item_tit_box .item_brand strong { width:auto; height:30px; line-height:30px; padding:0 15px; float:left; display:block;  border:1px solid #eee; border-radius:2px; font-size:14px;}





/* 말풍선형 */
.item_tip_type{}
.item_tip_type{}
.item_tooltip_box{padding:3px 3px; color:#fff;}
 


/* 탭진열형 - 가로형 */
.item_hl_tab_type{}
.item_hl_tab_type .goods_tab_tit{}
.item_hl_tab_type .goods_tab_tit ul{float:none; width:70%; margin:0 auto; font-size:0;}
.item_hl_tab_type .goods_tab_tit li{display:inline-block; font-size:12px; text-align:center;}
.item_hl_tab_type .goods_tab_tit li a{display:block; margin-left:-1px; padding:15px 0 15px 0; color:#999999; font-size:13px; border:1px solid #dadada;}
.item_hl_tab_type .goods_tab_tit li.on a{color:#333333; font-weight:bold; border:1px solid #dadada; /*border-bottom:none 0;*/ background:#ffffff;}
.item_hl_tab_type .goods_tab_tit li:first-child a{margin-left:0;}
.item_hl_tab_type .goods_tab_cont{min-height:150px;}
.item_hl_tab_type .goods_tab_cont .goods_tab_box{display:none;}
.item_hl_tab_type .goods_tab_cont .goods_tab_box.on{display:block}
/* 탭진열형 - 가로형-상품 대표 색상 */
.item_hl_tab_type  .color {position:absolute; margin-top: -27px; margin-left: 8px; overflow: hidden;}

/* 탭진열형 - 세로형 */
.item_vl_tab_type{overflow:hidden;}
.item_vl_tab_type .goods_tab_tit{position:absolute; top:0px; left:0px; width:170px;}
.item_vl_tab_type .goods_tab_tit ul{margin:40px 0 0 0;}
.item_vl_tab_type .goods_tab_tit li{width:100%; min-height:10px; margin:0; text-align:left;}
.item_vl_tab_type .goods_tab_tit li a{display:block; padding:10px 0 10px 0; color:#999999; font-size:13px; border-bottom:1px solid #dadada;}
.item_vl_tab_type .goods_tab_tit li.on a{color:#e40000; font-weight:bold; background:url(../../img/icon/goods_icon/icon_vl_tab.png) no-repeat right center;}
.item_vl_tab_type .goods_tab_cont{padding:0 0 0 200px; min-height:150px;}
.item_vl_tab_type .goods_tab_cont .goods_tab_box{display:none;}
.item_vl_tab_type .goods_tab_cont .goods_tab_box.on{display:block}



/* 상품 이동형 */
.item_slide_horizontal .color{margin:0 auto; text-align:left;}
/* 심플이미지형 */
.item_simple_type .color{margin:0 auto; text-align:left; max-width: 60%;}
.item_simple_type .color > div{margin:5px 5px 0 0;}







/* Best 100 */ 
.list100 .goods_list {  counter-reset: section }
.list100 .goods_list li .item_photo_box:before {  
    content: "BEST\A" ;  text-align:center;
    position:absolute; top:0px; left:0px; font-weight:600; color:#fff;  font-size:12px;  z-index:20; width:50px; height:50px; line-height:30px;  
}

.list100 .goods_list li .item_photo_box:after {  
    counter-increment: section; 
    content: counter(section) ;  text-align:center;
    position:absolute; top:0px; left:0px; font-weight:600; color:#fff;  font-size:20px;  z-index:20; width:50px; height:50px; line-height:65px;  
}






/* Best 100 */ 
 .goods_list .listnum {  counter-reset: section;   }
 .goods_list .listnum li .item_photo_box { margin-top:40px; }
 .goods_list .listnum li .item_photo_box:before {  
    counter-increment: section; 
    content: counter(section, decimal-leading-zero) ;  text-align:center;
    position:absolute; top:-60px; left:0px; font-weight:600; color:#555;  font-size:40px;  z-index:20; width:50px; height:50px; line-height:65px;  
}

 .goods_list .listnum li:first-child .item_photo_box:before { color:#e7274c;   }