/* BASIC css start */
/* 팝업감춤 */
#MAKESHOPLY1, #MAKESHOPLY2, #MAKESHOPLY3, #MAKESHOPLY4, #MAKESHOPLY5, #MAKESHOPLY6, #MAKESHOPLY7, #MAKESHOPLY8, #MAKESHOPLY9, #MAKESHOPLY10, 
#MAKESHOPLY11, #MAKESHOPLY12, #MAKESHOPLY13, #MAKESHOPLY14, #MAKESHOPLY15, #MAKESHOPLY16, #MAKESHOPLY17, #MAKESHOPLY18, #MAKESHOPLY19, #MAKESHOPLY20 { display: none !important; }
body.setPopupStyle { overflow: auto !important; touch-action: auto !important; }


/* 메인배너 */
.main_slide { padding-top: 5px; }
.main_slide .swiper-slide { width: 90%; padding: 0 4%; }
.main_slide .swiper-slide .img { position: relative; border-radius: 14px; overflow: hidden; }
.main_slide .swiper-slide .img:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 57%; background: linear-gradient(360deg, #000000, transparent); opacity: .4; }
.main_slide .swiper-pagination { width: auto; border-radius: 50px!important; right: 8%; left:inherit; bottom: 3%; padding: 4px 8px; background: rgba(34,34,34,.5); font-size: 10px; color: #999; }
.main_slide .swiper-pagination .swiper-pagination-current { color: #fff; font-weight: 500; }

.main_slide .txt_box{ color: #fff; position: absolute; bottom: 12%; left: 10%; }
.main_slide .txt_box .tit { font-size: 28px; font-weight: bold; line-height: 34px; letter-spacing: -1px; }
.main_slide .txt_box .des { font-size: 14px; margin-top: 12px; }


/* 메인배너_이벤트사용 */
.imgnone:before { display: none!important; }


/* 서브 배너 */
.sub_banner { display: flex; gap: 8px; padding: 16px 20px 0 20px; }
.sub_banner a { position: relative; width: 25%; }
.sub_banner a span { position: absolute; bottom: 7px; left: 0; width: 100%; text-align: center; font-size: 10px; font-weight: 600; }
.sub_banner .fcWh { color: #fff; }


/* 기획전 배너 */
.event_banner { padding: 16px 0 35px 0 !important; text-align: center; }
.event_banner .list { padding: 0 20px; display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
.event_banner .list:first-child { padding-bottom: 5px; }
.event_banner .list::-webkit-scrollbar { display: none; }
.event_banner .list a { display: flex; align-items: center; justify-content: center; padding: 3px 20px 3px 18px; margin-left: 5px; border: 1px solid #e8e8e8; border-radius: 30px; }
.event_banner .list a:first-child { margin-left: 0 !important; }
.event_banner .list a img { width: 30px; height: 30px; border-radius: 30px; }
.event_banner .list a p { padding: 0 8px; font-size: 15px; font-weight: 500; }


/* 컬렉션배너 */
.collection_banner { margin-bottom: 50px !important; padding-bottom: 30px; padding-top: 15px; }
.collection_banner .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.collection_banner .swiper-pagination-bullet-active { background: #000; }


/* 젝시랭킹 */
.rankingArea { padding-bottom: 50px; }
.rankingArea .best_tab { padding: 0 15px 25px 15px !important; }
.rankingArea .best_tab .swiper-slide { display: inline-table; width: auto; padding: 0 5px; }
.rankingArea .best_tab .swiper-slide > span { display: block; padding: 7px 14px; border: 1px solid #ccc; border-radius: 50px; line-height: 15px; font-size: 14px; cursor: pointer; color: #aaa; }
.rankingArea .best_tab .swiper-slide.swiper-slide-thumb-active > span { background: #000; color: #fff; border: 1px solid #000; }
.rankingArea .best_list .swiper-slide { background: #fff; }
.rankingArea .MoreBtn { padding: 0; }


/* 실시간급상승 */
.realtime_slide .swiper-wrapper { transition-timing-function: linear; }
.realtime_slide .swiper-slide { width: 35%; }
.realtime_slide .items .productInfo { padding: 10px 4px 0 4px; }
.realtime_slide .items .productInfo .listName { font-size: 13px; line-height: 18px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -.5px; }


/* 컬렉션배너 */
.banner_slide { margin-bottom: 50px !important; padding-bottom: 30px; }
.banner_slide .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.banner_slide .swiper-pagination-bullet-active { background: #000; }


/* 브랜딩 비디오 */
.videoArea { margin-bottom: 70px; }
.videoArea .video_cont { /*background: url(//xexymix.jpg3.kr/xexymix/main/mobile/2024/main_mens_ysb_240503.jpg) no-repeat; background-size: cover;*/ }
.videoArea .video_cont iframe { margin-bottom: -3px; border: 0; }


/* 실시간고객리뷰 */
.reviewArea { margin:0 auto 60px; }
.reviewArea .section-title { margin-bottom:10px; }
.reviewArea .tit_sub { padding: 0 20px; font-size: 14px; word-break: keep-all; }
.reviewArea .review_cont { padding: 0 20px; }
.reviewArea .MoreBtn { padding-top: 30px; }


/* 상품추가리스팅 더보기 */
.listMoreBtn { display: none; }


/*버튼 컬러 수정 0219 박선애*/
.MoreBtn a { display: block; position: relative; width: auto; height: 43px; line-height: 43px; margin: 0 20px; padding-right: 12px;  text-align:center; background:#000000; color:#fff; }
.MoreBtn a:after { content: ""; position: absolute; top: 18px; width: 6px; height: 6px; margin-left: 7px; transform: rotate(-45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; }


/* BASIC css end */