@charset "utf-8";

.hidden{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.goodsListWrap{width:1000px;margin:0 auto;}
.goodsAddInfo{display: none;}
.goodsList {display: flex;justify-content:flex-start;flex-wrap:wrap;}
.goodsList__item {width:235px;margin:0 20px 80px 0;}
.goodsList__item:nth-child(4n){margin-right:0;}
.goodsList__item .imgArea {position: relative;border-radius:2px;overflow: hidden;}
.goodsList__item .imgArea .rankNumber{position: absolute;top:0;left:0;width:34px;height:34px;background: #169dab;color:#fff;font-size:14px;text-align: center;line-height:34px;font-family: 'Pretendard SemiBold';}
.goodsList__item .imgArea .soldOutTxt {position: absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);color:#fff;text-align: center;justify-content:center;font-size:27px;font-family: 'Pretendard SemiBold';}
.goodsList__item .goodsInformation {margin-top:20px}
.goodsList__item .thumbImg:before {display: block;content:'';width:100%;padding-bottom:100%;}
.goodsList__item .thumbImg img {display:block;width:100%;height:auto;margin-top:-100%;transform: translateZ(0);backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
.goodsList__item .thumbImg:after {display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.04);}
.goodsList__item .btnHeart {position: absolute;right:10px;bottom:10px;width:27px;height:23px;padding:0;border:0;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_heart2.png") no-repeat center/27px 23px;z-index:50;}
.goodsList__item .btnHeart .hidden {visibility: hidden;display:block;overflow: hidden;width: 0;height: 0;margin: 0;padding: 0;font-size: 0;line-height: 0;}
.goodsList__item .btnHeart.active {background: url("https://icon.feelway.com/recent/pc/common/icon/icon_heart2_on.png") no-repeat center/27px 23px;animation: active 1s ease forwards;}
@keyframes active {
    25% {transform:scale(1.5);}
    75% {transform:scale(1.25);}
    50%,100% {transform:scale(1);}
}
.goodsList__item .brandName .brandNameTxt {display:inline-block;overflow: hidden;max-width: calc(100% - 30px);color:#222;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;font-family: 'Pretendard SemiBold';line-height:20px;font-size:14px;}
.goodsList__item .brandName img {display:inline-block;width:15px;height:15px;vertical-align:2px;}
.goodsList__item .goodsTitle {display: -webkit-box;overflow: hidden;margin-top:8px;color: #222;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height:20px;text-overflow: ellipsis;word-wrap: break-word;}
.goodsList__item .goodsTitle .badge {display: inline-block;height:17px;margin-right:5px;padding:0 3px;border:1px solid #ed4e2b;vertical-align:1px;font-size:11px;border-radius:2px;line-height:15px;color:#ed4e2b;box-sizing: border-box}
.goodsList__item .feelSeller {margin-top:11px;padding-left:17px;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_person.png") no-repeat left 1px/12px 13px;color:#999;font-size:12px;}
.goodsList__item .goodsPrice {margin-top:9px;color:#222;font-size:14px;font-family: 'Pretendard SemiBold';}
.goodsList__item .goodsPrice .percent {margin-left:4px;color:#ed4e2b;font-size:14px;}
.goodsList__item .goodsPrice .unit {color:#ed4e2b;font-size:10px;font-style:normal;}
.goodsList__item .goodsPrice + .addInfo{margin-top:18px}
.goodsList__item .discountPrice {margin-top:0px;font-size:12px;}
.goodsList__item .discountPrice .addDiscount {margin-right:3px;color:#999;text-decoration: line-through;}
.goodsList__item .discountPrice .supply {color:#c3c3c3;text-decoration: line-through;}
.goodsList__item .addInfo,
.goodsList__item .optionInfo{margin-top:9px;font-size:0;display:flex;align-items:center;}
.goodsList__item .tags {display:inline-block;height:21px;margin:0 3px 3px 0;padding:0 4px;background: #b2b2b2;color:#fff;font-size:11px;border-radius:2px;word-break: normal;line-height:21px;}
.goodsList__item .tags.active,
.goodsList__item .tags.option{background:#169dab;color:#fff;}
.goodsList__item .tags.option{padding:0 8px;}
.goodsList__item .tags.regularCoupon{background:none;border:solid 1px #b2b2b2;line-height:18px;color:#222!important;}
.goodsList__item .optionInfo{display: none;}
.goodsList__item .feelpon {margin-top:9px;color:#169dab;font-size:12px;}
.goodsList__item .rental {margin-top:5px;}
.goodsList__item .rental .titRental {font-size:14px;color:#222;}
.goodsList__item .rental .rentalPrice {display: flex;margin-top:9px;justify-content: space-between;}
.goodsList__item .rental .monthPay {color:#ed4e2b;font-size:10px;line-height:25px;}
.goodsList__item .rental .monthPay .monthPayWon {margin-left:2px;color:#ed4e2b;font-size:14px;font-family: 'Pretendard SemiBold';vertical-align:-1px;}
.goodsList__item .rental + .addInfo {margin-top:5px;}
.goodsList__item .showOption{position: relative;padding-top:6px;line-height:15px;height:21px;color:#999;font-size:12px;z-index:1;}
.goodsList__item .showOption p{width:90%;;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;}
.goodsList__item .showOption .btnOptionToggle{position: absolute;top:4px;right:0;z-index:1000;width:16px;height:16px;transform: rotate(0deg);transition: 0.2s;background: url("https://icon.feelway.com/recent/pc/common/icon/plus-circle.svg") no-repeat center / 16px 16px;}
.goodsList__item .showOption.active{height:21px;z-index:51;}
.goodsList__item .showOption.active p{white-space:initial;text-overflow: initial;}
.goodsList__item .showOption.active .btnOptionToggle{margin-top:0;transform: rotate(135deg);transition: 0.2s;}
.goodsList__item .showOption.active .showOption__inner{position:absolute;top:9px;left:0;width:calc(100% - 6px);padding:6px;border:1px solid #999;background: #fff;border-radius: 3px;box-sizing: border-box;}
.goodsList__item .textLink {display: flex;margin-top: 8px;font-size: 13px;line-height: 20px;color: #222;}

/* 리스트형 */
.goodsListWrap.vertical .goodsList{display: flex;flex-direction: column;}
.goodsListWrap.vertical .goodsList__item{position:relative;width:100%;margin:0;padding:30px 0;border-top: solid 1px #eee;}
.goodsListWrap.vertical .goodsList__item:after{content:"";display:block;clear:both;}
.goodsListWrap.vertical .goodsList__item__link:after{content:"";display:block;clear:both;}
.goodsListWrap.vertical .imgArea{float:left;width:200px;}
.goodsListWrap.vertical .imgArea .btnHeart{display: none;}
.goodsListWrap.vertical .goodsInformation{position:relative;float:left;width:470px;height:200px;margin:0 40px 0 20px;}
.goodsListWrap.vertical .goodsInformation .feelpon,
.goodsListWrap.vertical .goodsInformation .addInfo{display: none}
.goodsListWrap.vertical .goodsInformation .optionInfo{display:block;position: absolute;left:0;bottom:0;}
.goodsListWrap.vertical .goodsAddInfo{display:block;position:absolute;top:0;right:0;width:270px;height:calc(100% - 60px);padding:30px 0;border-left:1px solid #eee;font-size:12px;}
.goodsListWrap.vertical .goodsAddInfo .row{margin-top:20px;text-align: center;color:#666;}
.goodsListWrap.vertical .goodsAddInfo .row.feelponSave{color:#169dab}
.goodsListWrap.vertical .goodsAddInfo .row:first-child{margin-top:0px;}
.goodsListWrap.vertical .goodsAddInfo .row:first-child{margin-top:0px;}
.goodsListWrap.vertical .goodsAddInfo .btnLinkArea{position:absolute;bottom:39px;left:0;width:100%;text-align: center;}
.goodsListWrap.vertical .goodsAddInfo .btnLinkArea button{position:relative;margin:0 30px;}
.goodsListWrap.vertical .goodsAddInfo .btnLinkArea button:before{content:"";display:block;position:absolute;top:2px;left:-25px;width:1px;height:20px;vertical-align:1px;background: #eee;}
.goodsListWrap.vertical .goodsAddInfo .btnLinkArea button:first-child:before{display:none;}
.goodsListWrap.vertical .goodsAddInfo .btnLink{display:inline-block;width:24px;height:24px;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_linkPlus.png") no-repeat center/100%;}
.goodsListWrap.vertical .goodsAddInfo .btnHeart{display:inline-block;position: static;bottom:0;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_heart@2x.png") no-repeat center/27px 23px;}
.goodsListWrap.vertical .goodsAddInfo .btnHeart.active {background: url("https://icon.feelway.com/recent/pc/common/icon/icon_heart2_on.png") no-repeat center/27px 23px;}

/*검색조건영역*/
.searchTerms{width:1000px;margin:0 auto;display: flex;justify-content: space-between;background:#fafafa;padding:12px 20px;}
.searchTerms__group{display: flex;justify-content: space-between;align-items: center}
.searchTerms__group select{
    min-width:96px;height:32px;padding:0 10px;border: solid 1px #d5d5d5;box-sizing: border-box;font-size:12px;color:#222;background:#fff url("https://icon.feelway.com/recent/pc/common/icon/icon-drop.png") no-repeat center right 10px;
    o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.searchTerms__group.selectTerms *{margin-left:8px;}
.searchTerms__group.selectTerms *:first-child{margin-left:0;}
.searchTerms__group.txtSearch *{margin-left:8px;}
.searchTerms__group.txtSearch label{height:32px;color:#222;font-size:12px;line-height:32px;color:#222;}
.searchTerms__group.txtSearch input[type="text"]{width:162px;height:32px;border: solid 1px #d5d5d5;box-sizing: border-box;}
.searchTerms__group.txtSearch button{width:56px;height:32px;margin-left:20px;background:#222;color:#fff;}

/*정렬영역*/
.sortTypeSelect__warp{display: flex;justify-content: right;width:1000px;margin:0 auto;padding:20px 0;}
.sortTypeSelect__warp .sortTypeSelect{display: flex;}
.sortTypeSelect__warp .sortTypeSelect__sortSelect{
    min-width:123px;height:28px;marign-left:8px;padding:0 10px;border: solid 1px #d5d5d5;box-sizing: border-box;font-size:12px;color:#222;background: url("https://icon.feelway.com/recent/pc/common/icon/icon-drop.png") no-repeat center right 10px;
    o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect{margin-left:20px;display: flex;}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect .btnToggle{position:relative;width:28px;height:28px;border:1px solid #8e8e8e;}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect .btnToggle.gridType{background: url("https://icon.feelway.com/recent/pc/common/icon/icon_grid_view@2x.png") no-repeat center/14px 14px;opacity:0.3;}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect .btnToggle.gridType.active{z-index:1;border:1px solid #222;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_grid_view@2x.png") no-repeat center/14px 14px;opacity:1;;}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect .btnToggle.listType{background: url("https://icon.feelway.com/recent/pc/common/icon/icon_list_view@2x.png") no-repeat center/14px 14px;opacity:0.3;;}
.sortTypeSelect__warp .sortTypeSelect__layoutSelect .btnToggle.listType.active{z-index:1;border:1px solid #222;background: url("https://icon.feelway.com/recent/pc/common/icon/icon_list_view@2x.png") no-repeat center/14px 14px;opacity:1;}

.contentLoadingSpinner {padding:30vw 0;}
.contentLoadingSpinner .spinner {position: relative;width: 80px;height: 80px;margin: 0 auto;}
.contentLoadingSpinner .spinner div {box-sizing: border-box;display: block;position: absolute;width: 80px;height: 80px;margin: 4px;border: 6px solid #eee;border-color: #eee transparent transparent transparent;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}
.contentLoadingSpinner .spinner div:nth-child(1) {animation-delay: -0.45s}
.contentLoadingSpinner .spinner div:nth-child(2) {animation-delay: -0.3s}
.contentLoadingSpinner .spinner div:nth-child(3) {animation-delay: -0.15s}

/* 필폰샵 */
.goodsPrice__price{display:block;margin-bottom:7px;font-weight: 400;}
.goodsList__item .goodsPrice + .addInfo{margin-top: 9px;}

/*판매자홈*/
.sellerHomeList{width:100%;table-layout:fixed;}
.sellerHomeList .sellerHomeList__price .feel_price{font-family: 'Pretendard SemiBold';}
.sellerHomeList .sellerHomeList__price .feel_price_sale{color:#ed4e2b;margin-left:5px;display:inline-block;font-family: 'Pretendard SemiBold';}
.sellerHomeList .sellerHomeList__price del{color:#c3c3c3;display:block;}