/* 등급표시 아이콘 */
.grade_ic {
  font-size: 8px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 1px;
  width: 25px;
  display: inline-block;
  background-color: #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* 이미지 상단 등급표시 */
.grade_layer {
  position: absolute;
  display: inline-block;
  font-size: 11px;
  color: #fff;
  top: 0;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.2);
}
.soldout {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  filter: Alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity: 0.4;
}
.soldout_text {
  z-index: 55555;
  font-weight: bold;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
}
.out_img {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#product_list {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#product_list ul {
  width: 880px;
  display: flex;
  flex-flow: wrap;
}
#product_list li {
  // background-color:#f8f8f8;
  border: 1px solid #dddddd;
  width: 166px;
  float: left;
  margin: 5px;
  padding: 5px;
}
#product_list img {
  width: 150px;
  height: 150px;
}
.goods_brand {
  font-size: 12px;
  margin: 10px auto;
  font-weight: bold;
  height: 15px;
}
.goods_name {
  color: #828282;
}
.goods_price {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  letter-spacing: -0.5px;
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
}
.goods_store {
  padding: 5px 0;
}
.goods_kword {
  font-size: 12px;
  color: #999;
  margin: 7px 0;
  height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  -webkit-box-orient: vertical;
}
.line_1 {
  margin: 7px 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  -webkit-box-orient: vertical;
}
#no_goods {
  font-size: 17px;
  width: 880px;
  border: 1px solid #dddddd;
  padding: 60px;
  font-weight: bold;
}
#product_list2 {
  position: relative;
  width: 100%;
}
#product_list2 ul {
  width: 880px;
}
#product_list2 li {
  background-color: ;
  border: 1px solid #dddddd;
  width: 166px;
  float: left;
  margin: 5px;
  padding: 5px;
}
#product_list2 img {
  width: 150px;
  height: 150px;
}
/************************************ 20210225 **************************************/

.place_title {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e9e8e8;
  margin-bottom: 30px;
}
.place_title h4 {
  font-size: 17px;
  width: 100%;
  float: left;
  text-align: left;
  padding: 0 0 10px 0;
  line-height: 30px;
}
.place_title h4:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin: 0 5px 3px 0;
  background: #000;
  border-radius: 50%;
}
.place_title h4 p.title_sub {
  font-size: 14px;
  width: auto;
  display: inline-block;
}
.place_title h4 p.title_sub span {
  padding: 0 5px;
}
.place_title h4 p.title_sub span:last-child {
  padding: 0;
}
.place_title h4 p.title_all {
  font-size: 14px;
  margin-left: 15px;
  display: inline-block;
  font-weight: normal;
}
.place_title h4 p.title_all span {
  font-weight: bold;
  color: #fe3815;
}
/* Style the buttons inside the tab */

