@charset "utf-8";

/* Category */
.list-category { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:#fff!important; font-weight:bold !important; }
.div-tab.tabs ul.nav-tabs li.active a,
.div-tab.tabs ul.nav-tabs li.active {border-top: none!important;}

/* Sort */
.list-sort { margin:40px 0px 20px; letter-spacing:-1px; }
.list-sort .on { font-weight:bold;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* List */
.list-control { line-height:1px; }
.list-page { margin:60px 0px 0px; }
.list-none { padding-top:100px; padding-bottom:100px; text-align:center; }

.shop-list .item-wrap { overflow:hidden; line-height:20px; }
.shop-list .item-row { float:left; overflow:hidden; }
.shop-list .item-list { overflow:hidden;}
.shop-list .item-list.now { border:1px solid orangered;}
.shop-list .item-image { position:relative; overflow:hidden; margin:0px; }
.shop-list .item-img { position:relative; overflow:hidden; max-height:360px; }
.shop-list .item-img .wr-img { width:100%; height:auto; }
.shop-list .item-icon { position:absolute; left:0px; top:10px; line-height:1px; z-index:1; }
.shop-list .item-content { overflow:hidden; padding:10px 15px 0px; }
.shop-list .item-content strong { font-size:14px; letter-spacing:-1px; padding-right:1px; }
.shop-list .item-content .item-desc { font-size:12px; color:#888; margin-top:4px; }
.shop-list .item-cur-price { font-size:13px; padding:0px 15px; line-height:16px; height:16px; margin-top:6px; text-align:right; }
.shop-list .item-price { font-size:15px; padding:0px 15px 10px; line-height:22px; }
.shop-list .item-info { text-align:center; font-size:15px; padding:8px 15px; padding-right:5px; line-height:24px; border-top:1px solid #eee; background:#fafafa; }
.shop-list .item-info span { display:inline-block; margin-right:10px; }
.shop-list .item-info span i { margin-right:2px; }
.shop-list .item-info span.item-star i { margin-right:0px; }
.shop-list #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.shop-list .item-more { text-align:center; margin:15px 0px 0px; }

.shop-list .item-point { position:absolute; left:0; bottom:0; z-index:1; margin:0px !important; padding:4px 6px 4px 15px !important; line-height:1 !important;}
.shop-list .item-point span { letter-spacing:0; }

.div-tab.tabs ul.nav-tabs {margin:0 auto;width: 100%;max-width: 1200px;}
.nav-tabs>li>a {font-size: 18px;padding: 17px 0px;}
.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover,
.div-tab.tabs ul.nav-tabs li a:focus, 
.div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
.div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:hover,
.div-tab.tabs ul.nav-tabs li:last-child a:focus  {color: #858484;font-weight: normal!important;border-bottom: none;}
.div-tab.tabs ul.nav-tabs li a{font-size: 20px; font-weight: 500;}
.div-tab.tabs.trans-top ul.nav-tabs li.active a {color:#fff!important; font-weight: 600;}
.list-category {}

.center-baner img {max-width: 100%;}

.div-tab.tabs ul.nav-tabs {width: 100%;display: table;}
.div-tab.tabs ul.nav-tabs li {text-align: center;display: table-cell;width: 20%;}
.nav-tabs {overflow: hidden;}
.nav-tabs>li {float: left;}

.small_ca {display: table;text-align: center;overflow: hidden;}
.small_ca > li {display: table-cell;border-right: 1px solid #ddd;float: left;}
.small_ca > li:last-child {margin: 0; border-right:0;}
.small_ca > li a {font-size: 14px;padding: 0px 30px;display: block; font-weight: 500; color:#999999;}
.small_ca > li.active a {color: #ff4900;}
.small_ca > li a:hover {color: #ff4900;}

@media all and (max-width:767px){
	.small_ca {width: 100%; margin:0 !important;}
	.small_ca > li {width: 50%; margin-bottom: 1%;}
	.small_ca > li:nth-child(even) {border-right:0;}
}
/*상품상새내용*/
.shop-list .pro_name {text-align: center;font-size: 22px;margin: 15px 0 5px;font-weight: 600;color: #000;}
.shop-list .pro_name .phon-name {font-size: 22px;margin-bottom: 8px; color:#333333;}
.shop-list .pro_name .phon-sub {font-size: 16px;color:#535353; font-weight: 500;}
.shop-list .price {text-align: center;width: 100%;font-size: 20px;color:#ff4900;font-weight: 600;}
.shop-list .compare {width: 100%;text-align: center;background-color: #f5f5f5;font-size: 16px;border: 1px solid #ddd;border-top: none;}
/* .shop-list .item-list,.img-wrap,.shop-list .item-row,.shop-list .item-wrap,.shop-list .item-image {overflow: visible!important;} */
.shop-list input[type=checkbox] {margin: 0;}

.shop-list .compare:after {display: block;content: '';clear: both;}
.shop-list .compare .pull-left {padding: 10px;width: 100%;text-align: center;}
.shop-list .compare .pull-right div {float: right;}
.shop-list .compare .pull-right div a {display: block;padding: 0 10px;height: 60px;line-height: 60px;    border-left: 1px solid #ddd;}

.compare:after {display: block;content: '';clear: both;}
.compare .pull-left {padding: 10px;}
.compare .pull-right div {float: right;}
.compare .pull-right div a {display: block;padding: 0 10px;height: 40px;line-height: 40px;    border-left: 1px solid #ddd;}

@media (max-width:991px) {
	.shop-list .compare {display:none;}
}

@media (max-width:991px) {
	/*
		핸드폰 상품 리스트
	*/
	.item-wrap .item-row .item-list {height: 100%;padding: 0;margin-bottom: 0;}
	.item-row .img-wrap {padding-bottom: 0!important;height: auto;}
	.item-row .img-wrap > a {margin: 0;padding: 0;}
	.best-icon img {width: 40px;}
	.shop-list .pro_name .phon-name {font-size: 14px;margin: 0;}
	.shop-list .pro_name .phon-sub {font-size: 12px;}
	.shop-list .pro_name {margin-top: 8px;}
	.shop-list .price {font-size: 14px;margin-bottom: 11px;}
	.item-row .img-wrap > a,
	.pick .item-row:last-child .img-wrap > a,
	.pick .item-row:last-child .compare{border: none;}
}
@media (max-width:480px) { 
	.responsive .shop-list.xs-2 .item-price .font-18 { font-size: 15px; }
	.responsive .shop-list.xs-2 .item-info { font-size: 13px; }
}


@media all and (max-width:767px) {
	.responsive .list-control .pull-left,
	.responsive .list-page .pull-left { float:none !important; margin-bottom:10px; }
	.responsive .list-control .pull-right,
	.responsive .list-page .pull-right { float:none !important; }
}

@media (max-width:480px) { 
	.responsive .shop-list.xs-2 .item-price .font-18 { font-size: 15px; }
	.responsive .shop-list.xs-2 .item-info { font-size: 13px; }
    .shop-list .pro_name {font-size: 15px;}
}
.dropdown-menu{min-width: 140px;}
.btn-mobDrop{border:1px solid #dcdcdc;}
.list-sort .pull-right a{float: none; margin: 0; font-size: 16px; margin: 5px 0; color:#999999;}
.list-sort .pull-right a i{margin-left: 31px;}
.shop-list .img-wrap .border-line > a,.item-row:hover .img-wrap .border-line > a{border:none!important;}

.compare:after {display: block;content: '';clear: both;}
.compare .pull-left {padding: 10px;width: 100%;text-align: center;}
.compare .pull-left .ck-box-l{border:none; float: left; padding: 0; width:auto; font-size: 16px; font-weight: 500;color:#333; text-indent: 28px; background-image: url("/img/input_off.jpg"); background-repeat: no-repeat; height: 23px; line-height: 21px;}
.compare .pull-left .ck-box-l.on{color:black;  background-image: url("/img/input_chk.jpg"); background-repeat: no-repeat; background-color:#f5f5f5!important;}
.compare .pull-right div {float: right;}
.compare .pull-right div a {display: block;padding: 0 10px;height: 60px;line-height: 60px;    border-left: 1px solid #ddd;}
