﻿@charset "utf-8";
/* 서브페이지 전체에 영향을 미치는 COMMONTOTAL CSS */

/*2017-12-07 khs :서버 응답 속도 저하로 서버 인크루드로 변경*/
/*@import url('/m/css/common.css.asp');*/
/*
@import url('./_celeb.css');
@import url('./_podoal.css');
@import url('./_subcommon.css');
*/


/* svg 설정 svgBg */
.svgBg {fill: #FE4E47;}

/*
루트 설정한 색상값을 asp로 끌어와야함.
:root {
	--color-test : #f00
}
.svgBg {fill: #f00;}
.svgIcon {width: 50px;height: 50px;}
.svgWrap .svgBg {fill:var(--sitecolor1);}
*/

/* content-product-list */
.content-product-list{line-height:1.2;}
.content-product-list .catePosition{display:flex;align-items:center;padding:0 40px 0 16px;border-bottom:1px solid #DFDFDF;background:#FFF;}
.content-product-list .catePosition .swiper-wrapper .swiper-slide a{height:auto;padding:12px 0;border:none;border-radius:unset;font-size:14px;font-weight:bold;color:#B1B1B1;line-height:1.2;}
.content-product-list .catePosition .swiper-wrapper .swiper-slide a.on{border-bottom:2px solid #222;background:none;color:#222;}
.content-product-list .catePosition .drop-down-button{position:absolute;top:50%;right:0;z-index:1;min-width:40px;height:40px;background:#FFF;transform:translateY(-50%);}
.content-product-list .catePosition .drop-down-button svg{width:100%;height:100%;}
.content-product-list .fix_gnbmenu{margin:0;}
.content-product-list .fix_gnbmenu .cateBox_wrap{display:none;padding:0 16px;border-bottom:1px solid #DFDFDF;background:#FFF;}
.content-product-list .fix_gnbmenu .cateBox_wrap.active{display:block;}
.content-product-list .fix_gnbmenu .cateBox_wrap .swiper-wrapper .swiper-slide a{height:auto;padding:12px 0;border:none;border-radius:unset;font-size:14px;font-weight:bold;color:#B1B1B1;line-height:1.2;}
.content-product-list .fix_gnbmenu .cateBox_wrap .swiper-wrapper .swiper-slide.on a{border-bottom:2px solid #222;background:none;color:#222;}

.content-product-list .fix_gnbmenu .array-wrap{display:flex;gap:8px;width:100%;padding:24px 16px;box-sizing:border-box;}
.content-product-list .fix_gnbmenu .array-wrap .seltype_wrap{display:flex;gap:8px;float:none;width:100%;height:auto;padding:0;}
.content-product-list .fix_gnbmenu .array-wrap .seltype_wrap .pd_wrap{float:none;width:50%;margin:0;padding:0;}
.content-product-list .fix_gnbmenu .array-wrap .seltype_wrap .pd_wrap .sc_dtl{display:flex;align-items:center;justify-content:space-between;float:none;width:100%;height:auto;padding:12px 16px;border:1px solid #9E9E9E;border-radius:21px;font-size:14px;color:#9E9E9E;line-height:1.2;white-space:nowrap;}
.content-product-list .fix_gnbmenu .array-wrap .seltype_wrap .pd_wrap .sc_dtl:after{position:static;width:auto;height:auto;}
.content-product-list .fix_gnbmenu .array-wrap .seltype_wrap .select1{width:50%;height:auto;padding:12px 16px;border:1px solid #9E9E9E;border-radius:21px;background:none;font-size:14px;color:#9E9E9E;line-height:1.2;}
.content-product-list .fix_gnbmenu .array-wrap .list_view_type{display:flex;align-items:center;gap:8px;float:none;width:auto;margin:0;}
.content-product-list .fix_gnbmenu .array-wrap .list_view_type a{display:flex;align-items:center;justify-content:center;margin:0;border:1px solid #9E9E9E;line-height:1.2;}
.content-product-list .fix_gnbmenu .array-wrap .list_view_type a.ftic-list2:before{color:#9E9E9E;line-height:1;}
.content-product-list .fix_gnbmenu .array-wrap .list_view_type a.ftic-list3{display:none;}
.content-product-list .fix_gnbmenu .array-wrap .list_view_type a i{margin:0;color:#9E9E9E;}

.content-product-list .fix_gnbmenu .subMainImg .swiper-wrapper .swiper-slide .banner-link{display:flex;position:relative;}
.content-product-list .fix_gnbmenu .subMainImg .swiper-wrapper .swiper-slide .banner-link:after{display:block;padding:80% 0 0;content:"";}
.content-product-list .fix_gnbmenu .subMainImg .swiper-wrapper .swiper-slide .banner-link img{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-product-list .fix_gnbmenu .subMainImg .swiper-pagination{display:flex;justify-content:center;position:static;padding:24px 0;}
.content-product-list .fix_gnbmenu .subMainImg .swiper-pagination .swiper-pagination-bullet:only-child{display:block !important;}
.content-product-list .fix_gnbmenu .subMainImg .swiper-pagination .swiper-pagination-bullet{background:#D9D9D9;}
.content-product-list .fix_gnbmenu .subMainImg .swiper-pagination .swiper-pagination-bullet-active{background:#000;}

.content-product-list .fix_gnbmenu .top-item-wrap{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 16px;box-sizing:border-box;}
.content-product-list .fix_gnbmenu .top-item-wrap .wrap-title{display:flex;gap:4px;margin:0;font-size:24px;}
.content-product-list .fix_gnbmenu .top-item-wrap .wrap-title .category{font-weight:400;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box{display:flex;flex-direction:column;gap:8px;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list{display:flex;align-items:center;gap:8px;position:relative;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .image-box{overflow:hidden;position:relative;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .image-box .item-link{display:flex;min-width:22.857vw;height:22.857vw;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .image-box .item-link img{width:100%;height:100%; object-fit: cover;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box{display:flex;flex-direction:column;gap:8px;width:calc(100% - 22.857vw);box-sizing:border-box;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .text-box{display:flex;flex-direction:column;gap:4px;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .text-box .seller-link{font-size:12px;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .text-box .title-link{display:-webkit-box;overflow:hidden;font-size:16px;font-weight:bold;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .price-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;position:relative;padding:0 24px 0 0;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .price-box .discount-rate{font-size:18px;font-weight:bold;color:#FF3390;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .price-box .discount-price{font-size:18px;font-weight:bold;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .price-box .price{font-size:12px;color:#999;text-decoration:line-through;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .price-box .pdBtnMore{top:50%;right:0;transform:translateY(-50%);}
.content-product-list .fix_gnbmenu .top-item-wrap .more-link-box .more-link{display:flex;justify-content:center;padding:16px 0;border:1px solid #9E9E9E;border-radius:8px;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .reward-box{display:flex;align-items:center;gap:4px;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .reward-box .box-text{display:flex;align-items:center;gap:4px;font-size:12px;color:#FF0060;line-height:1;}
.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box .reward-box .reward{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:bold;color:#FF0060;line-height:1;}

.content-product-list .fix_gnbmenu .top-influencer-wrap{display:flex;flex-direction:column;gap:16px;margin:24px 0 0;padding:0 16px;box-sizing:border-box;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .wrap-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:24px;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .wrap-title .title-text{display:flex;flex-wrap:wrap;gap:4px;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .wrap-title .title-text .category{font-weight:400;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .wrap-title .more-link{min-width:42px;font-size:12px;font-weight:400;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container{width:100%;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container .top-influencer-box .top-influencer-list .top-influencer-link{display:flex;flex-direction:column;gap:8px;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container .top-influencer-box .top-influencer-list .top-influencer-link .image-box img{width:100%;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container .top-influencer-box .top-influencer-list .top-influencer-link .text-box{display:flex;flex-direction:column;gap:4px;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container .top-influencer-box .top-influencer-list .top-influencer-link .text-box .box-text{font-size:12px;}
.content-product-list .fix_gnbmenu .top-influencer-wrap .top-influencer-container .top-influencer-box .top-influencer-list .top-influencer-link .text-box .influencer{font-size:16px;font-weight:bold;}

.content-product-list .fix_gnbmenu .most-view-wrap{display:flex;flex-direction:column;gap:16px;width:100%;margin:4px 0 0;padding:0 16px;box-sizing:border-box;}
.content-product-list .fix_gnbmenu .most-view-wrap .wrap-title{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0;font-size:24px;}
.content-product-list .fix_gnbmenu .most-view-wrap .wrap-title .title-text{display:flex;flex-wrap:wrap;gap:4px;}
.content-product-list .fix_gnbmenu .most-view-wrap .wrap-title .title-text .category{font-weight:400;}
.content-product-list .fix_gnbmenu .most-view-wrap .wrap-title .more-link{font-size:12px;font-weight:400;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container{width:100%;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list{display:flex;flex-direction:column;gap:8px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .image-box{overflow:hidden;position:relative;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .image-box .most-view-link{display:flex;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .image-box .most-view-link img{width:100%;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box{display:flex;flex-direction:column;gap:8px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .brand-link{font-size:12px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .seller-link{font-size:12px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .title-link{display:-webkit-box;overflow:hidden;height:39px;font-size:16px;font-weight:bold;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .price-box{display:flex;flex-direction:column;gap:4px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .price-box .price{font-size:12px;color:#999;text-decoration:line-through;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .price-box .discount-box{display:flex;gap:4px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .price-box .discount-box .discount-rate{font-size:18px;font-weight:bold;color:#FF3390;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .price-box .discount-box .discount-price{font-size:18px;font-weight:bold;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .reward-box{display:flex;align-items:center;gap:4px;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .reward-box .box-text{display:flex;align-items:center;gap:4px;font-size:12px;color:#FF0060;line-height:1;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .detail-box .reward-box .reward{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:bold;color:#FF0060;line-height:1;}
.content-product-list .fix_gnbmenu .most-view-wrap .most-view-container .most-view-box .most-view-list .pdBtnMore{position:absolute;}

@media(min-width:390px){
	.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .image-box .item-link{width:120px;min-width:120px;height:120px;}
	.content-product-list .fix_gnbmenu .top-item-wrap .top-item-box .top-item-list .detail-box{width:calc(100% - 120px);}
}