.page_item {
  margin: 30px 0;
}
.page_item .tab {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  text-align: center;
}
.page_item .tab button {
  font-size: 15px;
  color: #666;
  border: none;
  outline: none;
  cursor: pointer;
  line-height: 45px;
  background-color: #fff;
  margin: 0 7px;
  display: inline-flex;
  justify-content: space-around;
}
.page_item .tab button:hover {
  color: #000;
}
/* Create an active/current tablink class */
.page_item .tab button.active {
  color: #fe3815;
  border-bottom: 2px solid #fe3815;
  font-weight: 700;
}
/* Style the tab content */
.page_item .tabcontent {
  width: 100%;
  display: none;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9e8e8;
  overflow: hidden;
  padding: 10px 0;
}
.page_item .tabcontent ul {
}
.page_item .tabcontent li {
  float: left;
  width: 16.6%;
  line-height: 30px;
}
.page_item .tabcontent li a {
  color: #666;
}
.page_item .tabcontent li:hover a {
  color: #000;
  text-decoration: underline;
}
.page_item .tabcontent li.active a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.list_align {
  font-size: 15px;
  margin: 50px 0 30px 0;
  text-align: right;
}
.list_align a {
}
.list_align a:hover {
  color: #666;
  text-decoration: underline;
}
.list_align a:last-child::after {
  border-right: none;
  margin: 0;
}
.list_align a::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 10px;
  margin: 0 15px;
  border-right: 1px solid #ccc;
}
/*  키워드 슬라이드 */
.sw3 .nk {
  width: auto !important;
  padding: 0px 5px 0px 5px;
}
.keyword_swiper {
  width: 100%;
  overflow: hidden;
  margin: 20px auto;
}
.keyword_swiper p {
  display: table;
}
.keyword_swiper p a {
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 15px;
  line-height: 45px;
  height: 45px;
  text-align: center;
  border: 1px solid #dadada;
  cursor: pointer;
  color: #666;
  overflow: hidden;
}
.keyword_swiper p img {
  float: left;
  display: table-cell;
  margin: 7px 7px 0 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.keyword_swiper p img:hover {
}
.keyword_swiper p:hover a {
  background-color: #f9f9f9;
  color: #000;
}
.keyword_swiper p.active a {
  background-color: #f9f9f9;
  font-weight: bold;
  color: #000;
}
.item_second {
  width: 100%;
  background-color: ;
  border-top: ;
  border-bottom: 1px solid #e9e8e8;
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.item_second a {
  font-size: 15px;
  float: left;
  text-align: center;
  width: auto;
  padding: 0 10px;
  line-height: 30px;
  color: #000;
  display: inline-block;
}
.item_second a::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 10px;
  border-right: 1px solid #ccc;
}
.item_second a:hover {
  color: #fe3815;
  text-decoration: underline;
}
.item_second .active a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
.brand_view {
  overflow: hidden;
}
.scroll {
  height: inherit;
  max-height: 240px;
}
.brand_view table {
  width: 100%;
  table-layout: fixed;
}
.brand_view table td {
  width: 20%;
  min-width: ;
  padding: 0 5px;
  line-height: 25px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brand_view table td a {
  color: #666;
}
.brand_view table td:hover a {
}
/**** 상품리스트 하단 경매노출 ***/
.recommend_ac {
  margin: 30px auto;
  overflow: hidden;
}
.recommend_ac h4 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
}
ul.type_list {
  width: 100%;
}
ul.type_list li {
  float: left;
  width: 48%;
  margin: 1%;
  padding: 10px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  overflow: hidden;
}
ul.type_list li p {
  width: 70%;
  line-height: 20px;
  float: right;
  text-align: left;
}
ul.type_list li p.name {
  font-weight: bold;
  margin-bottom: 3px;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.type_list li p.price span {
  float: right;
  font-size: 14px;
}
ul.type_list li p.price span.real {
  font-weight: bold;
}
ul.type_list li p.bidder {
}
ul.type_list li p.bidder span.a {
  float: left;
}
ul.type_list li p.bidder span.b {
  float: right;
  display: block;
  font-weight: normal !important;
}
ul.type_list li img {
  width: 80px;
  margin-right: 10px;
  float: left;
}
/**** 상품리스트 하단 경매노출  end ***/

/**** 하단아울렛 노출 ***/
.recommend_area {
  margin: 30px auto;
  overflow: hidden;
}
.recommend_area h4 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
}
ul.type_outlet {
}
ul.type_outlet li {
  width: 50%;
  float: left;
  padding: 10px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  overflow: hidden;
}
ul.type_outlet li img {
  width: 100px;
  float: left;
}
ul.type_outlet .right {
  width: 60%;
  float: right;
  margin-top: 15px;
}
ul.type_outlet .right p.name {
  font-weight: bold;
  margin-bottom: 10px;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.type_outlet .right p.start {
  color: #c1c1c1;
  text-decoration: line-through;
}
ul.type_outlet .right p.start span.aa {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #c1c1c1;
  margin-right: 5px;
  padding: 2px 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none !important;
}
ul.type_outlet .right p.end {
  font-size: 15px;
  margin: 5px auto;
  font-weight: 800;
}
ul.type_outlet .right p.end span.dc {
  color: #e25238;
}
/**** 하단아울렛 노출  end ***/

/* 디테일 팝업 아이콘*/
.open_detail_wrap {
  position: relative;
  line-height: 35px;
}
.open_detail {
  position: absolute;
  display: inline-block;
  opacity: 0.5;
  top: 0px;
  right: 0;
  width: 35px;
  height: 35px;
	cursor: pointer;
  background-image: url(../img/new/plus_icon.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 23px;
}
/*  디테일 팝업 아이콘 end */

/*  디테일 팝업 */
.detail_pop_area {
  background: #fff;
  border-radius: 10px;
}
#popup02 {
  top: 0px;
  position: absolute;
  width: 450px;
  margin: 0 auto;
  display: none;
  z-index: 99999999;
}
.detail_pop {
  width: 85%;
  margin: 25px auto;
  overflow: hidden;
}
.detail_pop_area h5.pop_close {
  width: 40px;
  height: 40px;
  margin: 0;
  bottom: 6%;
  right: 5%;
  position: absolute;
}
.detail_pop_area h5.pop_close p {
  font-size: 35px;
  font-weight: bold;
	cursor: pointer;
  font-family: "NanumSquareRound", "Noto Sans KR", sans-serif;
}

ul.kmodel_inner3 {
  margin-bottom: 15px;
}
ul.kmodel_inner3 li {
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  overflow: hidden;
}
ul.kmodel_inner3 span {
}
ul.kmodel_inner3 span.kmodel_name {
  font-size: 16px;
  margin: 0 auto 10px;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
ul.kmodel_inner3 span.kmodel_brand {
}

ul.kmodel_inner3 span.kmodel_code {
}
ul.kmodel_inner3 span em {
  width: 75%;
  float: right;
}
.detail_pop .buy_price {
  margin: 30px auto 0;
  text-align: left;
}
.detail_pop .buy_price span.kmodel_price {
  font-size: 20px;
  font-weight: bold;
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
}
.detail_pop .buy_price span em {
  margin-left: 15px;
}

#popup_mask {
  /* 팝업 배경 css */
  position: fixed;
  width: 100%;
  height: 1000px;
  top: 0px;
  left: 0px;
  display: none;
  background-color: #000;
  opacity: 0.8;
  z-index: 99999998;
}