/* BASIC css start */
#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span{}

#search .form-wrap {position: relative; background-color:#ab3e41; padding: 10px;}
#search .form-wrap .searchForm {width:80%;}
#search .form-wrap .searchForm input {border:0px none;}
#search .form-wrap .searchButton {width:20%; height:68px; background-color:#822023; color:#fff;position: absolute; top: 10px; right: 10px; height: 68px; line-height: 68px; text-align: center; }
#search .form-wrap .searchForm #keyword_search {width:90%; margin-bottom: 10px;}
#search .form-wrap .searchPrice {color:#fff;}
#search .form-wrap .searchPrice input {width:30%;}
#search h2 {border-bottom:1px solid #4a4a4a; text-align:center; font-weight:bold; padding:5px 0;}
#search .MK_product_list .items {background-color:#f9f9f9; padding: 10px 0;}
#search .MK_product_list .items #MK_best_product li {width:33.33%;}
#search .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
#search .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
#search .list_group {padding:12px 1%; text-align:center;}
#search .list_group select {width:49%; height:28px;}
#search .more .more-title {color: #3b3b3b;}

#search .list_shopping1x li {box-sizing: border-box; padding: 18px 4px;}
#search .list_shopping1x li:first-child {padding:0 4px 18px 4px;}
#search .list_shopping1x li a {display: inline; padding: 0;}
#search .list_shopping1x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping1x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}
#search .list_shopping1x li figcaption .coupon-benefit {position:relative;} 
#search .list_shopping1x li figcaption .btn-coupon { display:inline-block; height:16px; padding:0; border:1px solid #000; font-size:10px;}
#search .list_shopping1x li figcaption .btn-coupon span { display:inline-block; height:16px; padding:0 5px; vertical-align:top; font-size:11px;  color:#fff; background:#000;}
#search .list_shopping1x li figcaption .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

#search .list_shopping2x li {box-sizing: border-box; padding:0 2px 18px 2px;}
#search .list_shopping2x li a {display: inline; padding: 0;}
#search .list_shopping2x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping2x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}
#search .list_shopping2x li figcaption .coupon-benefit {position:relative;} 
#search .list_shopping2x li figcaption .btn-coupon { display:inline-block; height:16px; padding:0; border:1px solid #000; font-size:10px;}
#search .list_shopping2x li figcaption .btn-coupon span { display:inline-block; height:16px; padding:0 5px; vertical-align:top; font-size:11px;  color:#fff; background:#000;}
#search .list_shopping2x li figcaption .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
#search .list_array .list_arrayRight img {width: 23px; height: auto;}

@media screen and (min-width:420px) and (max-width:767px) {
    #search .list_shopping1x li {padding:4px;}
    #search .list_shopping1x li:first-child {padding:4px;}
}
@media screen and (min-width:768px) {
    #search .list_shopping1x li {padding:10px;}
    #search .list_shopping1x li:first-child {padding:10px;}
    #search .list_shopping2x li {padding:5px;}
}

#search .form-wrap .searchButton {height: 36px; line-height: 42px;}
/* 다찾다 자동완성*/
#search .form-wrap .searchForm .search-auto-complete-list { display:none; z-index:1; position:absolute; top:54px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
#search .form-wrap .searchForm .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
#search .form-wrap .searchForm .search-auto-complete-list ul li { text-align:center; margin: 3px; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
#search .form-wrap .searchForm .search-auto-complete-list ul li a strong { color:#ab3e41; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a:hover span {}
#search .form-wrap .searchForm .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 상품 검색 결과 */
#search .all-finder-result { display:none; overflow:hidden; position:relative; padding:10px 5px 4px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background:#f4f4f4; }
#search .all-finder-result:after { clear: both; content: ""; display: block; }
#search .all-finder-result .fa-rotate-left { position:absolute; top:10px; left:5px; width:34px; height:34px; line-height:34px; font-size:18px; border-radius:30px; background:#999; color:#fff; text-align:center; }
#search .all-finder-result .swiper-container { width:100%; padding:0; margin:0 0 0 34px; }
#search .all-finder-result .swiper-container .swiper-slide { width:auto !important; height:40px; }
#search .all-finder-result .swiper-container .swiper-slide .finder-options { display:inline-block; margin-left:5px; padding: 5px 10px; line-height:22px; border: 1px solid #000; word-break:break-all; font-weight: bold; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; background:#fff; color:#000; }
#search .all-finder-result .swiper-container .swiper-slide .finder-options .fa-close { margin-left:5px; color: #999; }
#search .all-finder-result .swiper-container .swiper-slide .finder-option-color em { display: inline-block; width: 22px; height: 22px; border: none; border-radius:20px; font-size:0; vertical-align:top; }

/* html 에서 옮긴 코드 */
#designDisplay_61691c1d63a02 .goods_list:after {
    clear: both;
    display: block;
    content: "";
}

#designDisplay_61691c1d63a02 .goods_list li.gl_item_small {
    width: 50%;
    box-sizing: border-box;
    padding: 0px 4px 10px 4px;
}

#designDisplay_61691c1d63a02 .goods_list li.gl_item>a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

#designDisplay_61691c1d63a02 .goods_list span.gli_image {
    width: 100%;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

#designDisplay_61691c1d63a02 .goods_list span.gli_image img {
    width: 100%;
}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents {
    padding-top: 0;
    text-align: left;
}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents li {
    line-height: 1.6;
}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .goods_summary {}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .goods_name {
    font-size: inherit;
}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .goods_consumer_price {}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .goods_price {}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .gli_goodsprice {}

