/* BASIC css start */
/* 롤링배너 */
#header{border-bottom:0 !important;}
#header.fixed{border-bottom:1px solid #000 !important;}

.main{
    margin-top: -115px;}

.main_cate{margin-top: 15px}
.main_cate li{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 32%;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;}
    
.main_cate li a{color:#000000;font-family: 'Roboto Condensed', sans-serif;}

#mainslide .swiper-pagination {
	text-align: center;
	bottom: 0;
}
#mainslide .swiper-pagination-bullet {
    margin: 0 10px 12px 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    width: 5px;
    height: 5px;
    background: none;
    border: 1px solid #fff;
    cursor: pointer;
}
#mainslide .swiper-pagination-bullet-active {
	background: #fff
}
/* //롤링배너 */


/*중간배너*/
.mid_bnr {
    margin-top: 15px;
	font-size: 0;
    display: table;
    width: 100%;
}
.mid_bnr li {
    display: inline-block;
    vertical-align: top;
}

.mid_bnr li:nth-child(odd){
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: -1px;}
    

.mid_bnr li:nth-child(even){
    width: 50%;
    float:right;
	margin-right: 0
}


.mid_bnr li:nth-child(3){width:100% !important;}

.mid_bnr li a {
	display: block;
}
.mid_bnr li a img {
	width: 100%
}


/*진열메인공통*/
main .message {
    position: relative;
    padding-bottom: 13px;
}


main .message p {
    color: #838689;
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 0;
    display: inline-block;
    font-family: 'Spoqa Han Sans';
}

main .message p em {
	position: absolute;
	height: 14px;
	width: 100%;
	background: #eee4e5;
	left: 0;
	bottom: 0;
	z-index: -1;
}


.main h3 {
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #212121;
    letter-spacing: 10px;
    font-family: "AGaramondPro-Regular";
}


.main h3:after{
    display: block;
    content: "ㅡ";
    height: 1px;
    width: 20px;
    background: #000;
    font-size: 0;
    margin: 20px auto 10px;}

.box.hide {
	display: none
}

.mainList {
	font-size: 0;
}
.item-list {
}

.item-list .thumb {
    padding:3px 30px;
	position: relative;
}

.item-list .thumb .dc {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	line-height: 70px;
	width: 70px;
	background: #6b3590;
	color: #fff;
	font-size: 24px;
}
.item-list .thumb .dc em {
	font-size: 18px !important;
}
.item-list .thumb .dc.term {
}
.item-list .thumb .dc em:nth-child(3), .item-list .thumb .dc em:nth-child(4) {
	display: none !important
}
.item-list .thumb .dc em.num {
	font-size: 24px !important;
	display: inline-block;
	overflow: hidden;
}
.item-list .thumb .dc em.percent {
	font-size: 18px !important;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}
.item-list dd {
    padding:0 30px;
}
.item-list dd ul {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    padding-top: 10px;
    width: 100%;
}

.item-list dd ul.zip.full{width:100% !important}


.item-list dd ul li.prd-price {
	display: inline-block;
	color: #0d0d0d;
	font-size: 15px;
	font-weight: 500;
}
.item-list img {
	width: 100%;
}

.item-list img.new_ico{
    position: absolute;
    left: 40px;
    top: 10px;
    width: unset;}

.item-list dd .discount {
    vertical-align: top;
    width: 58px;
    height: 58px;
    line-height: 58px;
    display: inline-block;
    background: #ff8e95;
    text-align: center;
    color: #fff;
}

.item-list dd .discount.hasreplace{display:none}
.item-list dd ul.hasreplace{width:100%}

.item-list dd .discount .dc {
    font-size: 31px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    letter-spacing: -1px;
}
.item-list dd .discount .dc em {
    margin-bottom: 3px;
    display: inline;
    font-family: 'Roboto Condensed';

}

.item-list dd .discount .dc em.num{
    margin-left: 2px;}

