/* BASIC css start */
.clearBoth { clear:both; }

/* 메인배너 */
#main .main_slide { overflow:hidden; position:relative; z-index:60; margin:0 auto 75px; }
#main .main_slide { width: 100%; }
#main .main_slide .swiper-slide { width: 33.3%; max-width: 744px; min-width: 600px; }
#main .main_slide .swiper-slide img { width: 100%; object-fit: contain; }
#main .main_slide .swiper-slide .img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .25; }
#main .main_slide .swiper-slide .mv { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; /*aspect-ratio: 1 / 1;*/ }
#main .main_slide .swiper-slide .mv video { max-width: 100%; object-fit: cover; }
#main .main_slide .txt_box { position: absolute; top: 42%; width: 100%; transition:2s; opacity:0; text-align: center; color: #ffffff; }
#main .main_slide .txt_box .cate { font-size:16px; font-weight:500; margin-bottom:10px; }
#main .main_slide .txt_box .tit { font-size:32px; font-weight:600; line-height:42px; margin-bottom:10px; }
#main .main_slide .txt_box .des { font-size:18px; margin-bottom:15px; }

#main .main_slide .txt_box2 { position: absolute; bottom: 10%; left: 10%; transition:2s; opacity:0; text-align: left; color: #ffffff; }
#main .main_slide .txt_box2 .tit { font-size: 42px; font-weight:600; line-height: 52px; margin-bottom:10px; }
#main .main_slide .txt_box2 .tag { padding-bottom: 10px; }
#main .main_slide .txt_box2 .tag img { width: auto; height: 34px; }

#main .main_slide .swiper-slide.swiper-slide-active .txt_box { opacity:1; }
#main .main_slide .swiper-slide.swiper-slide-active .txt_box2 { opacity:1; }

#main .main_slide .swiper-container-horizontal > .swiper-pagination-bullets { position: absolute; bottom: 30px; z-index: 2; text-align:center; }
#main .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 .main_slide .swiper-pagination-bullet-active { background: #182038 !important; border: 1px solid #182038 !important; }

#main .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 .main_slide .btn_pause.on { background: url(//xexymix.jpg3.kr/xexymix/2020/main/mainBtn_play.png) no-repeat center !important; }
#main .main_slide .swiper-pagination { position: absolute; right: 5%; left: auto; bottom: 7%; width: 50px; text-align: center; color: #fff; z-index: 10; }
#main .main_slide .swiper-button-prev { top: 46%; left: 1%; }
#main .main_slide .swiper-button-next { top: 46%; right: 1%; }
#main .main_slide .swiper-button-prev:after,
#main .main_slide .swiper-button-next:after { color: #fff; font-size: 30px; }


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


/* 동그리배너 */
#main .circle_banner { width: auto; margin: 0 auto 120px; text-align: center; }
#main .circle_banner ul { overflow: hidden; }
#main .circle_banner li { display: inline-block; margin: 0 10px; }
#main .circle_banner li a { display: block; }
#main .circle_banner li a img { width: 106px; }
#main .circle_banner p { position:relative; padding-top: 10px; font-size: 15px; font-weight: 400; }
#main .circle_banner p.on:after { position: absolute; top: 10px; width: 7px; height: 7px; margin-left: 2px; background: #eb5e3e; border-radius: 50%; content: ""; }


/* 위클리베스트 */
#best_slider { overflow: hidden; }

