@charset "utf-8";

.hidden{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.feelwaySwiper {overflow: hidden;}
.horizonScroll {overflow-x: auto;overflow-y: hidden;width:100%;}
.horizonScroll .goodsList{display:block;white-space:nowrap;}
.horizonScroll .goodsList__item{display:inline-block;width:120px;margin-right:7px;vertical-align:top;}
.goodsList {display: flex;justify-content:space-between;flex-wrap:wrap;}
.goodsList.swiper-wrapper {flex-wrap:initial;}
.goodsList__item {width:calc(50% - 5px);padding-bottom:30px;}
.goodsList__item a {text-decoration:none;}
.goodsList__item .imgArea {position: relative;border-radius:3px;overflow: hidden;}
.goodsList__item .imgArea .rankNumber {position: absolute;top:0;left:0;width:30px;height:30px;background: #169dab;color:#fff;font-size:14px;text-align: center;line-height:30px;font-weight: bold;}
.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:24px;font-weight:bold;}
.goodsList__item .goodsInformation {margin-top:10px;}
.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%;}
.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:2px;bottom:2px;width:30px;height:25px;padding:0;border:0;background: url("https://icon.feelway.com/recent/mo/common/icon/icon_heart4.png") no-repeat center/18px 16px;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/mo/common/icon/icon_heart4_on.png") no-repeat center/18px 16px;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:14px;height:14px;vertical-align:4px;}
.goodsList__item .goodsTitle {display: -webkit-box;overflow: hidden;margin-top:4px;color: #222;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 18px;text-overflow: ellipsis;word-wrap: break-word;}
.goodsList__item .goodsTitle .badge {display: inline-block;height:15px;margin-right:5px;padding:0 2px;border:1px solid #ed4e2b;vertical-align:1px;font-size:10px;border-radius:2px;line-height:14px;box-sizing: border-box;color:#ed4e2b}
.goodsList__item .goodsTitle + .goodsPrice {margin-top:5px;}
.goodsList__item .feelSeller {margin-top:6px;padding-left:12px;background: url("https://icon.feelway.com/recent/mo/common/icon/icon_person.png") no-repeat left center/8px 9px;color:#999;font-size:11px;}
.goodsList__item .goodsPrice {margin-top:8px;color:#222;font-size:14px;font-family: 'Pretendard SemiBold';font-weight: 600;}
.goodsList__item .goodsPrice .priceNum,
.goodsList__item .goodsPrice .percent {font-family: 'Pretendard SemiBold';}
.goodsList__item .goodsPrice + .feelpon{margin-top:9px;}
.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 .discountPrice {margin-top:-2px;font-size:11px;}
.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 {display: flex;flex-wrap: wrap;gap:3px;margin-top:9px;font-size:0;}
.goodsList__item .tags {display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 3px;background: #b2b2b2;color:#fff;font-size:10px;border-radius:2px;word-break: normal;line-height:12px;box-sizing: border-box;border:1px solid transparent;}
.goodsList__item .tags.active {background:#169dab;color:#fff;}
.goodsList__item .tags.regularCoupon{background:none;border:solid 1px #b2b2b2;line-height:10px;color:#222!important;}
.goodsList__item .feelpon {margin-top:9px;color:#169dab;font-size:11px;}
.goodsList__item .rental {margin-top:5px;}
.goodsList__item .rental .titRental {font-size:14px;color:#222;}
.goodsList__item .rental .rentalPrice {display: flex;margin-top:3px;justify-content: space-between;}
.goodsList__item .rental .monthPay {color:#ed4e2b;font-size:10px;line-height:19px;}
.goodsList__item .rental .monthPay .monthPayWon {margin-left:2px;color:#ed4e2b;font-size:14px;font-weight: bold;vertical-align:-1px;}
.goodsList__item .rental + .addInfo {margin-top:5px;}
.goodsList__item .showOption{position: relative;padding-top:6px;line-height:15px;color:#999;font-size:12px;}
.goodsList__item .showOption p{width:90%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;}
.goodsList__item .showOption .btnOptionToggle{position: absolute;top:5px;right:0;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;border:0;}
.goodsList__item .showOption.active{height:15px;z-index:51;}
.goodsList__item .showOption.active p{white-space:initial;text-overflow:initial;overflow:inherit;word-break:keep-all;overflow-wrap:break-word;}
.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% - 20px);padding:6px;border:1px solid #999;background: #fff;border-radius: 3px;}
.goodsList__item .textLink {display: flex;margin-top: 5px;font-size: 13px;line-height: 20px;color: #222;}

/*리스트형*/
.goodsListWrap.vertical .goodsList__item__link{display: flex;}
.goodsListWrap.vertical .listStatus + .goodsList .goodsList__item:first-child{padding-top:0;}
.goodsListWrap.vertical .listStatus + .goodsList .goodsList__item:first-child .btnGoodsDel{top:0;}
.goodsListWrap.vertical .goodsList__item{position:relative;display:flex;width:100%;padding:30px 0 50px;border-top:1px solid #eee;}
.goodsListWrap.vertical .goodsList__item:first-child{border-top:none;}
.goodsListWrap.vertical .goodsList__item .imgArea{position:static;width:126px;height:126px}
.goodsListWrap.vertical .goodsList__item .thumbImg{position: relative;}
.goodsListWrap.vertical .goodsList__item .goodsInformation{width:calc(100% - 126px);margin:0 0 0 10px;}
.goodsListWrap.vertical .goodsList__item .addInfo{position:absolute;left:0px;bottom:15px;}
.goodsListWrap.vertical .goodsList__item .btnHeart{right:0px;bottom:10px;}
.goodsListWrap.vertical .goodsList__item .btnGoodsDel{position: absolute;top:32px;right:10px;width:14px;height:14px;background: url("https://icon.feelway.com/recent/mo/common/icon/icon_delete@2x.png") no-repeat center/100%;}

/*리스트형*/
.goodsListWrap.vertical .goodsList__item:first-child{padding-top:0;}
.goodsListWrap.vertical .goodsList__item__link,
.goodsListWrap.vertical .productPage {display: flex;}
.goodsListWrap.vertical .listStatus + .goodsList .goodsList__item:first-child{padding-top:0;}
.goodsListWrap.vertical .listStatus + .goodsList .goodsList__item:first-child .btnGoodsDel{top:0;}
.goodsListWrap.vertical .goodsList__item{position:relative;display:flex;width:100%;padding:15px 0 10px;border-top:1px solid #eee;}
.goodsListWrap.vertical .goodsList__item:first-child{border-top:none;}
.goodsListWrap.vertical .goodsList__item .imgArea{width:126px;height:126px}
.goodsListWrap.vertical .goodsList__item .thumbImg{position: relative;}
.goodsListWrap.vertical .goodsList__item .goodsInformation{position:relative;width:calc(100% - 136px);margin:0 0 0 10px;}
.goodsListWrap.vertical .goodsList__item .addInfo{margin-top:8px;}
/*.goodsListWrap.vertical .goodsList__item .btnGoodsDel{position: absolute;top:32rem;right:1rem;width:1.4rem;height:1.4rem;background: url("https://icon.feelway.com/recent/mo/common/icon/icon_delete@2x.png") no-repeat center/100%;}*/


/*카드형*/
.goodsListWrap.card .goodsList__item{width:100%;}

/*상태표시바*/
.statusBar{display:flex;flex-direction:row;justify-content:space-between;padding:13px 10px;background:#fafafa;border-bottom:1px solid #eee;align-items: center;}
.statusBar.bgWhite{background:#fff;border:0;}
.statusBar + .goodsListWrap{margin-top:10px;}
.statusBar .statusBar__goodsCount{font-size:13px;color:#000;}
.statusBar .statusBar__goodsCount span{margin-right:3px;font-size:13px;color:#169dab;font-weight: 600;}
.statusBar__util{display: flex;}
.statusBar__util > * +.viewTypeSelect:before{content:"";display:inline-block;width:1px;height:18px;margin-right:5px;background: #e0e0e0;vertical-align:middle;}
.statusBar__util .selectSort{height:24px;margin-left:5px;border-radius:4px;border:1px solid #222;box-sizing: border-box;font-size:12px;border:0;background: none;}
.statusBar__util .viewTypeSelect{margin-left:12px;}
.statusBar__util .btnToggle{display:inline-block;width:24px;height:24px;vertical-align:top}
.statusBar__util .btnToggle.listType{background: url("https://icon.feelway.com/recent/mo/common/icon/icon_list_view@2x.png") no-repeat center/18px 18px;}
.statusBar__util .btnToggle.cardType{background: url("https://icon.feelway.com/recent/mo/common/icon/icon_card_view@2x.png") no-repeat center/19px 19px;}
.statusBar__util .btnToggle.gridType{background: url("https://icon.feelway.com/recent/mo/common/icon/icon_grid_view@2x.png") no-repeat center/18px 18px;}

.statusButton{display: flex;justify-content:space-between;align-items:baseline padding:13px 10px;}
.statusButton .btnDel{padding:0 5px;height:24px;margin-left:5px;border-radius:4px;border:1px solid #222;box-sizing: border-box;font-size:12px;text-align: center;}
.statusButton .btnDel.type02{background:#222;color:#fff;}
.statusBarArea{display: flex;height:24px;padding:13px 0;justify-content: space-between}
.statusBarArea .listStatus{display:flex;align-items:end;font-size:12px;color:#e5e5e5;font-weight: bold;}
.statusBarArea .listStatus span{font-size:10px;font-weight:normal;}

/* 로딩스피너 */
.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}

/* 필폰샵 */
.common-header-title img{width:auto;margin-top:0;}
.goodsPrice__price{display:block;margin-top:0;margin-bottom: 6px;font-weight: 400;}
.goodsList__item .goodsPrice + .addInfo{margin-top: 9px;}

/*하이엔드 슬라이드 버튼 스타일 수*/
.outletMDPick__list .owl-dots {display: flex;width:auto;margin: 50px 25px 35px;padding-top:0;background: #e6e6e6;height: 3px;}
.outletMDPick__list .owl-dots .owl-dot {flex-grow: 1;margin:0;background: transparent;height:3px;transition:all 0.3s;border:0;border-radius:0;}
.outletMDPick__list .owl-dots .owl-dot.active {background-color: #555555;}


/* [메인]상품전시_1단 */
.goodsListWrap.col_1 .goodsList__item {width:100%;padding-bottom:10px;}
.goodsListWrap.col_1 .goodsList__item .productPage {display: flex;}
.goodsListWrap.col_1 .goodsList__item .goodsInformation {display:flex;flex-direction:column;flex-shrink:0;width: calc(100% - 80px);margin-top:0;margin-left:10px;}
.goodsListWrap.col_1 .goodsList__item .brandName .brandNameTxt {line-height: 1;}
.goodsListWrap.col_1 .goodsList__item .goodsTitle {display: block;-webkit-line-clamp: initial;-webkit-box-orient: initial;white-space: nowrap;line-height: 15px;}
.goodsListWrap.col_1 .goodsList__item .showOption,
.goodsListWrap.col_1 .goodsList__item .discountPrice {display: none;}
.goodsListWrap.col_1 .goodsList__item .goodsPrice {display: flex;align-items: center;justify-content:flex-end;flex-direction: row-reverse;}
.goodsListWrap.col_1 .goodsList__item .goodsPrice .priceNum,
.goodsListWrap.col_1 .goodsList__item .goodsPrice .percent{margin-left:0 !important;}
.goodsListWrap.col_1 .goodsList__item .goodsPrice .priceNum + .percentUnit {margin-right:4px;font-size:0;}
.goodsListWrap.col_1 .goodsList__item:nth-last-child(-n+2) {padding-bottom: 10px !important;}
.goodsListWrap.col_1 .goodsList__item:nth-last-child(-n+1) {padding-bottom:0 !important;}

/* [메인]상품전시_3단 */
.goodsListWrap.col_3 .goodsList__item {width: calc(33.3333% - 10px);padding-bottom:20px;}/* calc(33.3333% - 10px) */
.goodsListWrap.col_3 .goodsList__item .goodsInformation > div:not(.goodsPrice) {display:none;}
.goodsListWrap.col_3 .goodsList__item .goodsInformation .goodsPrice {display:flex;align-items: center;justify-content:flex-end;flex-direction: row-reverse;font-size:12px;}
.goodsListWrap.col_3 .goodsList__item .goodsPrice .priceNum,
.goodsListWrap.col_3 .goodsList__item .goodsPrice .percent{margin-left:0 !important;font-size:12px;}
.goodsListWrap.col_3 .goodsList__item .goodsPrice .priceNum + .percentUnit {margin-right:6px;font-size:0;}
.goodsListWrap.col_3 .goodsList__item .goodsPrice .priceNum {font-family: 'Pretendard';}
.goodsListWrap.col_3 .goodsList__item:nth-last-child(-n+2) {padding-bottom: 20px !important;}
.goodsListWrap.col_3 .goodsList__item:nth-last-child(-n+3) {padding-bottom:0 !important;}