/* BASIC css start */
#content { padding-top: 0; }
.clearBoth { clear:both; }

/* 메인배너 */
.main_slide { overflow:hidden; position:relative; z-index:60; width: 100%; margin:30px auto; }
.main_slide .swiper-slide { width: auto; max-width: 468px; border-radius: 15px; overflow: hidden; }
.main_slide .swiper-slide img { width: 100%; object-fit: contain; }
.main_slide .swiper-slide .img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #000000, transparent); opacity: .4; }
.main_slide .swiper-slide .mv { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; /*aspect-ratio: 1 / 1;*/ }
.main_slide .swiper-slide .mv video { max-width: 100%; object-fit: cover; }
.main_slide .txt_box { position: absolute; bottom: 10%; left: 10%; transition: 1s; opacity: 0; text-align: left; color: #ffffff; letter-spacing: -0.5px; }
.main_slide .txt_box .cate { font-size:16px; font-weight:500; margin-bottom:10px; }
.main_slide .txt_box .tit { font-size: 32px; font-weight:500; line-height: 40px; margin-bottom:12px; }
.main_slide .txt_box .des { font-size:16px; font-weight:300; }
.main_slide .txt_box .tag { padding-bottom: 10px; }
.main_slide .txt_box .tag img { width: auto; height: 34px; }

.main_slide .swiper-slide a { position: relative; }
.main_slide .swiper-slide a:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.main_slide .swiper-slide.swiper-slide-prev a:after,
.main_slide .swiper-slide.swiper-slide-next a:after,
.main_slide .swiper-slide.swiper-slide-active a:after { background-color: rgba(0, 0, 0, 0); }
.main_slide .swiper-slide.swiper-slide-prev .txt_box,
.main_slide .swiper-slide.swiper-slide-next .txt_box,
.main_slide .swiper-slide.swiper-slide-active .txt_box { opacity:1; }

.main_slide .swiper-pagination { position: absolute; width: auto; bottom: 4%; left: 50%; border-radius: 50px; padding: 4px 12px; transform: translateX(-50%); font-size: 11px; background: rgba(34, 34, 34, .5); color: #999; z-index: 10; }
.main_slide .swiper-pagination .swiper-pagination-current { color: #fff; font-weight: 500; }
.main_slide .swiper-pagination-bullet-active { background: #182038 !important; border: 1px solid #182038 !important; }
.main_slide .swiper-container-horizontal > .swiper-pagination-bullets { position: absolute; bottom: 30px; z-index: 2; text-align:center; }
.main_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display: inline-block; width: 11px; height: 11px; margin: 0 8px; border: 1px solid #fff; background: transparent; opacity: 1; }

.main_slide .swiper-button-prev { top: 49%; left: 2%; }
.main_slide .swiper-button-next { top: 49%; right: 2%; }
.main_slide .swiper-button-prev:after,
.main_slide .swiper-button-next:after { color: #fff; font-size: 30px; }

.main_slide .btn_pause { position: absolute; bottom: 6%; right: 2%; cursor: pointer; z-index: 10; background: url(//xexymix.jpg3.kr/xexymix/2020/main/mainBtn_stop.png) no-repeat center; background-size: cover; width: 30px; height: 30px; }
.main_slide .btn_pause.on { background: url(//xexymix.jpg3.kr/xexymix/2020/main/mainBtn_play.png) no-repeat center !important; }


/* 메인배너_프로모션사용 */
.eventBanner { width: 91.3% !important; max-width: 2040px !important; min-width: 1783px !important; }
.imgnone { width: 100%; }
.imgnone:before { display: none !important; }


.banner-wrap { display: flex; justify-content: center; margin-bottom: 80px; }


/* 동그리배너 */
.circle_banner { display: flex; gap: 8px; width: 26%; margin-right: 15px; }
.circle_banner a { display: block; width: 25%; border-radius: 15px; overflow: hidden; }
.circle_banner a img { width: 100%; }


/* 신상 */
#main .new .slide-new { overflow: hidden; }
#main .new .slide-new .swiper-wrapper {  }
#main .new .slide-new .swiper-slide { max-width: 265.6px; margin-right: 18px; }
#main .new .slide-new .swiper-pagination { font-size: 15px; letter-spacing: 1px; bottom: 0; line-height: 30px; }
#main .new .slide-new .swiper-button-next { top: auto; bottom: 0; right: 45%; height: 30px; }
#main .new .slide-new .swiper-button-prev { top: auto; bottom: 0; left: 45%; height: 30px; }
#main .new .slide-new .swiper-button-next:after,
#main .new .slide-new .swiper-button-prev:after { content: ""; position: absolute; width: 10px; height: 10px; position: absolute; border-top: 2px solid #000; border-right: 2px solid #000; }
#main .new .slide-new .swiper-button-next:after { transform: rotate(45deg); }
#main .new .slide-new .swiper-button-prev:after { transform: rotate(225deg); }


/* 블프특가 */
#main .bfSale .slide-new .swiper-slide { max-width: 265.6px; margin-right: 18px; }


/* 기획전 배너 */
.event_banner { text-align: center; }
.event_banner .list { display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
.event_banner .list:first-child { padding-bottom: 11px; }
.event_banner .list::-webkit-scrollbar { display: none; }
.event_banner .list a { display: flex; align-items: center; justify-content: center; padding: 4px 8px 4px 5px; margin-left: 10px; 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: 400; }
.event_banner .list a.new_point{border:1px solid #eb5e3e; color:#eb5e3e;}


/* 아울렛 */
.planMain { /*display: none;*/ padding-bottom: 55px; }
.planMain .plan_title { position: relative; width: 37%; background: url(//xexymix.jpg3.kr/xexymix/main/mobile/2025/main_outlet_251103.jpg) no-repeat center; background-size: cover; }
.planMain .plan_title a { display: block; width: 100%; height: 100%; padding-bottom: 105%; }
.planMain .plan_title a p { position: absolute; bottom: 25px; left: 0; width: 100%; font-size: 90px; font-weight: 600; color: #dd0000; text-align: center; }
.planMain .plan_title span:nth-child(1) { position: absolute; top: 0; left: 0; }
.planMain .plan_title span:nth-child(2) { position: absolute; top: 0; right: 0; }
.planMain .plan_title span { height: 70px; }
.planMain .plan_title span img { width: 100%; height: 100%; }
.planMain .slide-plan { position: absolute; top: 70px; right: 0; width: 59.5%; overflow: hidden; }
.planMain .slide-plan .swiper-slide { max-width: 265.6px; margin-right: 18px; }
.planMain .slide-plan .swiper-pagination { top: auto; bottom: 0; height: 2px; background: rgba(0, 0, 0, .15); }
.planMain .slide-plan .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; }


/* 블프컬렉션 */
.swim_slide { padding-bottom: 60px !important; }
.swim_slide .item-cont { grid-template-columns: repeat(3, minmax(calc(33.3% - 18px), 1fr)); }
.swim_slide .swiper-slide { margin-right: 30px; }
.swim_slide .swiper-slide .guide_bn { position: relative; display: block; max-width: 460px; margin-bottom: 5px; }
.swim_slide .swiper-slide .guide_bn img { width: 100%; }
.swim_slide .swiper-slide .guide_bn p { position: absolute; top: 35px; left: 35px; font-size: 16px; line-height: 22px; }
.swim_slide .swiper-slide .guide_bn p b { display: block; font-size: 30px; line-height: 36px; padding-bottom: 15px; }
.swim_slide .swiper-slide:last-child { display: none !important; }
.swim_slide .swiper-button-next, 
.swim_slide .swiper-button-prev { width: 40px; height: 40px; border-radius: 40px; top: 45%; background: rgba(0, 0, 0, .15); transition: 0.2s; }
.swim_slide:hover .swiper-button-next, 
.swim_slide:hover .swiper-button-prev { background: rgba(0, 0, 0, .7) !important; }
.swim_slide .swiper-button-next:after, 
.swim_slide .swiper-button-prev:after { color: #fff !important; font-size: 14px; }
.swim_slide .swiper-button-next.swiper-button-disabled, 
.swim_slide .swiper-button-prev.swiper-button-disabled { opacity: 0; }

.row2 .item-cont .item-list { display: flex !important; width: 100% !important; padding: 15px 0; margin-bottom: 0 !important; border-bottom: 1px solid #e8e8e8; }
.row2 .item-cont .item-list:last-child { border-bottom: 0; }
.row2 .item-cont .item-list dt { position:relative; width: 28%; }
.row2 .item-cont .item-list dd { width: 72%; padding: 0 12px; }


/* 타임딜 */
.sale_slide { overflow: hidden; }
.sale_slide .swiper-slide { max-width: 336.5px; margin-right: 18px; }
.sale_slide .swiper-pagination { font-size: 15px; letter-spacing: 1px; bottom: 0; line-height: 30px; }
.sale_slide .swiper-button-next { top: auto; bottom: 0; right: 45%; height: 30px; }
.sale_slide .swiper-button-prev { top: auto; bottom: 0; left: 45%; height: 30px; }
.sale_slide .swiper-button-next:after,
.sale_slide .swiper-button-prev:after { content: ""; position: absolute; width: 10px; height: 10px; position: absolute; border-top: 2px solid #000; border-right: 2px solid #000; }
.sale_slide .swiper-button-next:after { transform: rotate(45deg); }
.sale_slide .swiper-button-prev:after { transform: rotate(225deg); }


/* 블프특가 */
.bfSale { overflow: hidden; }
.bfSale .slide-new .swiper-pagination { font-size: 15px; letter-spacing: 1px; bottom: 0; line-height: 30px; }
.bfSale .slide-new .swiper-button-next { top: auto; bottom: 0; right: 45%; height: 30px; }
.bfSale .slide-new .swiper-button-prev { top: auto; bottom: 0; left: 45%; height: 30px; }
.bfSale .slide-new .swiper-button-next:after,
.bfSale .slide-new .swiper-button-prev:after { content: ""; position: absolute; width: 10px; height: 10px; position: absolute; border-top: 2px solid #000; border-right: 2px solid #000; }
.bfSale .slide-new .swiper-button-next:after { transform: rotate(45deg); }
.bfSale .slide-new .swiper-button-prev:after { transform: rotate(225deg); }


/* 컬렉션배너 */
.collection_banner { position: relative; width: 100%; overflow: hidden; padding-bottom: 30px; margin-bottom: 7%; }
.collection_banner .swiper-slide img { width: 100%; }
.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; }


/* 섹션 타이틀 */
.section-title { letter-spacing: -0.5px; font-size: 30px; font-weight: bold; margin-bottom: 20px; line-height: 40px; }
.section-title span { font-weight: 300; }


/* 탭 슬라이드 */
.tabArea { position: relative; }
.tabArea .tab_menu { padding-bottom: 20px !important; }
.tabArea .tab_menu .swiper-slide { display: inline-table; width: auto; padding-right: 7px; }
.tabArea .tab_menu .swiper-slide > span { display: block; padding: 8px 16px; border: 1px solid #ccc; border-radius: 50px; line-height: 17px; font-size: 15px; cursor: pointer; color: #aaa; }
.tabArea .tab_menu .swiper-slide.swiper-slide-thumb-active > span { background: #000; color: #fff; border: 1px solid #000; }
.tabArea .tab_list .swiper-slide { background: #fff; }

.tabArea .tab_list { position: relative; width: 100%; }
.tabArea .tab_list .swiper-slide { background: #fff; }
.tabArea .tab_list .item-cont .item-list { position:relative; text-align:left; }
.tabArea .tab_list .item-cont .item-list dt { position: relative; }
.tabArea .tab_list .item-cont .item-list dd { position: relative; font-size: 15px; }
.tabArea .tab_list .item-cont .item-list dd .prd-price { }
.tabArea .tab_list .item-cont .item-list dt a { vertical-align: top; }
.tabArea .tab_list .item-cont .item-list .no { position: absolute; top: 0; left: 0; font-size: 15px; z-index: 2; color: #111; background: #fff; font-size: 13px; width: 35px; height: 35px; line-height: 35px; font-weight: 500; text-align: center; }


/* 상품진열 더보기(전체 메인에만 해당) */
.item-cont .moreBtn { position: absolute; top: 26px; right: 3px; padding-top: 0 !important; }
.item-cont .moreBtn a { border: 0; height: 27px; line-height: 29px; color: #aaa; margin: 0 15px; background: #fff; font-size: 13px; font-weight: 500; }
.item-cont .moreBtn a:after { top: 11px; margin-left: 3px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }

.section { position: relative; margin-bottom: 5%; }
.section .moreBtn { position: absolute; top: 5px; right: 3px; padding-top: 0 !important; }
.section .moreBtn a { border: 0; height: 40px; line-height: 40px; color: #aaa; margin: 0; background: #fff; font-size: 15px; font-weight: 500; }
.section .moreBtn a:after { top: 16px; margin-left: 5px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }


/* 컬렉션배너 */
#main .sub-banner-wrap {  max-width: 1440px; margin: 0 auto 150px; }
#main .collection_swiper { position: relative; max-width: 1440px; overflow: hidden; }
#main .collection_swiper .swiper-slide img { width: 100%; }
.middle_banner .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.middle_banner .swiper-pagination-bullet-active { background: #000; }


/* 실시간 */
#main .realtime .slide-realtime { overflow: hidden; }
#main .realtime .slide-realtime .swiper-slide { max-width: 265.6px; margin-right: 18px; }
#main .realtime .slide-realtime .item-cont { transition-timing-function: linear; }
#main .realtime .slide-realtime .swiper-slide dd .prd-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#main .realtime .item-cont-wrap .realtime-scroll { position: inherit; left: 0!important; bottom: 0!important; background: #d9d9d9!important; width:100%!important; height:1px!important; }
#main .realtime .item-cont-wrap .realtime-scroll .swiper-scrollbar-drag { background: #000; }


/* 이벤트 배너 */
.middle_banner { margin-bottom: 70px !important; padding-bottom: 30px !important; padding-top: 15px !important; }
.middle_banner .swiper-slide img { width: 100%; }
.middle_banner .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.middle_banner .swiper-pagination-bullet-active { background: #000; }


/* 상품리스트 네비 타입 */
#main .wrap-inner { position:relative; width:100%; max-width: 1440px; margin: 0 auto; }
#main .wrap-inner .item-wrap { position:relative; padding:0; }


#main .wrap-inner .item-cont-wrap  { width:calc(100% - 26%); margin-left: 26%; }

#main .item-wrap { position: relative; }


/* 실시간리뷰 */
.photo_review { padding-bottom:100px; text-align:center; }
.photo_review h4 { position: relative; width: 1400px; margin: 0 auto; line-height: 45px; font-weight:600; font-size:30px; text-align:left; }
.photo_review h4 .btn-more { position: absolute; right: 0; line-height: 45px; text-align:center; font-size: 16px; font-weight: 400; }
.photo_review h4 .btn-more img { width: 22px; vertical-align: middle; padding: 0 0 4px 4px; }

.photo_review .crema-reviews.crema-applied { width: 1400px !important; }

.crema-target-product-recommendation-review-highlight { max-width: 1480px !important; padding: 0 !important; }


/* 인스타그램 */
.instaBox { position:relative; top: 0; z-index:5; padding-top: 40px; padding-bottom:150px; background:#fff; }
.ft_instagram { margin:0px auto 0; text-align:center; width:1300px; }
.ft_instagram .title { position: absolute; text-align:left; }
.ft_instagram .title a { font-weight: 700; font-size: 34px; }
.eapps-instagram-feed .eui-widget-title a { display:inline-block; height:40px; line-height:34px; padding-left:20px; padding-right:20px; text-align:center; border-style:solid; border-image:linear-gradient(to right, #ac06bf 0%, #ec1466 50%, #f2b360 100%); border-image-slice:1; background:transparent; border-image-width:1px; }
.eapps-instagram-feed-title { padding: 0 0 50px;; font-weight:500; text-align: right; }

/* 종료처리 */
.mainOff { display: none; }


/* BASIC css end */