@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/* 마켓핫딜 개선 20211203 */
/* 상단 vi 탭 */
.market-hotdeal-top-vi {
	width: 100%;
	line-height: 1;
	transition: all 0.2s;
	position: relative;
    z-index: 2;background:url(/cjom/web/images/hotdeal/bg-t-hotdeal.png) no-repeat 50% 0;background-size:auto 120px;
}
.market-hotdeal-top-vi *, .market-hotdeal-top-vi *:before, .market-hotdeal-top-vi *:after {
	box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Dotum', '돋움', san-serif;
}

.market-hotdeal-top-vi .inner {
	position: relative;
    width: 1280px;
	min-height:120px;
    margin: 0 auto;z-index:100;
	padding: 20px 21px 14px 20px;
	color: #fff;
}
.market-hotdeal-top-vi .logo_hotdeal {position:absolute;left:0;top:0;width:320px;height:120px;background:url(/cjom/web/images/hotdeal/tit_hotdel.gif) no-repeat 0 0;background-size:auto 120px;}
.market-hotdeal-top-vi:after, .market-hotdeal-top-vi .inner:after {
	content: '';
	display: block;
	clear: both;
}
.market-hotdeal-top-vi .left-logo {
	font-size: 0;
	margin-top:13px;
}
.market-hotdeal-top-vi .left-logo h2 {font-size:35px;font-weight:bold;color:#cae9dd;line-height:42px;letter-spacing:-4px;}
.market-hotdeal-top-vi .left-logo .txt {
	display: inline-block;
	font-size: 21px;
	vertical-align: bottom;
}
.market-hotdeal-top-vi .left-logo .icon-dot-top {
	display: inline-block;
	margin-left: -4px;
	position: relative;color:#fff;
}
.market-hotdeal-top-vi .left-logo .icon-dot-top:after {
	display: inline-block;
	content: '';
	background-color: #fff;
	width:6px;
	height:6px;
	border-radius: 5px;
	position: absolute;
	top: -8px;
    left:12px;
}
.market-hotdeal-top-vi .left-logo .icon-dot-top:first-child {
	margin-left:0;
}
.market-hotdeal-top-vi .stitle {margin-top:5px;font-size:16px;line-height:19px;color:#ffff;}
.market-hotdeal-top-vi .icon-hotdel-visual {display:block;position:absolute;left:163px;top:8px;width:80px;height:66px;background:url(/cjom/web/images/hotdeal/icon-hotdel-visual.gif) no-repeat 0 0 ;background-size:auto 66px;}

.market-hotdeal-top-vi .tabs {
	font-size: 0;
	position: absolute;
	right: 24px;
	top: 20px;
}
.market-hotdeal-top-vi .tabs ul li {
	display: inline-block;margin-left:28px;
}
.market-hotdeal-top-vi .tabs ul.column3 li {
	display: inline-block;
	margin-left: 50px;
}
.market-hotdeal-top-vi .tabs li:first-child {
	margin-left: 0;
}
.market-hotdeal-top-vi .tabs .btn-tab {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	text-align: center;
}
.market-hotdeal-top-vi .tabs .btn-tab .txt {
	margin-top:6px;letter-spacing:-1px;
	display: block;line-height:18px;
}
.market-hotdeal-top-vi .tabs li .btn-tab:hover .txt,
.market-hotdeal-top-vi .tabs li.active .btn-tab .txt {
	font-weight: bold;
}
.market-hotdeal-top-vi .tabs .btn-tab .icon-svg {
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	width: 55px;
	height: 55px;
}
.market-hotdeal-top-vi .tabs .btn-tab .icon-svg:after {
	display: inline-block;
	content: '';
	width: 55px;
	height: 55px;
}
.market-hotdeal-top-vi .tabs .btn-tab:hover .icon-svg {
	-moz-animation: spinHorizontal .5s 1 forwards linear;
	-o-animation: spinHorizontal .5s 1 forwards linear;    
	-webkit-animation: spinHorizontal .5s 1 forwards linear;
	animation: spinHorizontal .5s 1 forwards linear;
}
@keyframes spinHorizontal {
	0% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}

/* nomal */
.market-hotdeal-top-vi .tabs li.active .btn-tab:hover .icon-svg {
	animation: unset;
}
.market-hotdeal-top-vi .tabs li .btn-tab.all .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-all.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.deal .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-deal.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.cart .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-the-cart.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.oneplus .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-oneplus.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.freebie .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-freebie.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.boxsale .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-boxsale.svg) no-repeat 0 0;
}

