/*깨방*/ a {text-decoration:none;} #shop_category {} #shop_category ul { width:100%; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#f7f7f7; } #shop_category ul:after {content:''; display:block; clear:both; } #shop_category ul li {float:left; position:relative; height:32px; color:#5b5b5b; font-size:14px;font-weight:bold;line-height:32px;text-align:center; text-overflow:ellipsis;overflow:hidden; } #shop_category ul li:before {content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px; background:#d3d3d3;} #shop_category ul li a {display:block; text-decoration:none; color:#5b5b5b; text-overflow:ellipsis;overflow:hidden; } #shop_category ul li:first-child:before{display:none;} #shop_category ul li.on {background:#787878; color:#fff;} #shop_category ul li.on:before {display:none;} #shop_category ul li.on a {color:#fff;} #shop_list {} #shop_list ul { width:100%; margin-top:13px; } /* product-list 리스트형 2013 */ #shop_list li {position:relative;border-bottom:1px solid #eeeef0;} #shop_list li:first-child {border-top:1px solid #eeeef0;;} #shop_list li a.lia {position:relative; display:block; min-height:110px; padding:8px 8px 8px 126px; text-decoration:none;} #shop_list .thumb {position:absolute;top:8px;left:8px;width:110px;height:110px;} #shop_list .thumb img {position:absolute;top:0;right:0;left:0;bottom:0;width:auto;max-width:110px;height:auto;max-height:110px;margin:auto;} #shop_list .icon {display:block; overflow:hidden; height:30px; color:#3d4859; font-size:15px; font-weight:bold; line-height:15px; } #shop_list .name {display:block; overflow:hidden; height:30px; color:#3d4859; font-size:15px; font-weight:bold; line-height:15px;} #shop_list .price {display:block; margin-top:20px; color:#d03505; font-weight:bold; font-size:14px;} .ups {display:block; width:100%; position:absolute !important; z-index:9999; top:0px; left:0px;padding:8px 0px !important;min-height:110px; background:url(/images/loading_bg70.png) 0 0 repeat;} @media all and (min-width:1px) and (max-width:480px) { #goods_wrap .index_v_goods {float:left; width:44%; margin-top:10px; background-color:#fff;margin-left:4%;} #goods_wrap .index_v_goods2 {float:left; width:44%;margin-left:4%; margin-top:10px; background-color:#fff;margin-right:4%;} } @media all and (min-width:481px) { #goods_wrap .index_v_goods {float:left; width:44%; margin-top:10px; background-color:#fff;margin-left:4%;} #goods_wrap .index_v_goods2 {float:left; width:44%;margin-left:4%; margin-top:10px; background-color:#fff;margin-right:4%;} } #goods_wrap .gArea {text-align: left; position: relative; font-weight: 400; background-color: #fff; border-bottom:0px solid #ccc;border-radius: 10px;overflow: hidden; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1); -mozbox-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1); } #goods_wrap .gArea:hover {box-shadow: 1px 3px 15px 0 rgba(0,0,0,0.3); } #goods_wrap .gArea a {display:block;} #goods_wrap .gArea .img {position:relative;height:0;overflow:hidden; border: 0px solid #dadada;border-bottom:none;} #goods_wrap .gArea .img p {width: 32px; height: 37px; position: absolute; top: 8px; left: 10px; background-image: url(/m/images/mall_icon.svg); background-size: 32px; color: #fff; font-size: 10px; line-height: 37px; text-align: center; font-weight: 300;z-index:9;} #goods_wrap .gArea .textArea {padding:0px 10px;border: 0px solid #dadada; border-top:1px solid #ffffff;} #goods_wrap .gArea .comment {color: #a1a1a1; font-size: 11px;line-height:20px;height:20px;} #goods_wrap .gArea .goodsName {color: #535353; font-size: 14px; font-weight: 500; text-align: center; padding: 2px 5px; color: #535353;overflow: hidden; } #goods_wrap .gArea .priceArea {margin-top:15px;margin-bottom:10px; height:50px; } #goods_wrap .gArea .priceInArea {} #goods_wrap .gArea .sellPrice {float: left; font-size:13px; color:#242424; line-height:10px; letter-spacing:-1px;} #goods_wrap .gArea .textArea .sale {color: #f36465; font-size: 10px; float: right; margin-top: 25px; padding: 0 5px; position: absolute; bottom: 10px; right: 10px;} #goods_wrap .gArea .textArea .sale span {font-size: 22px; font-weight: 600;} #goods_wrap .textArea .gTable {margin-top:4px;} #goods_wrap .textArea .gTable td {padding:0px 0px;} #goods_wrap .textArea .gTable td.price {color: #818181; font-size: 12px; line-height: 10px;} #goods_wrap .textArea .gTable td.price2 {color: #656565; font-size: 16px; line-height: 16px; margin-top: 5px; padding-top: 5px; text-align: center;} #goods_wrap .textArea .gTable td.PV {font-size: 11px; color: #656565;font-weight:normal;} #goods_wrap .more {width: calc(100% - 2px); height: calc(35px + 1vw); background: #fff; border: 1px solid #e3e3e3; line-height: calc(35px + 1vw); position: relative; cursor: pointer; font-size: 0;margin: 5% auto;text-align: center;} #goods_wrap .more p {display: inline-block;position: relative;padding-right: 5%;} #goods_wrap .more span {float: left; font-size: calc(10px + 1vw);height: calc(35px + 1vw);} #goods_wrap .more i {width: calc(5px + 0.5vw); height: 100%; background: url('/m/images/more_arrow.png') no-repeat center; background-size: 100%;position: absolute;top: 0;right: 0;} /* 인덱스 */ #goods_wrap .gArea2 {text-align: left; position: relative; font-weight: 400; background-color: #fff; border-bottom:0px solid #ccc;} #goods_wrap .gArea2 a {display:block;} #goods_wrap .gArea2 .img {position:relative;height:0;overflow:hidden;border: 1px solid #dadada;} #goods_wrap .gArea2 .img p {width: 32px; height: 37px; position: absolute; top: 8px; left: 10px; background-image: url(/m/images/mall_icon.svg); background-size: 32px; color: #fff; font-size: 10px; line-height: 37px; text-align: center; font-weight: 300;z-index:9;} #goods_wrap .gArea2 .textArea {padding:5px 4px;border: 0px solid #dadada; border-top:1px solid #ffffff; background:#fbf8ef;overflow: hidden;} #goods_wrap .gArea2 .comment {color: #a1a1a1; font-size: 11px;line-height:20px;height:20px;} #goods_wrap .gArea2 .goodsName {color: #535353; font-size: 14px; font-weight: 500; text-align: left; padding: 2px 0px; color: #535353;overflow: hidden; } #goods_wrap .gArea2 .priceArea {margin-top:15px;margin-bottom:10px; height:50px; } #goods_wrap .gArea2 .priceInArea {} #goods {width:100%; background:#eeeeee;; overflow: hidden; } #goods_wrap .gArea2 .sellPrice {float: left; font-size:13px; color:#242424; line-height:10px; letter-spacing:-1px;} #goods_wrap .gArea2 .textArea .sale {color: #f36465; font-size: 10px; float: right; margin-top: 25px; padding: 0 5px; position: absolute; bottom: 5px; right: 10px;} #goods_wrap .gArea2 .textArea .sale span {font-size: 22px; font-weight: 600;} #goods_wrap .textArea .gTable {margin-top:4px;} #goods_wrap .textArea .gTable td {padding:0px 0px;}