.item-list dd .discount .dc em.percent{
    font-size: 18px;
    font-weight: 100;}


.item-list dd ul li.prd-consumer {
	color: #888888;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	padding-right: 1px;
}
.item-list dd ul li.dc {
	color: #94223e;
	display: inline-block;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 800;
	margin-left: 5px;
}
.item-list dd ul li.dc em.num {
}
.item-list dd ul li.dc em.percent {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-left: 2px;
}
.item-list dd .color {
	font-size: 0;
	position: absolute;
	right: 10px;
	top: 10px;
}
.item-list dd .color p {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	width: 10px;
	height: 10px;
}
.item-list dd .color p:last-child {
	margin-right: 0
}


/*인기상품*/
#HOT {margin-top: 50px;}

#HOT .swiper-pagination-progressbar{
    height:2px;
    width: 50%;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
    border: 1px solid #000;
    background: #fff;}

#HOT .swiper-pagination-progressbar span{}

#HOT .swiper-pagination-progressbar span.swiper-pagination-progressbar-fill{
    background: #000;}

#HOT .item-list .thumb .num{
    width: 62px;
    height: 55px;
    z-index: 2;
    position: absolute;
    background: url(/design/newsports/argento/img/flag.png) no-repeat;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 55px;
    top: 0;
    background-size: contain;}
    
    
#HOT .item-list .thumb .num strong{
    width: 58px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    vertical-align: bottom;
    height: 30px;
    line-height: 40px;}
    
#HOT .item-list .thumb .num span{
    display: block;
    height: 10px;
    width: 60px;
    line-height: 15px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 14px;}


#HOT .swiper-container{
    padding-bottom: 10%;}


#HOT .message span {
	font-weight: 500 !important;
	color: #a5777f;
	position: relative;
	z-index: 1;
}
#HOT .item-list dd {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    text-align: left;
}


#HOT .item-cont .item-list {
    position:relative;
}
#HOT .item-cont .item-list:last-child {
	padding-right: 0
}


/*인기상품*/
#NEW {
    margin-top: 50px;
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 20px;}

#NEW .swiper-pagination-bullet{
    background: #cacaca;
    margin: 0 3px !important;
    opacity: 1 !important;}

#NEW .swiper-pagination-bullet-active{background:#000000 !important}

#NEW .swiper-pagination-progressbar span.swiper-pagination-progressbar-fill{
    background: #000;}

#NEW .item-list .thumb .num{
    width: 62px;
    height: 55px;
    z-index: 2;
    position: absolute;
    background: url(/design/newsports/argento/img/flag.png) no-repeat;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 55px;
    top: 0;
    background-size: contain;}
    
    
#NEW .item-list .thumb .num strong{
    width: 58px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    vertical-align: bottom;
    height: 30px;
    line-height: 40px;}
    
#NEW .item-list .thumb .num span{
    display: block;
    height: 10px;
    width: 60px;
    line-height: 15px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 14px;}


#NEW .swiper-container{
    padding-bottom: 15%;}

#NEW .item-list dd {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    text-align: left;
}


#NEW .item-cont .item-list {
    position:relative;
}
#NEW .item-cont .item-list:last-child {
	padding-right: 0
}


/*md상품*/
#md {
    margin-top: 50px;
    padding-bottom: 20px;}

#md_wrap{padding:5px}

#md_wrap .items{}

#md_wrap .item-list{
    padding-bottom: 20px;
    width: 49%;
    display: inline-block;
    vertical-align: top;}

#md_wrap .item-list:nth-child(even){margin-left:0.5%}
#md_wrap .item-list:nth-child(odd){margin-right:0.5%}


#md_wrap .item-list dd {
    font-size: 15px;
    color: #000;
    text-align: left;
    padding: 0;
}

#md_wrap .item-list .thumb{
    padding: 0;}


#md_wrap .item-list dd ul{text-align:left;}

#md_wrap .item-list dd ul .prd-name{
    font-size: 13px;
    padding-top: 0;}