.best_tab { width: 16%; float: left; padding-left: 10px; }
.best_tab .best-tit { padding-bottom: 80px; font-size:34px; font-weight:600; letter-spacing: -1px; }
.best_tab .swiper-wrapper { display: contents; }
.best_tab .swiper-slide { position:relative; height:35px; line-height:35px; margin-top: 15px; font-size:18px; color:#aaa; cursor:pointer; }
.best_tab .swiper-slide span { position:relative; z-index:3; }
.best_tab .swiper-slide.swiper-slide-thumb-active { color:#000; font-weight:600; }
.best_tab .swiper-slide.swiper-slide-thumb-active:after { content: ''; position:absolute; width:7px; height:7px; top: 4px; margin-left: 3px; background:#eb5e3e; z-index:2; border-radius:50%; }

.best_list { position: relative; width:calc(100% - 16%); float:right; padding-bottom: 30px!important; }
.best_list .item-cont .item-list { text-align:left; display:inline-block; *display:inline; vertical-align:top; position:relative; width: 18.8%!important; }
.best_list .item-cont .item-list:nth-child(4n) { margin-right: 1.5%!important; }
.best_list .item-cont .item-list:nth-child(5n) { margin-right: 0!important; }

.best_list .swiper-slide { background: #fff; }
.best_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; }
.best_list .item-cont .item-list dt { position: relative; }
.best_list .item-cont .item-list dd { position: relative; font-size: 15px; }
.best_list .item-cont .item-list dd .prd-price { }
.best_list .item-cont .item-list dt a { vertical-align: top; }

.best_list .more_view { position: absolute; bottom: 0; left: 40.5%; color: #111; font-size: 15px; border: 1px solid #111; padding: 10px 70px; z-index: 10; }
.best_list .more_view:after { content:''; width: 15px; height: 15px; display: inline-block; background: url(//xexymix.jpg3.kr/xexymix/2020/main/title_more_bk.png) no-repeat; background-size: cover; background-position-y: 2px; margin-left: 5px; }


/* 컬렉션배너 */
#main .sub-banner-wrap {  max-width: 1920px; margin: 0 auto 150px; padding: 0 6%; }
#main .collection_swiper { position: relative; max-width: 1920px; overflow: hidden; }
#main .collection_swiper .swiper-slide img { width: 100%; }
#main .collection_swiper .swiper-button-next { color: #666; right: 1%; }
#main .collection_swiper .swiper-button-prev { color: #666; left: 1%; }
#main .collection_swiper .swiper-button-next:after,
#main .collection_swiper .swiper-button-prev:after { font-size: 30px; }


/* 실시간 */
#main .realtime .item-hd h1 { font-weight: normal; letter-spacing: -1px; }
#main .realtime .slide-realtime { overflow: hidden; }
#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; }


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

#main .wrap-inner .monthly.fix { position:fixed; top: 0; width: 21%; }
#main .wrap-inner .monthly.abs { position:absolute; top: auto; left: 0; bottom: 0; }

#main .wrap-inner .monthly { position: absolute; top:0; width: 23.9%; min-width: 275px; max-width: 380px; overflow: hidden; z-index: 10; }
#main .wrap-inner .monthly:hover .videoBox { opacity: 1; }
#main .wrap-inner .monthly img { width: 100%; min-width: 275px; max-width: 410px; }
#main .wrap-inner .monthly a { display: block; position: relative; }
#main .wrap-inner .monthly a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .35; z-index: 2; }
#main .wrap-inner .monthly .tit { display: block; position: absolute; top: 43%; left: 21.5%; width: 58%; color: #fff; font-size: 40px; font-weight: 600; letter-spacing:-1px; text-align: center; z-index: 3; }
#main .wrap-inner .monthly .videoBox { position: absolute; top: 0; opacity: 1; transition: all 0.4s; width: 100%; }
#main .wrap-inner .monthly .videoBox video { width: 111.2%; }
#main .wrap-inner .monthly .videoBox iframe { border: 0; width: 111.2%; }
#main .wrap-inner .monthly .more { display: block; position: absolute; top: 51%; left: 50%; width: 100px; margin-left: -50px; line-height: 30px; border: 1px solid rgba(255, 255, 255, .50); font-size: 14px; color: #fff; text-align: center; z-index: 3; }
#main .wrap-inner .monthly .more:after { content:''; width: 15px; height: 15px; display: inline-block; background: url(//xexymix.jpg3.kr/xexymix/2020/main/title_more_wh.png) no-repeat; background-size: cover; background-position-y: 2px; margin-left: 5px; }

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

#main .wrap-inner .contrary:hover img { opacity: 1; }
#main .wrap-inner .monthly.contrary:hover .videoBox { opacity: 0; }
#main .wrap-inner .contrary img { opacity: 0; }
#main .wrap-inner .monthly.contrary .videoBox { opacity: 1; }

#main .item-cont .item-list { position:relative; width:23.87%; margin-bottom:60px; }
#main .item-cont .item-list dd { font-size: 14px!important; }
#main .item-cont .item-list:nth-child(4n) { margin-right:0px; }

#main .item-wrap { position: relative; margin-bottom: 8%; }


/* 용품진열 */
#main .acc .item-hd2 { overflow: hidden; }
#main .acc .item-hd2 .item-tit { position: relative; width: 49.5%; float: left; }
#main .acc .item-hd2 .item-tit:first-child { margin-right: 0.5%; }
#main .acc .item-hd2 .item-tit:last-child { margin-left: 0.5%; }
#main .acc .item-hd2 .item-tit h1 { margin-bottom: 30px; padding-left: 10px; font-weight: 600; font-size: 34px; letter-spacing: -1px; }
#main .acc .item-hd2 .item-tit .banner-shoes { background: url(//xexymix.jpg3.kr/xexymix/main/web/2024/title_img_shoes_240208.jpg) no-repeat center top; background-size: cover; padding-bottom: 59%; margin-bottom: 30px; }
#main .acc .item-hd2 .item-tit .banner-shoes-mv { position: relative; display: block; margin-bottom: 30px; background: url(//xexymix.jpg3.kr/xexymix/main/web/2025/title_img_shoes_250401.jpg?t=2504011855) no-repeat center top; background-size: cover; padding-bottom: 59%; margin-bottom: 30px;}
#main .acc .item-hd2 .item-tit .banner-shoes-mv video { margin-bottom: -5px; }
#main .acc .item-hd2 .item-tit .banner-acc { position: relative; display: block; background: url(//xexymix.jpg3.kr/xexymix/main/web/2025/title_img_acc_250401.jpg) no-repeat center top; background-size: cover; padding-bottom: 59%; margin-bottom: 30px; }
#main .acc .item-hd2 .item-tit .more_view { position: absolute; bottom: 20px; right: 20px; color: #fff; font-size: 15px; border: 1px solid #fff; padding: 10px 20px; z-index: 10; }
#main .acc .item-hd2 .item-tit .more_view:after { content:''; width: 15px; height: 15px; display: inline-block; background: url(//xexymix.jpg3.kr/xexymix/2020/main/title_more.png) no-repeat; background-size: cover; background-position-y: 2px; margin-left: 5px; }
#main .acc .item-cont .item-list { margin-right: 1%; width: 15.84%; }
#main .acc .item-cont .item-list:last-child { margin-right: 0; }
#main .acc .item-cont-wrap .swiper-button-next { color: #666; top: 66%; right: 2%; }
#main .acc .item-cont-wrap .swiper-button-prev { color: #666; top: 66%; left: 2%; }
#main .acc .item-cont-wrap .swiper-button-next:after,
#main .acc .item-cont-wrap .swiper-button-prev:after { font-size: 30px; }


/* 악세사리 */
.item-wrap .slide-acc { overflow: hidden; }
.item-wrap .slide-acc .acc-scroll { position: inherit; left: 0!important; bottom: 0!important; background: #d9d9d9!important; width:100%!important; height:1px!important; }
.item-wrap .slide-acc .acc-scroll .swiper-scrollbar-drag { background: #000; }


/* 실시간리뷰 */
.photo_review { padding-top:100px; padding-bottom:70px; margin-bottom: 150px; background:#f3f3f3; text-align:center; }
.photo_review h4 { position: relative; width: 1300px; margin: 0 auto; line-height: 45px; font-weight:600; font-size:34px; 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; }


/* 인스타그램 */
.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; }


/* BASIC css end */