/*
#############################################
# 2021.02.09 by.zoy
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Binggrae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 상단 */
.top_new_menu div.top_one_menu > ul > li:first-child { background-color:#A874E1;  }
.top_new_menu div.top_one_menu > ul > li > a { color:#A874E1;  }
.btn_favo a .star-svg { background-color:#A874E1; vertical-align:sub; }
.btn_favo a .star-svg path { fill: #fff; }
/* 네비 */
.top_new_menu div.top_two_menu ul.gnb > li > a { font-weight:600; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0; }
.top_new_menu div.top_two_menu ul.gnb > li > a:hover { }
.top_new_menu div.top_two_menu > ul > li.current a { color:#40a7ff; font-weight:600; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0; }
.top_new_menu div.top_two_menu > ul > li  .sgnb2 > li { background-color:#68849d; }
.top_new_menu div.top_two_menu > ul > li  .sgnb2 > li a { color:#fff; }
.top_new_menu div.top_two_menu > ul > li  .sgnb2 > li > a:hover { border-color:#4d5f6e; color:#4d5f6e;  }
/* search UI */
.sub_search_box { margin-bottom:0; }
section.listSearchSection { margin-bottom:60px; }
section.listSearchSection * { letter-spacing:0; }
section.listSearchSection table { border-collapse:collapse; border-spacing:0; }
section.listSearchSection table.searchTable { border:1px solid #ddd; border-top:3px solid #A874E1; width:100%; position:relative; }
section.listSearchSection table.searchTable th,
section.listSearchSection table.searchTable td { text-align:left; font-size:15px; line-height:25px; padding:10px 12px 5px; border:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; }
section.listSearchSection table.searchTable th {  color:#4d4d4d; background-color:#f6f6f6; font-size:15px; font-weight:500; }
section.listSearchSection table.searchTable td.keywordSearch {}
section.listSearchSection table.searchTable td.keywordSearch label { display:table; border:1px solid #ddd; width:100%; border-radius:3px; }
section.listSearchSection table.searchTable td.keywordSearch label div.searchInline { display:table-cell; vertical-align:top; height:30px; line-height:30px; }
section.listSearchSection table.searchTable td.keywordSearch .searchSelect { width:160px; border-right:1px solid #ddd; }
section.listSearchSection table.searchTable td.keywordSearch .searchSelect select { border:none; width:100%; line-height:30px; padding:0 10px; color:#4d4d4d; font-size:15px; font-family: 'Noto Sans KR', sans-serif; }
section.listSearchSection table.searchTable td.keywordSearch .searchInput { width:675px; }
section.listSearchSection table.searchTable td.keywordSearch .searchInput input { border:none; width:calc(100% - 20px); line-height:30px; height:30px; padding:0 10px; color:#4d4d4d; font-size:15px; font-family: 'Noto Sans KR', sans-serif; }
section.listSearchSection table.searchTable td.keywordSearch .searchButton { width:200px; height:auto !important; position:absolute; bottom:-45px; left:50%; margin-left:-100px; border:none; }
section.listSearchSection table.searchTable td.keywordSearch .searchButton button { border:none; width:100%; line-height:45px; height:45px; color:#fff; font-size:16px; font-family: 'Noto Sans KR', sans-serif; background-color:#A874E1; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
section.listSearchSection table.searchTable td.keywordSearch .searchButton button i { padding-left:8px; font-size:15px; }
section.listSearchSection ul.searchOptionList { display:inline-block; }
section.listSearchSection ul.searchOptionList > li { display:inline-block; margin-right:8px; margin-bottom:5px; }
section.listSearchSection ul.searchOptionList > li > a {}
section.listSearchSection ul.searchOptionList > li > a > span { color:#4d4d4d; font-size:15px; font-family: 'Noto Sans KR', sans-serif; background-color:#f6f6f6; border-radius:3px; border:1px solid #ddd; display:inline-block; padding:0 10px; height:25px; line-height:25px; }
section.listSearchSection ul.searchOptionList .text_over { background-color:#A874E1; color:#fff; }
section.listSearchSection .price_range { display:inline-block; padding:0; margin-left:10px; font-family: 'Noto Sans KR', sans-serif; line-height:25px; }
section.listSearchSection .price_range span { line-height:25px; vertical-align:middle; display:inline-block; }
section.listSearchSection .price_range .priceSearchInput { border:1px solid #ddd; height:25px; vertical-align:top; margin:0; }
.guideDownList { text-align:right; margin-top:40px; }
.guideDownList .listButton { height:40px; border-radius:3px; line-height:40px; color:#fff; font-size:14px; font-weight:600; text-align:center; background-color:#fff; width:136px; border:1px solid #A874E1; background-color:#A874E1; display:inline-block; vertical-align:top; }
.guideDownList .listButton:nth-child(even) { border:1px solid #4d5f6e; background-color:#4d5f6e; }


/*
#############################################
# 2021.03.10 by.zoy
*/
.default_wrap { position:relative; }
.sub_search_box{z-index:inherit !important;}
.produt_layer .produt_layer_over { position:absolute !important; z-index:10 !important; }
.produt_layer:hover .produt_layer_over { z-index:20 !important; }
.default_wrap .changeButtonList {  position:fixed; bottom:30px; z-index:100; left:50%; transform:translateX(-50%); }


.default_wrap .changeButtonList .list { display:flex; flex-wrap:wrap; justify-content:space-between; background-color:#fff; border-radius:20px; position:relative; 
	box-shadow:inset 90px 0 10px rgb(255 255 255 / 60%), inset -3px 3px 18px -2px #8c8c8c, 0 0 15px #ccc, 0px -5px 16px 1px #ddd, -5px -5px 16px 1px #ddd, 5px -5px 16px 1px #ddd, -5px -5px 16px 1px #ddd, 5px -5px 16px 1px #ddd, 17px 9px 0 -5px rgb(255 255 255 / 60%), -3px 6px 12px -7px #000, 0 0 0 14px #fff, 0 0 0 15px #999;
}
.changeButtonList .button { width:200px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:18px; font-weight:700; letter-spacing:-0.5px; background-color:#4d5f6e; }
.changeButtonList .button.active { background-color:#a874e1; }
.changeButtonList .button:nth-child(1) { border-top-left-radius:20px; border-bottom-left-radius:20px; }
.changeButtonList .button:nth-child(2) { border-top-right-radius:20px; border-bottom-right-radius:20px; }


/*

#sc_wrap {  }
#sc_wrap > .sbType { padding-bottom:0; }
#sc_wrap > .sbType > .sbType_tit { color:#fff; font-size:14px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0; }
#sc_wrap > .sbType .sbType_list > li { margin-top:4px; }
#sc_wrap > .sbType .sbType_list > li > a { padding:0 0 0 5px; }
#sc_wrap > .sbType .sbType_list > li > a > span { color:#fff; font-size:14px; font-weight:400; padding:0 12px; text-align:center; height:22px; background-color:#87888b; border-radius:3px; display:inline-block; height:30px; line-height:30px; font-family: 'Noto Sans KR', sans-serif; }
#sc_wrap > .sbType .sbType_list > li .text_over{ background-color:#28374a; }

#sc_wrap > .sbType .sbType_list > li > a.on{color:#ff0000;font-weight:bold;}
.search_option select{width: 139px !important;height: 38px;line-height: 38px;}
*/



/* mypage */
.couponMainSection { border:1px solid #dddddd; background-color:#f6f6f6; padding:20px; }
.couponMainSection .warning_title2 { font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; color:#333; font-size:22px; line-height:32px;  }
.couponMainSection .warning_title2 strong { background:linear-gradient(to top, #DAC5F3 50%, transparent 50%); }
.couponMainSection ul.couponList { display:flex; justify-content:space-between; align-items:stretch; }
.couponMainSection ul.couponList > li { width:49%; display:flex; flex-direction:column; justify-content:space-between; }
.couponMainSection .couponTitle { color:#333; font-size:16px; font-weight:600; line-height:32px; letter-spacing:-0.5px; }
.couponMainSection .couponTitle i { color:#0078cb; }
.couponMainSection .couponContent {  }
.couponMainSection .couponContent p { font-family: 'Noto Sans KR', sans-serif; line-height:20px; letter-spacing:-0.5px; font-size:14px; font-weight:500; }
.couponMainSection .couponContent .couponMemo { color:#333; }
.couponMainSection .couponContent .couponStatus { color:#888; }
.couponMainSection .couponLink { display:flex; justify-content:space-between; align-items:center; height:45px; line-height:45px; background-color:#A874E1; color:#fff; font-family: 'Noto Sans KR', sans-serif; margin-top:15px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.5px; border-radius:3px; }
/* 물품시세확인권 */
section.couponSection {  }
section.couponSection .sectionTitle { color:#333; font-size:20px; font-weight:700; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0; border-bottom:1px solid #ddd; padding-bottom:15px; line-height:28px; }
section.couponSection .sectionTitle .subTitle { display:inline-block; color:#888; font-size:15px; font-weight:400; margin-left:5px; }
section.couponSection .couponListLayout { margin-top:25px;width:100%;display:inline-block; }
section.couponSection ul.couponList { display:block; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
section.couponSection ul.couponList > li { border:1px solid #ddd; background-color:#fff; height:140px; width:208px; margin-bottom:20px; padding:15px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between;float:left; }
section.couponSection ul.couponList > li:not(:nth-child(3n)) { margin-right:20px; }
section.couponSection ul.couponList > li .event,
section.couponSection ul.couponList > li .ribbon1 { display:none; }
section.couponSection ul.couponList > li.itemEvent { position:relative; }
section.couponSection ul.couponList > li.itemEvent .event { position:absolute; right:8px; top:8px; background-color:#0078cb; color:#fff; font-size:15px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; border-radius:100%; width:50px; height:50px; display:flex; justify-content:center; align-items:center; }

section.couponSection ul.couponList .itemTitle { color:#333; font-size:20px; font-weight:700; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:28px; margin-bottom:3px; }
section.couponSection ul.couponList .itemSale { color:#ff3737; font-size:14px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:18px; }
section.couponSection ul.couponList .itemPrice { color:#ff3737; font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:20px; margin-bottom:5px; }
section.couponSection ul.couponList .itemMemo { color:#888; font-size:13px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:18px; }
section.couponSection ul.couponList .itemBuy { border-top:1px solid #eee; padding-top:15px; }
section.couponSection ul.couponList .itemButton { background-color:#4d5f6e; width:100%; height:35px; color:#fff; font-size:15px; font-family: 'Noto Sans KR', sans-serif; }
section.couponSection ul.couponList .itemButton:hover { background-color:#0078cb; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
section.couponSection .couponWarning { margin-top:5px; }
section.couponSection .couponWarning p { color:#888; font-size:14px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; line-height:18px; letter-spacing:-0.2px; margin-bottom:3px; line-height:18px; }
section.couponSection ul.couponList > li.couponBack { background-image:url('/static/img/mypage/couponBack.gif'); }
section.couponSection ul.couponList li.couponBack .itemTitle { color:#333; font-size:20px; font-weight:700; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:28px; margin-bottom:3px; margin-top:12px; text-align:center; }
section.couponSection ul.couponList li.couponBack .itemSale { color:#888; font-size:13px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:20px; text-align:center; }
section.couponSection ul.couponList li.couponBack .itemSale .price { text-decoration:line-through; }
section.couponSection ul.couponList li.couponBack .itemPrice { color:#ff3737; font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:20px; margin-bottom:5px; text-align:center; }
section.couponSection ul.couponList li.couponBack .itemMemo { color:#888; font-size:13px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; line-height:18px; }
section.couponSection ul.couponList li.couponBack .itemBuy { border-top:none; padding-top:0; margin-bottom:15px; padding:0 20px; }
section.couponSection ul.couponList li.couponBack .itemButton { background-color:#0078cb; width:100%; height:35px; color:#fff; font-size:15px; font-family: 'Noto Sans KR', sans-serif; }
section.couponSection ul.couponList li.couponBack .itemButton:hover { background-color:#4d5f6e; }

section.couponSection ul.couponList > li.itemEvent .ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 7px;
  display:block;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 10px solid #F8463F;
}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 10px 3px 5px;
  border-top-right-radius: 8px;
  width: 49px;
  font-family: 'Noto Sans KR', sans-serif;
  color:#fff;
}
.ribbon1 span:before, .ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #C02031;
}

/* 프리미엄 리스트 시작 */
.main_tab_cont ul::after {
 clear: both;
 content: '';
 display: block;
}
.main_tab_cont ul li {
  float: left;
  display: inline-block;
  width:235px;
  min-height: 280px;
  margin-bottom:9px;
  margin-left: 10px;
}
.main_tab_cont ul li .over {
  position: absolute;
  z-index: 10;
  min-width:235px;
  min-height: 280px;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  background: url('/static/img/renew/product_list_ov.png') center center no-repeat;
}
.main_tab_cont ul li .itemWrap::hover .over {
  display: block;
}
.main_tab_cont ul.tc {
  display: table;
  width:100%;
}
.main_tab_cont ul.tc li {
  vertical-align: middle;
  display: table-cell;
  margin-left: 0;
  float: none;
  width: auto;
  text-align: center;
}
.main_tab_cont ul li .itemWrap {
  cursor: pointer;
  display: inline-block;
  width:235px;
  position: relative;
  border:1px solid #d5d4d0;
  background:#fff;
  min-height: 280px;
}
.main_tab_cont img.premiumImg {
  width: 235px;
  height: 168px;
}
.main_tab_cont .premiumImgWrap {
  position: relative;
  width: 235px;
  height: 168px;
}
.main_tab_cont .stat30::before,
.main_tab_cont .stat41::before,
.main_tab_cont .stat43::before {
  position: absolute;
  display: block;
  opacity: 0.8;
  font-weight: bold;
  top: 0px;
  left: 50%;
  width: 235px;
  height: 168px;
  text-align: center;
  margin-left: -117.5px;
  font-size: 20px;
  line-height: 8;
}
.main_tab_cont .stat30::before {
  content: '[거래중]';
  color: #fff;
  background: #aaa;
}
.main_tab_cont .stat41::before {
  content: '[취소중]';
  color: #fff;
  background: #34cce3;
}
.main_tab_cont .stat43::before {
  content: '[판매완료]';
  color: #1919e3;
  background: #7fff00;
 }
.main_tab_cont .info {
  padding: 10px 8px;
  text-align: left;
}
.main_tab_cont .info .loc {
  color: #999;
  white-space: nowrap;
  font-size: 11px;
  text-align: left;
}
.main_tab_cont .info .subj {
  font-weight: bold;
  color: #4c4c4c;
  padding-top: 3px;
  vertical-align: top;
  font-size: 13px;
  text-align: left;
}
.main_tab_cont .info .price {
  padding-top:10px;
  text-align: right;
}
.main_tab_cont .info .price strong {
  color:#F00;
  font-size:22px;
}
.main_tab_cont .info .price .won {
  color:#666;
  font-size: 13px;
}
/* 프리미엄 리스트 종료 */

/* 물품 리스트 */
table.productList {
  margin-top: 10px;
  width: 100%;
  border-spacing:0;
}
table.productList tr th,
table.productList tr td {
  height: 35px;
  line-height: 35px;
  text-align: center;
}
table.productList tr * {
  font-size: 14px;
  color : #000;
}
table.productList tr td:nth-child(3) a {
  display: inline-block;
  text-overflow: ellipsis; 
  white-space: nowrap; 
  overflow: hidden;
  width: 450px;
  vertical-align: middle;
}
table.productList tr th {
  border-top: 2px solid #999;
  border-bottom: 1px solid #ddd;
  background-color: #f1f1f1;
  font-weight: normal;
}
table.productList tr td {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  position: relative;
}
table.productList tr td .unit{
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  margin-bottom: -2px;
}
table.productList tr td .price {
  vertical-align: bottom;
}

table.productList tr td .price strong {
  color:#f00;
  font-size: 14px;
  vertical-align: bottom;
  font-weight:550;
}

table.productList tr td .price1 {
  color:#000;
  vertical-align: bottom;
  font-size: 11px;
}
table.productList tr td .price1 strong{
  color:#666;
  vertical-align: bottom;
  font-weight:500;
}
table.productList tr td .price .won {
  color:#666;
  font-size: 13px;
  vertical-align: bottom;
}
table.productList tr td:nth-child(3) {
  text-align: left;
}
table.productList tr td:nth-child(4) {
  text-align: right;
}


table.productList tr:nth-child(odd) td {
  background: #F9F9F9;
}
table.productList tr:hover td {
  background: #dff4fd;
}
table.productList tr:hover td:nth-child(3){
  background-image: url('/static/img/search4.png');
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: 30px auto;
}

table.productList tr.buy td:nth-child(3) {
  text-align: center;
}
table.productList tr.buy td:nth-child(4) {
  text-align: left;
}
table.productList tr.buy td:nth-child(5) {
  text-align: right;
}
table.productList tr.buy:hover td:nth-child(3){
  background-image: none;
}
table.productList tr.buy:hover td:nth-child(4){
  background-image: url('/static/img/search4.png');
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: 30px auto;
}

table.productList tr.premium td {
  background: #ede574;
}

table.productList tr.mincnt td {
  background: #edc774;
}
table.productList tr.stat30 td:nth-child(3)::before,table.productList tr.stat41 td:nth-child(3)::before,table.productList tr.stat43 td:nth-child(3)::before,table.productList tr.mincnt td:nth-child(3)::before {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  top: 50%;
  left: 50%;
  width: 200px;
  text-align: center;
  margin-left: -50px;
  font-size: 20px;
  margin-top: -20px;
}

table.productList tr.stat30.buy td:nth-child(4)::before,table.productList tr.stat41.buy td:nth-child(4)::before,table.productList tr.stat43.buy td:nth-child(4)::before,table.productList tr.mincnt.buy td:nth-child(4)::before {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  top: 50%;
  left: 50%;
  width: 200px;
  text-align: center;
  margin-left: -50px;
  font-size: 20px;
  margin-top: -20px;
}

table.productList tr.stat30 td {
  background: rgb(197, 197, 197);
  opacity: 0.8;
}

table.productList tr.mincnt td:nth-child(3)::before {
  content: '[ 판매수량부족 ]';
  opacity: 0.8;
}

table.productList tr.stat30 td:nth-child(3)::before {
  content: '[ 거래중 ]';
  opacity: 0.8;
}
table.productList tr.stat41 td {
  background: #34cce3;
  opacity: 0.8;
}
table.productList tr.stat41 td:nth-child(3)::before {
  content: '[취소중]';
}
table.productList tr.stat43 td {
  background: #7fff00;
  opacity: 0.8;
}
table.productList tr.stat43 td:nth-child(3)::before {
  content: '[판매완료]';
  color: #1919e3;
 }
 
table.productList tr.mincnt.buy td:nth-child(3)::before {
  content: '';
}

table.productList tr.stat30.buy td:nth-child(3)::before {
  content: '';
}
table.productList tr.stat41.buy td:nth-child(3)::before {
  content: '';
}
table.productList tr.stat43.buy td:nth-child(3)::before {
  content: '';
}
table.productList tr.mincnt.buy td:nth-child(4)::before {
  content: '[ 판매수량부족 ]';
  opacity: 0.8;
}

table.productList tr.stat30.buy td:nth-child(4)::before {
  content: '[ 거래중 ]';
  opacity: 0.8;
}

table.productList tr.stat41.buy td:nth-child(4)::before {
  content: '[취소중]';
}
table.productList tr.stat43.buy td:nth-child(4)::before {
  content: '[구매완료]';
  color: #1919e3;
 }

/* 물품 리스트 */