#md_wrap .item-list dd ul li.prd-price{font-size:13px}
#md_wrap .item-list dd ul li.prd-replace{padding-top:0}

#md_wrap .item-cont .item-list {
    width: 49%;
    display: inline-block;
    position:relative;
    margin-bottom: 30px;
}

.mainList .item-list dd ul li.prd-consumer{}


#md_wrap .item-cont .item-list:nth-child(even){float:right}

#md_wrap .item-cont .item-list:last-child {
	padding-right: 0
}


#md_wrap .item-cont .item-list .thumb{padding:0}

#md_wrap button{
    background: url('/design/newsports/argento/mimg/more_btn.png')  no-repeat;
    width: 30px;
    height: 30px;
    background-size: 15px;
    border: 1px solid #000;
    padding: 20px;
    background-position: center;
}

/*sp상품*/
#sp {
    margin-top: 50px;
    padding-bottom: 20px;}

#sp_wrap{padding:5px}

#sp_wrap .items{}

#sp_wrap .item-list{
    padding-bottom: 20px;
    width: 49%;
    display: inline-block;
    vertical-align: top;}

#sp_wrap .item-list:nth-child(even){margin-left:0.5%}
#sp_wrap .item-list:nth-child(odd){margin-right:0.5%}


#sp_wrap .item-list dd {
    font-size: 15px;
    color: #000;
    text-align: left;
    padding: 0;
}

#sp_wrap .item-list .thumb{
    padding: 0;}


#sp_wrap .item-list dd ul{text-align:left;}

#sp_wrap .item-list dd ul .prd-name{
    font-size: 13px;
    padding-top: 0;}
#sp_wrap .item-list dd ul li.prd-price{font-size:13px}
#sp_wrap .item-list dd ul li.prd-replace{padding-top:0}

#sp_wrap .item-cont .item-list {
    width: 49%;
    display: inline-block;
    position:relative;
    margin-bottom: 30px;
}

.mainList .item-list dd ul li.prd-consumer{}


#sp_wrap .item-cont .item-list:nth-child(even){float:right}

#sp_wrap .item-cont .item-list:last-child {
	padding-right: 0
}


#sp_wrap .item-cont .item-list .thumb{padding:0}

#sp_wrap button{
    background: url('/design/newsports/argento/mimg/more_btn.png')  no-repeat;
    width: 30px;
    height: 30px;
    background-size: 15px;
    border: 1px solid #000;
    padding: 20px;
    background-position: center;
}


/*이벤트*/
#event{
    margin: 50px 0 100px;}

#event ul{}
#event li {}
#event li:nth-child(1) {
    padding: 20px 70px 45px;}

#event li:nth-child(2) {
    width: 88%;
    padding-left: 12%;}

#event li a {
	margin: 0;
	display: block;
}
#event a img {
	width: 100%
}
#event h3 {
    color: #1f1f1f;
    letter-spacing: -2px;
    padding-top: 20px;
    padding-left: 0;
    font-size: 18px;
    font-weight: normal;
}
#event p {
    font-size: 11px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

#event .slick-track{}

#event .slick-slide a{
    border: 9px solid #fff; display:block}

#event .slick-slide a img {
    display: block;
    width: 100%;
}


/*와이드배너*/
#wideBnr {
    margin: 60px 0;
}
#wideBnr a {
	display: block
}
#wideBnr a img {
	width: 100%;
}


/*collection*/

#collection{margin-top: 50px;}
#collection a{display:block;}
#collection a img{width:100%}

#collection .center{}
    
#collection .center .top{}

#collection .center .bottom{margin-top: 10px;}

#collection .center .swiper-pagination{
    text-align:right;
    top: 20px;
    right: 20px;
    position: absolute;
    left: unset;
    width:auto !important;
}

#collection .center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    vertical-align: top;
    width: 18px;
    height: 2px;
    border-radius: 0;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
    margin: 0 1px}

#collection .center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff}


/* BASIC css end */