/* BASIC css start */
#main .mcolum-board { zoom: 1; overflow: hidden; padding: 30px 0 0 13px; margin-top: 60px; background: url(/images/d3/sporty_style/common/bg_prd_section.gif) repeat-x 0 0; }
#main .mcolum-board:after { content: ""; display: block; clear: both; }
#main .mcolum-board .colum { float: left; width: 228px; min-height: 125px; _height: 125px; padding-right: 53px; margin-right: 53px; background: url(/images/d3/sporty_style/main_board_dot.gif) repeat-y right 0; }
#main .mcolum-board .colum h2 { font-size: 0; line-height: 0; }
#main .mcolum-board .colum .cont { margin-top: 20px; }
#main .mcolum-board .colum li { zoom: 1; padding-left: 10px; background: url(/images/d3/sporty_style/common/bull_h2_w2_ababab.gif) no-repeat 0 7px; }
#main .mcolum-board .colum a { display: block; padding: 2px 0; color: #ababab; font-size: 11px; }
#main .mcolum-board .faq { margin-right: 0; padding-right: 0; background: none; }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

/********** common **********/
.wrap {width:100%; text-align:center;}
.prd-list {clear:both; width:100%;}
.prd-list ul {float:left; width:1200px;}
.prd-list li {float:left; width:276px; margin:0 10px; background:#fff;}
.prd-list li .thumb {width:276px; height:210px; background:#ebebeb;}
.prd-list li .thumb img {width:100%; height:100%;}
.prd-list li .info {margin-top:10px;}
.prd-list li .info .txt {font-size:14px; line-height:15px; color:#231815;}
.prd-list li .info .price {margin-top:5px; font-weight:bold; color:#231815;}
.prd-list li .info .price span {font-size:14px; color:#231815; text-decoration:line-through;}
.prd-list .dsc, .prd-list .price, .prd-list .color, .prd-list .preview {padding-left:0; margin-left:0;}

/********** main : content **********/
.mainconts {width:100%; margin-top:17px}

/* main : 빅배너 */
.new_mv {width:1200px; margin:0 auto; font-size:0;}
.new_mv .left_mv {position:relative; display:inline-block; vertical-align:top; width:890px; height:330px; overflow:hidden;}
.new_mv .left_mv ul {height:330px}
.new_mv .left_mv ul li {width:870px; height:330px; overflow:hidden;}
.new_mv .left_mv ul li img {width:100%;}
.new_mv .left_mv .slick-arrow {opacity:1; visibility:visible; transition:all 0.5s; -webkit-transition:all 0.5s; transform:none; z-index:10;}
.new_mv .left_mv .slick-prev {text-indent:-9999px; position:absolute; left:-50px; background:url("/design/mint7714/wib/img/mv_left.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px; }
.new_mv .left_mv .slick-next {text-indent:-9999px; position:absolute; right:-50px;background:url("/design/mint7714/wib/img/mv_right.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px;  }
.new_mv .left_mv:hover .slick-prev {left:10px; opacity:1; visibility:visible;}
.new_mv .left_mv:hover .slick-next {right:10px; opacity:1; visibility:visible;}

/*
.main-slider {display:inline-block; vertical-align:top; position:relative; width:870px; height:330px; background:#fff; overflow:hidden}
.main-slider .item {width:100%; margin:0 auto; overflow:hidden; text-align:left;}
.main-slider .item .bigbannerbox .sbnr {display:block; width:100% !important; height:400px; cursor:pointer; background-position:center top; background-repeat:no-repeat;}
.bigbannerbox .slidesjs-pagination {position:absolute; top:3px; right:0;; width:572px; text-align:right; z-index:10}
.bigbannerbox .slidesjs-pagination li {display:inline-block;text-indent:-9999px;}
.bigbannerbox .slidesjs-pagination li a {display:block; width:11px; height:10px; margin-left:10px; background:url(/design/mint7714/16/main/dot.png) no-repeat 0 0; font-size:0;}
.bigbannerbox .slidesjs-pagination li a.active,
.bigbannerbox .slidesjs-pagination li a:hover.active {background-position:0 -10px;}
.bigbannerbox .slidesjs-pagination li a:hover {background-position:0 -10px;}
*/

/* 메인 슬라이드 추가 */
.new_mv .right_mv {display:inline-block; position:relative; vertical-align:top; width:310px; height:330px; background:#f8f8f8; overflow:hidden;}
.new_mv .right_mv ul {font-size:0; text-align:center; height:330px;}
.new_mv .right_mv ul li {display:inline-block; vertical-align:top; margin-bottom:8px;}
.new_mv .right_mv ul li img {margin:0 auto;}
.new_mv .right_mv .slick-arrow {z-index:10; opacity:1; visibility:visible; transition:all 0.5s; -webkit-transition:all 0.5s; transform:none;}
.new_mv .right_mv .slick-prev {text-indent:-9999px; position:absolute; left:-50px; background:url("/design/mint7714/wib/img/mv_left.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px; }
.new_mv .right_mv .slick-next {text-indent:-9999px; position:absolute; right:-50px;background:url("/design/mint7714/wib/img/mv_right.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px;  }
.new_mv .right_mv:hover .slick-prev {left:10px; opacity:1; visibility:visible;}
.new_mv .right_mv:hover .slick-next {right:10px; opacity:1; visibility:visible;}

/* best item */
.best-item {width:100%; background-position:center top; background-repeat:no-repeat;}
.best-item .tit {width:1200px; margin:0 auto; padding:0; text-align:center; background:#f8f8f8; padding-top: 40px;}
.best-item .prd-list {width:1200px; margin:0 auto; padding-bottom:10px; background:#f8f8f8}
.best-item .prd-list .dsc {padding:10px 10px 20px; box-sizing:border-box}
.best-item .prd-list .dsc .price {bottom:15px; right:10px}

/* vs banner */
.vs-banner {width:100%; background-position:center top;}
.vs-banner .item {width:1200px; margin:0 auto; }
.vs-banner .item:after {content:'';display:block; clear:both;}
.vs-banner .item a {display:block;}
.vs-banner .item .vs1 {float:left; width:600px;}
.vs-banner .item .vs2 {float:right; width:600px;}

/* big hit */
.big-hit .tit {width:100%; margin:0px 0 0px; text-align:center; padding-top: 70px;}
.big-hit .prd-list {width:1200px; margin:0 auto;}

/* prod info */
.prd-list .info {width:276px; padding:0 10px;}
.prd-list .thumb {width:276px; height:210px; margin-bottom:0; padding:0 0 10px; border:0}
.prd-list .thumb img {height:100%;}
.prd-list .dsc {position:relative; margin-bottom:0; padding:0 0 5px 10px; box-sizing:border-box;}
.prd-list .dsc p {font-weight:600; padding-bottom:8px}
.prd-list .price {position:absolute; bottom:0; right:0; font-size:13px; color:#ff4e00; margin-bottom:0; padding:0 0 5px;}

/********** 하단 롤링배너 **********/
.underroll {width:100%; margin-top:17px; margin-bottom:25px}

/* 하단롤링 왼쪽 */
.new_roll {width:1200px; margin:0 auto; font-size:0;}
.new_roll .left_roll {position:relative; display:inline-block; vertical-align:top; width:450px; height:330px; overflow:hidden;}
.new_roll .left_roll ul {height:330px}
.new_roll .left_roll ul li {width:450px; height:330px; overflow:hidden;}
.new_roll .left_roll ul li img {width:100%;}
.new_roll .left_roll .slick-arrow {opacity:1; visibility:visible; transition:all 0.5s; -webkit-transition:all 0.5s; transform:none; z-index:10;}
.new_roll .left_roll .slick-prev {text-indent:-9999px; position:absolute; left:-50px; background:url("/design/mint7714/wib/img/mv_left.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px; }
.new_roll .left_roll .slick-next {text-indent:-9999px; position:absolute; right:-50px;background:url("/design/mint7714/wib/img/mv_right.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px;  }
.new_roll .left_roll:hover .slick-prev {left:10px; opacity:1; visibility:visible;}
.new_roll .left_roll:hover .slick-next {right:10px; opacity:1; visibility:visible;}

/* 하단롤링 오른쪽 */
.new_roll .right_roll {display:inline-block; position:relative; vertical-align:top; width:750px; height:330px; background:#f8f8f8; overflow:hidden;}
.new_roll .right_roll ul {font-size:0; text-align:center; height:330px;}
.new_roll .right_roll ul li {display:inline-block; vertical-align:top; margin-bottom:8px;}
.new_roll .right_roll ul li img {margin:0 auto;}
.new_roll .right_roll .slick-arrow {z-index:10; opacity:1; visibility:visible; transition:all 0.5s; -webkit-transition:all 0.5s; transform:none;}
.new_roll .right_roll .slick-prev {text-indent:-9999px; position:absolute; left:-50px; background:url("/design/mint7714/wib/img/mv_left.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px; }
.new_roll .right_roll .slick-next {text-indent:-9999px; position:absolute; right:-50px;background:url("/design/mint7714/wib/img/mv_right.png") no-repeat !important; width:32px; height:32px; top:50%; margin-top:-16px;  }
.new_roll .right_roll:hover .slick-prev {left:10px; opacity:1; visibility:visible;}
.new_roll .right_roll:hover .slick-next {right:10px; opacity:1; visibility:visible;}



/* auto rolling */ 
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

#autoRolling {
	margin: 0 auto;
}

#autoRolling .als-item {
	height: 350px;
	width: 240px;
	text-align: center;
}

#autoRolling .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#autoRolling .als-prev, #autoRolling .als-next {
	display:none;
	top: 40px;
}

#autoRolling .als-prev {
	left: 200px;
}

#autoRolling .als-next {
	right: 200px;
}






/* BASIC css end */