@charset "utf-8"; /* 카테고리 메인 */ #category_main{position: relative;/* margin-top: -550px; */width: 1720px;margin: 0 auto;} #category_main .wrap{} #category_main .wrap .hd{padding-bottom:30px} #category_main .wrap .conBox{padding: 150px 0 0;} #category_main .wrap .tab_menu + .conBox{padding: 90px 0 0;} #category_main .wrap .tab_menu + #groobeeRecommendGoodsArea .conBox{padding: 90px 0 0;} #category_main .wrap .conBox:last-child{/* padding:25px 0 50px 0 */} #category_main .wrap .swiper-container{width:1720px;overflow: visible;overflow-x: clip;} #category_main .wrap .swiper-container .list_form{padding-bottom:0} #category_main .wrap .swiper-container .swiper-slide{display: flex;justify-content: center;} #category_main .wrap .main_banner_wrap{width: 1720px;/* margin-bottom:150px */} #category_main .wrap .main_banner_wrap .main_banner_slider{ border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap .main_banner_slider .swiper-slide{display: flex;justify-content: space-between;} #category_main .wrap .main_banner_wrap .img{position:relative;width: 1720px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap img{display:block;width:100%} #category_main .wrap .main_banner_wrap a{display:block;width: 100%;} #category_main .wrap .main_banner_wrap .img_2{display: flex;justify-content: space-between;width: 1720px;} #category_main .wrap .main_banner_wrap .img_2 .left_img{position:relative;width: 1140px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .right_img{position:relative;width: 560px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2{display: flex;justify-content: space-between;width: 1720px;} #category_main .wrap .main_banner_wrap .center_img{width:100%;position:relative;height: 700px;border-radius: 30px 30px 100px 30px;overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .center_img a:before{display:block;content:'';position:absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);opacity: 0.4;} #category_main .wrap .main_banner_wrap .img_2 .center_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .center_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit: cover;width:100%} #category_main .wrap .main_banner_wrap .img_2 .left_img{position:relative;width: 1140px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .left_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);position: absolute;z-index: 1;width: 100%;height: 100%;opacity: 0.4;} #category_main .wrap .main_banner_wrap .img_2 .left_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .left_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit: cover;width:100%} #category_main .wrap .main_banner_wrap .img_2 .right_img{position:relative;width: 560px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .right_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);width: 100%;height: 100%;position: absolute;z-index: 1;opacity: 0.4;} #category_main .wrap .main_banner_wrap .img_2 .right_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #category_main .wrap .main_banner_wrap .img_2 .right_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit: cover;width:100%} #category_main .wrap .main_banner_wrap .con{position:absolute;display: flex;flex-direction: column;bottom: 65px;left:55px;z-index: 2;} #category_main .wrap .main_banner_wrap .con .brand_nm{font-size: 16px;font-weight: 600; color: #fff;} #category_main .wrap .main_banner_wrap .con strong{font-size: 40px;font-weight:600; letter-spacing: -0.4px;color: #fff;padding: 20px 0 23px 0;} #category_main .wrap .main_banner_wrap .con .subtit{font-size: 18px;font-weight: 600; color: #fff;letter-spacing: -0.18px;} #category_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_prev%403x.png) center no-repeat; background-size: 102px;} #category_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_next%403x.png) center no-repeat; background-size: 102px;} #category_main .wrap .main_banner_wrap .swiper_page_btn{padding-top: 30px;display: flex;justify-content: center;align-items: center;} #category_main .wrap .main_banner_wrap .swiper-button-pause{width:27px; height:27px; background: url(../../imgs/web/display/stop%403x.png) center no-repeat; background-size: cover;} #category_main .wrap .main_banner_wrap .swiper-button-play{width:27px; height:27px; background: url(../../imgs/web/display/play%403x.png) center no-repeat; background-size: cover;} #category_main .wrap .main_banner_wrap .main_banner_pagination{display: flex;justify-content: center;} #category_main .wrap .main_banner_wrap .main_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} #category_main .wrap .main_banner_wrap .main_banner_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;} #category_main .list_form .price{margin-left: 0} #category_main .con_wrap{} #category_main .tab_menu{/* margin-bottom: 15px; */padding-top: 150px;} #container.no #category_main .tab_menu{padding-top:80px;} #category_main .tab_menu ul{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;} #category_main .tab_menu ul li{padding-right: 40px;} #category_main .tab_menu ul li button{height: 55px;padding-bottom: 20px;font-size: 24px;font-weight: 500;letter-spacing: -0.24px;color: #707070;} #category_main .tab_menu ul li.on button{color: #222;border-bottom: 2px solid #222;font-weight: 600;} #category_main .section{} #category_main .per_product{padding-bottom:80px} #category_main .section .tit{font-size: 32px;font-weight:600;letter-spacing: -0.32px;color: #222;} #category_main .section .tit .name{color: #38AFF5;} #category_main .per_list_wrap{position:relative; margin: 0 -80px} #category_main .per_list_wrap .img_con{width:328px} #category_main .per_list_wrap .swiper-slide{/* padding-bottom: 70px; */} #category_main .per_list_wrap .per_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 60px;display:none} #category_main .per_list_wrap .per_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 60px;display:none} #category_main .per_list_wrap:hover .per_list-prev:not(.swiper-button-disabled){display:block;} #category_main .per_list_wrap:hover .per_list-next:not(.swiper-button-disabled){display:block;} #category_main .w_best_list_wrap{position:relative; margin: 0 -80px} #category_main .w_best_list_wrap .img_con{width:328px} #category_main .w_best_list_wrap .text_con{width:328px} #category_main .w_best_list_wrap .swiper-slide{} #category_main .w_best_list_wrap .w_best_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .w_best_list_wrap .w_best_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .w_best_list_wrap:hover .w_best_list-prev:not(.swiper-button-disabled){display:block;} #category_main .w_best_list_wrap:hover .w_best_list-next:not(.swiper-button-disabled){display:block;} #category_main .new_list_wrap{position:relative; margin: 0 -80px} #category_main .new_list_wrap .img_con{width:328px} #category_main .new_list_wrap .text_con{width:328px} #category_main .new_list_wrap .swiper-slide{} #category_main .new_list_wrap .new_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .new_list_wrap .new_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .new_list_wrap:hover .new_list-prev:not(.swiper-button-disabled){display:block;} #category_main .new_list_wrap:hover .new_list-next:not(.swiper-button-disabled){display:block;} #category_main .best_review{} #category_main .review_list_wrap{position:relative;margin: -30px -80px 0 -80px;} #category_main .best_review .swiper-container{padding: 30px 0 60px 0;overflow-x: initial;} #category_main .best_review .swiper-silde{display: flex;margin: 0 -10px;width: 1720px;} #category_main .best_review .bg{width: 850px;height: 388px;display: flex;padding: 50px;box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);background-color: #fff;border-radius: 10px 10px 50px 10px;box-sizing: border-box;} #category_main .best_review .bg .img{border-radius: 5px;width: 270px;height: 270px;overflow: hidden;object-fit: cover;display: flex;justify-content: center;align-items: center;flex: 0 0 auto;} #category_main .best_review .bg .img img{width: 100%;height: 270px;overflow: hidden;object-fit: cover;display: flex;justify-content: center;align-items: center;cursor: pointer;} #category_main .best_review .bg .con_wrap{margin-left: 50px;padding-top:0;width: 100%; cursor: pointer;} #category_main .best_review .bg .icon{text-indent:-99999em; width: 26px;height: 19px;background: url(../../imgs/web/display/stencil%403x.png) center no-repeat; background-size: contain;display: block} #category_main .best_review .star_wrap{display: flex;padding: 20px 0 15px 0;} #category_main .best_review .star_wrap img{width:17px;display:block} #category_main .best_review .txt_con{margin-bottom: 20px;cursor: pointer;} #category_main .best_review .txt_con span{word-break: break-all;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;font-size: 16px;color: #000;} #category_main .best_review .account_wrap{cursor: pointer; padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;} #category_main .best_review .account_wrap span{font-size: 14px;font-weight: 500;color: #aaa; } #category_main .best_review .account_wrap .bar{height: 15px;width: 1px;margin: 0 8px;display: inline-block;background-color: #e5e5e5;} #category_main .best_review .item_wrap{display: flex;} #category_main .best_review .item_wrap img{width:65px; display:block;border: solid 2px #f5f5f5; border-radius: 5px;} #category_main .best_review .item_wrap .info{margin-left:10px;display: flex;flex-direction: column;justify-content: center;} #category_main .best_review .item_wrap .brand_nm{font-size: 12px;font-weight: 500; color: #aaa;} #category_main .best_review .item_wrap .product_nm{font-size: 14px;font-weight: 500;padding: 3px 0 0 0;color:#222} /* #category_main .review_list_wrap .review_list-prev{cursor: pointer;position: absolute;top:194px;left:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_prev@3x.png) center no-repeat; background-size: 60px;} #category_main .review_list_wrap .review_list-next{cursor: pointer;position: absolute;top:194px;right:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_next@3x.png) center no-repeat; background-size: 60px;} */ #category_main .best_review .review_pagination{position: absolute;bottom: 18px;left: 50%; transform: translateX(-50%);padding-top: 30px;display: flex;justify-content: center;} #category_main .best_review .review_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} #category_main .best_review .review_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;} #category_main .review_list_wrap .review_list-prev{cursor: pointer;position: absolute;top: 194px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .review_list_wrap .review_list-next{cursor: pointer;position: absolute;top: 194px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #category_main .review_list_wrap:hover .review_list-prev:not(.swiper-button-disabled){display:block} #category_main .review_list_wrap:hover .review_list-next:not(.swiper-button-disabled){display:block;} /* 카테고리 상세 */ #category_detail .radio-type{display:flex;align-items:center;padding-bottom: 14px;} #category_detail .radio-type label{font-weight:500;margin-left: 5px;} #category_detail .secret{background: #CCCCCC;width: 33px;height: 17px;border: 1px solid #CCCCCC;border-radius: 15px;} #category_detail .btn_secret{background: #FFFFFF;width: 15px;height: 15px;border: none;border-radius: 15px;position: relative;left: 0px;top: -4px;} #category_detail .radio-type+p{font-size: 14px;color: #707070;padding-top: 20px;border-top: 1px solid #e5e5e5;line-height: 18px;} #category_detail .radio-type+p:before{display:inline-block;content:'';width:4px;height:4px;background:#707070;border-radius:50%;vertical-align:middle;margin: -4px 6px 0 0;} #category_detail .category_con{padding-top: 45px;} #category_detail .category_con .hd_root{} #category_detail .category_con .hd_root ul{display: flex; align-items: center;} #category_detail .category_con .hd_root ul li{display: flex;align-items: center;} #category_detail .category_con .hd_root ul li:before{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat; background-size: 12px;} #category_detail .category_con .hd_root ul li:first-child:before{display:none} #category_detail .category_con .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../../imgs/web/display/icon_location_home%403x.png) center no-repeat; background-size: 13px;} #category_detail .category_con .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px} #category_detail .category_con .hd_tit{display: flex;justify-content: center;width: 100%;padding: 44px 0 30px 0; border-bottom: 1px solid #e5e5e5;} #category_detail .category_con .hd_tit .tit{ font-size: 40px;font-weight:600;letter-spacing: -0.4px;color: #222;} #category_detail .category_con .con{display: flex;/* padding-top: 40px; */ } #category_detail .category_con .con .aside_wrap{ width: 260px;flex: 0 0 auto;padding-top: 40px;} #category_detail .list_form .price{margin-left: 0} #category_detail > .wrap {padding: 0 3em; /* responsive width대신 여백으로 처리함 */} #category_detail .wrap .aside_wrap{padding-top: 0 !important;} #category_detail .wrap .aside_wrap .lnbCateList .catelist > li{cursor: pointer;} #category_detail .wrap .aside_wrap .lnbCateList .catelist > li.filter_clear{margin-top: 40px;border-top:2px solid #222;} #category_detail .wrap .aside_wrap .lnbCateList .list > li > .accodion_tit{width:100%} #category_detail .wrap .aside_wrap .lnbCateList .list > li:last-child{margin-bottom: 20px;} #category_detail .wrap .aside_wrap .lnbCateList .list > li span{cursor: pointer;font-size: 16px;font-weight: 500;color: #222;} #category_detail .wrap .aside_wrap .filter{border-top: 1px solid #e5e5e5;padding-top: 5px;} #category_detail .wrap .aside_wrap .filter:last-child{border-bottom: 1px solid #e5e5e5;} #category_detail .wrap .aside_wrap .filter.border_none{border-bottom:0} #category_detail .wrap .aside_wrap .filter .brand_chk_list{} #category_detail .wrap .aside_wrap .filter .brand_chk_list li{padding-top: 15px;} #category_detail .wrap .aside_wrap .filter .brand_chk_list li:last-child{padding-bottom: 30px;} #category_detail .wrap .aside_wrap .filter .brand_chk_list li input{display:none} #category_detail .wrap .aside_wrap .filter .brand_chk_list li input + label{font-size: 16px; font-weight: 500;color: #222;display:flex} #category_detail .wrap .aside_wrap .filter .brand_chk_list li input + label:before{margin-right: 10px;display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_off%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter .brand_chk_list li input:checked + label:before{display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_on%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter h3{ color: #222;font-size:16px} #category_detail .wrap .aside_wrap .filter .item_size_list{display: flex; flex-wrap: wrap;margin: 5px -5px 25px -5px;} #category_detail .wrap .aside_wrap .filter .item_size_list li{padding: 5px;} #category_detail .wrap .aside_wrap .filter .item_size_list li input{display: none;} #category_detail .wrap .aside_wrap .filter .item_size_list li input + label{display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: 1px solid #e5e5e5;border-radius: 5px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;font-size: 15px;box-sizing: border-box;} #category_detail .wrap .aside_wrap .filter .item_size_list input:checked + label{border: 1px solid #222222; border-radius: 5px; color: #222222;} #category_detail .wrap .aside_wrap .filter .item_size_list li.active label{color: #222222 !important;} #category_detail .wrap .aside_wrap .filter .item_color_list{padding: 10px 53px 30px 0;display: flex; flex-wrap: wrap;margin:-6px} #category_detail .wrap .aside_wrap .filter .item_color_list li{padding:6px } #category_detail .wrap .aside_wrap .filter .item_color_list li input{display:none} #category_detail .wrap .aside_wrap .filter .item_color_list li input + label.select_color{position: relative;border: 1px solid lightgray;display: flex; justify-content: center; align-items: center; width:24px; height:24px; box-sizing: border-box; text-indent:-9999px; border-radius: 50%;} #category_detail .wrap .aside_wrap .filter .item_color_list input:checked + label.select_color {border: 2px solid #222222; border-radius:50%;} #category_detail .wrap .aside_wrap .filter .item_color_list input:checked + label.select_color:after{position: absolute;background: url(../../imgs/goods/icon_checked_on_white%403x.png) no-repeat center; content: ""; display:block;background-size:contain;height:24px;width:8px} #category_detail .wrap .aside_wrap .filter .item_price_list{} #category_detail .wrap .aside_wrap .filter .item_price_list li{margin-bottom:10px} #category_detail .wrap .aside_wrap .filter .item_price_list li:last-child{margin-bottom:30px} #category_detail .wrap .aside_wrap .filter .item_price_list li input{display: none;} #category_detail .wrap .aside_wrap .filter .item_price_list li input + label.select_price{display: flex;justify-content: center;align-items: center;height: 44px;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;font-size: 16px;color: #dddddd;box-sizing: border-box;padding: 10px 12px;} #category_detail .wrap .aside_wrap .filter .item_price_list input[type='checkbox']:checked + label.select_price{border: 1px solid #222222; border-radius: 5px; color: #222222;} #category_detail .wrap .aside_wrap .filter .item_price_list li.active label{color: #222222 !important;} #category_detail .wrap .aside_wrap .filter .item_price_list input[type='checkbox']:checked + label.select_price .icon_checked_on{background: url(../../imgs/goods/icon_checked_on%403x.png) no-repeat center;background-size:13px 9px;width: 13px;height: 9px;margin-left: 10px;} #category_detail .wrap .aside_wrap .filter .season_select_list{display: flex; flex-wrap: wrap; margin: -5px 5px 25px -5px;} #category_detail .wrap .aside_wrap .filter .season_select_list li{padding: 5px;} #category_detail .wrap .aside_wrap .filter .season_select_list li input{display:none} #category_detail .wrap .aside_wrap .filter .season_select_list li input + label.select_season{display: flex;align-items: center;height: 44px;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;font-size: 15px;box-sizing: border-box;justify-content: center;padding: 0 14px;} #category_detail .wrap .aside_wrap .filter .season_select_list li input#fourseason + label.select_season{width: 98px;} #category_detail .wrap .aside_wrap .filter .season_select_list li input#fourseason + label.select_season .sm{font-size: 12px;} #category_detail .wrap .aside_wrap .filter .season_select_list input[type='checkbox']:checked + label.select_season{border: 1px solid #222222; border-radius: 5px; color: #222222;} #category_detail .wrap .aside_wrap .filter .season_select_list li.active label{color: #222222 !important;} #category_detail .wrap .aside_wrap .filter .season_select_list li.season_off{width: 246px;} #category_detail .wrap .aside_wrap .filter.md_rec{} #category_detail .wrap .aside_wrap .filter.md_rec h3{display:flex} #category_detail .wrap .aside_wrap .filter .sex_chk_list{margin:10px 0 30px 0} #category_detail .wrap .aside_wrap .filter .sex_chk_list li{padding-bottom: 20px;} #category_detail .wrap .aside_wrap .filter .sex_chk_list li:last-child{padding-bottom: 0;} #category_detail .wrap .aside_wrap .filter .sex_chk_list li input{display: none;} #category_detail .wrap .aside_wrap .filter .sex_chk_list li input + label{font-size: 16px; font-weight: 500;color: #222;display:flex} #category_detail .wrap .aside_wrap .filter .sex_chk_list li input + label:before{margin-right: 10px;display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_off%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter .sex_chk_list li input:checked + label:before{display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_on%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter .theme_select_list{display: flex;flex-wrap: wrap;margin:10px -2px 28px -2px;} #category_detail .wrap .aside_wrap .filter .theme_select_list li{margin: 0 2px 10px 2px;} #category_detail .wrap .aside_wrap .filter .theme_select_list li input{display:none} #category_detail .wrap .aside_wrap .filter .theme_select_list li input + label.select_theme{border: 1px solid #e5e5e5; border-radius: 5px;font-weight: 500; box-sizing: border-box;padding:6px 12px; border-radius: 60px; display: flex;justify-content: center; align-items: center;} #category_detail .wrap .aside_wrap .filter .theme_select_list input[type='checkbox']:checked + label.select_theme{border: 1px solid #222222;} #category_detail .wrap .aside_wrap .filter .item_chk_list{margin:10px 0 } #category_detail .wrap .aside_wrap .filter .item_chk_list li{padding-bottom:20px} #category_detail .wrap .aside_wrap .filter .item_chk_list li:last-child{padding-bottom:0} #category_detail .wrap .aside_wrap .filter .item_chk_list li input{display:none} #category_detail .wrap .aside_wrap .filter .item_chk_list li input + label{font-size: 16px; font-weight: 500;color: #222;display:flex} #category_detail .wrap .aside_wrap .filter .item_chk_list li input + label:before{margin-right: 10px;display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_off%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter .item_chk_list li input:checked + label:before{display:block; content:''; width:22px;height:22px;background: url(../../imgs/web/display/check_box_on%403x.png) center no-repeat; background-size: 22px;} #category_detail .wrap .aside_wrap .filter_clear p{ color: #222;font-size:16px;font-weight: 600;letter-spacing: -0.18px;} #category_detail .wrap .aside_wrap .filter_clear .img_filter{padding: 0px 0px 0px 10px;height: 20px; } #category_detail .wrap .aside_wrap .filter_clear .filter_btn_refresh{width: 26px;height: 26px;border-radius: 50%;border: 1px solid #e5e5e5; display: flex;justify-content: center;align-items: center; margin-right: 5px;} #category_detail .wrap .aside_wrap .filter_clear .filter_btn_refresh .img_refresh{height: 15px;} #category_detail .wrap .accodion_tit {display: flex; justify-content: space-between;align-items: center;padding: 16px 0;} #category_detail .wrap .accodion_tit h3 {font-size: 18px;color: #000;font-weight: 600;letter-spacing: -0.18px;} #category_detail .wrap .accodion_tit .filter h3 {color: #222;font-size: 16px} #category_detail .wrap .accodion_tit span {display: block; width: 20px; height: 20px; background: url(../../imgs/goods/input_arrow.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden;} #category_detail .wrap .accodion_tit.active span {transform: rotate( 180deg );} #category_detail .wrap .accodion_con {display: none;} #category_detail .wrap .accodion_tit.active + .accodion_con{display:block;} #category_detail .wrap .accodion_con.active {display: block;} #category_detail .wrap .accodion_con .list .all span{padding: 10px 0; display: block;} #category_detail .wrap .accodion_con .list > li{/* height: 44px;display: flex;align-items: center;justify-content: space-between; */} #category_detail .wrap .accodion_con .list > li.active span{font-weight:600} #category_detail .wrap .accodion_con .list > li .more{display: block; width: 20px; height: 20px; background: url(../../imgs/web/global/input_arrow_down%403x.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden;} #category_detail .wrap .accodion_con.active .list > li .more{transform: rotate( 180deg );} #category_detail .wrap .big {font-size: 18px;color: #000;font-weight: 600;letter-spacing: -0.18px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 16px 0;} #category_detail .wrap .accodion_tit2 {display: flex;justify-content: space-between;padding: 10px 0;} #category_detail .wrap .accodion_tit2 h4 {font-size: 16px;font-weight: 500;color: #999;} #category_detail .wrap .accodion_tit2.active h4{font-weight:600} #category_detail .wrap .accodion_con2 {display: none;} #category_detail .wrap .accodion_con2.active {display: block;} #category_detail .wrap .accodion_tit2.active + .accodion_con2{display:block;} #category_detail .wrap .accodion_con2 .inner_list{padding-left: 10px;} #category_detail .wrap .accodion_con2 .inner_list li{} #category_detail .wrap .accodion_con2 .inner_list li:last-child{padding-bottom:10px} #category_detail .wrap .accodion_con2 .inner_list li button{font-size: 14px; font-weight: 500;color: #707070;letter-spacing: -0.14px; height: 42px;display:block;width:100%;text-align:left} #category_detail .wrap .accodion_con2 .inner_list li.active button{font-weight: 600;color: #222;} #category_detail .category_con .right_wrap{width: 100%;margin-left: 90px;position: relative;} #category_detail .category_con .right_wrap.outlet{padding-top:76px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap{position:absolute;left:0;top:0} #category_detail .category_con .right_wrap .filter_btn_wrap{padding: 0 0 40px 0;background: #fff;width: 100%;display: flex;margin-left: -10px;} body.scrolldown #category_detail .category_con .right_wrap .filter_btn_wrap.on{/* padding: 0; */position: fixed;top:90px;z-index: 2;align-items: center;/* padding: 20px 0; */width: 1370px;z-index: 11;transition: top 0s;left: auto;} body.scrollup #category_detail .category_con .right_wrap .filter_btn_wrap.on{position: fixed;top: 144px;/* transform: translate(0, 72px); */align-items: center;z-index: 12;width: 1370px;/* padding: 20px 0; */left: auto;transition: top 0s;} body.scrolldown #topBanner ~ #wrap #category_detail .category_con .right_wrap .filter_btn_wrap.on{top: 152px;} body.scrollup #topBanner ~ #wrap #category_detail .category_con .right_wrap .filter_btn_wrap.on{top: 152px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap{flex-direction: column;padding: 35px 20px 20px 0px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap.on > div{margin-right: auto;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap .fiter_wrap{padding: 20px 0 0;width: 80%;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap .discount_wrap ul li{text-align: center;width: 31%;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap .discount_wrap ul li label{display: flex;padding: 9px 10px;height: 67px;font-size: 20px;text-align: center;align-items: center;justify-content: center;} #category_detail .category_con .right_wrap.outlet .hd{padding-top: 145px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap.on{padding: 18px 20px 20px 0px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap.on .discount_wrap ul li{text-align: center;width: 86px;} #category_detail .category_con .right_wrap.outlet .filter_btn_wrap.on .discount_wrap ul li label{height: 38px;font-size: 14px;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list{display: flex;flex-wrap: wrap;margin:0 -5px} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li{padding: 0 5px;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li button{} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li button span{font-size: 14px;font-weight: 500;color: #222;} #category_detail .category_con .right_wrap .filter_btn_wrap .btn_refresh{margin-right: 10px;font-size: 14px;font-weight: 500;color:#222; height: 36px; padding: 8px 20px; border-radius: 60px; border: solid 1px #e5e5e5;display: flex;align-items: center; box-sizing: border-box;} #category_detail .category_con .right_wrap .filter_btn_wrap .btn_refresh img{width: 12px; display: block;margin-right:7px} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn{height: 36px; padding: 9px 12px; border-radius: 60px;background-color: #f2f4f7;box-sizing: border-box; display: flex;align-items: center;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn div{display: flex; align-items: center;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn span{display: block;margin-right: 4px;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn .icon_close{display: block;text-indent:-9999em;width: 10px; height: 10px; background: url(../../imgs/web/global/close_btn_small%403x.png) center no-repeat; background-size: 10px; } body.scrolldown #category_detail .category_con .right_wrap .hd_fixed_wrap.on{padding: 0;position: fixed;top:72px;z-index: 2;align-items: center;background-color: #fff;width:100%;margin-left:-1px;padding-bottom:20px} body.scrollup #category_detail .category_con .right_wrap .hd_fixed_wrap.on{padding: 0; position: fixed; top:72px;transform: translate(0, 72px);z-index: 2; align-items: center;background-color: #fff;width:100%;margin-left:-1px;padding-bottom:20px} body.scrollup #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_wrap{margin:20px 0 0 0} body.scrollup #category_detail .category_con .right_wrap .hd_fixed_wrap.on .filter_btn_wrap{padding:20px 0 0 0} body.scrollup #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_tab_list li button{width: 87px; height: 36px;} body.scrollup #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_tab_list li button span{font-size: 14px;} body.scrolldown #category_detail .category_con .right_wrap .hd_fixed_wrap.on .filter_btn_wrap{padding:20px 0 0 0} body.scrolldown #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_wrap{margin:20px 0 0 0} body.scrolldown #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_tab_list li button{width: 87px; height: 36px;} body.scrolldown #category_detail .category_con .right_wrap .hd_fixed_wrap.on .discount_tab_list li button span{font-size: 14px;} #category_detail .category_con .right_wrap .discount_wrap{} #category_detail .category_con .right_wrap .discount_wrap ul{display: flex;margin: -5px;flex-wrap: nowrap;justify-content: space-between;width: 100%;flex-direction: row;} #category_detail .category_con .right_wrap .discount_wrap ul li{padding: 5px;} #category_detail .category_con .right_wrap .discount_wrap ul li input:checked + label{ background-color: #38AFF5; border: 1px solid #38AFF5;} #category_detail .category_con .right_wrap .discount_wrap ul li input:checked + label span{color:#fff} #category_detail .category_con .right_wrap .discount_wrap ul li input{display:none} #category_detail .category_con .right_wrap .discount_wrap ul li label{border: solid 1px #e5e5e5;border-radius: 5px;box-sizing: border-box;padding: 9px 15px;} #category_detail .category_con .right_wrap .discount_wrap ul li label span{letter-spacing: -0.3px;font-weight: 700;} #category_detail .category_con .right_wrap .discount_wrap ul li label .sm{letter-spacing: -0.14px;font-weight: 600;} #category_detail .category_con .right_wrap .filter_btn_wrap{padding: 0 0 40px 0;background: #fff;width: 100%;display: flex;justify-content: space-between;/* transition: transform 0.3s; */padding: 20px 0;} #category_detail .category_con .right_wrap .filter_btn_wrap > div{display:flex;} #category_detail .category_con .right_wrap .filter_btn_wrap .fiter_wrap{width:60%} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list{display: flex;flex-wrap: wrap;margin: -5px;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li{padding: 5px;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li button span{font-size: 14px;font-weight: 500;color: #222;} #category_detail .category_con .right_wrap .filter_btn_wrap .btn_refresh{margin-right: 10px;font-size: 14px;font-weight: 500;color:#222;height: 36px;padding: 8px 20px;border-radius: 60px;border: solid 1px #e5e5e5;display: flex;align-items: center;box-sizing: border-box;word-break: keep-all;flex: 0 0 auto;} #category_detail .category_con .right_wrap .filter_btn_wrap .btn_refresh img{width: 12px; display: block;margin-right:7px} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn{height: 36px; padding: 9px 12px; border-radius: 60px;background-color: #f2f4f7;box-sizing: border-box; display: flex;align-items: center;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn div{display: flex; align-items: center;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn span{display: block;margin-right: 4px;font-weight: 600;} #category_detail .category_con .right_wrap .filter_btn_wrap .filter_list li .filter_btn .icon_close{display: block;text-indent:-9999em;width: 10px; height: 10px; background: url(../../imgs/web/global/close_btn_small%403x.png) center no-repeat; background-size: 10px; } #category_detail .category_con .right_wrap .hd{display: flex;justify-content: space-between;padding-bottom: 20px;padding-top: 40px;} #category_detail .category_con .right_wrap .hd h3{font-size: 16px;font-weight: 500;letter-spacing: -0.16px;color: #222;} #category_detail .category_con .right_wrap .hd h3 .num{font-weight:700;color: #38AFF5;} #category_detail .category_con .right_wrap #listBox > li{margin: 0 10px 60px 9px; width: 328px;} #category_detail .category_con .right_wrap #listBox > li>div{position: relative;display: flex;flex-direction: column;height: max-content;justify-content: space-between;} #category_detail .category_con .right_wrap .list_form .img_con{/* position: relative; */width:328px;height:328px;/* overflow:hidden; */} #category_detail .category_con .right_wrap .sorting_btn_wrap{position:relative} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_btn{ font-size: 16px;font-weight:600; display: flex;align-items: center;} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_btn:after{margin-left:6px;content:'';display:block; width:20px; height:20px; background: url(../../imgs/web/goods/input_arrow%403x.png) center no-repeat; background-size: 20px; } #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_list{display:none;margin-top: 10px;border-radius: 15px 15px 30px 15px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%); padding: 20px 30px; position: absolute; right: 0;z-index: 1; background-color: #fff;} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_list.on{display:block} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_list li{} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_list li button{font-weight: 500; letter-spacing: -0.14px;word-break: keep-all; text-align: right; width: max-content; padding-bottom: 10px;} #category_detail .category_con .right_wrap .sorting_btn_wrap .sorting_list li:last-child button{padding-bottom: 0} #category_detail .paging_wrap{display: flex;align-items: center;justify-content: center;} #category_detail .paging_wrap > button{text-indent:-99999em;width:32px; height:32px} #category_detail .paging_wrap .btn_prev{margin-right:20px;background: url(../../imgs/web/display/arrow_prev%403x.png) center no-repeat; background-size: 32px;} #category_detail .paging_wrap .btn_next{margin-left:20px;background: url(../../imgs/web/display/arrow_next%403x.png) center no-repeat; background-size: 32px;} #category_detail .paging_wrap .pagination{margin-right:8px;font-size: 16px;font-weight: 500; letter-spacing: -0.16px;width: 40px;height: 40px;} #category_detail .paging_wrap .pagination:last-child{margin-right:0;} #category_detail .paging_wrap .pagination.active{ background-color: #38AFF5; color:#fff;border-radius:50%} #category_detail #resultNo {text-align: center; padding: 50px 0 260px;} /* 브랜드 메인 */ #brand_main{position: relative;width: 1720px;margin: 0 auto;z-index: 1;} #brand_main .wrap{} #brand_main .wrap .conBox{padding: 150px 0 0;} #brand_main .wrap .hd{padding-bottom:30px} #brand_main .wrap .tit{font-size: 32px;font-weight: 600;} #brand_main .wrap .swiper-container{width:1720px;overflow-y: visible;overflow-x: clip;} #brand_main .wrap .swiper-container .list_form{padding-bottom:0} #brand_main .wide_banner{position: relative;/* margin-bottom: 30px; */border-radius: 30px 30px 100px 30px;overflow: hidden;height: 480px;} #brand_main .wide_banner .videoArea{ border-radius: 30px 30px 100px 30px; height: 480px;} #brand_main .wide_banner img{display:block;} #brand_main .wide_banner .con{position: absolute; top: 78px;left: 80px;display: flex;flex-direction: column;} #brand_main .wide_banner .con .brand_nm{font-size: 46px;font-weight: 700;color: #222;} #brand_main .wide_banner .con .txt{font-size: 18px;color: #222;line-height: 1.7; padding-top: 20px;} #brand_main .wide_banner .con .btn_wrap{padding-top:26px;display: flex;align-items: center;} #brand_main .wide_banner .con .btn_wrap .btn{display:flex;} #brand_main .wide_banner .con .btn_wrap .btn button{} #brand_main .wide_banner .con .btn_wrap .btn_wish{background: url(../../imgs/web/display/icon_heart_b%403x.png) center no-repeat; background-size: 32px;width:32px; height:32px;text-indent:-9999em} #brand_main .wide_banner .con .btn_wrap .btn_wish.active{background: url(../../imgs/web/goods/thum_heart_on%403x.png) center no-repeat;background-size: 32px;} #brand_main .wide_banner .con .btn_wrap .btn_share{background: url(../../imgs/web/display/icon_share_b%403x.png) center no-repeat; background-size: 32px;width:32px; height:32px;text-indent:-9999em} #brand_main .wide_banner .con .btn_wrap .sns_btn{/* margin-left: 16px; *//* width: 0; */overflow: hidden;display: flex;/* opacity: 0; */transition: all 0.3s;} #brand_main .wide_banner .con .btn_wrap .sns_btn.active{opacity:1;/* width:auto; *//* overflow:visible; */transition: all .3s;} #brand_main .wide_banner .con .btn_wrap .sns_btn button:not(.btn_share){width: 30px;height: 30px;text-indent:-9999em;border-radius:50%;margin-right: 10px;transition: transform .3s;/* height: 0; */opacity: 0;} #brand_main .wide_banner .con .btn_wrap .sns_btn .twitter{background-color: #73a0fa;background-image: url(../../imgs/web/global/twitter%403x.png);background-repeat: no-repeat;background-size: 13.7px 12.1px;background-position: center;transform: translate(0px, 0px);transition: transform .3s;margin-left: 16px;} #brand_main .wide_banner .con .btn_wrap .sns_btn .facebook{background-color: #3b5999;background-image: url(../../imgs/web/global/facebook%403x.png);background-repeat: no-repeat;background-size:7px 14px;background-position: center;transform: translate(-40px, 0px);} #brand_main .wide_banner .con .btn_wrap .sns_btn .kakaotalk{background-color: #f9e103;background-image: url(../../imgs/web/global/kakaotalk%403x.png);background-repeat: no-repeat;background-size:14.1px 13.1px;background-position: center;transform: translate(-80px, 0px);/* transition: all .3s; */} #brand_main .wide_banner .con .btn_wrap .sns_btn .url_copy{border: solid 1px #e5e5e5;background-color: #fff;background-image: url(../../imgs/web/global/url_copy%403x.png);background-repeat: no-repeat;background-size:13.7px;background-position: center;transform: translate(-80px, 0px);/* transition: all .3s; */} #brand_main .wide_banner .con .btn_wrap .sns_btn.active button:not(.btn_share){transform: translate(0, 0);transition: transform .3s;/* height: 30px; */opacity: 1;} /*#brand_main .wrap .sub_brand_wrap{margin: 150px 0px 0;}*/ #brand_main .wrap .sub_brand_wrap .hd{text-align: center;padding-bottom: 50px;} #brand_main .wrap .sub_brand_wrap .hd .title{font-size: 34px;font-weight: 700;color:#222222} #brand_main .wrap .sub_brand_wrap .brand_list{display: flex;} #brand_main .wrap .sub_brand_wrap .brand_list div{width:max-content;display: flex;flex-direction: column;text-align: center;} #brand_main .wrap .sub_brand_wrap .brand_list div span{padding-top: 10px;font-size: 15px;font-weight: 600;color:#707070} #brand_main .wrap .sub_brand_wrap .brand_list div img{height: 162px;width: 162px;} #brand_main .wrap .swiper-container{width:1720px} #brand_main .wrap .swiper-container .swiper-slide{display: flex;justify-content: center;} #brand_main .wrap .swiper-container.new_list_slider .swiper-slide{display: unset;/* width: 1720px !important; */justify-content: unset;} #brand_main .wrap .main_banner_wrap{width: 1720px;margin-top: 30px;/* margin-bottom: 76px; */} #brand_main .wrap .main_banner_wrap .main_banner_slider{border-radius: 30px 30px 100px 30px; overflow: hidden;} #brand_main .wrap .main_banner_wrap .main_banner_slider .swiper-slide{display: flex;justify-content: space-between;} #brand_main .wrap .main_banner_wrap img{display:block;width:100%} #brand_main .wrap .main_banner_wrap a{display:block;width: 100%;} #brand_main .wrap .main_banner_wrap .img_2{display: flex;justify-content: space-between;width: 1720px;} #brand_main .wrap .main_banner_wrap .img_2 .center_img{width:100%;position:relative;} #brand_main .wrap .main_banner_wrap .img_2 .center_img a:before{display:block;content:'';position:absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);opacity: 0.4;} #brand_main .wrap .main_banner_wrap .img_2 .center_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #brand_main .wrap .main_banner_wrap .img_2 .center_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit: cover;width:100%} #brand_main .wrap .main_banner_wrap .img_2 .left_img{position:relative;width: 1140px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #brand_main .wrap .main_banner_wrap .img_2 .left_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);position: absolute;z-index: 1;width: 100%;height: 100%;opacity: 0.4;} #brand_main .wrap .main_banner_wrap .img_2 .left_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #brand_main .wrap .main_banner_wrap .img_2 .left_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit: cover;width:100%} #brand_main .wrap .main_banner_wrap .img_2 .right_img{position:relative;width: 560px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #brand_main .wrap .main_banner_wrap .img_2 .right_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);width: 100%;height: 100%;position: absolute;z-index: 1;opacity: 0.4;} #brand_main .wrap .main_banner_wrap .img_2 .right_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #brand_main .wrap .main_banner_wrap .img_2 .right_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;width: 100%;object-fit: cover;} #brand_main .wrap .main_banner_wrap .con{position:absolute;display: flex;flex-direction: column;bottom: 65px;left:55px;z-index: 2;} #brand_main .wrap .main_banner_wrap .con .brand_nm{font-size: 16px;font-weight: 600; color: #fff;} #brand_main .wrap .main_banner_wrap .con strong{font-size: 40px;font-weight:600; letter-spacing: -0.4px;color: #fff;padding: 20px 0 23px 0;} #brand_main .wrap .main_banner_wrap .con .subtit{font-size: 18px;font-weight: 600; color: #fff;letter-spacing: -0.18px;} #brand_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_prev%403x.png) center no-repeat; background-size: 102px;display:none} #brand_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_next%403x.png) center no-repeat; background-size: 102px;display:none} #brand_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .main_banner_wrap .main_banner_slider .swiper-button-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .movie_wrap {clear: both;} #brand_main .wrap .movie_wrap .tit{font-size: 32px;font-weight: 600;} #brand_main .wrap .movie_wrap .con_wrap{} #brand_main .wrap .movie_wrap .con_wrap .video_wrap{display: flex; justify-content: space-between;} #brand_main .wrap .movie_wrap .video_wrap .main{width: 1285px;} #brand_main .wrap .movie_wrap .video_wrap .main .video-js{border-radius:10px;overflow:hidden;} #brand_main .wrap .movie_wrap .video_wrap .main video{width: 1286px;height: 722px;} #brand_main .wrap .movie_wrap .video_list{} #brand_main .wrap .movie_wrap .video_list ul{} #brand_main .wrap .movie_wrap .video_list ul li{position: relative;margin-bottom: 20px;} #brand_main .wrap .movie_wrap .video_list ul li:last-child{margin-bottom: 0;} #brand_main .wrap .movie_wrap .video_list ul li video{cursor: pointer;} #brand_main .wrap .movie_wrap .video_list ul li.now:before{display:none} #brand_main .wrap .movie_wrap .video_list ul li:before{ position: absolute;top: 0;z-index: 2;display:block;content:''; width: 100%; height: 227px;opacity: 0.6;border-radius: 20px; background-color: #000;} #brand_main .wrap .movie_wrap .video_list ul li.now video{} #brand_main .wrap .movie_wrap .video_list ul li .now_playing{display:none} #brand_main .wrap .movie_wrap .video_list ul li.now .now_playing{ position: absolute; z-index: 1;top: 20px; left: 20px;width: 142px; height: 29.3px;background-color: #5223cb; border-radius: 60px; font-size: 12px;color: #fff; font-weight: 700;letter-spacing: -0.12px; display: block;box-sizing: border-box; display: flex;justify-content: space-between;align-items: center; padding-right: 15px;} #brand_main .wrap .movie_wrap .video_list ul li.now .now_playing:before{display:block;content:'';width:30px; height:30px;background: url(../../imgs/web/display/movie_play%403x.png) center no-repeat; background-size: cover; } #brand_main .wrap .movie_wrap .video_list ul li .movie_tit{ position: absolute; z-index: 1;bottom: 20px; left: 20px;font-size: 18px;font-weight: 600;letter-spacing: -0.18px;color: #fff;} #brand_main .wrap .movie_wrap .video_list ul li .subtit{display:none} #brand_main .wrap .movie_wrap .video-js .vjs-big-play-button{width:120px; height:120px;background: url(../../imgs/web/display/movie_play_btn_big%403x.png) center no-repeat; background-size: cover;border: none;top: 50%;left: 50%;transform: translate(-50%, -50%);} #brand_main .wrap .movie_wrap .video-js .vjs-big-play-button span{} #brand_main .wrap .movie_wrap .video-js .vjs-big-play-button span:before{content:''} #brand_main .wrap .movie_wrap .movie_tit_wrap{padding-top: 40px;} #brand_main .wrap .movie_wrap .movie_tit_wrap h2{font-size: 30px; font-weight: 600;letter-spacing: -0.3px;padding-bottom:14px} #brand_main .wrap .movie_wrap .movie_tit_wrap .subtit{font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #707070;} #brand_main .wrap .movie_wrap .con_wrap.onlyone{display: flex} #brand_main .wrap .movie_wrap .con_wrap.onlyone .video_wrap{} #brand_main .wrap .movie_wrap .con_wrap.onlyone .movie_tit_wrap{padding-top: 0;margin-left:40px} #brand_main .wrap .movie_wrap .con_wrap.onlyone .movie_tit_wrap h2{word-break: keep-all;} #brand_main .wrap .plan_event_wrap{} #brand_main .wrap .plan_event_wrap .plan_event_list{position:relative;margin:0 -80px} #brand_main .wrap .plan_event_wrap .plan_event_list .swiper-slide{display:block} #brand_main .wrap .plan_event_wrap .plan_event{width: 145px;} #brand_main .wrap .plan_event_wrap .plan_event a{display:block} #brand_main .wrap .plan_event_wrap .plan_event a .img{width: 560px;height: 699px;/* background-color:#ddd; */border-radius: 10px;overflow: hidden;} #brand_main .wrap .plan_event_wrap .plan_event .con{width: 560px;padding-top: 34px;display: flex;flex-direction: column;} #brand_main .wrap .plan_event_wrap .plan_event .con .brand_nm{ font-size: 16px;font-weight: 500;color: #aaa; letter-spacing: -0.16px} #brand_main .wrap .plan_event_wrap .plan_event .con .tit{font-size: 24px;font-weight:600;letter-spacing: -0.24px;padding: 0 0 10px 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #brand_main .wrap .plan_event_wrap .plan_event .con .subtit{font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #707070;} #brand_main .wrap .plan_event_wrap .plan_event-list-prev{cursor: pointer;position: absolute;top:320px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .plan_event_wrap .plan_event-list-next{cursor: pointer;position: absolute;top:320px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .plan_event_wrap:hover .plan_event-list-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .plan_event_wrap:hover .plan_event-list-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .pastel_style_wrap{} #brand_main .wrap .pastel_style_wrap .tit{font-size: 32px;font-weight: 600;} #brand_main .wrap .pastel_style_wrap .planning_list{position:relative;margin:0 -80px} #brand_main .wrap .pastel_style_wrap .planning_banner{position:relative;width: 1140px; height: 700px; border-radius: 50px 50px 150px 50px; background-color:#ddd;margin-right: 70px;overflow:hidden} #brand_main .wrap .pastel_style_wrap .planning_banner img{display:block;width:100%;} #brand_main .wrap .pastel_style_wrap .planning_banner .con{position:absolute;bottom:65px;left:60px; display: flex;flex-direction: column;} #brand_main .wrap .pastel_style_wrap .planning_banner .con .brand_nm{font-size: 18px; font-weight:700;color: #aaa;} #brand_main .wrap .pastel_style_wrap .planning_banner .con strong{font-size: 36px;font-weight:600;color: #000;padding:8px 0 20px 0} #brand_main .wrap .pastel_style_wrap .planning_banner .con .subtit{font-size: 16px;font-weight: 500; letter-spacing: -0.16px;color: #707070;} #brand_main .wrap .pastel_style_wrap .planning_item_wrap{ margin-right: auto; } #brand_main .wrap .pastel_style_wrap .planning_item_wrap .hd{display:flex;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .hd .btn_wrap{display:flex} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .tit{font-size: 24px;font-weight: 600;padding-bottom: 0;} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .item_list{} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .item_list ul{} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .item_list ul li{padding-bottom: 20px;} #brand_main .wrap .pastel_style_wrap .planning_item_wrap .item_list ul li:last-child{padding-bottom: 0;} #brand_main .wrap .planning-list-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .planning-list-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .planning_list .planning_banner_pagination{display: flex;justify-content: center;padding-top: 38px;} #brand_main .wrap .planning_list .planning_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} #brand_main .wrap .planning_list .planning_banner_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;} #brand_main .wrap .pastel_style_wrap .rel_item_slider{width:454px !important} #brand_main .wrap .pastel_style_wrap .swiper-slide{display:flex;justify-content: space-between;} #brand_main .wrap .pastel_style_wrap .list_form a{display: flex;flex-direction: row;} #brand_main .wrap .pastel_style_wrap .img_con{width:110px;border:none;height: 110px;} #brand_main .wrap .pastel_style_wrap .list_form{padding-bottom:0;position: relative;display: flex;width: 443px;justify-content: space-between;} #brand_main .wrap .pastel_style_wrap .list_form .text_con{width:313px;margin-left: 20px;height: auto;} #brand_main .wrap .pastel_style_wrap .list_form .brand_name{font-size: 13px;font-weight: 500;padding-top: 0;margin-top: 9px;} #brand_main .wrap .pastel_style_wrap .list_form .brand_name + h2{font-size: 18px;font-weight: 500;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 313px;display: block;height: auto;padding-bottom: 10px;} #brand_main .wrap .pastel_style_wrap .list_form .sale{font-size: 20px;} #brand_main .wrap .pastel_style_wrap .list_form .price_wrap{display:flex;flex-direction: row;align-items: center;} #brand_main .wrap .pastel_style_wrap .list_form .price_wrap .price{margin-left:10px} #brand_main .wrap .pastel_style_wrap .list_form .btm_btn_wrap{display:block;position: absolute;bottom: 14px;right: 0;} #brand_main .wrap .pastel_style_wrap .list_form .btn_wish {overflow: hidden;width: 26px;height:26px;text-indent: -999em;background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat;background-size: cover;margin-right: 5px;} #brand_main .wrap .pastel_style_wrap .list_form .btn_cart{ width: 26px; height:26px;background-size: cover;} #brand_main .wrap .pastel_style_wrap .rel_item-list-prev{cursor: pointer;width: 48px;height: 48px;background: url(../../imgs/web/display/rel_slider_prev%403x.png) center no-repeat; background-size:48px;} #brand_main .wrap .pastel_style_wrap .rel_item-list-next{cursor: pointer;width: 48px;height: 48px;background: url(../../imgs/web/display/rel_slider_next%403x.png) center no-repeat; background-size: 48px;} #brand_main .wrap .pastel_style_wrap .planning_list:hover .planning-list-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .pastel_style_wrap .planning_list:hover .planning-list-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .best_wrap{} #brand_main .wrap .best_wrap .hd{} #brand_main .wrap .best_wrap .hd button{display: flex; align-items:center;font-size: 32px;font-weight: 700;color: #222;} #brand_main .wrap .best_wrap .best_list_wrap{position:relative; margin: 0 -80px} #brand_main .wrap .best_wrap .swiper-slide{} #brand_main .wrap .best_wrap .img_con{width:328px} #brand_main .wrap .best_wrap .best_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .best_wrap .best_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .best_wrap:hover .best_list-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .best_wrap:hover .best_list-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .recommend_wrap{padding-top: 150px;} #brand_main .wrap .recommend_wrap .tit{font-size: 32px;font-weight:600; padding-bottom:30px} #brand_main .wrap .recommend_wrap .tit .name{color: #38AFF5;} #brand_main .wrap .recommend_wrap .rec_list_wrap{position:relative;margin:0 -80px} #brand_main .wrap .recommend_wrap .rec_list_wrap .swiper-slide{/* padding-bottom: 70px; */} #brand_main .wrap .recommend_wrap .rec_list_wrap .img_con{width:328px} #brand_main .wrap .recommend_wrap .rec_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 60px;display:none} #brand_main .wrap .recommend_wrap .rec_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 60px;display:none} #brand_main .wrap .recommend_wrap:hover .rec_list-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .recommend_wrap:hover .rec_list-next:not(.swiper-button-disabled){display:block;} /* 신상품 */ #brand_main .wrap .new_item_wrap .tit{font-size: 32px;font-weight:700;} #brand_main .wrap .new_item_wrap .new_item_list{position: relative;margin:0 -80px} #brand_main .wrap .new_item_wrap .new_item_list .swiper-container .swiper-slide{justify-content:flex-start} #brand_main .wrap .new_item_wrap .product_wrap{display: flex;justify-content: space-between;display: flex;/* justify-content: flex-start; */flex-wrap: wrap;flex-direction: column;height: 560px;width: 1720px;/* width: 100%; *//* align-items: flex-start; */align-content: flex-start;} #brand_main .wrap .new_item_wrap .product{position: relative;} #brand_main .wrap .new_item_wrap .product.lg{width:560px; flex: 0 0 auto;} #brand_main .wrap .new_item_wrap .product a{display:block} #brand_main .wrap .new_item_wrap .product .img{} #brand_main .wrap .new_item_wrap .product .img img{display:block;border-radius: 10px;} #brand_main .wrap .new_item_wrap .list_form{padding-bottom:0} #brand_main .wrap .new_item_wrap .product.sm .info_wrap{width: 240px;height: 240px; box-sizing: border-box;} #brand_main .wrap .new_item_wrap .product .info_wrap{opacity: 0;position: absolute;top: 0;left: 0;background-color: #fff;display: flex; flex-direction: column;border: solid 2px #e5e5e5;border-radius: 10px;padding:20px; box-sizing: border-box;} #brand_main .wrap .new_item_wrap .product .info_wrap .brand_nm{font-size: 13px;font-weight: 500;color: #aaa;display: block;} #brand_main .wrap .new_item_wrap .product .info_wrap .item_nm{padding-top: 8px;font-size: 17px;font-weight: 500;word-break: keep-all;display: block;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap{margin-top: auto;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .price{font-size: 14px; font-weight: 500;color: #aaa; text-decoration: line-through;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap > div{display: flex;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .sale{font-size: 18px;font-weight: 700;color: #000;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .per{font-size: 18px; font-weight: 700; color: #38AFF5;margin-left: 10px;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap{margin-left: auto;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_wish{overflow: hidden;width: 26px;height:26px;text-indent: -999em;background:url(../../imgs/goods/icon_heart_in_list%403x.png);background-size: cover;margin-right: 5px;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_cart{overflow: hidden; width: 26px; height:26px; text-indent: -999em;background: url(../../imgs/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .new_item_wrap .new-list-prev{position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: cover;} #brand_main .wrap .new_item_wrap .new-list-next{position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: cover;} /*신규(큰이미지 신상품목록)*/ #brand_main .wrap .new_item_big_img_wrap {clear: both;} #brand_main .wrap .new_item_big_img_wrap .hd {padding-bottom: 30px;} #brand_main .wrap .new_item_big_img_wrap .hd button {display: flex;align-items: center;font-size: 32px;font-weight: 600;color: #222;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_wrap{position:relative; margin: 0 -80px} #brand_main .wrap .new_item_big_img_wrap .swiper-slide{} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .swiper-wrapper {width: auto !important;height: 500px;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .swiper-wrapper .swiper-slide {width: 284px !important;padding-top: 108.5px;margin: 0 10px;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .swiper-wrapper .swiper-slide .img_con {width: 284px !important;height: 284px !important;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .swiper-wrapper .swiper-slide.swiper-slide-active {width: 501px !important;justify-content: unset;padding-top:0;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .swiper-wrapper .swiper-slide.swiper-slide-active .img_con {width: 501px !important;height: 501px !important;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img-prev{cursor: pointer;position: absolute;top: 219.5px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img-next{cursor: pointer;position: absolute;top: 219.5px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_big_img_wrap:hover .new_list_big_img-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .new_item_big_img_wrap:hover .new_list_big_img-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .new_list_big_img_wrap .list_form .img_con {height: auto;display: flex;} #brand_main .wrap .new_list_big_img_wrap .product {position: relative;display: flex;flex-direction: column;height: 284px;justify-content: space-between;} #brand_main .wrap .new_list_big_img_wrap .swiper-slide .product a{display: flex;flex-direction: column;flex: 1;} #brand_main .wrap .new_list_big_img_wrap .swiper-slide .product .info_wrap {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;background-color: rgb(255, 255, 255);display: flex;flex-direction: column;border: 2px solid rgb(229, 229, 229);border-radius: 10px;width: 100%;height: 100%;} #brand_main .wrap .new_list_big_img_wrap .swiper-slide.swiper-slide-active .product .info_wrap {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;background-color: rgb(255, 255, 255);display: flex;flex-direction: column;border: 2px solid rgb(229, 229, 229);border-radius: 10px;width: 100%;height: 501px;} #brand_main .wrap .new_list_big_img_wrap .swiper-slide .product .info_wrap .bottom_wrap {position: absolute;left: 20px;bottom: 29px;width: 250px;height: auto;z-index: 10;} #brand_main .wrap .new_list_big_img_wrap .swiper-slide.swiper-slide-active .product .info_wrap .bottom_wrap {position: absolute;left: 33px;bottom: 29px;width: 432px;height: auto;z-index: 10;} #brand_main .wrap .new_list_big_img_wrap .product .info_wrap .bottom_wrap > div {display: flex;} #brand_main .wrap .new_list_big_img_wrap .info_wrap .item_nm {font-family: NotoSansCJKKR;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.17px;text-align: left;color: #222222;} #brand_main .wrap .new_list_big_img_wrap .info_wrap .bottom_wrap .price {height: 19px;margin-top: 10px;font-family: Montserrat;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #222222;} #brand_main .wrap .new_list_big_img_wrap .info_wrap .bottom_wrap .sale {height: 27px;line-height: 27px;margin-top: 3px;font-family: Montserrat;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #222222;} #brand_main .wrap .new_list_big_img_wrap .info_wrap .bottom_wrap .per{margin:0;font-family: Montserrat;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #222222;margin-top: 3px;height: 27px;line-height: 27px;margin-left: 10px;} #brand_main .wrap .new_list_big_img_wrap .info_wrap .bottom_wrap .price + .label_list{margin:0} #brand_main .wrap .new_list_big_img_wrap .info_wrap .bottom_wrap h2+.sale{margin-top: 32px;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .info_wrap .btn_wrap {margin-left: auto;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .info_wrap .btn_wish{overflow: hidden;width: 30px;height: 30px;text-indent: -999em;background: url(../../imgs/web/goods/thum_heart_off%403x.png);background-size: cover;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .info_wrap .btn_cart{overflow: hidden;width: 30px;height: 30px;text-indent: -999em;background: url(../../imgs/web/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .new_item_big_img_wrap .new_list_big_img_slider .info_wrap .btn_wish.active {background: url(../../imgs/web/goods/thum_heart_on%403x.png) center no-repeat;background-size: 30px;} /*//신규(큰이미지 신상품목록)*/ /*신규(큰이미지 주간 베스트 상품 목록)*/ #brand_main .wrap .best_item_big_img_wrap {clear: both;} #brand_main .wrap .best_item_big_img_wrap .hd {padding-bottom: 30px;} #brand_main .wrap .best_item_big_img_wrap .hd button {display: flex;align-items: center;font-size: 32px;font-weight: 600;color: #222;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_wrap{position:relative; margin: 0 -80px} #brand_main .wrap .best_item_big_img_wrap .swiper-slide{} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .swiper-wrapper {width: auto !important;height: 500px;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .swiper-wrapper .swiper-slide {width: 284px !important;padding-top: 108.5px;margin: 0 10px;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .swiper-wrapper .swiper-slide .img_con {width: 284px !important;height: 284px !important;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .swiper-wrapper .swiper-slide.swiper-slide-active {width: 501px !important;justify-content: unset;padding-top:0;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .swiper-wrapper .swiper-slide.swiper-slide-active .img_con {width: 501px !important;height: 501px !important;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img-prev{cursor: pointer;position: absolute;top: 219.5px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img-next{cursor: pointer;position: absolute;top: 219.5px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .best_item_big_img_wrap:hover .best_list_big_img-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .best_item_big_img_wrap:hover .best_list_big_img-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .best_list_big_img_wrap .list_form .img_con {height: auto;display: flex;} #brand_main .wrap .best_list_big_img_wrap .product {position: relative;display: flex;flex-direction: column;height: 284px;justify-content: space-between;} #brand_main .wrap .best_list_big_img_wrap .swiper-slide .product a{display: flex;flex-direction: column;flex: 1;} #brand_main .wrap .best_list_big_img_wrap .swiper-slide .product .info_wrap {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;background-color: rgb(255, 255, 255);display: flex;flex-direction: column;border: 2px solid rgb(229, 229, 229);border-radius: 10px;width: 100%;height: 100%;} #brand_main .wrap .best_list_big_img_wrap .swiper-slide.swiper-slide-active .product .info_wrap {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;background-color: rgb(255, 255, 255);display: flex;flex-direction: column;border: 2px solid rgb(229, 229, 229);border-radius: 10px;width: 100%;height: 501px;} #brand_main .wrap .best_list_big_img_wrap .swiper-slide .product .info_wrap .bottom_wrap {position: absolute;left: 20px;bottom: 29px;width: 250px;height: auto;z-index: 10;} #brand_main .wrap .best_list_big_img_wrap .swiper-slide.swiper-slide-active .product .info_wrap .bottom_wrap {position: absolute;left: 33px;bottom: 29px;width: 432px;height: auto;z-index: 10;} #brand_main .wrap .best_list_big_img_wrap .product .info_wrap .bottom_wrap > div {display: flex;} #brand_main .wrap .best_list_big_img_wrap .info_wrap .item_nm {font-family: NotoSansCJKKR;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.17px;text-align: left;color: #222222;} #brand_main .wrap .best_list_big_img_wrap .info_wrap .bottom_wrap .price {height: 19px;margin-top: 10px;font-family: Montserrat;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #AAAAAA;} #brand_main .wrap .best_list_big_img_wrap .info_wrap .bottom_wrap .sale {height: 27px;line-height: 27px;margin-top: 3px;font-family: Montserrat;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #222222;} #brand_main .wrap .best_list_big_img_wrap .info_wrap .bottom_wrap .per{margin:0;font-family: Montserrat;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #38AFF5;margin-top: 3px;height: 27px;line-height: 27px;margin-left: 10px;} #brand_main .wrap .best_list_big_img_wrap .info_wrap .bottom_wrap .price + .label_list{margin:0} #brand_main .wrap .best_list_big_img_wrap .info_wrap .bottom_wrap h2+.sale{margin-top: 32px;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .info_wrap .btn_wrap {margin-left: auto;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .info_wrap .btn_wish{overflow: hidden;width: 30px;height: 30px;text-indent: -999em;background: url(../../imgs/web/goods/thum_heart_off%403x.png);background-size: cover;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .info_wrap .btn_cart{overflow: hidden;width: 30px;height: 30px;text-indent: -999em;background: url(../../imgs/web/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .best_item_big_img_wrap .best_list_big_img_slider .info_wrap .btn_wish.active {background: url(../../imgs/web/goods/thum_heart_on%403x.png) center no-repeat;background-size: 30px;} /*//신규(큰이미지 주간 베스트 상품 목록)*/ /*신규(여름신상 단독 상품목록)*/ #brand_main .wrap .new_item_single_wrap {clear: both;height:720px;} #brand_main .wrap .new_item_single_wrap .hd {padding-bottom: 30px;} #brand_main .wrap .new_item_single_wrap .hd button {display: flex;align-items: center;font-size: 32px;font-weight: 600;color: #222;} #brand_main .wrap .new_item_single_wrap .hd span.sub_tit {margin: 3px 0 0 1px;color: #aaa;font-size: 18px;font-weight: 500;} /*배너형*/ #brand_main .wrap .new_item_single_wrap .main_img_wrap {width: 614px;height: 614px;margin: 0 19.9px 0 0;border-radius: 10px;overflow: hidden;float: left;} #brand_main .wrap .new_item_single_wrap .main_img_wrap img {width: 100%;height: 100%;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap{position:relative;float: right;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-container{width: 1084px;height: 614px;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-slide {width:348px !important;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-slide .img_con{width:348px;height:348px} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-slide .text_con{margin-top: 25px;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-slide .recommend_item{width:348px;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .new_item_single_banner_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .new_item_single_banner_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap:hover .new_item_single_banner_list-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap:hover .new_item_single_banner_list-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-scrollbar {background: #AAAAAA;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-scrollbar .swiper-scrollbar-drag {background: #222222;} #brand_main .wrap .new_item_single_wrap .new_item_single_banner_list_wrap .swiper-container-horizontal > .swiper-scrollbar {border-radius: 2px;height: 5px;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);} /*//배너형*/ /*무배너형*/ #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap{position:relative;margin: 0 -80px} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap .swiper-slide{} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap .swiper-slide .img_con{width:328px;height:328px} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap .swiper-slide .text_con{margin-top: 15px;} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap .new_item_single_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap .new_item_single_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap:hover .new_item_single_list-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .new_item_single_wrap .new_item_single_list_wrap:hover .new_item_single_list-next:not(.swiper-button-disabled){display:block;} /*//무배너형*/ /*//신규(여름신상 단독 상품목록)*/ /* 신규(여름신상 단독 이벤트&이벤트)*/ #brand_main .wrap .promotion .promotion_form.promotion {position:relative;margin: 0 -80px;} #brand_main .wrap .promotion .promotion_form .new_item_single_promotion-prev{cursor: pointer;position: absolute;top: 40%;left: 0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .promotion .promotion_form .new_item_single_promotion-next{cursor: pointer;position: absolute;top: 40%;right: 0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .promotion .promotion_form:hover .new_item_single_promotion-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .promotion .promotion_form:hover .new_item_single_promotion-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .promotion .new_item_single_promotion_slider ul li a h3{font-size: 24px;} #brand_main .wrap .promotion .new_item_single_promotion_slider ul li a .sub_tit{font-size:18px;} /* //신규(여름신상 단독 이벤트&이벤트)*/ /*신규 (이벤트&이벤트)*/ #brand_main .wrap .promotion {clear: both;} #brand_main .wrap .promotion > h1{font-size: 32px;font-weight: 600;padding-bottom: 30px;} #brand_main .wrap .promotion .promotion_form{position:relative;margin: 0 -80px;} #brand_main .wrap .promotion .swiper-prev{cursor: pointer;position: absolute;top: 229px;left: -80px;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;/* margin-top: -30px; */} #brand_main .wrap .promotion .swiper-next{cursor: pointer;position: absolute;top: 229px;right: -80px;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;/* margin-top: -30px; */} #brand_main .wrap .promotion h2{padding: 90px 0 20px;} #brand_main .wrap .promotion ul{} #brand_main .wrap .promotion ul li{} #brand_main .wrap .promotion ul li a{} #brand_main .wrap .promotion ul li a .img{width: 100%;/* height: 577px; */border-radius: 5px;overflow: hidden;} #brand_main .wrap .promotion ul li a .img img{width: 100%;display: block;} #brand_main .wrap .promotion ul li a h3{padding-top: 20px;font-size: 21px;font-weight: 600;line-height: 25px;} #brand_main .wrap .promotion ul li a .sub_tit{padding-top:6px;font-size:16px;font-weight:500;color:#707070} #brand_main .wrap .promotion ul li a p{padding-top: 10px;font-size: 14px;font-weight: 500;color: #aaa;line-height: 1;} /*//신규 (이벤트&이벤트)*/ /* 신규(띠배너)*/ #brand_main .wrap .banner_wrap {padding-top: 100px;clear: both;} #brand_main .wrap .banner_wrap .banner{width: 100%;height: 90px;border-radius: 10px;background-color: #340d81;justify-content: center;align-items: center;} #brand_main .wrap .banner_wrap .banner a{font-size: 22px;letter-spacing: -0.22px;color: #fff;font-weight: 500;height: 90px;display: flex;align-items: center;justify-content: center;} #brand_main .wrap .banner_wrap .banner a img {margin-right: 16.3px;} #brand_main .wrap .banner_wrap .banner-list-prev{cursor: pointer;position: absolute;bottom: 33px;left:30px;z-index: 1;width: 24px;height: 24px;background: url(../../imgs/web/display/prev_btn_w%403x.png) center no-repeat; background-size:24px;} #brand_main .wrap .banner_wrap .banner-list-next{cursor: pointer;position: absolute;bottom: 33px;right:30px;z-index: 1;width:24px;height: 24px;background: url(../../imgs/web/display/next_btn_w%403x.png) center no-repeat; background-size:24px;} /* //신규(띠배너)*/ /* 신규(리뷰리스트)*/ #brand_main .wrap .review_wrap{clear: both;} #brand_main .wrap .review_wrap .tit{font-size: 32px;font-weight: 600;} #brand_main .wrap .review_wrap .review_list{position:relative;margin:0 -80px} #brand_main .wrap .review_wrap .review{width:328px} #brand_main .wrap .review_wrap .review a{display:block} #brand_main .wrap .review_wrap .review .img{ width: 328px;height: 350px;border-radius: 5px;overflow: hidden;} #brand_main .wrap .review_wrap .review .img img{height: 350px;display: block;object-fit: cover;width: 100%;} #brand_main .wrap .review_wrap .review .con_wrap{} #brand_main .wrap .review_wrap .review .con_wrap .star_wrap{display: flex;padding-bottom: 15px;padding: 27px 0 15px 0;} #brand_main .wrap .review_wrap .review .con_wrap .star_wrap img{width:17px;display:block} #brand_main .wrap .review_wrap .review .con_wrap .con_txt{margin-bottom: 20px;height: 48px;} #brand_main .wrap .review_wrap .review .con_wrap .con_txt span{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;font-size: 16px;color: #000;} #brand_main .wrap .review_wrap .review .con_wrap .account_wrap{ padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;} #brand_main .wrap .review_wrap .review .con_wrap .account_wrap span{font-size: 14px;font-weight: 500;color: #aaa; } #brand_main .wrap .review_wrap .review .con_wrap .account_wrap .account{} #brand_main .wrap .review_wrap .review .con_wrap .account_wrap .bar{height: 15px;width: 1px;margin: 0 8px;display: inline-block;background-color: #e5e5e5;} #brand_main .wrap .review_wrap .review .con_wrap .account_wrap .date{} #brand_main .wrap .review_wrap .review .item_wrap{display: flex;} #brand_main .wrap .review_wrap .review .item_wrap:hover{cursor:pointer} #brand_main .wrap .review_wrap .review .item_wrap img{width:65px; display:block;border: solid 2px #f5f5f5; border-radius: 5px;} #brand_main .wrap .review_wrap .review .item_wrap .info{margin-left:10px;display: flex;flex-direction: column;} #brand_main .wrap .review_wrap .review .item_wrap .brand_nm{font-size: 12px;font-weight: 500; color: #aaa;} #brand_main .wrap .review_wrap .review .item_wrap .product_nm{font-size: 14px;font-weight: 500;padding: 3px 0 8px 0;white-space: nowrap;overflow: hidden;display: block; text-overflow: ellipsis;width: 240px;} #brand_main .wrap .review_wrap .review .item_wrap .sale{font-size: 15px;font-weight:700;color: #000;} #brand_main .wrap .review_wrap .review .item_wrap .sale .per{margin-left:10px;color: #38AFF5;} #brand_main .wrap .review_wrap .review-list-prev{cursor: pointer;position: absolute;top:145px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .review_wrap .review-list-next{cursor: pointer;position: absolute;top:145px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .review_wrap .review_list:hover .review-list-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .review_wrap .review_list:hover .review-list-next:not(.swiper-button-disabled){display:block;} /* 리뷰팝업 */ .layer_bottom.main_review{overflow: hidden;width: 1000px;height:644px;padding:40px} .layer_bottom.main_review .scroll{overflow-y:auto;max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;} .layer_bottom.main_review .scroll::-webkit-scrollbar { display: none;} .layer_bg.review{width: max-content;} .layer_bg.review .tit{font-size: 30px; font-weight:600; letter-spacing: -0.3px;padding-bottom:30px} .layer_bg.review .con{display: flex;padding-bottom: 28px;} .layer_bg.review .swiper-container{width:450px !important} .layer_bg.review .con_photo{position:relative;width: 450px;height: 450px;overflow: visible;border-radius: 10px;} .layer_bg.review .con .photo_wrap{flex: 0 0 auto;height: 450px;overflow: hidden;} .layer_bg.review .con .photo_wrap img{width:450px;display:block;border-radius: 10px;height: 450px;object-fit: cover;} .layer_bg.review .con .txt_wrap{width: 420px; margin-left: 40px;display: flex;flex-direction: column;} .layer_bg.review .con .txt_wrap .review_tit {display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 0;} .layer_bg.review .con .txt_wrap .review_tit dl {display: flex;} .layer_bg.review .con .txt_wrap .review_tit dd {font-size: 14px; line-height: 18px; color: #aaaaaa; font-weight: 500;} .layer_bg.review .con .txt_wrap .review_tit dd:first-child {position: relative; margin-right: 8px; padding-right: 8px; letter-spacing: -0.12px;} .layer_bg.review .con .txt_wrap .review_tit dd:first-child:after {position: absolute; right: 0; top: 3px; display: block; content: ''; width: 1px; height: 12px; background: #dddddd;} .layer_bg.review .con .txt_wrap .review_tit dd:last-child {} .layer_bg.review .con .txt_wrap .review_tit .star_wrap {display: flex;} .layer_bg.review .con .txt_wrap .review_tit .star_wrap img {width: 17px; margin-left: 2px;} .layer_bg.review .con .txt_wrap .review_info {margin: 20px 0; padding: 20px 20px 10px; margin-bottom: 20px; background: #f8f8f8; border-radius: 5px;} .layer_bg.review .con .txt_wrap .review_info >div {padding: 0 0 6px 0; display: flex; font-size: 14px; } .layer_bg.review .con .txt_wrap .review_info >div >span {width: 80px; color: #222222; font-weight: 600;margin-right:23px} .layer_bg.review .con .txt_wrap .review_info .review_info_con {display: flex;} .layer_bg.review .con .txt_wrap .review_info .review_info_con p {color: #222222;} .layer_bg.review .con .txt_wrap .review_info .review_info_con span.slash {margin: 0 3px;} .layer_bg.review .con .txt_wrap .buyoption{padding-top: 30px;display: flex;cursor: pointer;} .layer_bg.review .con .txt_wrap .buyoption strong{font-size: 14px;font-weight: 600;} .layer_bg.review .con .txt_wrap .buyoption span{font-size: 14px;font-weight: 600;} .layer_bg.review .con .txt_wrap .buyoption img{width:50px; height:50px;border-radius: 5px;margin-right: 10px;} .layer_bg.review .con .txt_wrap .list_form{margin-top: auto;padding-bottom:0;position: relative;display: flex;} .layer_bg.review .con .txt_wrap .list_form a{display:flex;width: 90px;height: 90px;flex: 0;} .layer_bg.review .con .txt_wrap .list_form .img_con{width:90px} .layer_bg.review .con .txt_wrap .list_form .brand_name{font-size: 12px;padding-top:0;margin-top: 0;} .layer_bg.review .con .txt_wrap .list_form .brand_name + h2{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* width: 100%; *//* height: auto; *//* display: inline-block; *//* width: 100%; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */padding-top: 10px;height: auto;line-height: 1;height: 20px;line-height: 20px;box-sizing: border-box;padding: 0;margin-top: 10px;} .layer_bg.review .con .txt_wrap .list_form .text_con{margin-left: 15px;width: 315px;height: auto;height: 90px;padding-top: 4px;} .layer_bg.review .con .txt_wrap .list_form .text_con .price_wrap{flex-direction:row;align-items: center;/* padding-top: 10px; */} .layer_bg.review .con .txt_wrap .list_form .sale{font-size:20px} .layer_bg.review .con .txt_wrap .list_form .price{font-size: 16px;} .layer_bg.review .con .txt_wrap .list_form .btm_btn_wrap{display:block;position: absolute;bottom: 6px;right: 0;margin-top: 0;} .layer_bg.review .con .txt_wrap .list_form .btn_wish {overflow: hidden; width: 26px; height:26px; text-indent: -999em; background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat; background-size: cover;} .layer_bg.review .con .txt_wrap .list_form .btn_cart{ width: 26px; height:26px;background-size: cover;} .layer_bg.review .con .con_txt{} .layer_bg.review .con .con_txt span{font-size: 16px;letter-spacing: -0.16px; color: #707070; word-break: keep-all; height: 150px; overflow-y: auto; position: absolute;} .layer_bg.review .rev_popup-list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 44px;} .layer_bg.review .rev_popup-list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 44px;} .layer_bg.review .rev_popup_pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet:last-child{margin-right:0} .layer_bg.review .rev_popup_pagination .swiper-pagination-bullet-active{background-color: #000;} .layer_bg.review .video-js .vjs-big-play-button{width:80px; height:80px;background: url(../../imgs/web/display/movie_play_btn_big%403x.png) center no-repeat; background-size: cover;border: none;top: 50%;left: 50%;transform: translate(-50%, -50%);} .layer_bg.review .video-js .vjs-big-play-button span{} .layer_bg.review .video-js .vjs-big-play-button span:before{content:''} /* //신규(리뷰리스트)*/ /* 신규(브랜드소개2)*/ #brand_main .wrap .main_banner_wrap2{width: 1720px;clear: both;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap{display: flex;width: 1720px;height: 532px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_left{position:relative;width: 1022px;height: 532px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_left img{display:block;width:100%;height: 100%;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right{position:relative;width: 698px;height: 532px;overflow: hidden;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con{display: flex;flex-direction: column;position: absolute;top: 25%;margin-left: 65px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .brand_nm{font-size: 46px;font-weight: 700;color: #222;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .txt{font-size: 18px;color: #222;line-height: 1.7; padding-top: 20px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap{padding-top:26px;display: flex;align-items: center;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .btn{display:flex;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .btn button{} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .btn_wish{background: url(../../imgs/web/display/icon_heart_b%403x.png) center no-repeat; background-size: 32px;width:32px; height:32px;text-indent:-9999em} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .btn_wish.active{background: url(../../imgs/web/goods/thum_heart_on%403x.png) center no-repeat;background-size: 32px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .btn_share{background: url(../../imgs/web/display/icon_share_b%403x.png) center no-repeat; background-size: 32px;width:32px; height:32px;text-indent:-9999em} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn{/* margin-left: 16px; *//* width: 0; */overflow: hidden;display: flex;/* opacity: 0; */transition: all 0.3s;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn.active{opacity:1;/* width:auto; *//* overflow:visible; */transition: all .3s;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn button:not(.btn_share){width: 30px;height: 30px;text-indent:-9999em;border-radius:50%;margin-right: 10px;transition: transform .3s;/* height: 0; */opacity: 0;margin-left: 10px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn .twitter{background-color: #73a0fa;background-image: url(../../imgs/web/global/twitter%403x.png);background-repeat: no-repeat;background-size: 13.7px 12.1px;background-position: center;transform: translate(0px, 0px);transition: transform .3s;margin-left: 16px;} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn .facebook{background-color: #3b5999;background-image: url(../../imgs/web/global/facebook%403x.png);background-repeat: no-repeat;background-size:7px 14px;background-position: center;transform: translate(-40px, 0px);} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn .kakaotalk{background-color: #f9e103;background-image: url(../../imgs/web/global/kakaotalk%403x.png);background-repeat: no-repeat;background-size:14.1px 13.1px;background-position: center;transform: translate(-80px, 0px);/* transition: all .3s; */} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn .url_copy{border: solid 1px #e5e5e5;background-color: #fff;background-image: url(../../imgs/web/global/url_copy%403x.png);background-repeat: no-repeat;background-size:13.7px;background-position: center;transform: translate(-80px, 0px);/* transition: all .3s; */} #brand_main .wrap .main_banner_wrap2 .banner_con_wrap .banner_con_right .con .btn_wrap .sns_btn.active button:not(.btn_share){transform: translate(0, 0);transition: transform .3s;/* height: 30px; */opacity: 1;} /* //신규(브랜드소개2)*/ /* 신규(MD 추천2)*/ #brand_main .wrap .pastel_style_wrap2{clear: both;} #brand_main .wrap .pastel_style_wrap2 .tit{font-size: 32px;font-weight: 600;} #brand_main .wrap .pastel_style_wrap2 .wrap3{display: flex;min-width: 20%;} #brand_main .wrap .pastel_style_wrap2 .con_title_wrap{width: max-content;max-width: 20%;} #brand_main .wrap .pastel_style_wrap2 .con_title_wrap ul.con_title_list {display: flex;flex-wrap: wrap;margin: -3px;} #brand_main .wrap .pastel_style_wrap2 .con_title_wrap ul.con_title_list li {margin: 0 10px 10px 0;display: flex;height: 48px;border-radius: 60px;} #brand_main .wrap .pastel_style_wrap2 .con_title_wrap ul.con_title_list li a {box-sizing: border-box;border: solid 1px #e5e5e5;height: 48px;padding: 12px 20px;border-radius: 60px;color: #707070;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;} #brand_main .wrap .pastel_style_wrap2 .con_title_wrap ul.con_title_list li.on a {background-color: #222;color: #fff;border: 1px solid transparent;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap {position: relative;max-width:80%;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap .md_style2_slider {margin:0 80px;width:90%;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap .md_style2_slider .swiper-slide{width: 390px !important;margin-right: 25px;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap .md_style2-list-prev{cursor: pointer;position: absolute;top:40%;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap .md_style2-list-next{cursor: pointer;position: absolute;top:40%;right:-20px;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap:hover .md_style2-list-prev:not(.swiper-button-disabled){display:block;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap:hover .md_style2-list-next:not(.swiper-button-disabled){display:block;} #brand_main .wrap .pastel_style_wrap2 .goods_list_wrap .swiper-slide .img_con {width:100%;height:100%;max-width: 400px;max-height:400px;} /* //신규(MD 추천2)*/ /* 신규(퀵배너)*/ #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap {clear: both;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap {position: relative;margin: 0 -80px;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .quick_banner_slider .swiper-slide {width: 160px !important;margin-right: 60px;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .round_wrap {width: 160px;height: 160px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.17;letter-spacing: -0.3px;font-weight: 600;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .round_wrap img {width: 160px;height: 160px;border-radius: 50%;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .sub_title_wrap {position: absolute;text-align: center;width: 100%;bottom: -80px;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .sub_title_wrap .sub_tit {font-size: 18px;font-stretch: normal;font-style: normal;line-height: 6.44;letter-spacing: -0.16px;color: #8c8a8c;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .swiper-slide a {font-size: 22px;letter-spacing: -0.22px;font-weight: 500;height: 100%;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .quick_banner-list-prev{cursor: pointer;position: absolute;top: 50px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap .quick_banner-list-next{cursor: pointer;position: absolute;top: 50px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size:60px;display: none;} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap:hover .quick_banner-list-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .quick_banner_wrap .quick_con_banner_wrap:hover .quick_banner-list-next:not(.swiper-button-disabled){display:block;} /* //신규(퀵배너)*/ #brand_main .wrap .new_item_wrap .product.sm{width: 240px;height: 240px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(1){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(2){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(4){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(5){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(6){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(7){margin-right: 50px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(8){} #brand_main .wrap .new_item_wrap .product.sm:nth-child(9){} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3){width: 560px;height: 560px;box-sizing: border-box;margin-right: 50px;flex: 0 0 auto;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .img{ border-radius: 10px; display: flex; align-items: center; overflow: hidden; width: 560px; height: 560px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .brand_nm{font-size: 20px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .item_nm{font-size: 28px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .price{font-size: 20px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .sale{font-size: 28px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .per{font-size: 28px;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .btn_wrap .btn_wish{overflow: hidden;width: 44px;height: 44px;text-indent: -999em;background: url(../../imgs/web/goods/thum_heart_off%403x.png);background-size: cover;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .btn_wrap .btn_wish.active{background: url(../../imgs/web/goods/thum_heart_on%403x.png) !important; background-size: cover !important;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .btn_wrap .btn_cart{overflow: hidden;width: 44px;height: 44px;text-indent: -999em;background: url(../../imgs/web/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3){} #brand_main .wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap{width: 560px;height: 560px;box-sizing: border-box;padding: 40px;} #brand_main .wrap .new_item_wrap .product a{display:block} #brand_main .wrap .new_item_wrap .product .img{ border-radius: 10px; display: flex; align-items: center; overflow: hidden; width: 240px; height: 240px;} #brand_main .wrap .new_item_wrap .product .img img{display:block;width: 100%;} #brand_main .wrap .new_item_wrap .list_form{padding-bottom:0} #brand_main .wrap .new_item_wrap .product .info_wrap{opacity: 0;position: absolute;top: 0;left: 0;background-color: #fff;display: flex; flex-direction: column;border: solid 2px #e5e5e5;border-radius: 10px;padding:20px; box-sizing: border-box;} #brand_main .wrap .new_item_wrap .product.sm .info_wrap{width: 240px;height: 240px;box-sizing: border-box;} #brand_main .wrap .new_item_wrap .product .info_wrap .brand_nm{font-size: 13px;font-weight: 500;color: #aaa;} #brand_main .wrap .new_item_wrap .product .info_wrap .item_nm{padding-top: 8px;font-size: 17px;font-weight: 500;word-break: keep-all;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap{margin-top: auto;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .price{font-size: 14px; font-weight: 500;color: #aaa; text-decoration: line-through;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap > div{display: flex;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .sale{font-size: 18px;font-weight: 700;color: #000;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .per{font-size: 18px; font-weight: 700; color: #38AFF5;margin-left: 10px;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap{margin-left: auto;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_wish{overflow: hidden; width: 26px; height:26px; text-indent: -999em;background:url(../../imgs/goods/icon_heart_in_list%403x.png); background-size: cover;} #brand_main .wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_cart{overflow: hidden; width: 26px; height:26px; text-indent: -999em;background: url(../../imgs/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .brand_nm{font-size: 16px;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .item_nm{ font-size: 24px;width:225px;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .bottom_wrap .price{font-size: 16px;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .bottom_wrap .sale{font-size: 24px;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .bottom_wrap .per{font-size: 24px;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .bottom_wrap .btn_wrap .btn_wish{overflow: hidden; width: 30px; height:30px; text-indent: -999em;background:url(../../imgs/goods/icon_heart_in_list%403x.png); background-size: cover;} #brand_main .wrap .new_item_wrap .product.lg .info_wrap .bottom_wrap .btn_wrap .btn_cart{overflow: hidden; width: 30px; height:30px; text-indent: -999em;background: url(../../imgs/goods/thum_cart.png);background-size: cover;} #brand_main .wrap .new_item_wrap .new_list-prev{position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: cover;cursor: pointer;display: none;} #brand_main .wrap .new_item_wrap .new_list-next{position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: cover;cursor: pointer;display: none;} #brand_main .wrap .new_item_wrap:hover .new_list-prev:not(.swiper-button-disabled){display:block} #brand_main .wrap .new_item_wrap:hover .new_list-next:not(.swiper-button-disabled){display:block} #brand_main .wrap .instagram_wrap{} #brand_main .wrap .instagram_wrap .hd button{display: flex; align-items:center;font-size: 32px;font-weight: 700;color: #222;} #brand_main .wrap .instagram_wrap .hd button:after{margin-left:5px;display:block;content:'';width:24px;height:24px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat;background-size:24px;margin-top: 10px;} #brand_main .wrap .instagram_wrap .instagram{display: flex;justify-content: space-between;border-radius: 10px;overflow: hidden;} #brand_main .wrap .instagram_wrap .instagram a{display:block;width: 100%;height: 100%;background: #f5f5f5;} #brand_main .wrap .instagram_wrap .instagram .list_wrap{width:850px} #brand_main .wrap .instagram_wrap .instagram .list_wrap .lg_wrap{display: flex;} #brand_main .wrap .instagram_wrap .instagram .list_wrap .lg_wrap .sm_wrap2{} #brand_main .wrap .instagram_wrap .instagram .list_wrap .lg_wrap .sm_wrap2 .img_sm:first-child{margin-bottom:20px} #brand_main .wrap .instagram_wrap .instagram .list_wrap .img_lg{margin-right: 20px; width: 560px;height: 560px;overflow:hidden;} #brand_main .wrap .instagram_wrap .instagram .list_wrap .img_lg img{display:block} #brand_main .wrap .instagram_wrap .instagram .list_wrap .img_sm{ width: 270px;height: 270px;overflow:hidden;} #brand_main .wrap .instagram_wrap .instagram .list_wrap .img_sm img{display:block} #brand_main .wrap .instagram_wrap .instagram .list_wrap .sm_wrap{display: flex;justify-content: space-between;margin-top: 20px;} #brand_main .wrap .instagram_wrap .instagram .list_wrap .sm_wrap.right{margin-top: 0;margin-bottom:20px} /* 브랜드 - 매장찾기 */ #barnd_map{} #barnd_map .wrap{} #barnd_map .hd_root{padding-top:20px} #barnd_map .hd_root ul{display: flex; align-items: center;} #barnd_map .hd_root ul li{display: flex;align-items: center;} #barnd_map .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat; background-size: 12px;} #barnd_map .hd_root ul li:last-child:after{display:none} #barnd_map .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../../imgs/web/display/icon_location_home%403x.png) center no-repeat; background-size: 13px;} #barnd_map .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px} #barnd_map .wrap .map_con{padding-top:84px} #barnd_map .wrap .map_con h1{ font-size: 32px;color: #222;font-weight: 600;} #barnd_map .wrap .map_con .con_wrap{display: flex;justify-content: space-between; margin-top: 30px;} #barnd_map .wrap .map_con .con_wrap .list_box{ width: 515px;} #barnd_map .wrap .map_con .con_wrap .list_box .select{position:relative;} #barnd_map .wrap .map_con .con_wrap .list_box .input_text_wrap{width: 493px;position:relative;} #barnd_map .wrap .map_con .con_wrap .list_box .input_text_wrap:after{position: absolute; top: 50%; right: 0;transform: translateY(-50%) rotate(90deg);display:block;content:''; width: 6px;height: 11px;background: url(../../imgs/web/global/arrow_more.png) center no-repeat; background-size:contain;} #barnd_map .wrap .map_con .con_wrap .list_box .input_text_wrap input{cursor: pointer;border: none; border-bottom: 1px solid #e5e5e5;width: 100%;height: 60px;} #barnd_map .wrap .map_con .con_wrap .list_box .input_text_wrap input::placeholder{font-size: 18px; color: #222;font-weight:600;} #barnd_map .wrap .map_con .con_wrap .list_box .select_loaction_list{display:none;border-radius: 10px; box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);background-color: #fff;padding: 20px; position: absolute; width: 493px; top: 61px; left: 0;box-sizing: border-box;} #barnd_map .wrap .map_con .con_wrap .list_box .select_loaction_list.active{display:block} #barnd_map .wrap .map_con .con_wrap .list_box .select_loaction_list ul{ overflow-y: scroll;height: 300px; } #barnd_map .wrap .map_con .con_wrap .list_box .select_loaction_list ul::-webkit-scrollbar{width: 2px;height: 260px; background-color: #f5f5f5; border-radius: 10px;} #barnd_map .wrap .map_con .con_wrap .list_box .select_loaction_list ul::-webkit-scrollbar-thumb{width: 2px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #38AFF5;} #barnd_map .wrap .map_con .select_loaction_list li{padding-bottom:10px} #barnd_map .wrap .map_con .select_loaction_list li:last-child{padding-bottom:0} #barnd_map .wrap .map_con .select_loaction_list li input{display: none;} #barnd_map .wrap .map_con .select_loaction_list li input + label{font-size: 14px; letter-spacing: -0.14px;color: #222;font-weight: 500;} #barnd_map .wrap .map_con .select_loaction_list li input:checked + label{font-weight: 600; display: flex; align-items: center;} #barnd_map .wrap .map_con .select_loaction_list li input:checked + label:after{margin-left:10px;display:block;content:''; width: 13px;height: 9px;background: url(../../imgs/web/global/checked_on%403x.png) center no-repeat; background-size:cover;} #barnd_map .wrap .map_con .return_list{padding-top: 60px;} #barnd_map .wrap .map_con .return_list h2{font-size: 16px;letter-spacing: -0.16px;color: #222;font-weight: 600;} #barnd_map .wrap .map_con .return_list h2 .num{color: #38AFF5;} #barnd_map .wrap .map_con .return_list ul{margin-top: 15px;overflow-y: scroll;height: 478px; } #barnd_map .wrap .map_con .return_list ul::-webkit-scrollbar{width: 2px;height: 478px; background-color: #f5f5f5; border-radius: 10px;} #barnd_map .wrap .map_con .return_list ul::-webkit-scrollbar-thumb{width: 2px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #38AFF5;} #barnd_map .wrap .map_con .return_list ul li{display: flex;justify-content: space-between;align-items: center;margin-right: 16px;border-bottom: 1px solid #e5e5e5; } #barnd_map .wrap .map_con .return_list ul li.active:after{padding-right: 10px;display:block;content:'';width: 6px;height: 11px;background: url(../../imgs/web/global/arrow_more.png) center no-repeat; background-size:contain;} #barnd_map .wrap .map_con .return_list ul li:first-child{border-top: 1px solid #e5e5e5;} #barnd_map .wrap .map_con .return_list ul li button{ height: 76px;font-size: 17px;font-weight: 500;letter-spacing: -0.17px; width: 100%;text-align: left;} #barnd_map .wrap .map_con .return_list ul li.active button{font-weight:600} #barnd_map .wrap .map_con .map{width: 1140px;height: 640px;background-color:#ddd;padding:17px 16px} #barnd_map .wrap .map_con .map .pin_area{display: flex;justify-content: flex-end;align-items: flex-end;width:572px; height:280px; position: relative;} #barnd_map .wrap .map_con .map .pin_area #pin{ width: 35px;height: 46px; background-color: #38aff5; border-radius: 50%; text-indent: -999999em;} #barnd_map .wrap .map_con .map .map_popup{display:none;position: absolute;top: 0;left: 0;} #barnd_map .wrap .map_con .map .map_popup.active{display:block} #barnd_map .wrap .map_con .map .store_wrap{position:relative;display: flex;width: 469px;border-radius: 10px;box-shadow: 0 3px 20px 0 rgb(0 0 0 / 16%); background-color: #fff; padding: 20px 20px 30px 20px; box-sizing: border-box;} #barnd_map .wrap .map_con .map .store_wrap .branch_desc{padding-right: 50px;} #barnd_map .wrap .map_con .map .store_wrap .link_copy{width:40px; height:40px;text-indent: -999999em; background:url(../../imgs/web/display/url_copy%403x.png) center no-repeat; background-size:17.4px; border: solid 1px #e5e5e5;border-radius:50%;position: absolute; top: 50px; right: 20px;} #barnd_map .wrap .map_con .map .store_wrap .img{width:102px; margin-right:20px} #barnd_map .wrap .map_con .map .store_wrap img{display:block} #barnd_map .wrap .map_con .map .branch_name{font-size:16px; font-weight:600; margin-bottom:5px;color: #222;} #barnd_map .wrap .map_con .map .branch_address{color: #222;font-size: 15px;letter-spacing: -0.15px;font-weight:500;word-break: keep-all;} #barnd_map .wrap .map_con .map .branch_hour{letter-spacing: -0.12px;font-size:12px; color:#7a7a7a; display:flex; align-items:center; margin-top:8px;flex-wrap: wrap;} #barnd_map .wrap .map_con .map .branch_hour .clock{width:13px; height:13px; background:url(../../imgs/goods/icon_time%403x.png) center no-repeat; margin-right:2px;background-size: 13px;} #barnd_map .wrap .map_con .map .branch_tel{letter-spacing: -0.12px;font-size:12px; color:#7a7a7a; display:flex; align-items:center; margin-top:8px;flex-wrap: wrap;} #barnd_map .wrap .map_con .map .branch_tel .mob{width:13px; height:13px; background:url(../../imgs/mypage/smartphone%403x.png) center no-repeat; margin-right:2px;background-size:contain;} /* 아울렛 - 메인 */ #outlet.main{position: relative;/* margin-top: -550px; */width: 1720px;margin: 0 auto;/* overflow: hidden; */} #outlet .wrap .conBox{padding: 150px 0 0;} #outlet .wrap .tab_menu + .conBox{padding: 90px 0 0;} #outlet .wrap .tab_menu + #groobeeRecommendGoodsArea .conBox{padding: 90px 0 0;} #outlet .wrap .conBox:fist-child{padding:0 0 75px 0} #outlet .wrap .conBox:last-child{/* padding: 75px 0 77px 0; */} #outlet .wrap .hd{padding-bottom:30px} #outlet .wrap .swiper-container{width:1720px;overflow-x: clip;overflow-y: visible;} #outlet .wrap .swiper-container .swiper-slide{display: flex;justify-content: center;} #outlet .wrap .main_banner_wrap{width: 1720px;/* margin-bottom: 150px; */} #outlet .wrap .swiper-container .list_form{padding-bottom:0} #outlet .wrap .main_banner_wrap .main_banner_slider{ border-radius: 30px 30px 100px 30px; overflow: hidden;} #outlet .wrap .main_banner_wrap .main_banner_slider .swiper-slide{display: flex;justify-content: space-between;} #outlet .wrap .main_banner_wrap .left_img{position:relative;width: 1140px;height: 700px;background-color:#ddd;border-radius: 30px 30px 100px 30px;overflow: hidden;} #outlet .wrap .main_banner_wrap .left_img img{display:block;width:100%} #outlet .wrap .main_banner_wra .center_img{position:relative;width: 1720px;height: 700px; border-radius: 30px 30px 100px 30px; background-color:#ddd} #outlet .wrap .main_banner_wrap .right_img{position:relative;width: 560px;height: 700px;border-radius: 30px 30px 100px 30px;background-color:#ddd;overflow: hidden;} #outlet .wrap .main_banner_wrap .right_img img{display:block;width:100%} #outlet .wrap .main_banner_wrap .right_img .con{} #outlet .wrap .main_banner_wrap .img_2{display: flex;justify-content: space-between;width: 1720px;} #outlet .wrap .main_banner_wrap .img_2 .center_img{width:100%;position:relative;} #outlet .wrap .main_banner_wrap .img_2 .center_img a:before{display:block;content:'';position:absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);opacity: 0.4;} #outlet .wrap .main_banner_wrap .img_2 .center_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #outlet .wrap .main_banner_wrap .img_2 .center_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit:cover;width:100%} #outlet .wrap .main_banner_wrap .img_2 .left_img{position:relative;width: 1140px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #outlet .wrap .main_banner_wrap .img_2 .left_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);position: absolute;z-index: 1;width: 100%;height: 100%;opacity: 0.4;} #outlet .wrap .main_banner_wrap .img_2 .left_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #outlet .wrap .main_banner_wrap .img_2 .left_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit:cover;width:100%} #outlet .wrap .main_banner_wrap .img_2 .right_img{position:relative;width: 560px;height: 700px;border-radius: 30px 30px 100px 30px; overflow: hidden;} #outlet .wrap .main_banner_wrap .img_2 .right_img a:before{display:block;content:'';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000);width: 100%;height: 100%;position: absolute;z-index: 1;opacity: 0.4;} #outlet .wrap .main_banner_wrap .img_2 .right_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;} #outlet .wrap .main_banner_wrap .img_2 .right_img .videoArea video{width: auto;margin: 0 auto;height: 700px !important;display: block;height: auto;object-position: center;object-fit:cover;width:100%} #outlet .wrap .main_banner_wrap .con{position:absolute;position: absolute; display: flex;flex-direction: column;bottom: 65px;left:55px;z-index: 2;} #outlet .wrap .main_banner_wrap .con .brand_nm{font-size: 16px;font-weight: 600; color: #fff;} #outlet .wrap .main_banner_wrap .con strong{font-size: 40px;font-weight:600; letter-spacing: -0.4px;color: #fff;padding: 20px 0 23px 0;} #outlet .wrap .main_banner_wrap .con .subtit{font-size: 18px;font-weight: 600; color: #fff;letter-spacing: -0.18px;} #outlet .wrap .main_banner_wrap .center_img{width: 1720px;height: 700px;border-radius: 30px 30px 100px 30px;background-color:#ddd;overflow: hidden;} #outlet .wrap .main_banner_wrap .main_banner_slider .swiper-button-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_prev%403x.png) center no-repeat; background-size: 102px;} #outlet .wrap .main_banner_wrap .main_banner_slider .swiper-button-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 102px;height: 102px;background: url(../../imgs/web/display/main_slider_next%403x.png) center no-repeat; background-size: 102px;} #outlet .wrap .main_banner_wrap .swiper_page_btn{padding-top: 30px;display: flex;justify-content: center;align-items: center;} #outlet .wrap .main_banner_wrap .swiper-button-pause{width:27px; height:27px; background: url(../../imgs/web/display/stop%403x.png) center no-repeat; background-size: cover;} #outlet .wrap .main_banner_wrap .swiper-button-play{width:27px; height:27px; background: url(../../imgs/web/display/play%403x.png) center no-repeat; background-size: cover;} #outlet .wrap .main_banner_wrap .main_banner_pagination{display: flex;justify-content: center;} #outlet .wrap .main_banner_wrap .main_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} #outlet .wrap .main_banner_wrap .main_banner_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;} #outlet .per_list_wrap .per_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat; background-size: 60px;display:none} #outlet .per_list_wrap .per_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat; background-size: 60px;display:none} #outlet .per_list_wrap:hover .per_list-prev:not(.swiper-button-disabled){display:block;} #outlet .per_list_wrap:hover .per_list-next:not(.swiper-button-disabled){display:block;} #outlet .con_wrap{} #outlet .tab_menu{/* margin-bottom: 15px; */padding-top: 150px;} #container.no #outlet .tab_menu{padding-top:80px;} #outlet .tab_menu ul{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;} #outlet .tab_menu ul li{padding-right: 40px;} #outlet .tab_menu ul li button{height: 55px;padding-bottom: 20px;font-size: 24px;font-weight: 500;letter-spacing: -0.24px;color: #707070;border-bottom: 2px solid transparent;} #outlet .tab_menu ul li.on button{color: #222;border-bottom: 2px solid #222;font-weight: 600;} #outlet .con_wrap .section .tit{font-size: 32px;font-weight:600;letter-spacing: -0.32px;color: #222;} #outlet .con_wrap .section .tit .name{color: #38AFF5;} #outlet .per_list_wrap{position:relative; margin: 0 -80px} #outlet .per_list_wrap .img_con{width:328px} #outlet .per_list_wrap .swiper-slide{/* padding-bottom: 80px; */} #outlet .w_best_list_wrap{position:relative; margin: 0 -80px} #outlet .w_best_list_wrap .img_con{width:328px;height: 328px;} #outlet .w_best_list_wrap .swiper-slide{} #outlet .w_best_list_wrap .w_best_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .w_best_list_wrap .w_best_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .w_best_list_wrap:hover .w_best_list-prev:not(.swiper-button-disabled){display:block} #outlet .w_best_list_wrap:hover .w_best_list-next:not(.swiper-button-disabled){display:block;} #outlet .new_list_wrap{position:relative; margin: 0 -80px} #outlet .new_list_wrap .img_con{width:328px} #outlet .new_list_wrap .swiper-slide{} #outlet .new_list_wrap .new_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .new_list_wrap .new_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .new_list_wrap:hover .new_list-prev:not(.swiper-button-disabled){display:block} #outlet .new_list_wrap:hover .new_list-next:not(.swiper-button-disabled){display:block;} #outlet .review_list_wrap{position:relative;margin: -30px -80px 0 -80px;} #outlet .best_review .swiper-container{padding: 30px 0 60px 0;overflow-x: initial;} #outlet .best_review .swiper-silde{display: flex;margin: 0 -10px;width: 1720px;} #outlet .best_review .bg{width: 850px;height: 388px;display: flex;padding: 50px;box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);background-color: #fff;border-radius: 10px 10px 50px 10px;box-sizing: border-box;} #outlet .best_review .bg .img{border-radius: 5px;width: 270px;height: 270px;overflow: hidden;object-fit: cover;display: flex;justify-content: center;align-items: center;flex: 0 0 auto;cursor: pointer;} #outlet .best_review .bg .img img{display: block;width: 100%;} #outlet .best_review .bg .con_wrap{cursor: pointer;margin-left: 50px;padding-top:0;width: 100%;} #outlet .best_review .bg .icon{text-indent:-99999em; width: 26px;height: 19px;background: url(../../imgs/web/display/stencil%403x.png) center no-repeat; background-size: contain;display: block} #outlet .best_review .star_wrap{display: flex;padding: 20px 0 15px 0;} #outlet .best_review .star_wrap img{width:17px;display:block} #outlet .best_review .txt_con{cursor: pointer;margin-bottom: 20px;} #outlet .best_review .txt_con span{ word-break: break-all;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;font-size: 16px;color: #000;} #outlet .best_review .account_wrap{cursor: pointer; padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;} #outlet .best_review .account_wrap span{font-size: 14px;font-weight: 500;color: #aaa; } #outlet .best_review .account_wrap .bar{height: 15px;width: 1px;margin: 0 8px;display: inline-block;background-color: #e5e5e5;} #outlet .best_review .item_wrap{display: flex;} #outlet .best_review .item_wrap img{width:65px; display:block;border: solid 2px #f5f5f5; border-radius: 5px;} #outlet .best_review .item_wrap .info{margin-left:10px;display: flex;flex-direction: column;justify-content: center;} #outlet .best_review .item_wrap .brand_nm{font-size: 12px;font-weight: 500; color: #aaa;} #outlet .best_review .item_wrap .product_nm{font-size: 14px;font-weight: 500;padding: 3px 0 0 0;color:#222} /* #outlet .review_list_wrap .review_list-prev{cursor: pointer;position: absolute;top:194px;left:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_prev@3x.png) center no-repeat; background-size: 60px;} #outlet .review_list_wrap .review_list-next{cursor: pointer;position: absolute;top:194px;right:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_next@3x.png) center no-repeat; background-size: 60px;} */ #outlet .best_review .review_pagination{position: absolute;bottom: 18px;left: 50%; transform: translateX(-50%);padding-top: 30px;display: flex;justify-content: center;} #outlet .best_review .review_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} #outlet .best_review .review_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;} #outlet .review_list_wrap .review_list-prev{cursor: pointer;position: absolute;top: 194px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .review_list_wrap .review_list-next{cursor: pointer;position: absolute;top: 194px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} #outlet .review_list_wrap:hover .review_list-prev:not(.swiper-button-disabled){display:block} #outlet .review_list_wrap:hover .review_list-next:not(.swiper-button-disabled){display:block;} /* 베스트 */ #best{} #best .wrap{ margin-top: 20px;} #best .wrap h1{ padding: 30px 0 60px 0; font-size: 40px; font-weight: 600; letter-spacing: -0.4px; text-align: center;} #best .wrap .hd_root{} #best .wrap .hd_root ul{display: flex; align-items: center;} #best .wrap .hd_root ul li{display: flex;align-items: center;} #best .wrap .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../../imgs/web/global/input_arrow_black2%403x.png) center no-repeat; background-size: 12px;} #best .wrap .hd_root ul li:last-child:after{display:none} #best .wrap .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../../imgs/web/display/icon_location_home%403x.png) center no-repeat; background-size: 13px;} #best .wrap .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px} #best .wrap .con .tab_menu{} #best .wrap .con .tab_menu ul{ display: flex; border-bottom: 1px solid #e5e5e5;} #best .wrap .con .tab_menu ul li{ padding-right: 40px;} #best .wrap .con .tab_menu ul li button{ color: #707070; padding-bottom: 18px; font-size: 24px; font-weight: 600; letter-spacing: -0.24px; border-bottom:2px solid transparent} #best .wrap .con .tab_menu ul li.on button{ border-bottom: 2px solid;color:#222;} #best .wrap .con .con_wrap{ display: flex; padding-top: 43px;} #best .wrap .con .left_wrap{width: 350px;} #best .wrap .con .left_wrap ul{} #best .wrap .con .left_wrap ul li{} #best .wrap .con .left_wrap ul li button{ padding: 16px 0; font-size: 18px;font-weight: 600;width: 100%; text-align: left;} #best .wrap .con .right_wrap{ width: 100%;} #best .wrap .con .right_wrap .hd_wrap{display: flex; justify-content: space-between;} #best .wrap .con .right_wrap .hd_wrap h2{ font-size: 24px; font-weight: 600; letter-spacing: -0.24px;} #best .wrap .con .right_wrap .hd_wrap div{display: flex; align-items: center;font-weight: 500; letter-spacing: -0.14px; color: #000; margin-top: auto;} #best .wrap .con .right_wrap .hd_wrap div button{text-indent: -9999em; width: 13px; height: 13px; margin-left: 5px; background: url(../../imgs/web/goods/icon_info%403x.png) no-repeat center; background-size: 13px;} #best .wrap .con .right_wrap .tab_wrap{display: flex;justify-content: space-between;padding: 25px 0 75px 0;} #best .wrap .con .right_wrap .tab_wrap .left_tab{display: flex;flex-wrap: wrap;} #best .wrap .con .right_wrap .tab_wrap .left_tab li{padding-right: 5px;padding-bottom: 5px;} #best .wrap .con .right_wrap .tab_wrap .left_tab li.on button{background-color: #222; border: 1px solid #222; color: #fff;} #best .wrap .con .right_wrap .tab_wrap .left_tab li button{ height: 40px; border-radius: 35px; padding: 0 20px; border: solid 1px #e5e5e5; font-weight: 500;} #best .wrap .con .right_wrap .tab_wrap .right_tab{ display: flex; margin: 0 -5px;} #best .wrap .con .right_wrap .tab_wrap .right_tab li{ padding: 0 5px;} #best .wrap .con .right_wrap .tab_wrap .right_tab li button{ width: 68px; height: 40px;border: solid 1px #e5e5e5; border-radius: 5px; font-weight: 500;} #best .wrap .con .right_wrap .tab_wrap .right_tab li.on button{ background-color: #38AFF5; border: 1px solid #38AFF5; color: #fff;} #best .wrap .con .right_wrap .list_form{} #best .wrap .con .right_wrap #goodsId{ border-bottom: 1px solid #e5e5e5;} #best .wrap .con .right_wrap .list_form #goodsId > li{ margin: 0 10px 82px 10px;width: 328px;} #best .wrap .con .right_wrap .list_form li > div{position: relative;} #best .wrap .con .right_wrap .list_form li .order{font-size: 36px;font-weight: 700;position: absolute;top: -28px;z-index: 1;left: 10px;} #best .wrap .con .right_wrap .list_form li .img_con{width:328px;height:auto;} /* 베스트 - 베스트 집계 기준 팝업 */ .layer-alert.best_standard{} .layer-alert.best_standard .layer-box{ width: 433px;} .layer-alert.best_standard .tit_wrap{margin-top: -20px;padding-bottom: 0;} .layer-alert.best_standard .tit{font-size: 18px;text-align: left;padding-left: 30px;} .layer-alert.best_standard .txt{padding: 20px 10px 40px 30px;} .layer-alert.best_standard .txt ul{} .layer-alert.best_standard .txt ul li{display: flex;flex-direction: column;padding-bottom: 10px;position: relative; padding-left: 9px;} .layer-alert.best_standard .txt ul li:before {position: absolute;left: 0;top: 10px;content: '';width: 3px;height: 3px;background-color: #777;border-radius: 50%;} .layer-alert.best_standard .txt ul li:last-child{padding-bottom:0} .layer-alert.best_standard .txt ul span{font-weight: 500;color: #777;position: relative;word-break: keep-all;letter-spacing: -0.16px;font-size: 16px;} .layer-alert.best_standard .layer-box .btn_wrap{ display: flex; justify-content: center;} .layer-alert.best_standard .layer-box .confirm{ width: 120px; height: 50px; border-radius: 50px; background-color: #222; color: #fff; font-size: 16px;} /* 통합 브랜드관 서브 브랜드 템플릿 추가 */ /*.subBrandDetail{margin:0;}*/ .subBrand{display: flex; width:524px !important;flex-direction: column;} .subBrand .subBrandImg{height:602px;width:100%;border-radius: 30px 30px 120px 30px;display: flex;align-items: flex-end;background-size: 100%;background-repeat: no-repeat;} .subBrand .subBrandImg .subTitle{margin:0 0 60px 60px;} .subBrand .subBrandImg .subTitle h1{margin:20px 0 25px;font-size: 36px;font-weight: bold;color: #ffffff;line-height: 1.2;} .subBrand .subBrandImg .subTitle h2{font-size: 18px;font-weight: bold;color: #ffffff;} .subBrand .subBrandImg .subTitle h3{font-size: 16px;font-weight: 600;color: #ffffff;} /* .subBrands > div {display: flex;} */ .subBrand .subBrandGoodsList{margin-top: 45px;padding: 0 40px;} .subBrand .subBrandGoodsList .subBrandGoods{display: flex;margin-bottom:20px;} .subBrand .subBrandGoodsList .subBrandGoods .img_con{ overflow: hidden;width: 110px;height: 110px;margin-right: 20px;border-radius: 10px;} .subBrand .subBrandGoodsList .subBrandGoods img{margin-right:20px;width:110px; height:110px;border-radius: 10px;} .subBrand .subBrandGoodsList .subBrandGoods .text_con {padding-top:5px;max-width: 70%;flex-grow: 1;cursor:pointer;} .subBrand .subBrandGoodsList .subBrandGoods .text_con .brand_name{font-size: 13px;font-weight: 500;color:#aaaaaa} .subBrand .subBrandGoodsList .subBrandGoods .text_con .goodsNm{ font-size: 18px;font-weight: 500;color:#000;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .subBrand .subBrandGoodsList .subBrandGoods .text_con .sale{ font-size: 20px;font-weight: bold;color:#222;} .subBrand .subBrandGoodsList .subBrandGoods .text_con .sale .per{ font-size: 20px;font-weight: bold;color:#38AFF5;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods {display:flex;justify-content: space-between;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods .price_wrap{flex-grow: 2;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods .btm_btn_wrap{margin-top: 3px;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods .btn_wish {width: 26px;height: 26px;background: url(../../imgs/goods/icon_heart_in_list%403x.png) center center no-repeat;background-size: cover;margin-right: 5px;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods .btn_wish.active {background: url(../../imgs/web/global/icon_heart_on%403x.png) !important;background-size: cover !important;} .subBrand .subBrandGoodsList .subBrandGoods .priceGoods .btn_cart {width: 26px;height: 26px;background: url(../../imgs/goods/thum_cart.png);background-size: cover;margin-right: 5px;} .subBrand-swiper-button-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} .subBrand-swiper-button-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} .subBrand_pagination{padding-top: 30px; display: flex;justify-content: center;align-items: center;} .subBrand_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;} .subBrand_pagination .swiper-pagination-bullet-active{height: 12px;background-color: #000;width: 12px;} .subBrandDetail:hover .subBrand-swiper-button-next:not(.swiper-button-disabled) { display: block;} .subBrandDetail:hover .subBrand-swiper-button-prev:not(.swiper-button-disabled) { display: block;} .sub_brand_wrap .brand-list-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_next%403x.png) center no-repeat;background-size: 60px;display: none;} .sub_brand_wrap .brand-list-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../../imgs/web/display/list_slider_prev%403x.png) center no-repeat;background-size: 60px;display: none;} .sub_brand_wrap:hover .brand-list-next:not(.swiper-button-disabled) { display: block;} .sub_brand_wrap:hover .brand-list-prev:not(.swiper-button-disabled) { display: block;}