/* hover active */
.market-hotdeal-top-vi .tabs li .btn-tab.all:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.all .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-all-on.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.deal:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.deal .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-deal-on.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.cart:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.cart .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-the-cart-on.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.oneplus:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.oneplus .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-oneplus-on.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.freebie:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.freebie .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-freebie-on.svg) no-repeat 0 0;
}
.market-hotdeal-top-vi .tabs li .btn-tab.boxsale:hover .icon-svg,
.market-hotdeal-top-vi .tabs li.active .btn-tab.boxsale .icon-svg {
	background: url(/cjom/web/images/hotdeal/icon-boxsale-on.svg) no-repeat 0 0;
}

/* 핫딜 스티키 중간 탭 */
.hotdeal-mid-tab {
	margin: 0 auto;
	width: 1280px;
	display: none;
	position: relative;
	z-index: 20100;
}
.hotdeal-mid-tab *, .hotdeal-mid-tab *:before, .hotdeal-mid-tab *:after {
	box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}
.hotdeal-mid-tab .tabs-list {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}

/* 스티키탭 부분 */
.hotdeal-mid-tab.fixed {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0; 
}
.contents.space {
	padding-top: 130px;
}
.market-wrap .wing-bnr-wrap {
	top: 210px;
}
.market-wrap .wing-bnr-wrap.quick-banner .wing-bnr.fixed {
}
.tabs-list[data-sticky] {
    width: 1280px;
}
.tabs-list li {
    float: left;
    width: 25%;
    height: 60px;
    border: 1px solid #ddd;
    border-right-color: transparent;
    box-sizing: border-box;
    font-size:18px;
    color: #767676;
	background-color: #f8f8f8;
    text-align: center;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Dotum', '돋움', san-serif;
	
}
.tabs-list li a {
	display: inline-block;
	text-align: center;
	width: 100%;
	line-height: 58px;
}
.category-list li:last-child {
    border-right-color: #ddd;
}
.tabs-list li.active {
    position: relative;
	border-color: #1ba774;
    color: #1ba774;
    background: #fff;
}
.tabs-list li.active:after {position:absolute;left:0;top:0;display:block;width:100%;height:1px;background-color:#1ba774;content:'';}
.tabs-list.column3 li {
	width: 33.33333%;
}
.tabs-list.column5 li {
	width: 20%;
}
/*20221128 골라담기 css 추가 */
.tabs-list.column6 li {
	width: 16.66%;
	/* width: calc(( 100% - 2px)/6); */
}
/*20221128 골라담기 css 추가 */
.tabs-list.column3 li:last-child,
.tabs-list.column4 li:last-child,
.tabs-list.column5 li:last-child,
.tabs-list.column6 li:last-child {
    border-right-color: #ddd;
}
.tabs-list.column3 li:last-child.active,
.tabs-list.column4 li:last-child.active,
.tabs-list.column5 li:last-child.active,
.tabs-list.column6 li:last-child.active  {
    border-right-color: #1ba774;
}
.tabs-list li.active + li {
    border-left-color: transparent !important;
}

.tabs-list.column2 li:nth-child(n + 3) {
    border-top-color: transparent;
}
.tabs-list.column2 li:nth-child(2) {
    border-color: #ddd;
}
.tabs-list.column2 li:nth-child(1).active+li {
    border-left-color: transparent
}
.tabs-list.column2 li:nth-child(2).active+li {
    border-left-color: #ddd;
}
.tabs-list.column2 li:nth-child(2n) {
    border-right-color: #ddd;
}
.tabs-list.column2 li:nth-child(2n+1) {
    border-left-color: #ddd !important;
}
.tabs-list.column2 li:nth-child(2n+1).active {
    border-color: #1ba774 !important;
}
.tabs-list.column5 li:nth-child(4) {
    border-right-color: transparent;
}
.tabs-list.column5 li:nth-child(4).active {
    border-right-color: #1ba774;
}
.tabs-list.column5 li:nth-child(5).active {
    border-color: #1ba774;
}
.tabs-list.column5 li:nth-child(5).active + li {
    border-left-color: #ddd;
}
.tabs-list.column5 li:nth-child(5n) {
    border-right-color: #ddd
} 
.tabs-list.column5 li:nth-child(5n+1).active {
    border-color: #1ba774;
}
.tabs-list.column5 li:nth-child(6).active {
    border-color: #1ba774;
}
.tabs-list.column6 li:nth-child(5), .tabs-list.column6 li:nth-child(6) {
    border-color: #ddd;
}

.tabs-list.column6 li:hover:nth-child(4) {
	border-right-color:#1ba774;
}
.tabs-list.column6 li:nth-child(5).active {
    border-color: #1ba774;
}
.tabs-list.column6 li:nth-child(6).active {
    border-color: #1ba774;
}
.tabs-list.column6 li:nth-child(5) {
    border-right-color: transparent;
}
.tabs-list.column6 li:hover:nth-child(5) {
	border-right-color:#1ba774;
	border-left-color:#1ba774;
	border-bottom-color:#1ba774;
}
.tabs-list.column6 li:hover:nth-child(6) {
	border-right-color:#1ba774;
	border-left-color:#1ba774;
	border-bottom-color:#1ba774;
}
.category-list.column6 li:last-child {
    border-right-color: #ddd;
}
.tabs-list.column6 li:nth-child(6).active+li {
    border-left-color: #ddd;
}
.category-list.column6 li:nth-child(6n+1) {
    border-left-color: #ddd !important;
}
.tabs-list.column6 li:nth-child(6n+1).active {
    border-color: #1ba774 !important;
}
.tabs-list.column7 li:nth-child(4) {
    border-right-color: #fff;
}
.tabs-list.column8 li:nth-child(4).active+li {
    border-left-color: #ddd !important;
}
.tabs-list.column8 li:nth-child(5).active {
    border-left-color: #1ba774 !important;
}
.tabs-list.column11 li:nth-child(n + 5) {
    border-top-color: #ddd;
}
.tabs-list.column11 li:nth-child(4) {
    border-right-color: transparent;
}
.tabs-list.column11 li a {
    text-align-last: center;
    text-align: center;
    padding-left: 0;
}
.tabs-list.column11 li.active:after {
    display: none;
}
.tabs-list li:hover {
	border-color:#1ba774;
	background: #fff;
	font-weight: 500;
    color: #1ba774;
}
.tabs-list.column5 li:hover:nth-child(4) {
	border-color:#1ba774;
}

.tabs-list.column5 li:hover:last-child {
	border-color:#1ba774;
}
.tabs-list li a span:not(.ic-all) {padding-left:28px;}
.tabs-list li a .ic-deal {background: url(/cjom/web/images/hotdeal/icon-tab01-off.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li a .ic-more {background: url(/cjom/web/images/hotdeal/icon-tab02-off.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li a .ic-plus {background: url(/cjom/web/images/hotdeal/icon-tab03-off.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li a .ic-gift {background: url(/cjom/web/images/hotdeal/icon-tab04-off.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li a .ic-boxsale {background: url(/cjom/web/images/hotdeal/icon-tab05-off.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li.active a .ic-deal,
.tabs-list li a:hover .ic-deal  {background: url(/cjom/web/images/hotdeal/icon-tab01-on.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li.active a .ic-more,
.tabs-list li a:hover .ic-more {background: url(/cjom/web/images/hotdeal/icon-tab02-on.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li.active a .ic-plus,
.tabs-list li a:hover .ic-plus {background: url(/cjom/web/images/hotdeal/icon-tab03-on.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li.active a .ic-gift,
.tabs-list li a:hover .ic-gift {background: url(/cjom/web/images/hotdeal/icon-tab04-on.svg) no-repeat 0 50%;background-size:26px;}
.tabs-list li.active a .ic-boxsale,
.tabs-list li a:hover .ic-boxsale {background: url(/cjom/web/images/hotdeal/icon-tab05-on.svg) no-repeat 0 50%;background-size:26px;}

.market-wrap  .product-list .product-item {margin-top:0;}