#designDisplay_61691c1d63a02 .goods_list ol.gli_contents .goods_won {
    font-size: 0.9em;
}

#designDisplay_61691c1d63a02 .fb-like {
    width: 60px;
    margin: 3px 0;
}

#designDisplay_61691c1d63a02 .goods_display_more_btn {
    display: block;
    margin: 5px auto;
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px);
}

#designDisplay_61691c1d63a02 .goods_display_more_btn {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #e3e3e3;
    background-color: #f8f8f8;
    font-size: 14px;
    color: #7a7b83
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap {
    width: 60px;
    text-align: center;
    line-height: 45px;
    height: 60px;
    display: none;
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span {
    white-space: nowrap;
    overflow: hidden
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_solo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top_discount {
    width: 35px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: right
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top_discount_per {
    width: 25px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: left
}

#designDisplay_61691c1d63a02 .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_bottom {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

#designDisplay_61691b5dd844e .goods_list:after {
    clear: both;
    display: block;
    content: "";
}

#designDisplay_61691b5dd844e .goods_list li.gl_item {
    display: inline-block;
    vertical-align: top;
    width: calc(((844 / 3) / 2)*100/320*1vw);
    box-sizing: border-box;
    font-size: 12px;
}

/* display_key 값이 5ff517fdbc18b 인 영역만 min-height 0으로 적용 */
.content-product--2rows .content-product__item:nth-child(3n+3),
.content-product--2rows .content-product__item:nth-child(4n+4) {
    min-height: 0;
}

#designDisplay_61691b5dd844e .goods_list li.gl_item>a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

#designDisplay_61691b5dd844e .goods_list span.gli_image {
    width: 100%;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#designDisplay_61691b5dd844e .goods_list span.gli_image img {
    width: 100%;
}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents {
    padding-top: 0;
    text-align: left;
}

/* #designDisplay_61691b5dd844e .goods_list ol.gli_contents li {line-height:1.6;} */
#designDisplay_61691b5dd844e .goods_list ol.gli_contents .goods_summary {}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents .goods_name {
    font-size: inherit;
}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents .goods_consumer_price {}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents .goods_price {}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents .gli_goodsprice {}

#designDisplay_61691b5dd844e .goods_list ol.gli_contents .goods_won {
    font-size: 0.9em;
}

#designDisplay_61691b5dd844e .fb-like {
    width: 60px;
}

#designDisplay_61691b5dd844e .goods_display_more_btn {
    display: block;
    margin: 5px auto;
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px);
}

#designDisplay_61691b5dd844e .paging_btn {
    margin: auto;
}

#designDisplay_61691b5dd844e .custom_mobile_pagination {
    margin: 20px auto;
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap {
    width: 60px;
    height: 60px;
    display: none;
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span {
    white-space: nowrap;
    overflow: hidden
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_solo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top_discount {
    width: 35px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: right
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_top_discount_per {
    width: 25px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: left
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_solo_discount {
    width: 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: right
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_solo_discount_per {
    width: 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: left
}

#designDisplay_61691b5dd844e .goodsDisplayImageIcon .goodsDisplayImageIconWrap span.icon_bottom {
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}
/* html 에서 옮긴 코드 */

/* wib css 추가 */
.goods-search .header__search {
    position: static;
    display: block;
}

.header__search-container {
    margin: 0 15px;
    position: relative;
}

.header__search-container .mob-search-icon {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.catalog_list_wrap #hot ul {
    margin-top: 20px !important;
    margin-bottom: 60px;
}

/* 토탈 & 필터 */
.default-lattice-container-wrap {
    margin: 0 15px 0;
}

.default-lattice-container__top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.default-lattice-container__product-count {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.48px;
    color: #6c6d70;
}

.default-lattice-container__product-count strong {
    color: var(--Ypoint);
}

.default-lattice-container__search-filter select {
    background: url(/design/skinfood/skinfood/images/wib/MO/common/goodsList_filter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px center;
    width: 120px;
    padding-left: 15px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    color: #6c6d70;
}

/* 상품 리스트 */
.goodsNo {
    width: 100%;
    text-align: center;
    margin: 80px 0;
}

/* 상품 레이아웃 */
.product_list_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 40px 13px;
    width: 100%;
}

.product_list_wrap > .item {
    width: calc(50% - 7px);
}

.product_list_wrap > .item .goodsDisplayImage {
    width: 100%;
}

.product_list_wrap > .item .goodsDisplayTextWrap {
    margin-top: 10px;
}

.gli_contents {
    margin-top: 10px;
}

/* 장바구니 버튼 */
.btn_g {
    margin-top: 8px;
}

.cartBtn {
    border: 1px solid var(--inputLIne);
    display: block;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    border-radius: 4px;
}

.cartBtn img {
    margin-right: 4px;
}

.goodsDisplayImageWrap {
    position: relative;
}

/* 품절인 경우 */
.soldOutBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    border-radius: 4px;
    text-align: center;
    align-content: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
}
/* 품절 버튼 */
.soldoutBtn {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 32px;
    background: #D6D6D6;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
}

/* 페이징 */
.pagingWrap {
    margin: 60px 0 22px;
    width: 100%;
}

/* 상품이 없는 경우 */
.no-data2 {
    width: 100%;
    text-align: center;
}

/* BASIC css end */