/* 1、main.css*/
@charset "utf-8";

#main{overflow: hidden; position: relative; background: #f9fafc;}


.mall_main{position: relative;/* margin-top: -550px; */width: 1680px;margin: 0 auto;/* overflow: hidden; */}
.wrap{}
.wrap .conBox{padding: 150px 0 150px;}
.wrap .main_banner_wrap + .conBox{padding:100px 0 0}
.mall_main + .pastel_style_wrap .conBox{padding:100px 0 0;}
.wrap .swiper-container{width:1680px;overflow-x: clip;overflow-y: visible;}
.wrap .swiper-container .list_form{padding-bottom:0;}
.wrap .swiper-container .swiper-slide{display: flex;/* justify-content: center; */}
.wrap .main_banner_wrap{width: 1860px;height:100%;position:relative;/* margin-bottom: 107px; */}
.wrap .main_banner_wrap .main_banner_slider{ border-radius: 15px; overflow: hidden;}
.wrap .main_banner_wrap .main_banner_slider .swiper-slide{display: flex;justify-content: space-between;}
.wrap .main_banner_wrap .left_img{position:relative;width: 1140px;height: 100%;/* background-color:#ddd; */border-radius: 30px 30px 100px 30px;overflow: hidden;}
.wrap .main_banner_wrap .left_img img{display:block;width:100%}
.wrap .main_banner_wra .center_img{position:relative;width: 1680px;height: 100% border-radius: 30px 30px 100px 30px; background-color:#ddd}
.wrap .main_banner_wrap .right_img{position:relative;width: 560px;height: 100px;border-radius: 30px 30px 30px 30px;/* background-color:#ddd; */overflow: hidden;}
.wrap .main_banner_wrap .right_img img{display:block;width:100%}
.wrap .main_banner_wrap .right_img .con{}

.mall_main_header {width: 1860px; max-height:800px;height:calc(100vh - 78px - 25px - 40px - 40px - 40px); margin: auto;}
.visual-wrap { position: relative; background: #000;border-radius: 32px; width: 100%; height: 100%;}
.visual-wrap .bg-video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;opacity: 0.5; background-color:transparent;}
.visual-wrap .bg-video-content {height: 100%; width: 100%; object-fit: cover;background-size: cover; border-radius:32px; background-color:transparent;}
.visual-wrap .main-txt-wrap{position:absolute; left:0;transform:translateY(-50%); top:50%; padding:40px;}
.visual-wrap .main-txt-wrap p{color:#fff; text-align:right; font-size:24px;}
.wrap .main_banner_wrap .img_2{display: flex;justify-content: space-between;max-width:1920px;width: 1860px;}
.wrap .main_banner_wrap .swiper-container{width:1860px;height:100%;}
.wrap .main_banner_wrap .img_2 .center_img{width:100%;position:relative;}
.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;}
.wrap .main_banner_wrap .img_2 .center_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;}
.wrap .main_banner_wrap .img_2 .center_img .videoArea video{width: auto;margin: 0 auto;height: 100% !important;display: block;height: auto;object-position: center;object-fit: cover;width: 100%;}
.wrap .main_banner_wrap .img_2 .left_img{position:relative;width1: 1140px;flex:1;margin-right:20px;height: 100%;border-radius: 30px 30px 30px 30px; overflow: hidden;}
.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;}
.wrap .main_banner_wrap .img_2 .left_img .videoArea{border-radius: 30px 30px 100px 30px;overflow: hidden;}
.wrap .main_banner_wrap .img_2 .left_img .videoArea video{width: auto;margin: 0 auto;height: 100% !important;display: block;height: auto;object-position: center;object-fit: cover;width: 100%;}
.wrap .main_banner_wrap .img_2 .right_img{position:relative;width: 560px;height: 100%;border-radius1: 30px 30px 30px 30px; overflow: hidden;}
.wrap .main_banner_wrap .img_2 .right_img a:before{display:none;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;}
.wrap .main_banner_wrap .img_2 .right_img .videoArea{border-radius: 30px 30px 30px 30px;overflow: hidden;}
.wrap .main_banner_wrap .img_2 .right_img .videoArea video{width: auto;margin: 0 auto;height: 100% !important;display: block;height: auto;object-position: center;width: 100%;object-fit: cover;}

.wrap .main_banner_wrap .con{position: absolute;display: flex;flex-direction: column;bottom: 65px;left:55px;z-index: 2;width:calc(100% - 85px);}

.wrap .main_banner_wrap .con .brand_nm{font-size: 16px;font-weight: 600; color: #fff;}
.wrap .main_banner_wrap .con strong{font-size: 40px;font-weight:600; letter-spacing: -0.4px;color: #fff;padding: 20px 0 23px 0;}
.wrap .main_banner_wrap .con .subtit{font-size: 18px;font-weight: 600; color: #fff;letter-spacing: -0.18px;}

.wrap .main_banner_wrap .center_img{width: 1680px;height: 100%;border-radius: 10px;background-color:#ddd;overflow: hidden;}

.main_banner_wrap .main_banner_slider .swiper-button-prev{display:none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 102px;height: 102px;background: url(../images/icon/main_slider_prev@3x.png) center no-repeat; background-size: 102px;}
.main_banner_wrap .main_banner_slider .swiper-button-next{display:none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 102px;height: 102px;background: url(../images/icon/main_slider_next@3x.png) center no-repeat; background-size: 102px;}
.main_banner_wrap .swiper_page_btn{background:#fff;border-radius:0px 22px 0px 0px;position:absolute;bottom:0px;left:0%;padding: 15px 10px;z-index:42;display: flex;justify-content: center;align-items: center;}
.main_banner_wrap .swiper-button-pause{width:27px; height:27px; background: url(../images/icon/stop@3x.png) center no-repeat; background-size: cover;}
.bannerdiv .swiper-button-pause{background: url(../images/icon/stop_white@3x.png) center no-repeat;background-size: cover;}
.main_banner_wrap .swiper-button-play{width:27px; height:27px; background: url(../images/icon/play@3x.png) center no-repeat; background-size: cover;}
.main_banner_wrap .main_banner_pagination{display: flex;justify-content: center;}
.main_banner_wrap .main_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 8px;background-color: #c9c9c9;width: 8px;opacity: 1;}
.main_banner_wrap.bannerdiv .main_banner_pagination .swiper-pagination-bullet{background-color:#fff;}


/*
.main_banner_wrap .main_banner_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #aed94f; width: 12px;}
*/
.main_banner_wrap .main_banner_pagination .swiper-pagination-bullet-active{width:71px;background:#aed94f;height: 8px;border-radius:6px;}
.main_banner_wrap.bannerdiv .main_banner_pagination .swiper-pagination-bullet-active{background-color:#aed94f;}

.wrap .recommend_wrap{/* padding-top: 100px; */}
.wrap .recommend_wrap .tit{font-size: 32px;font-weight:600;}
.wrap .recommend_wrap .tit .name{color: #b7a386;}
.wrap .recommend_wrap .rec_list_wrap{position:relative;margin:0 -80px;z-index: 6;}
.wrap .recommend_wrap .rec_list_wrap .swiper-slide{/* padding-bottom: 70px; */}
.wrap .recommend_wrap .rec_list_wrap .img_con{/* width:328px; */}

.wrap .recommend_wrap .rec_list-prev,.gr_rec_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat; background-size: 60px;display:none}
.wrap .recommend_wrap .rec_list-next,.gr_rec_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat; background-size: 60px;display:none}
.wrap .recommend_wrap .rec_list_wrap:hover .rec_list-prev:not(.swiper-button-disabled){display:block;}
.wrap .recommend_wrap .rec_list_wrap:hover .gr_rec_list-prev:not(.swiper-button-disabled){display:block;}
.wrap .recommend_wrap .rec_list_wrap:hover .rec_list-next:not(.swiper-button-disabled){display:block;}
.wrap .recommend_wrap .rec_list_wrap:hover .gr_rec_list-next:not(.swiper-button-disabled){display:block;}

.wrap .best_wrap{/* z-index: 2; *//* position: relative; */}
.wrap .hd{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;}
.wrap .hd > button{font-size: 32px; font-weight: 600;display: flex; align-items: center;}
.wrap .hd h3{font-size: 32px; font-weight: 600;display: flex; align-items: center;}
.wrap .hd > button:after{display:block;content:'';width:28px;height:28px;transform: rotate(270deg);background: url(../images/icon/input_arrow_black_down@3x.png) center no-repeat;background-size: cover;position: relative;top: 2px;}
.slider_tab_menu{}
.slider_tab_menu ul{display: flex;margin: 0 -12px;}
.slider_tab_menu ul li{padding: 0 12px;}
.slider_tab_menu ul li.on{}
.slider_tab_menu ul li.on a{color: #222;border-bottom: 2px solid #222;padding-bottom: 2px;}
.slider_tab_menu ul li a{font-size: 20px;font-weight: 600;color: #aaa;}

.wrap .best_wrap .best_list_wrap{position:relative;margin: 0 -80px;z-index: 5;}
.wrap .best_wrap .swiper-slide{}
.wrap .best_wrap .img_con{width:328px}
.wrap .best_wrap .best_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size:60px;display: none;}
.wrap .best_wrap .best_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size:60px;display: none;}
.wrap .best_wrap .best_list_wrap:hover .best_list-prev:not(.swiper-button-disabled){display:block;}
.wrap .best_wrap .best_list_wrap:hover .best_list-next:not(.swiper-button-disabled){display:block;}

.wrap .pastel_style_wrap{padding:100px 0 0;}
.wrap .pastel_style_wrap .tit{font-size: 32px;font-weight: 700;}
.wrap .pastel_style_wrap .planning_list{position:relative;margin:0 -80px}
.wrap .pastel_style_wrap .planning_banner{position:relative;width: 1140px; height: 700px; border-radius: 50px 50px 50px 50px; background-color:#ddd;margin-right: 70px;overflow:hidden}
.wrap .pastel_style_wrap .planning_banner img{display:block;width:100%;}
.wrap .pastel_style_wrap .planning_banner .con{position:absolute;bottom:65px;left:60px;    display: flex;flex-direction: column;}
.wrap .pastel_style_wrap .planning_banner .con .brand_nm{font-size: 18px; font-weight:700;color: #aaa;}
.wrap .pastel_style_wrap .planning_banner .con strong{font-size: 36px;font-weight:600;color: #000;padding:8px 0 20px 0}
.wrap .pastel_style_wrap .planning_banner .con .subtit{font-size: 16px;font-weight: 500; letter-spacing: -0.16px;color: #707070;}

.wrap .pastel_style_wrap .planning_item_wrap{
    margin-right: auto;
}
.wrap .pastel_style_wrap .planning_item_wrap .hd{display:flex;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;}
.wrap .pastel_style_wrap .planning_item_wrap .hd .btn_wrap{display:flex}
.wrap .pastel_style_wrap .planning_item_wrap .tit{font-size: 24px;font-weight: 600;padding-bottom: 0;}
.wrap .pastel_style_wrap .planning_item_wrap .item_list{}
.wrap .pastel_style_wrap .planning_item_wrap .item_list ul{}
.wrap .pastel_style_wrap .planning_item_wrap .item_list ul li{padding-bottom: 20px;}
.wrap .pastel_style_wrap .planning_item_wrap .item_list ul li:last-child{padding-bottom: 0;}

.wrap .pastel_style_wrap .rel_item_slider{width:454px !important}
.wrap .pastel_style_wrap .swiper-slide{display:flex;justify-content: space-between;}
.wrap .pastel_style_wrap .list_form a{display: flex;flex-direction: row;/* align-items: center; */}
.wrap .pastel_style_wrap .img_con{width:110px;border:none;height: 110px;}

.wrap .pastel_style_wrap .list_form{padding-bottom:0;position: relative;display: flex;width: 443px;justify-content: space-between;}
.wrap .pastel_style_wrap .list_form .text_con{width:313px;margin-left: 20px;height: auto;}
.wrap .pastel_style_wrap .list_form .brand_name{font-size: 13px;font-weight: 500;padding-top: 0;margin-top: 9px;}
.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;}
.wrap .pastel_style_wrap .list_form .sale{font-size: 20px;}
.wrap .pastel_style_wrap .list_form .price_wrap{display:flex;flex-direction: row;align-items: baseline;}
.wrap .pastel_style_wrap .list_form .price_wrap .price{margin-left:10px}

.wrap .pastel_style_wrap .list_form .btm_btn_wrap{display:block;position: absolute;bottom: 14px;right: 0;}
.wrap .pastel_style_wrap .list_form .btn_wish {overflow: hidden;width: 26px;height:26px;text-indent: -999em;background: url(../images/icon_heart_in_list@3x.png) center center no-repeat;background-size: cover;margin-right: 5px;}
.wrap .pastel_style_wrap .list_form .btn_cart{ width: 26px; height:26px;background-size: cover;}

.wrap .pastel_style_wrap .rel_item-list-prev{cursor: pointer;width: 48px;height: 48px;background: url(../images/icon/rel_slider_prev@3x.png) center no-repeat; background-size:48px;}
.wrap .pastel_style_wrap .rel_item-list-next{cursor: pointer;width: 48px;height: 48px;background: url(../images/icon/rel_slider_next@3x.png) center no-repeat; background-size: 48px;}
.wrap .pastel_style_wrap .planning_list:hover .planning-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .pastel_style_wrap .planning_list:hover .planning-list-next:not(.swiper-button-disabled){display:block;}

.wrap .planning-list-prev{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .planning-list-next{cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .planning_list .planning_banner_pagination{display: flex;justify-content: center;padding-top: 38px;}
.wrap .planning_list .planning_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 12px;background-color: #e5e5e5;width: 12px;opacity: 1;}
.wrap .planning_list .planning_banner_pagination .swiper-pagination-bullet-active{height: 12px; background-color: #000; width: 12px;}

.wrap .trend_wrap{}
.wrap .trend_wrap .tit{font-size: 32px;font-weight: 600;}
.wrap .trend_wrap .hashtag_wrap{margin-bottom:30px}
.wrap .trend_wrap .hashtag_wrap .hashtag_list{display: flex;flex-wrap: wrap;margin: -3px;} 
.wrap .trend_wrap .hashtag_wrap .hashtag_list li{margin: 3px;display: flex;} 
.wrap .trend_wrap .hashtag_wrap .hashtag_list li.on a{background-color: #222; color: #fff;border:1px solid transparent;} 
.wrap .trend_wrap .hashtag_wrap .hashtag_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;} 
.wrap .trend_wrap .hashtag_wrap .hashtag_list li a span{} 
.wrap .trend_wrap .trend_list_wrap{position:relative;margin:0 -80px;/* width: 100%; */z-index: 4;}
.wrap .trend_wrap .trend_list_wrap .img_con{width:328px;height: 328px;}
.wrap .trend_wrap .swiper-slide{}
.wrap .trend_wrap .trend_list_wrap .trend-list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .trend_wrap .trend_list_wrap .trend-list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .trend_wrap .trend_list_wrap:hover .trend-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .trend_wrap .trend_list_wrap:hover .trend-list-next:not(.swiper-button-disabled){display:block;}


.wrap .new_item_wrap .tit{font-size: 32px;font-weight:600}
.wrap .new_item_wrap .new_item_list{position: relative;margin:0 -80px}
.wrap .new_item_wrap .new_item_list .swiper-container .swiper-slide{justify-content:flex-start}
.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: 1680px;/* width: 100%; *//* align-items: flex-start; */align-content: flex-start;}
.wrap .new_item_wrap .product{position: relative;}
.wrap .new_item_wrap .product.lg{width:560px; flex: 0 0 auto;}
.wrap .new_item_wrap .product a{display:block}
.wrap .new_item_wrap .product .img{}
.wrap .new_item_wrap .product .img img{display:block;border-radius: 10px;}
.wrap .new_item_wrap .list_form{padding-bottom:0}
.wrap .new_item_wrap .product.sm .info_wrap{width: 240px;height: 240px; box-sizing: border-box;}
.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;}
.wrap .new_item_wrap .product .info_wrap .brand_nm{font-size: 13px;font-weight: 500;color: #aaa;display: block;}
.wrap .new_item_wrap .product .info_wrap .item_nm{padding-top: 8px;font-size: 17px;font-weight: 500;word-break: keep-all;display: block;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap{margin-top: auto;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .price{font-size: 14px; font-weight: 500;color: #aaa; text-decoration: line-through;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap > div{display: flex;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .sale{font-size: 18px;font-weight: 700;color: #000;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .per{font-size: 18px; font-weight: 700; color: #b7a386;margin-left: 10px;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap{margin-left: auto;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_wish{overflow: hidden;width: 26px;height:26px;text-indent: -999em;background:url(../images/icon_heart_in_list@3x.png);background-size: cover;margin-right: 5px;}
.wrap .new_item_wrap .product .info_wrap .bottom_wrap .btn_wrap .btn_cart{overflow: hidden; width: 26px; height:26px; text-indent: -999em;background: url(../images/thum_cart.png);background-size: cover;}
.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(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: cover;display: none;}
.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(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: cover;display: none;}
.wrap .new_item_wrap .new_item_list:hover .new-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .new_item_wrap .new_item_list:hover .new-list-next:not(.swiper-button-disabled){display:block;}

.wrap .new_item_wrap .product.sm{width: 240px;height: 240px;}
.wrap .new_item_wrap .product.sm:nth-child(1){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(2){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(4){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(5){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(6){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(7){margin-right: 50px;}
.wrap .new_item_wrap .product.sm:nth-child(8){}
.wrap .new_item_wrap .product.sm:nth-child(9){}
.wrap .new_item_wrap .product.sm:nth-child(3){width: 560px;height: 560px;box-sizing: border-box;margin-right: 50px;flex: 0 0 auto;}
.wrap .new_item_wrap .product.sm:nth-child(3) .img{ border-radius: 10px; display: flex; align-items: center; overflow: hidden; width: 560px; height: 560px;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .brand_nm{font-size: 20px;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .item_nm{font-size: 28px;line-height: 42px;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .price{font-size: 20px;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .sale{font-size: 28px;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .per{font-size: 28px;}
.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(../images/thum_heart_off@3x.png);background-size: cover;}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap .bottom_wrap .btn_wrap .btn_wish.active{background: url(../images/thum_heart_on@3x.png) !important;
    background-size: cover !important;}
.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(../images/thum_cart.png);
    background-size: cover;}
.wrap .new_item_wrap .product.sm:nth-child(3){}
.wrap .new_item_wrap .product.sm:nth-child(3) .info_wrap{width: 560px;height: 560px;box-sizing: border-box;padding: 40px;}
.wrap .new_item_wrap .product a{display:block}
.wrap .new_item_wrap .product .img{ border-radius: 10px; display: flex; align-items: center; overflow: hidden; width: 240px; height: 240px;}
.wrap .new_item_wrap .product .img img{display:block;width: 100%;}

.wrap .latest_wrap{}
.wrap .latest_wrap .hd{display: flex;flex-direction: column;align-items: flex-start;}
.wrap .latest_wrap .hd > button{font-weight:700;}
.wrap .latest_wrap .img_con{width:328px}

.wrap .latest_wrap .hd .subtit{color: #aaa;font-size: 18px;font-weight: 500;/* padding-top: 10px; */}
.wrap .latest_wrap .latest_list{position:relative;margin:0 -80px;z-index: 3;}
.wrap .latest_wrap .swiper-slide{}

.wrap .latest_wrap .latest-list-prev{cursor: pointer;position: absolute;top:135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .latest_wrap .latest-list-next{cursor: pointer;position: absolute;top:135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .latest_wrap .latest_list:hover .latest-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .latest_wrap .latest_list:hover .latest-list-next:not(.swiper-button-disabled){display:block;}

.wrap .review_wrap{}
.wrap .review_wrap .tit{font-size: 32px;font-weight: 600;}
.wrap .review_wrap .review_list{position:relative;margin:0 -80px}
.wrap .review_wrap .review{width:328px}
.wrap .review_wrap .review a{display:block}
.wrap .review_wrap .review .img{ width: 328px;height: 350px;border-radius: 5px;overflow: hidden;}
.wrap .review_wrap .review .img img{height: 350px;display: block;object-fit: cover;width: 100%;}
.wrap .review_wrap .review .con_wrap{}
.wrap .review_wrap .review .con_wrap .star_wrap{display: flex;padding-bottom: 15px;padding: 27px 0 15px 0;}
.wrap .review_wrap .review .con_wrap .star_wrap img{width:17px;display:block}
.wrap .review_wrap .review .con_wrap .con_txt{margin-bottom: 20px;height: 48px;}
.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;}
.wrap .review_wrap .review .con_wrap .account_wrap{ padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.wrap .review_wrap .review .con_wrap .account_wrap span{font-size: 14px;font-weight: 500;color: #aaa;  }
.wrap .review_wrap .review .con_wrap .account_wrap .account{}
.wrap .review_wrap .review .con_wrap .account_wrap .bar{height: 15px;width: 1px;margin: 0 8px;display: inline-block;background-color: #e5e5e5;}
.wrap .review_wrap .review .con_wrap .account_wrap .date{}
.wrap .review_wrap .review .item_wrap{display: flex;}
.wrap .review_wrap .review .item_wrap:hover{cursor:pointer}
.wrap .review_wrap .review .item_wrap img{width:65px; display:block;border: solid 2px #f5f5f5; border-radius: 5px;}
.wrap .review_wrap .review .item_wrap .info{margin-left:10px;display: flex;flex-direction: column;}
.wrap .review_wrap .review .item_wrap .brand_nm{font-size: 12px;font-weight: 500; color: #aaa;}
.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;}
.wrap .review_wrap .review .item_wrap .sale{font-size: 15px;font-weight:700;color: #000;}
.wrap .review_wrap .review .item_wrap .sale .per{margin-left:10px;color: #b7a386;}

.wrap .review_wrap .review-list-prev{cursor: pointer;position: absolute;top:145px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .review_wrap .review-list-next{cursor: pointer;position: absolute;top:145px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .review_wrap .review_list:hover .review-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .review_wrap .review_list:hover .review-list-next:not(.swiper-button-disabled){display:block;}

.wrap .plan_event_wrap{}
.wrap .plan_event_wrap .plan_event_list{position:relative;margin:0 -80px}
.wrap .plan_event_wrap .plan_event_list .swiper-slide{display:block}
.wrap .plan_event_wrap .plan_event{width: 145px;}
.wrap .plan_event_wrap .plan_event a{display:block}
.wrap .plan_event_wrap .plan_event a .img{width: 415px;height: 518px;background-color:#ddd;border-radius: 10px;overflow: hidden;}
.wrap .plan_event_wrap .plan_event .con{width: 415px;margin-top: 34px;display: flex;flex-direction: column;height: 107px;box-sizing: border-box;}
.wrap .plan_event_wrap .plan_event .con .brand_nm{ font-size: 16px;font-weight: 500;color: #aaa; letter-spacing: -0.16px}
.wrap .plan_event_wrap .plan_event .con .tit{font-size: 24px;font-weight:600;letter-spacing: -0.24px;padding: 15px 0 10px 0; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.wrap .plan_event_wrap .plan_event .con .subtit{font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #707070;}

.wrap .plan_event_wrap .plan_event-list-prev{cursor: pointer;position: absolute;top:228px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size:60px;display: none;}
.wrap .plan_event_wrap .plan_event-list-next{cursor: pointer;position: absolute;top:228px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .plan_event_wrap .plan_event_list:hover .plan_event-list-prev:not(.swiper-button-disabled){display:block}
.wrap .plan_event_wrap .plan_event_list:hover .plan_event-list-next:not(.swiper-button-disabled){display:block}

.wrap .recent_seen_wrap{}
.wrap .recent_seen_wrap .tit{font-size: 32px;font-weight:600;}
.wrap .recent_seen_wrap .recent_seen_list{position:relative;margin:0 -80px;z-index: 2;}
.wrap .recent_seen_wrap .recent_seen_list .img_con{width:328px;height:328px}
.wrap .recent_seen_wrap .swiper-slide{}
.wrap .recent_seen_wrap .recent-list-prev{cursor: pointer;position: absolute;top:135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .recent_seen_wrap .recent-list-next{cursor: pointer;position: absolute;top:135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .recent_seen_wrap .recent_seen_list:hover .recent-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .recent_seen_wrap .recent_seen_list:hover .recent-list-next:not(.swiper-button-disabled){display:block;}

.wrap .live_wrap{}
.wrap .live_wrap .tit{font-size: 32px;font-weight: 600;}
.wrap .live_wrap .live_list{position:relative; margin:0 -80px}
.wrap .live_wrap .con_wrap{display:flex;/* justify-content: space-between; *//* width: 50%; */}
.wrap .live_wrap .swiper-container .swiper-slide{display:block;}
.wrap .live_wrap .con_wrap .left_wrap{display: flex;margin-right: 75px;/* width: 50%; */width: 795px;}
.wrap .live_wrap .con_wrap .img{width: 415px;height: 518px;background-color: #ddd;border-radius: 10px;flex-shrink: 0;}
.wrap .live_wrap .con_wrap .right_wrap .img{position:relative;flex-shrink: 0;}
.wrap .live_wrap .con_wrap .right_wrap .img:before{display:block;content:''; width: 415px; height: 518px; opacity: 0.5; border-radius: 10px; background-color: #000;position:absolute;}
.wrap .live_wrap .con_wrap .right_wrap .time_box{position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.wrap .live_wrap .con_wrap .right_wrap .time_box span{display: flex;flex-direction: column;align-items: center;font-size: 30px;color: #fff;font-weight: 700;}
.wrap .live_wrap .con_wrap .right_wrap .time_box .date{}
.wrap .live_wrap .con_wrap .right_wrap .time_box .time{width: max-content;font-size: 50px;padding-top:5px}
.wrap .live_wrap .con_wrap .right_wrap{display: flex;width: 795px;margin-right: 75px;}

.wrap .live_wrap .con_wrap .con{margin-left: 50px;display: flex;flex-direction: column;height: 518px;/* width: auto; */flex-shrink: 1;width: 100%;}
.wrap .live_wrap .con_wrap .left_wrap .time_box{width: 168.5px; border-radius: 80px; height: 36px; background-color: #000;display: flex;justify-content: flex-end;align-items: center;font-size: 15px;font-weight: 700;position: relative;padding-right: 21.5px;box-sizing: border-box;}
.wrap .live_wrap .con_wrap .left_wrap .time_box span{color: #fff;}
.wrap .live_wrap .con_wrap .left_wrap .time_box .txt{width: 70px; height: 36px; background-color: #f25758; border-radius: 80px; display: flex;justify-content: center; align-items: center; position: absolute; top: 0; left: 0;}
.wrap .live_wrap .con_wrap .left_wrap .time_box #live_countdown{}

.wrap .live_wrap .con_wrap .tit_wrap{padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.wrap .live_wrap .con_wrap .tit_wrap .brand_nm{font-size: 14px; font-weight: 500; color: #aaa;padding: 20px 0 5px 0;display: block;}
.wrap .live_wrap .con_wrap .tit_wrap h3{font-size: 24px;font-weight: 600;word-break: keep-all;}

.wrap .live_wrap .con_wrap .txt_box{font-size: 18px;font-weight: 500;padding: 40px 0;}

.wrap .live_wrap .con_wrap .item_list{}
.wrap .live_wrap .con_wrap .item_list ul{}
.wrap .live_wrap .con_wrap .item_list ul li{margin-bottom: 15px;}
.wrap .live_wrap .con_wrap .item_list ul li:last-child{margin-bottom:0;}
.wrap .live_wrap .con_wrap .item_list .item_wrap{padding-top: 15px;}
.wrap .live_wrap .con_wrap .item_list .item_wrap a{display: flex;}
.wrap .live_wrap .con_wrap .item_list .item_wrap img{width: 50px; display: block;border-radius: 5px;border: solid 1px #f5f5f5;}
.wrap .live_wrap .con_wrap .item_list .item_wrap .info{display: flex;flex-direction: column; margin-left: 15px;}
.wrap .live_wrap .con_wrap .item_list .item_wrap .info .product_nm{

font-size: 13px;

font-weight: 500;

letter-spacing: -0.13px;

color: #000;

display: inline-block;

width: 250px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}
.wrap .live_wrap .con_wrap .item_list .item_wrap .info .sale{font-size: 15px;font-weight: 700; color: #000;}
.wrap .live_wrap .con_wrap .item_list .item_wrap .info .sale .per{color: #b7a386;margin-left:10px}
.wrap .live_wrap .con_wrap .btn_wrap{margin-top: auto;}
.wrap .live_wrap .con_wrap .btn_wrap button{margin-top:auto;}
/* .wrap .live_wrap .con_wrap .alarm_btn button{display:none}
.wrap .live_wrap .con_wrap .alarm_btn button.active{display:flex} */
.wrap .live_wrap .con_wrap .btn_wrap .go_live{height: 50px;padding: 13px 30px; border-radius: 35px;background-color: #222; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -0.16px;box-sizing: border-box;}
.wrap .live_wrap .con_wrap .btn_wrap .alarm{display: flex;align-items: center;height: 50px; padding: 13px 30px; border-radius: 35px;border: solid 1px #222;box-sizing: border-box;font-size: 16px; font-weight: 700;letter-spacing: -0.16px;}
.wrap .live_wrap .con_wrap .btn_wrap .alarm:after{margin-left:10px;display:block;content:'';width:16px;height:18px;background: url(../images/icon_bell@3x.png) center no-repeat;background-size: 15px;}
.wrap .live_wrap .con_wrap .btn_wrap .alarm_ing{display: flex; align-items: center;height: 50px; padding: 13px 30px; border-radius: 35px;border: solid 1px #222;box-sizing: border-box;font-size: 16px; font-weight: 700;letter-spacing: -0.16px;}
.wrap .live_wrap .con_wrap .btn_wrap .alarm_ing:after{margin-left:10px;display:block;content:'';width: 17px;height:18px;background: url(../images/icon_bell_ing@3x.png) center no-repeat;background-size: 17px;}

.wrap .live_wrap .live-list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_prev@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .live_wrap .live-list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:0;z-index: 1;width: 60px;height: 60px;background: url(../images/icon/list_slider_next@3x.png) center no-repeat;background-size: 60px;display: none;}
.wrap .live_wrap .live_list:hover .live-list-prev:not(.swiper-button-disabled){display:block;}
.wrap .live_wrap .live_list:hover .live-list-next:not(.swiper-button-disabled){display:block;}

.wrap .movie_wrap{}
.wrap .movie_wrap .tit{font-size: 32px;font-weight: 600;}
.wrap .movie_wrap .con_wrap{}
.wrap .movie_wrap .con_wrap .video_wrap{display: flex; justify-content: space-between;}
.wrap .movie_wrap .video_wrap .main{width: 1285px;}
.wrap .movie_wrap .video_wrap .main .video-js{border-radius:10px;overflow:hidden;}
.wrap .movie_wrap .video_wrap .main video{/* object-fit: cover; */width: 1285px;height: 724px;}
.wrap .movie_wrap .video_wrap .main{}
.wrap .movie_wrap .video_wrap .main video{}
.wrap .movie_wrap .video_list{}
.wrap .movie_wrap .video_list ul{}
.wrap .movie_wrap .video_list ul li{position: relative;margin-bottom: 20px;}
.wrap .movie_wrap .video_list ul li:last-child{margin-bottom: 0;}
.wrap .movie_wrap .video_list ul li video{cursor: pointer;}
.wrap .movie_wrap .video_list ul li.now:before{display:none}
.wrap .movie_wrap .video_list ul li:before{ position: absolute;top: 0;left: 0; z-index: 2;display:block;content:''; width: 414px; height: 227px;opacity: 0.6;border-radius: 10px; background-color: #000;}
.wrap .movie_wrap .video_list ul li.now video{}
.wrap .movie_wrap .video_list ul li .now_playing{display:none}
.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;}
.wrap .movie_wrap .video_list ul li.now .now_playing:before{display:block;content:'';width:30px; height:30px;background: url(../images/movie_play@3x.png) center no-repeat; background-size: cover; }
.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;}
.wrap .movie_wrap .video_list ul li .subtit{display:none}

.wrap .movie_wrap .video-js .vjs-big-play-button{width:120px; height:120px;background: url(../images/movie_play_btn_big@3x.png) center no-repeat; background-size: cover;border: none;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.wrap .movie_wrap .video-js .vjs-big-play-button span{}
.wrap .movie_wrap .video-js .vjs-big-play-button span:before{content:''}

.wrap .movie_wrap .movie_tit_wrap{padding-top: 40px;}
.wrap .movie_wrap .movie_tit_wrap h2{font-size: 30px; font-weight: 600;letter-spacing: -0.3px;padding-bottom:14px}
.wrap .movie_wrap .movie_tit_wrap .subtit{font-size: 18px;font-weight: 500;letter-spacing: -0.18px;color: #707070;}

.wrap .movie_wrap .con_wrap.onlyone{display: flex}
.wrap .movie_wrap .con_wrap.onlyone .video_wrap{}
.wrap .movie_wrap .con_wrap.onlyone .movie_tit_wrap{padding-top: 0;margin-left:40px}
.wrap .movie_wrap .con_wrap.onlyone .movie_tit_wrap h2{word-break: keep-all;}

.wrap .banner_wrap{
    padding-top: 100px;
}
.wrap .banner_wrap .banner{width: 100%;height: 90px;border-radius: 10px;background-color: #340d81;/* display: flex; */justify-content: center;align-items: center;}
.wrap .banner_wrap .banner a{display:block;font-size: 22px;letter-spacing: -0.22px;color:#fff;font-weight: 500;display: block;height: 90px;display: flex;align-items: center;justify-content: center;}
.wrap .banner_wrap .banner a .color{color: #b7a386;}

.wrap .banner_wrap .banner-list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:30px;z-index: 1;width: 24px;height: 24px;background: url(../images/prev_btn_w@3x.png) center no-repeat; background-size:24px;}
.wrap .banner_wrap .banner-list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:30px;z-index: 1;width:24px;height: 24px;background: url(../images/next_btn_w@3x.png) center no-repeat; background-size:24px;}



 
.toast_popup{position: fixed;bottom: 120px;right: 30px;z-index: 11;transition: 0.5s}
.toast_popup .toast_list{}
.toast_popup .toast_list ul{display: flex;flex-direction: column;align-items: flex-end;}
.toast_popup .toast_list ul li{margin-bottom:14px}
.toast_popup .toast_list ul li:last-child{margin-bottom:0}
.toast_popup .toast_list ul li .toast{background-image: linear-gradient(101deg, #5e5cdd 27%, #ff99a6 96%);border-radius: 20px 20px 5px 20px;padding:20px;box-sizing: border-box;display: inline-flex;justify-content: space-between;align-items: center;}
.toast_popup .toast_list ul li .toast .toast_close{margin-left:20px;text-indent:-99999em;width:24px;height:24px;margin-bottom: auto;background: url(../images/popup_close_btn@3x.png) center no-repeat; background-size: cover;}
.toast_popup .toast_list ul li .toast .con{}
.toast_popup .toast_list ul li .toast .con span{ font-size: 14px;font-weight: 500;letter-spacing: -0.14px;color: #fff;}
.toast_popup .toast_list ul li .toast .con a{font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color:#fff; text-decoration: underline;}
.toast_popup .toast_list ul li .toast .con button{font-size: 14px;font-weight: 500;letter-spacing: -0.14px; color: #fff;border-bottom:1px solid #fff;margin-left: 10px;}
  
  
.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(../images/icon_heart_in_list@3x.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(../images/icon/list_slider_prev@3x.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(../images/icon/list_slider_next@3x.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(../images/movie_play_btn_big@3x.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:''}

 
.go_top{position: fixed;bottom: 50px; right: 50px;z-index: 3;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;}
.go_top span{display: block;width: 18px;height: 18px;background: url(../images/icon_go_top@3x.png) center no-repeat;background-size: cover;text-indent: -9999px; overflow: hidden;}



/* 2、animate.css*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scalfadeInUp(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}100%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}100%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);-ms-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translateX(400px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-400px);-ms-transform:translateY(-400px);transform:translateY(-400px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(400px);-ms-transform:translateY(400px);transform:translateY(400px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-400px);transform:scale(.1) translateY(-400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-400px);-ms-transform:scale(.1) translateY(-400px);transform:scale(.1) translateY(-400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-400px);transform:scale(.1) translateX(-400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-400px);-ms-transform:scale(.1) translateX(-400px);transform:scale(.1) translateX(-400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(400px);transform:scale(.1) translateX(400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(400px);-ms-transform:scale(.1) translateX(400px);transform:scale(.1) translateX(400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(400px);transform:scale(.1) translateY(400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(400px);-ms-transform:scale(.1) translateY(400px);transform:scale(.1) translateY(400px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(400px);transform:scale(.1) translateY(400px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(400px);-ms-transform:scale(.1) translateY(400px);transform:scale(.1) translateY(400px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-400px);transform:scale(.1) translateX(-400px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-400px);-ms-transform:scale(.1) translateX(-400px);transform:scale(.1) translateX(-400px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(400px);transform:scale(.1) translateX(400px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(400px);-ms-transform:scale(.1) translateX(400px);transform:scale(.1) translateX(400px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-400px);transform:scale(.1) translateY(-400px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-400px);-ms-transform:scale(.1) translateY(-400px);transform:scale(.1) translateY(-400px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@keyframes clipLeft{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
.clipLeft{animation-name:clipLeft}
@keyframes clipRight{0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
.clipRight{animation-name:clipRight}
@keyframes clipTop{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
.clipTop{animation-name:clipTop}
@keyframes clipBottom{0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
.clipBottom{animation-name:clipBottom}
@keyframes clipCenter{0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
.clipCenter{animation-name:clipCenter}



/* 3、common.css*/
@charset "utf-8";
/* ==========================================================================
    Default styles
   ========================================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer;}
hr,legend{display:none;}
body {background:#fff; -webkit-text-size-adjust:none; font-size:16px; font-weight:400; line-height:1.5; color:#222; -webkit-font-smoothing:antialiased;}
table {padding:0; border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
td,th {border-collapse:collapse; border-spacing:0;}
strong,th,b {font-weight:bold;}
caption {display:none;}
label,button {cursor:pointer;}
form label{cursor:default;}
textarea {overflow:hidden; overflow-y:auto; resize:none; border:0; background:none; word-break:break-all; word-wrap:break-word; white-space:pre-line; font-size:14px; line-height:1.5; color:#000; border-radius:0; -webkit-appearance:none}
a {color:#222; text-decoration:none;}
a:focus, a:hover {text-decoration:none; color:#075aba;}
a:active {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
img {max-width:100%; height:auto;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-weight:400; color:#888 !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-weight:400; color:#888;}
input[type=search] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
input[type=search]::-ms-clear {display:none;}
input[type=search]:-ms-clear {display:none;}
input[type=text]::-ms-clear {display:none;}
input[type=text]:-ms-clear {display:none;}
select {background:transparent; border-radius:0;}
input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-file-upload-button {cursor:pointer;}
body{-webkit-text-size-adjust:none}
.cursor{cursor:pointer;}
.hides{display:none !important;}
.position_absolute{position:absolute;}
.align-items-center{-webkit-box-align:center !important;-webkit-align-items: center !important;-ms-flex-align: center !important;align-items: center !important;}
.justify-content-between{-webkit-box-pack: justify !important;-webkit-justify-content: space-between !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
html *, body * { 
	box-sizing: border-box;
	border:0px;
	margin:0px;padding:0px;
	font-family: HarmonyOS Sans SC Medium,HarmonyOS_Sans_SC,HarmonyOS_Sans_SC_Regular,HarmonyOS_Sans_SC_Bold,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* initialize */
body{overflow:auto ;height:auto !important;margin:0px;width:100%;min-width11:1680px;}
body.layerfullmode{overflow:hidden !important; height:100% !important}
body,html{ overflow: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none;  /* IE 10+ */}
.fiex_full_bg{top:0px;transition: opacity .5s;position:fixed;z-index:1000;width:100%;height:100%;background: rgba(0, 0, 0, .5);}
.fiex_full_bg2{top:0px;transition: opacity .5s;position:fixed;z-index:1001;width:100%;height:100%;background: rgba(0, 0, 0, .5);}
#wrap{position:relative;clear:both;overflow:hidden;background-color:#FFFFFF !important}
.relative{position:relative;}
.font_Mon {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.color_white,.white { color: #fff;}
/* body.scrollup #bottomgnb.fixed,
body.scrolldown #bottomgnb.fixed{bottom:-61px;  }
body.scrollup #gnb_ethic{height:40px}
body.scrolldown #gnb_ethic{height:0} */
.no_border_bottom{border-bottom:0px !important;}
.flex {display: flex;}
.flexld { display: flex;justify-content: space-between;align-items: center;}
.flexld .sontypename { padding-bottom: 30px; font-size: 40px; font-weight: 600;max-width:370px;}

/* HTML滚动条样式 aed94f*/
html::-webkit-scrollbar {width: 6px;}
html::-webkit-scrollbar-thumb { background: #333;}
html::-webkit-scrollbar-track { background: #f1f1f1;}
html {scrollbar-color: #333 #f1f1f1; scrollbar-width: thin;}
html { scrollbar-face-color: #333;scrollbar-shadow-color: #333;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}

/* RESET */
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{cursor:pointer;border:none;background:none}
a{text-decoration:none;color:#222}
a:hover, a:active, a:visited, a:focus{color:#222}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}



.mall_main{width:1680px;margin:auto;}
@media (max-width: 1700px) {
	.mall_main{width:92%;}
}
@media (max-width: 1599px) {
	.mall_main{width:92%;}
}
@media (max-width: 1440px) {
	.mall_main{width:92%;}
}
@media (max-width: 1279px) {
	.mall_main{width:92%;;}
}
@media (max-width: 1000px) {
	.mall_main{width:92%;}
	#container{border-bottom:0px;}
}




/* swiper */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto !important;}

/* top Ad */
#topBanner{position: relative;width:100%;height: 60px;/* background-color: #5223cb; */display: flex;justify-content: center;align-items: center;z-index:11}
#topBanner.fixed {position: fixed;}
#topBanner > div{position:relative;}
#topBanner a{display:block;height: 60px;}
#topBanner img{height:60px;display: block;margin: 0 auto;}
#topBanner .close{width: 15px; height: 15px;text-indent: -999999em;background: url(../images/icon_close_btn@3x.png) center no-repeat; background-size: cover;position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#topBanner span{font-size: 17px;color:#fff;font-weight:600;letter-spacing: -0.17px;display: block;line-height: 60px;}
#topBanner .tit{display: flex; align-items: center;}
#topBanner .tit:after{content:'';display:block;margin-left: 5px; width:12px;height:12px;background: url(../images/banner_arrow@3x.png) center no-repeat; background-size: cover;}









/* GNB */
#gnb{width: 1680px;height: 72px;margin: 18px auto 0;/* position: relative; */}
#gnb .allcategory{float:left;width:50px;height:50px}
#gnb .allcategory h3{position:relative;overflow:hidden;width:50px;height:50px;text-indent:-9999px;background:#222}
#gnb .allcategory h3:before{content:"";position:absolute;top:50%;right:50%;width:4px;height:2px;margin:-5px 1px 0 0;border-top:4px solid white;border-bottom:4px solid white}
#gnb .allcategory h3:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:2px;margin:-5px 0 0 1px;border-top:4px solid white;border-bottom:4px solid white}
#gnb .allcategory .contents{position:absolute;top:100%;left:50%;z-index:1;overflow:hidden;height:0;margin:0 0 0 -590px;background:#222}
#gnb .allcategory .contents .parent{padding:32px 0 35px;opacity:0;filter:alpha(opacity=0)}
#gnb .allcategory .contents .parent:after{content:"";display:block;clear:both}
#gnb .allcategory .contents .parent>li{float:left;clear:both;height:35px}
#gnb .allcategory .contents .parent>li>a{position:relative;float:left;width:240px;padding:0 24px 0 49px;box-sizing:border-box;font-size:15px;color:white;line-height:35px;font-weight:300}
#gnb .allcategory .contents .parent>li.active>a{color:#eea68d;font-weight:400}
#gnb .allcategory .contents .parent>li.active>a:after{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin:-4px 0 0;border:4px solid transparent;border-left:4px solid #eea68d}
#gnb .allcategory .contents .child{display:none;position:relative;float:left;padding:34px 0 35px 1px;box-sizing:border-box}
#gnb .allcategory .contents .child:before{content:"";position:absolute;top:-1000px;left:0;width:1px;height:3000px;background:#393939}
#gnb .allcategory .contents .child>li{float:left;clear:both;height:33px}
#gnb .allcategory .contents .child>li>a{float:left;width:240px;padding:0 29px;box-sizing:border-box;color:#888;line-height:33px;font-weight:300}
#gnb .allcategory .contents .child>li>a>span{display:inline-block;position:relative;vertical-align:top}
#gnb .allcategory .contents .child.depthtwo>li.active>a{color:#d6d6d6}
#gnb .allcategory .contents .child.depthtwo>li.active>a>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c}
#gnb .allcategory .contents .child.depththree>li>a:hover{color:#d6d6d6}
#gnb .allcategory .contents .child.depththree>li>a:hover>span:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#7c7c7c}
#gnb .allcategory .contents li.active>ul{display:block}

#gnb .logo{display:none;float:left;margin-left: -41px;}
#gnb .logo img{display:block;height: 23px;padding: 24px 41px 0px;}
#gnb .brandlogo{display:none;float:left;}
#gnb .brandlogo img{display:block;height: 38px;padding: 18px 0px 0px 0px;}
#gnb .brandlogo button{display: flex;align-items: center;}
#gnb .brandlogo button:after{margin-top: 16px;margin-left:7px;margin-right:40px;content:'';display:block;width:20px;height:20px;background: url(../images/icon/input_arrow_w@3x.png) center no-repeat; background-size:20px;}


#gnb .mainmenu{float:left;padding: 0 0 0 10px;margin-left: -20px;}
#gnb .mainmenu .bg{position:absolute;top: 100%;left:0;z-index:1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);}
/*#gnb .mainmenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/
#gnb .mainmenu>ul{float:left}
#gnb .mainmenu>ul>li{float:left;padding: 24px 15px 23px;}
#gnb .mainmenu>ul>li>.link{position:relative;z-index:13;float:left;height: 25px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px;cursor: pointer;}
#gnb .mainmenu>ul>li.active>.link{color:#b7a386}
/*#gnb .mainmenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/
#gnb .mainmenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1680px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);}
#gnb .mainmenu>ul>li .contents:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;margin-top:50px}
#gnb .mainmenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../images/icon/input_arrow_black@3x.png) center no-repeat;background-size:20px;}
#gnb .mainmenu>ul>li .contents .menu{/* padding:0 30px 0 70px */}
#gnb .mainmenu>ul>li .contents .menu.brand{float:left;width:390px}
#gnb .mainmenu>ul>li .contents .menu.brand li{padding:4px 0 3px}
#gnb .mainmenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888}
#gnb .mainmenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888}
#gnb .mainmenu>ul>li .contents .menu.brand li:first-child{padding-top:34px}
#gnb .mainmenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px}

#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category{display: flex;flex-direction: column;margin-top: 40px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab{display: flex;flex-direction: row;width:100%;margin-left: 0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep{margin-right:60px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .wall{width: 1px;height: 300px;margin: 40px 60px 0 -30px;background:linear-gradient(90deg, #dbdbdb, transparent);}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 {margin:40px 60px 0 -30px;height: max-content;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 > img {width: 20px;height: 20px;margin:0 5px -4px 0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap {margin-top:17px;grid-template-rows: repeat(7, 25px);}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 a{font-weight: bold;color: #222;font-size: 16px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep{display: flex;align-items: center;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep.PGB002 .brandWrap .secDep:first-child img{width:20px;height:20px;margin-right:5px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:nth-last-child(2){flex-grow:1}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child{margin-right:0px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap{grid-template-rows: repeat(1, auto); margin:15px 0 0;grid-gap: 0px 10px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep{display:flex;flex-direction: column;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep img{width:200px; height:250px;margin-bottom:15px;border-radius: 10px;cursor:pointer;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep:last-child .brandWrap .secDep a{font-size: 15px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.15px;text-align: left;color:#222;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep>a{font-size: 18px;color:#222;line-height:normal;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap{margin-top: 15px;display: grid;grid-template-rows: repeat(8, 25px);grid-auto-columns:max-content;grid-auto-flow: column;grid-gap: 15px 60px;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep{}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a{white-space:nowrap;font-size: 16px;color: #707070;line-height:normal;font-weight:normal;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .newGnbTab .firstDep .brandWrap .secDep a.D:after{margin-left: 2px;content:"";position:absolute;width:4px;height:4px;border-radius:100%;background: #5211ce;}
#gnb .mainmenu>ul>li .contents.brandlist2 .menu.category .moveToHome{cursor:pointer;margin-top: 60px;border: solid 1px #c8c8c8;padding: 13px 20px;width: max-content;}

#gnb .mainmenu>ul>li .contents .menu.category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;flex-wrap: wrap;padding-bottom: 40px;}
#gnb .mainmenu>ul>li .contents .menu.category:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.category>li{/* float:left; *//* width:110px; *//* padding:0 10px 36px 0; *//* width: 790px; *//* display: flex; *//* flex-direction: column; *//* box-sizing: border-box; */padding-top: 40px;margin-left: 60px;}
#gnb .mainmenu>ul>li .contents .menu.category>li:first-child{margin-left:0}
#gnb .mainmenu>ul>li .contents .menu.category>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* margin:-5px 0 0; *//* white-space:nowrap; */font-size: 18px;color:#222;/* line-height:24px; *//* font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; */font-weight: 600;/* margin-bottom: 10px; *//* display: block; */}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul{/* clear:both *//* display: flex; *//* flex-wrap: wrap; *//* max-width: 730px; */margin-top: 15px;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li{/* margin: 10px 0 0 10px; *//* width: 170px; *//* height: 65px; *//* background: #f5f5f5; */margin-top: 10px;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:first-child{margin-left: 0;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:nth-child(4n+1){margin-left: 0;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a{/* position:relative; *//* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; *//* padding:0 0 1px; *//* white-space:nowrap; */font-size: 16px;color: #707070;/* line-height:21px; *//* font-weight: 600; *//* width: 170px; *//* height: 65px; *//* display: block; *//* display: flex; *//* justify-content: center; *//* align-items: center; */}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a .img{display:none}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;}
#gnb .mainmenu>ul>li .contents .menu.category>li>ul>li>a:hover .text{display:none}
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(1),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(2),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(3),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(4),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(5),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(6),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(7){/* padding: 39px 80px 36px 0; */}
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(8),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(15),
#gnb .mainmenu>ul>li .contents .menu.category>li:nth-child(22){clear:both}

#gnb .mainmenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0}
#gnb .mainmenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0}
#gnb .mainmenu>ul>li .contents ul.banner li a,
#gnb .mainmenu>ul>li .contents ul.banner li img{display:block}

#gnb .mainmenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px}
#gnb .mainmenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .mainmenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .mainmenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow1.png) 0 0 no-repeat}
#gnb .mainmenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .mainmenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .mainmenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow2.png) 0 0 no-repeat}
#gnb .mainmenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px}
#gnb .mainmenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px}
#gnb .mainmenu>ul>li .contents div.banner .slide .item.point{position:relative !important}
#gnb .mainmenu>ul>li .contents div.banner .slide .item a,
#gnb .mainmenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px}
#gnb .mainmenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white}
#gnb .mainmenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8}
#gnb .mainmenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)}
#gnb .mainmenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)}

#gnb .submenu{float:left;/* padding:0 7px 0 10px;margin-left: -20px; */}
#gnb .submenu .bg{position:absolute;margin-top: -51px; padding-bottom: 51px;top: 100%;left:0;z-index:-1;overflow:hidden;width:100%;height:0;text-indent:-9999px;background:white;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);}
/*#gnb .submenu .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6}*/
#gnb .submenu>ul{float:left}
#gnb .submenu>ul>li{float:left;padding: 25px 15px 25px;}
#gnb .submenu>ul>li>.link{position:relative;z-index:13;float:left;height:22px;font-size:16px;color: #fff;line-height:20px;font-weight: 600;font-size: 17px;letter-spacing: -0.17px; top:-1px;}
#gnb .submenu>ul>li.active>.link{/* color:#b7a386 */}
#gnb .submenu>ul>li > a:hover{color:#b7a386;cursor:pointer}
/*#gnb .submenu>ul>li>.link:after{content:"";position:absolute;top:35px;left:0;width:100%;height:1px}*/
#gnb .submenu>ul>li .contents{position:absolute;top:100%;left:50%;z-index:3;overflow:hidden;width: 1680px;height:0;margin: 0 0 0 -860px;opacity:0;filter:alpha(opacity=0);}
#gnb .submenu>ul>li .contents:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .go_main{font-size: 18px;font-weight:700; color: #222;display:flex;align-items: center;padding-top:50px}
#gnb .submenu>ul>li .contents .go_main:after{content:"";display:block; width: 20px; height: 20px;background:url(../images/icon/input_arrow_black@3x.png) center no-repeat;background-size:20px;}
#gnb .submenu>ul>li .contents .menu{/* padding:0 30px 0 70px */}
#gnb .submenu>ul>li .contents .menu.brand{float:left;width:390px}
#gnb .submenu>ul>li .contents .menu.brand li{padding:4px 0 3px}
#gnb .submenu>ul>li .contents .menu.brand li:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .menu.brand li a{position:relative;float:left;color:#888}
#gnb .submenu>ul>li .contents .menu.brand li a:hover:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888}
#gnb .submenu>ul>li .contents .menu.brand li:first-child{padding-top:34px}
#gnb .submenu>ul>li .contents .menu.brand li:last-child{padding-bottom:33px}
#gnb .submenu>ul>li .contents .category{/* float:left; *//* max-width:840px */display: flex;justify-content: flex-start;}
#gnb .submenu>ul>li .contents .category:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .category>li{/* float:left; *//* width:110px; */padding:0 10px 36px 0;/* width: 260px; */display: flex;flex-direction: column;}
#gnb .submenu>ul>li .contents .category>li>a{position:relative;float:left;/*text-overflow:ellipsis;-o-text-overflow:ellipsis;*/overflow:hidden;max-width:100%;margin:-5px 0 0;white-space:nowrap;font-size: 18px;color:#222;line-height:24px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 700;margin-bottom: 10px;display: block;}
/*#gnb .submenu>ul>li .contents .menu.category>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222}*/
#gnb .submenu>ul>li .contents .category>li>ul{/* clear:both */display: flex;flex-wrap: wrap;max-width: 730px;}
#gnb .submenu>ul>li .contents .category>li>ul>li{margin: 10px 0 0 10px;width: 170px;height: 65px;background: #f5f5f5;}
#gnb .submenu>ul>li .contents .category>li>ul>li:first-child{margin-left: 0;}
#gnb .submenu>ul>li .contents .category>li>ul>li:nth-child(4n+1){margin-left: 0;}
#gnb .submenu>ul>li .contents .category>li>ul>li:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents .category>li>ul>li>a{position:relative;/* float:left; *//*text-overflow:ellipsis;-o-text-overflow:ellipsis;*//* overflow:hidden; *//* max-width:100%; */padding:0 0 1px;white-space:nowrap;font-size: 14px;color: #222;line-height:21px;font-weight: 600;width: 170px;height: 65px;display: block;display: flex;justify-content: center;align-items: center;}
#gnb .submenu>ul>li .contents .category>li>ul>li>a .img{display:none}
#gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .img{display: flex;align-items: center;justify-content: center;}
#gnb .submenu>ul>li .contents .category>li>ul>li>a:hover .text{display:none}
/*#gnb .submenu>ul>li .contents .menu.category>li>ul>li>a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#888}*/
#gnb .submenu>ul>li .contents .brandlist_wrap{position:relative}
#gnb .submenu>ul>li .contents .category>li:nth-child(1),
#gnb .submenu>ul>li .contents .category>li:nth-child(2),
#gnb .submenu>ul>li .contents .category>li:nth-child(3),
#gnb .submenu>ul>li .contents .category>li:nth-child(4),
#gnb .submenu>ul>li .contents .category>li:nth-child(5),
#gnb .submenu>ul>li .contents .category>li:nth-child(6),
#gnb .submenu>ul>li .contents .category>li:nth-child(7){padding: 39px 80px 36px 0;}
#gnb .submenu>ul>li .contents .category>li:nth-child(8),
#gnb .submenu>ul>li .contents .category>li:nth-child(15),
#gnb .submenu>ul>li .contents .category>li:nth-child(22){clear:both}

#gnb .submenu>ul>li .contents ul.banner{float:right;width:700px;margin:0 -10px 0 0}
#gnb .submenu>ul>li .contents ul.banner li{float:left;width:340px;margin:41px 10px 40px 0}
#gnb .submenu>ul>li .contents ul.banner li a,
#gnb .submenu>ul>li .contents ul.banner li img{display:block}

#gnb .submenu>ul>li .contents div.banner{position:relative;float:right;overflow:hidden;width:240px}
#gnb .submenu>ul>li .contents div.banner .prev{display:none;position:absolute;top:162px;left:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .submenu>ul>li .contents div.banner .prev:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .submenu>ul>li .contents div.banner .prev:after{content:"";position:absolute;top:6px;left:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow1.png) 0 0 no-repeat}
#gnb .submenu>ul>li .contents div.banner .next{display:none;position:absolute;top:162px;right:20px;z-index:2;overflow:hidden;width:28px;height:28px;opacity:0;filter:alpha(opacity=0);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%}
#gnb .submenu>ul>li .contents div.banner .next:before{content:"";position:absolute;top:0;left:0;z-index:1;width:28px;height:28px;opacity:0.5;filter:alpha(opacity=50);border-radius:100%;background:#222}
#gnb .submenu>ul>li .contents div.banner .next:after{content:"";position:absolute;top:6px;right:8px;z-index:2;width:12px;height:16px;background:url(../images/gnb_banner_arrow2.png) 0 0 no-repeat}
#gnb .submenu>ul>li .contents div.banner .slide{position:relative;z-index:1;width:240px}
#gnb .submenu>ul>li .contents div.banner .slide .item{display:block;width:100%;height:270px;padding:41px 0 40px}
#gnb .submenu>ul>li .contents div.banner .slide .item.point{position:relative !important}
#gnb .submenu>ul>li .contents div.banner .slide .item a,
#gnb .submenu>ul>li .contents div.banner .slide .item img{display:block;width:240px;height:270px}
#gnb .submenu>ul>li .contents div.banner .indicator{position:relative;z-index:2;float:left;width:100%;height:8px;margin:-25px 0 40px;text-align:center}
#gnb .submenu>ul>li .contents div.banner .indicator ul{display:inline-block;vertical-align:top}
#gnb .submenu>ul>li .contents div.banner .indicator ul:after{content:"";display:block;clear:both}
#gnb .submenu>ul>li .contents div.banner .indicator ul li{float:left;margin:0 5px;line-height:8px}
#gnb .submenu>ul>li .contents div.banner .indicator ul li button{float:left;overflow:hidden;width:8px;height:8px;box-sizing:border-box;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;text-indent:-9999px;border-radius:100%;border:1px solid #a8a8a8;background-color:white}
#gnb .submenu>ul>li .contents div.banner .indicator ul li.active button{background-color:#a8a8a8}
#gnb .submenu>ul>li .contents div.banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)}
#gnb .submenu>ul>li .contents div.banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)}

/* #gnb .submenu{float:left;padding:0 8px;position: relative;}
#gnb .submenu>ul{float:left}
#gnb .submenu>ul>li{float:left;padding:14px 10px}
#gnb .submenu>ul>li>a{float:left;font-size:15px;color:#222;line-height:21px}

#gnb .submenu>ul>li>a img{display:block} */
/* #gnb .submenu>ul>li:first-child:before{content:"";position:absolute;top:20px;left:-8px;width:1px;height:11px;background:#d6d6d6;}
 */
#gnb .etcmenu{float:right}
#gnb .etcmenu>ul{float:left;margin:0 -10px 0 0}
#gnb .etcmenu>ul>li{position:relative;float:left;padding:14px 10px 14px 11px}
#gnb .etcmenu>ul>li:before{content:"";position:absolute;top:20px;left:0;width:1px;height:11px;background:#d6d6d6}
#gnb .etcmenu>ul>li:first-child:before{display:none}
#gnb .etcmenu>ul>li>a{float:left;color:#222;line-height:21px}
#gnb .etcmenu>ul>li>a img{display:block}

#gnb .bar{position:absolute;top:100%;left:50%;z-index:2;width:0;height:2px;margin:-1px 0 0;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;transition:left 0.3s}
#gnb .bar span{position:absolute;top:0;width:0;height:2px;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:#222}
#gnb .bar span:first-child{left:0}
#gnb .bar span:last-child{right:0}
#gnb #brandCategory > li > a:hover{color: #b7a386;}
#freedim{position:absolute;top:0;left:0;z-index:9;width:100%;height:0;opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;background:black}

/* container */
/*#container{position:relative;z-index:1;padding:185px 0 160px;border-bottom:1px solid #d6d6d6}*/
#container{position:relative;z-index:1;padding: 144px 0 100px;border-bottom1:1px solid #d6d6d6;max-width: 1680px;margin: 0 auto;/* display: flex; */}
#container_mianbaoxie{position:relative;z-index:1;padding: 144px 0 0px;border-bottom1:1px solid #d6d6d6;max-width: 1680px;margin: 0 auto;/* display: flex; */}
#container.main{min-width: 100%;/* padding-top: 182px; */padding-bottom:150px}
#container.brand{min-width: 100%;padding-top: 182px;padding-bottom: 150px;}
#container.mypage{min-width: 100%;padding: 144px 0 150px 0;}
#container.onboarding{min-width: 100%;padding: 100px 0 0 0;}
#container.signin{padding: 144px 0 0; max-width: none; width: 100%;}
#container.esg{padding: 144px 0 150px 0; max-width: none; width: 100%;}
#container.coupon{min-width: 100%;}
#container.coupon.list{background-color: #f8f8f8;}
#container.event{max-width: none;padding: 144px 0 0;}
#container.main:before{display:block;content:'';width:100%;height: 505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.main.no:before{display:none}
#container.brand:before{display:block;content:'';width:100%;height:472px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.mypage:before{display:block;content:'';width:100%;height: 700px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: -72px;}
#container.coupon:before{display:block;content:'';width:100%;height:505px;background:#222;border-radius:0 0 100px 0;position:absolute;left:0;top: 0px;}
#container.header_ethic{padding: 0 0 150px 0;margin-top:55px;}
#container.pln_wide{max-width:none; margin:0}

#container.z_index_up{/* z-index:11; */}
/*#container:before{content:"";position:absolute;top:185px;left:0;z-index:1;width:100%;height:1px;background:#d6d6d6}*/
#container:before{content:"";position:absolute;top:158px;left:0;z-index:1;width:100%;height:1px;/*background:#d6d6d6 */}
#container:after{content:"";display:block;clear:both}

.go_top {position: absolute;right: 50px;bottom: 50px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius:50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);opacity: 0;width: 1px;height: 1px;/* visibility: hidden; */transition:opacity 0.2s}
.go_top.view{opacity:1;width: 48px;height: 48px;}
.go_top span {display: block; width: 20px; height: 20px; background: url(../images/icon/icon_go_top@3x.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; }


/*footer*/

 

/* control */
#control{position:fixed;top:100%;left:0;z-index:11;width:100%;min-width:1280px;height:0;opacity:0;filter:alpha(opacity=0); -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
#control.active {opacity:1; filter:alpha(opacity=100);}
#control .top {position:absolute;bottom: 50px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;border-radius: 50%;display:none;align-items: center;justify-content: center;}
#control .top .footer_top_inner{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
#control .top  .footer_top_inner:after{content:"";display:block; width:18px; height:18px; background:url(../images/icon/icon_go_top@3x.png) no-repeat center;background-size:18px}
#control .top  .footer_top_inner:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}

#control .survey {position:absolute;bottom: 110px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #eee;border-radius: 50%;display: flex;align-items: center;justify-content: center;}  
#control .survey:after{content:"";display:block; width:24px; height:39px; background:url(../images/icon/icon_write@3x.png) no-repeat center;background-size:18px;background-position1: 50% 41%;}
#control .survey:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}
#control .whatsapp {position:absolute;bottom: 172px;right: 50px;width: 48px;height: 48px;text-indent:-9999px;box-sizing:border-box;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #90C022;border-radius: 50%;display: flex;align-items: center;justify-content: center;}  
#control .whatsapp:after{content:"";display:block; width:24px; height:39px; background:url(../images/icon/whtasapp-icon.png) no-repeat center;background-size:18px;background-position1: 50% 41%;}
#control .whatsapp:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;}

/* #control .bottom {position:absolute;top:-103px;right:0;width:40px;height:38px;text-indent:-9999px;border:1px solid #454545;background:#222;box-sizing:border-box;}
#control .bottom:after{content:"";position:absolute; left:13px; top:11px; width:13px; height:16px; background:url(../images/control_btnicon.png) no-repeat left top; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#control .bottom:before {content:''; display:none; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #f96430;} */
/* #control .top:hover:after,
#control .bottom:hover:after {background-image:url(../images/control_btnicon_on.png);}
#control .top:hover:before,
#control .bottom:hover:before {display:block; z-index:2;} */

/* loading */
#laybox-loading{background:url(../images/loading_bg.png) 0 0 no-repeat;background-size:72px 72px}

.blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0;border:none}

/** tab 스타일 **/
.tab_large {}
.tab_large{display:flex;/* justify-content:space-between; */}
.tab_large li{/* height:50px; *//* width:50%; */text-align:center;/* line-height:50px; */}
.tab_large li:after{margin-top: 1px;/* content:''; */display:block;width:100%;height:1px;background-color:#ddd;}
.tab_large li.active:after{margin-top: 0; height: 2px; background-color:#222 !important;;}
.tab_large li p{color:#aaa; font-weight:500;}
.tab_large li.active p{color:#222;}

.tab_small{display: flex;}
.tab_small li.active button{background-color: #222;border: solid 1px #222; color:#fff}
.tab_small button{ height: 32px;padding: 7px 12px;border-radius: 90px;border: solid 1px #dddddd;display: flex;align-items: center;font-size: 12px;font-weight: 500; letter-spacing: -0.12px;margin-right: 5px;}
.tab_small button .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}

.tab_list .tab_menu{border-bottom: 1px solid #e5e5e5;display: flex;}
.tab_list .tab_menu li{ margin-right: 40px;}
.tab_list .tab_menu li.active button{color: #222;font-weight: 600; border-bottom: 2px solid;}
.tab_list .tab_menu li button{ border: none;background-color: #fff;color: #707070;font-size: 24px;font-weight: 500;letter-spacing: -0.24px; padding-bottom: 20px;}

/* 정렬 메뉴 */
.sorting_btn_wrap{position:relative}
.sorting_btn_wrap .sorting_btn{ font-size: 16px;font-weight:600; display: flex;align-items: center;}
.sorting_btn_wrap .sorting_btn:after{margin-left:6px;content:'';display:block; width:20px; height:20px; background: url(../images/icon/input_arrow@3x.png) center no-repeat; background-size: 20px; }
.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;}
.sorting_btn_wrap .sorting_list.on{display:block}
.sorting_btn_wrap .sorting_list li{}
.sorting_btn_wrap .sorting_list li button{font-weight: 500;letter-spacing: -0.14px;word-break: keep-all;width: max-content;padding-bottom: 10px;}
.sorting_btn_wrap .sorting_list li.on button:after{display:inline-block;width:12px;height: 12px;content:'';background: url(../images/icon/checked_on@3x.png) center center no-repeat;background-size:12px;margin-left: 5px;}
.sorting_btn_wrap .sorting_list li:last-child button{padding-bottom: 0}


/* 메인 배너 */
.main_banner_wrap .con strong{line-height: 52px;}


/** 상품리스트 스타일 - 2단 기본 **/
.list_form {padding-bottom: 40px;position: relative;}
.list_form:not(.swiper) >ul {margin: 0px -10px;display: flex;flex-wrap: wrap;}
.list_form.swiper >ul{/* display: -webkit-inline-box; */}
.list_form.swiper ul.swiper-wrapper > li{/* padding:0 20.5px 0 27.5px; */box-sizing: border-box;}
.list_form.swiper ul.swiper-wrapper > li a{display:block}
.list_form.swiper .img_con{/* width:212px; *//* padding: 0 20.5px 0 27.5px; */width: 100%;}
.list_form.swiper .btm_btn_wrap{/* margin:0 -20.5px 0 -27.5px */}
.list_form >ul >li a {position: relative;/* display: inline-block; */}
.list_form .img_con {width:270px; height: 270px; position: relative;border-radius: 10px;overflow: hidden;border-radius: 10px;border: solid 1px #f5f5f5;box-sizing: border-box;}
.list_form .recommend_item{width:328px;position: relative;display: flex;flex-direction: column;height1: 550px;height:auto;justify-content: space-between;}
.list_form a{display: block;
    /* flex-shrink: 1; */
    /* height: calc(100% - 30px); */
    display: flex;
    flex-direction: column;
    flex: 1;}


.list_form .img_con .num {position: absolute; left: 0; top: 0; font-size: 18px; line-height: 22px; color: #222222; font-weight: 700;}
.list_form .img_con img {display: block;margin: 0 auto; width: 100%;transition: all 0.5s; /* background: #e5e5e5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); */}
.list_form a:hover .img_con img{transform:scale(1.07);}
.list_form .img_con img.lazy{display:none}
.list_form .img_con img.lazy.active{display:block}
img.zoom{transition:all ease 0.3s 0s;-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.list_form .img_con .btn_wish {position: absolute; right: 13px; bottom: 11px; width: 30px; height: 30px; text-indent: -999em; background: url(../images/icon_heart_in_list@3x.png) center center no-repeat; background-size: 30px;}
.list_form .img_con .set{width:51px;height:32px;position:absolute;top:0;right:0;text-indent:-9999999px;background: url(../images/label_set@3x.png) center no-repeat; background-size: cover;}
.list_form .img_con .one_get_one_free{text-indent: -9999999px;position:absolute;top:0;right:0;width: 51px;height: 36px;background: url(../images/label_one_get_one_free@3x.png) center no-repeat;background-size: cover;image-rendering: -moz-crisp-edges;         /* Firefox */image-rendering:   -o-crisp-edges;         /* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
.list_form .img_con .vod{display: block;position: absolute;left: 12px;bottom: 14px;text-indent:-9999999px;width:63px;height:24px;background: url(../images/icon_vod@3x.png) center no-repeat; background-size: cover;}
.list_form .img_con .btn_cart img {}
.list_form .text_con {/* padding-top: 15px; *//* width: 100%; */display: flex;flex-direction: column;height: 185px;flex: 1;height: auto;}
.list_form .label_list {display: flex;padding-top: 10px;height: 19px;display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.list_form .label_list span{text-indent: -9999em;margin-right: 4px;}
.list_form .label_list span img{width: 100%; display: block;height:19px;}
.list_form .label_list .label_best{width:40px;height:19px;}
.list_form .label_list .label_resGoods{width:52px;height:19px;}
.list_form .label_list .label_new{width:40px;height:19px;}
.list_form .label_list .label_case{width:41px;height:19px;}
.list_form .label_list .label_gift{width:37px;height:19px;}
.list_form .label_list .label_exclusive{width:71px;height:19px;}
.list_form .label_list .label_online{width:54px;height:19px;}
.list_form .label_list .label_cobuying{width:54px;height:19px;border: 1px solid #521cce;border-radius: 5px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.list_form .label_list .label_cobuying img {width: auto; height: 17px;}

.list_form .brand_name {display: block;font-size: 14px;color: #aaaaaa;font-weight: 500;padding-top: 20px;line-height: 1;padding: 0;margin-top: 20px;height: 18px;line-height: 18px;}
.list_form .marketing_title { height: 20px;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;}
.list_form .brand_name + h2, .list_form .text_con .goodsnm{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;padding-top: 5px;margin-bottom: 10px;box-sizing: border-box;padding: 0;margin-top: 2px;margin-bottom: 0;}
.list_form .text_con h2{overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 51px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;font-weight: 500;box-sizing: border-box;margin-top: 2px;margin-bottom: 0;}
.list_form .label_list + .brand_name{padding-top:14px;}
.list_form h2 a{margin: 0 0 10px;font-weight: 500;padding-top: 15px;overflow: hidden;text-overflow: ellipsis; white-space: normal;height: 50px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;font-size: 17px;}
.list_form .brand_name + h2 a{padding-top:5px;width: 100%;}
.list_form .label_list + h2 a{padding-top:6px}
.list_form h2 + .label_list{margin-top:auto;}
.list_form .price_wrap{display: flex;flex-direction: column;}
.list_form .price {text-decoration: line-through;font-size: 16px;color: #aaaaaa;font-weight: 500;height: 19px;line-height: 14px;}
.list_form .price + .sale{margin-top:0;margin: 0;}
.list_form .price + .label_list{margin-top:auto}
.list_form .sale+.price {margin-left:5px}
.list_form .sale {font-size: 18px;font-weight: 700;color: #222222;/*height: 27px;line-height: 27px;*/}
/*.list_form .per {height: 27px;line-height: 27px;}*/
.list_form .sale span {margin-left: 10px; display: inline-block; color: #b7a386;}
.list_form .btm_btn_wrap {position: relative;margin: 10px 0 0 0;display:flex;justify-content:space-between;/* padding-right: 14px; */z-index:10}
.list_form .btm_btn_wrap .size_check {display: flex;align-items: center;position: relative;font-size: 15px;letter-spacing: -0.15px;font-weight: 500;color: #aaaaaa;/* padding-right: 20px; *//* vertical-align: middle; */}
.list_form .btm_btn_wrap .size_check:after {/* position: absolute; *//* right: -16px; *//* top: 50%; *//* margin-top: -7px; */display: block;content: '';width: 20px;height: 20px;background: url(../images/icon/input_arrow_gray.png) center center no-repeat;background-size: 20px;display: inline-block;margin-left:2px}
/* .list_form .btm_btn_wrap .size_check:hover:after{transform: rotate(-180deg);}
.list_form .btm_btn_wrap .size_check:hover + .size_table{display:block} */
.list_form .btm_btn_wrap .size_check.active:after {transform: rotate(-180deg);}
.list_form .btm_btn_wrap .size_table {display: none;flex-wrap: wrap;position: absolute;left: 0;top: 44px;margin-bottom: -52px;width: 100%;/* height: 92px; */box-sizing: border-box;border-radius: 5px;border: 1px solid #e5e5e5;background: #fff;z-index: 1;padding: 15px 11px 15px 15px;}
.list_form .size_check.active + .size_table {display: flex;z-index:2}
.list_form .btm_btn_wrap .size_table > li {/* width: 26px; */height: 19px;padding: 5px 7px;}
.list_form .btm_btn_wrap .size_table > li button {display: block;/* width: 26px; */text-align: center;box-sizing: border-box;color: #e5e5e5;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.list_form .btm_btn_wrap .size_table > li.on button {color: #222222;}
.list_form .btm_btn_wrap .btn_cart{width:30px;height:30px;background:url(../images/thum_cart.png);background-size:30px;text-indent:-9999em;margin-right: 14px;}

.list_form .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}
.list_form .btn_cart.active{/* background:url(../images/cart_on@3x.png) !important; *//* background-size:cover !important; */}
.banner_wrap .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}
.recommend_item{position:relative;}
.swiper-slide .recommend_item{width:328px}

.list_form .btm_btn_wrap.abs{/* position:absolute; *//* right: 0; *//* bottom: 0; */display: flex;justify-content: flex-end;} 

.list_form.swiper .swiper-prev{}
.list_form.swiper .swiper-next{}
.list_form.swiper .swiper-prev{cursor: pointer;position: absolute;top: 135px;left: -80px;z-index: 1;width: 60px;height: 60px;background: url(../images/list_slider_prev@3x.png) center no-repeat;background-size: 60px;}
.list_form.swiper .swiper-next{cursor: pointer;position: absolute;top: 135px;right: -80px;z-index: 1;width: 60px;height: 60px;background: url(../images/list_slider_next@3x.png) center no-repeat;background-size: 60px;}
/* .list_form .img_con img.lazy{display:block}
.list_form .img_con img.lazy.back{display:none} */

/* 상품 리스트 케이스별 */
.listform4{width: 1140px;margin: 0 auto;}
.listform3{width: 1140px;margin: 0 auto;}
.listform3 .product_list_wrap{padding:0 144px}
.listform2{width: 1140px;margin: 0 auto;}
.listform2 .product_list_wrap{padding:0 289px}
.listform6{width: 1680px;margin: 0 auto;}



/* location */
/*#location{position:absolute;top:20px;left:50%;margin:0 0 0 -590px}*/
#location{/* position:absolute; *//* top:47px; *//* left:50%; *//* margin:0 0 0 -590px; */display: flex;margin: 24px 0 45px;}
#location li{position:relative;/* float:left; */height:10px;margin:0 0 0 17px;}
#location li:before{content:"";position:absolute;top: -5px;left: -18px;background: url(../images/icon/input_arrow_black@3x.png) 0 0 no-repeat;width: 20px;height: 20px;background-size: 20px;display: inline-block;}
#location li:first-child{margin:0;text-indent:-9999em;}
#location li:first-child a{background:url(../images/icon/icon_location_home@3x.png) 0 0 no-repeat;width:16px;header:16px;background-size:16px;}
#location li:first-child:before{display:none}
#location li a{float:left;margin:-4px 0 0;font-size:13px;color: #222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */}
#location li strong{float:left;margin:-4px 0 0;font-size:13px;color:#222;line-height:17px;font-weight: 500;/* font-family:'Noto Sans KR'; */}

/* select box */
.select_box{width: 150px;}
.select_box .box {position:relative;}
.select_box .box .btn {position:relative;display:block;width: 100%;height:40px;padding:0 40px 0 19px;font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;position: relative;display: block;width: 100%;height: 40px;/* padding: 0 40px 0 19px; */font-size: 15px;font-weight: 500;line-height: 40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding-right: 20px;}
.select_box .box .btn:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
.select_box .box .btn:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;content: '';position: absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
.select_box .box .btn.on:before {transform:rotate(-45deg);}
.select_box .box .btn.on:after {transform: rotate(180deg);}
.select_box .box ul {overflow:hidden;position:absolute;left: 0;top: 43px;width: 100%;height:0;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;overflow: hidden;position: absolute;top: 40px;height: 0;width: 100%;/* border: 1px solid #d6d6d6; */border-top: 0 none;border-bottom: 0 none;background: #fff;box-sizing: border-box;z-index: 100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);background-color: #fff;padding: 0 20px;}
.select_box .box ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
.select_box .box ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; *//* padding: 0 0 10px; *//* position: relative; *//* cursor: pointer; *//* height: 59px; *//* position: relative; *//* cursor: pointer; */padding: 20px 0 0px;position: relative;cursor: pointer;}
.select_box .box ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.select_box .box ul li input + label{display:block;}
.select_box .box ul li input + label p{display:flex;align-items:center;font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;}
.select_box .box ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.select_box .box ul li input:checked + label{}
.select_box .box ul li input:checked + label p{position: relative; display:inline;font-weight:600;}
.select_box .box ul li input:checked + label p:after{position: absolute; right: 5px; top: 50%; margin-top: -6px; display:block; content:'';width:13px; height:13px; background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:12px;}
.select_box .box ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.select_box .box ul li:last-child{padding-bottom: 20px;}
.select_box .box ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; *//* margin-top: 20px; */padding-bottom:0}
.select_box .box ul li a {display:block;/* height:59px; *//* padding:3px 19px 0 20px; *//* box-sizing:border-box; */}
.select_box .box ul li a span {display:block; font-size:13px; }
.select_box .box ul li a .text {overflow:hidden; line-height:28px;}
.select_box .box ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.select_box .box ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
.select_box .box ul li a .price {color:#222;}
.select_box .box ul li.soldout a,
.select_box .box ul li.soldout a span {color:#a8a8a8} 


/** 버튼 스타일 **/
.btn_x_large {width:100%; height:64px; background-color:#222; color:#fff; font-size:16px; font-weight:500;}

.btn_large1 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 15px;line-height: 22px;color: #222222;font-weight: 600;}
.btn_large2 {padding: 14px 0; width: 100%; height: 50px; border: 1px solid #222;border-radius: 5px;font-size: 15px;line-height: 22px;color: #fff;font-weight: 600;background:#222}

.btn_large2_wrap {display: flex; justify-content: space-between;}
.btn_large2_wrap button {width: calc(50% - 4px);height:50px;text-align:center;font-size:16px;font-weight: 500;line-height:24px;align-items: center;border-radius: 5px;/* background: #fff; */}
.btn_large2_1 {color:#222;border: solid 1px #222222;font-weight: 700;background: #fff;}
.btn_large2_2 {background:#222; color:#fff;}

.btn_medium1 {text-align: center;width: 160px;height: 50px;background: #222222;border-radius: 35px;line-height: 20px;font-size: 16px;color: #fff;font-weight: 600;letter-spacing: -0.16px;}

.btn_medium2 {position: relative;padding: 11px 40px 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;}
.btn_medium2:after {position: absolute;right: 15px;top: 50%;margin-top: -10px;display: block;content: '';width: 20px;height: 20px; background: url(../images/icon_link.png) center no-repeat;background-size: 20px;}

.btn_medium3 {padding: 11px 26px; height: 44px; border-radius: 35px;background: #222222;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -0.14px;font-weight: 600;}

.btn_medium4 {padding: 12px 0; width: 100%; height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;}

.btn_small1 {display: flex; justify-content: center;align-items: center;width: 181px; height: 50px;border: 1px solid #c4c4c4; border-radius: 80px;}
.btn_small1 p {font-weight:500; font-size:14px}
.btn_small1 .point {font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;}
.btn_small1 .point em{font-weight:600;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding: 4px 0 20px 0;letter-spacing: 1.4px;}
.btn_small1 .icon_down_arrow{display: inline-block; margin-left: 5px;vertical-align: middle;text-indent: -999px;background: url(../images/icon/input_arrow.png) no-repeat 100% 50%; background-size: 20px 20px;width: 20px;height: 20px;}

.btn_small2_wrap {display: flex; justify-content: space-between;}
.btn_small2 {padding: 12px 0; width: calc(50% - 4px); height: 44px; border: 1px solid #e5e5e5;border-radius: 5px;font-size: 14px;line-height: 20px;color: #222222;font-weight: 600;}

.btn_x_small1 {font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: -0.12px; color: #222222; border-bottom: 1px solid #222222;}
.btn_x_small2_w {padding: 6px 20px; color: #222222; font-size: 13px; line-height: 19px; font-weight: 500; border-radius: 5px; border: 1px solid #222222; letter-spacing: -0.12px;}
.btn_x_small2_b {padding: 6px 20px; color: #fff; background: #222222; font-size: 12px; line-height: 18px; font-weight: 500; border-radius: 5px; letter-spacing: -0.12px;}

/* input */
input ~ .btn_input {overflow: hidden;position: absolute;top: 0;right: 0;z-index: 1;opacity: 0;display: flex;align-items: center;/* transform: translateY(-50%); */height: 41px;}
input ~ .btn_input.on {opacity: 1;}
input ~ .btn_input .btn_delete {display: block;float: left;width: 26px;height: 26px;background: #ffffff url(../images/icon_input_del@3x.png) no-repeat center;text-indent: -9999em;background-size: 26px;}
input ~ .btn_input .btn_secure {display: block;float: left;width: 19px;height: 18px;background: url(../images/btn_secure_off.png) center center no-repeat;background-size: 19px;}
input ~ .btn_input .btn_secure.on {background: url(../images/btn_secure_on2.png) center center no-repeat;background-size: 19px;}

/** text field 스타일 **/
.input_text_wrap {position: relative;}
.input_text_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_text::placeholder {padding: 10px 0; color: #aaaaaa; font-size: 16px;font-weight:500}
.input_text:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_text_wrap .close {position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; background: #e5e5e5; display: flex; justify-content: center; align-items: center;}
.input_text_wrap .close img{width: 20px; height:20px;}
.input_text_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}
.input_text_wrap.error .input_text {border-bottom: 1px solid #f25758;}
.input_text_wrap.error .errortxt {display: block !important;} 
.valid_box.error .errortxt{display:block !important;/* padding-bottom: 30px; */}
.valid_box.error .comment_box{border: 1px solid #f25758;}
.input_text_wrap.error .add_txt{display:none !important;}

select.select {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; background:url(../images/icon/input_arrow_down_black@3x.png) right center no-repeat; background-size: 20px; font-size: 15px; line-height: 22px; color: #707070; font-weight: 500; -webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.select::-ms-expand{display:none;}
.select option {font-size: 15px; line-height: 22px; color: #707070; font-weight: 500;}

.input_title{font-size:16px;color:#000;margin-bottom:10px;font-weight:600;display: flex;}
.input_title:after{display:inline-block;width:3px;height:3px;background:#b7a286;content:'';align-self: start;margin-top: 5px;margin-left: 3px;}

.input_password_wrap {position: relative;}
.input_password_wrap .input_text::placeholder{color: #aaaaaa; font-size:16px; font-weight:500}
.input_password_wrap .input_text {position: relative;width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_password {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
.input_password::placeholder {padding: 10px 0; color: #aaaaaa;}
.input_password:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_password_wrap .errortxt {display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}
.input_password_wrap.error .input_password {border-bottom: 1px solid #f25758;}
.input_password_wrap.error .errortxt {display: block;}
.input_password_wrap.confirm.error .chk_wrap{display:none}
.input_password_wrap.confirm.error .chk_wrap.errortxt{display:block}
.input_password_wrap.error .chk_wrap label{color: #f25758;}
.input_password_wrap.error .add_txt{display:none !important;}

.input_password_wrap.ok .chk_wrap label{color: #2680eb;}

.input_email_wrap{}
.input_email_wrap .input_text {width: 100%;height: 40px;background-color: transparent;border: none;border-bottom: 1px solid #e5e5e5;color: #222222;font-size: 16px;line-height: 20px;letter-spacing: -0.14px;box-shadow: none;border-radius: 0;webkit-border-radius: 0;-webkit-appearance: none;font-weight: 500;}
.input_email {width: 100%; height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
.input_email::placeholder {padding: 10px 0; color: #aaaaaa;}
.input_email:focus {border-bottom: 1px solid #222222; outline: 0 none;}
.input_email_wrap .errortxt {display: none; padding: 10px 0 0 0;font-size: 12px;line-height: 18px;letter-spacing: -0.12px;font-weight: 500;color: #f25758;}
.input_email_wrap.error .input_text {border-bottom: 1px solid #f25758;}
.input_email_wrap.error .errortxt{display: block;}
.input_email_wrap.error .chk_wrap{display:none !important;}
.input_email_wrap.error .add_txt{display:none !important;}
.input_email_wrap.comp .errortxt{display:none !important;}
.input_email_wrap.comp .add_txt{display:none !important;}


/* valid-feedback */
.valid-feedback{display:flex;padding: 10px 0;}
.valid-feedback span{font-size: 14px;color:#aaa;letter-spacing: -0.14px;margin-right: 10px;}
.valid-feedback span.on{color:#2680eb}
.valid-feedback span:last-child{margin-right:0}
.valid-feedback span:before{display:inline-block;content:'';width: 13px;height: 9px;background:url(../images/valid_arr_off.png) center top no-repeat;background-size: contain;margin-right:5px;}
.valid-feedback span.on:before{background:url(../images/valid_arr_on.png) center top no-repeat;background-size: contain;}
.valid-feedback .en{}
.valid-feedback .num{}
.valid-feedback .spc{}
.valid-feedback .leng{}


/* layer popup */
.layer-back {display: table;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(0, 0, 0, 0.4);-webkit-overflow-scrolling: touch;}
.layer-back .p30{padding:30px}
.layer-back .p30{padding:40px}
.layer-back .ta_c{padding:40px}
.layer-back.bg-none { background: none;}
.layer-wrap {display: table-cell;z-index: 9999;margin: 0 auto;transform: translate3d(0, 30px, 0);opacity: 0;transition: all 0.5s;vertical-align: middle;}
.layer-wrap.open {transform: translate3d(0, 0, 0);opacity: 1;}
.layer_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */}
.layer_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;/* overflow: hidden; */box-sizing: border-box;}
.layer_popup .layer_head {/* position: relative; *//* border-bottom: 2px solid #2b2f3f; *//* padding: 0 0 21px; *//* height: 100px; *//* line-height: 44px; *//* background: #20254d; *//* color: #fff; */padding: 40px 40px 30px;/* font-size: 30px; */}
.layer_popup .layer_body{padding:0 40px;width: 100%;box-sizing: border-box;}
.layer_popup .layer_head .layer_title {font-weight: 600;font-size: 30px;/* line-height: 1.5; *//* color: #fff; *//* letter-spacing: -0.04em; *//* padding: 0 53px; */}
.layer_popup .layer_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../images/popup_close_bl@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;}
.layer_popup .layer_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0  50px; *//* overflow: hidden; */}
.layer_popup .layer_body .inner > div{/* padding-bottom:60px */}
.layer_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;}

.full_popup {/* overflow-y: auto; */position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;border-radius: 20px;/* padding: 0 40px; */background: #ffffff;-webkit-overflow-scrolling: touch;box-sizing: border-box;/* overflow: hidden; *//* overflow: auto; */box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);}
.full_popup .scroll{max-height: 79vh;overflow-y: auto;/* padding: 0; */padding-bottom: 40px;position: relative;width: 100%;overflow-x: hidden;box-sizing: border-box;}
/* .full_popup .scroll::-webkit-scrollbar { display: none;} */
.full_popup .full_head {padding: 40px 40px 30px;}
.full_popup .full_body{padding:0 40px;width: 100%;box-sizing: border-box;}
.full_popup .full_head .full_title {font-weight: 600;font-size: 30px;}
.full_popup .full_head .full_title .all_photo{display: block;background: url(../images/icon/input_arrow_left_black@3x.png) 0 center no-repeat;background-size: 13px;padding-left: 17px;font-weight: 500;font-size: 15px;}
.full_popup .full_close {display: block;position: absolute;top: 40px;right: 40px;z-index: 1;box-sizing: content-box;width: 44px;height: 44px;/* padding: 15px 15px; */background: url("../images/popup_close_bl@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 44px;}
.full_popup .full_body .inner{/* max-height: calc(80vh - 140px); *//* overflow-y: auto; *//* margin-right: 50px; *//* padding: 0 50px 0  50px; */}
.full_popup .full_body .inner > div{/* padding-bottom:60px *//* padding-right: 10px; */}
.full_bottom{border-radius: 20px;overflow-y: auto;position: relative;z-index: 1000;box-sizing: border-box;width: 610px;max-height: 80vh;margin: 0 auto;/* border-radius: 10px; */padding: 30px 35px 48px;background: #ffffff;-webkit-overflow-scrolling: touch;}

.full_popup.sm .full_head {padding: 30px 30px 20px;}
.full_popup.sm .full_body{padding: 0 30px;width: 100%;box-sizing: border-box;}
.full_popup.sm .full_head .full_title {font-weight: 600;font-size: 20px;width:90%;text-align: center;}
.full_popup.sm .full_close {display: block;position: absolute;top: 30px;right: 33px;z-index: 1;box-sizing: content-box;width: 30px;height: 30px;/* padding: 15px 15px; */background: url("../images/popup_close_bl_sm@3x.png") center center no-repeat;text-indent: -9999em;/* margin-top: -29px; */background-size: 16px;}

.full_popup .full_body .layer_detail_package{display: flex;}
.full_popup .swiper-extend-button-prev{position: absolute;left: -102px;background: url(../images/main_slider_prev@3x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;}
.full_popup .swiper-extend-button-next{position: absolute;right: -102px;background: url(../images/main_slider_next@3x.png) center center no-repeat;background-size: 102px;width: 102px;height: 102px;z-index: 100;top: 50%;margin-top: -51px;}
.full_popup .full_body .layer_detail_package .detail_box_wrap{position:relative;border-right: 2px solid #f5f5f5;}
.full_popup .full_body .layer_detail_package .detail_box_wrap:after{display:block;content:'';width: calc(100% - 16px);height:174px;position:absolute;bottom: -1px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 73%);z-index: 1;}
.full_popup .full_body .layer_detail_package .detail_box{width: 771px;overflow-x: hidden;overflow-y: auto;/* min-height: 100%; */height: 706px;/* margin-right: 0px; */}
.full_popup .full_body .layer_detail_package .option_box{width: 391px;padding-left: 38px;box-sizing: border-box;display: flex;flex-direction: column;}
.full_popup .full_body .layer_detail_package .option_box .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;}
.full_popup .full_body .layer_detail_package .option_box .opt_box{display:flex;justify-content: space-between;margin-top: 15px;}
.full_popup .full_body .layer_detail_package .option_box .opt_box:nth-of-type(1){margin-top: 0;}
.full_popup .full_body .layer_detail_package .option_box .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;}
.full_popup .full_body .layer_detail_package .option_box .option{width: 200px;}
.full_popup .full_body .layer_detail_package .option_box .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none}
.full_popup .full_body .layer_detail_package .option_box .option.error .errortxt{display:block;}
.full_popup .full_body .layer_detail_package .option_box .option.error .pack_goods button{border-bottom:1px solid #f25758}
.full_popup .full_body .layer_detail_package .option_box .pack_goods {position:relative;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:before {transform:rotate(-45deg);}
.full_popup .full_body .layer_detail_package .option_box .pack_goods button.on:after {/* transform:rotate(45deg); */}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul.option_list{width: 374px;left: -172px;box-sizing: border-box;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li {padding: 20px 0 0px;position: relative;cursor: pointer;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label{display:block;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label{}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label p{font-weight:600;background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:last-child{padding-bottom: 20px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li:first-child {border-top:0 none;padding-bottom:0;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a span {display:block; font-size:13px; }
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .text {overflow:hidden; line-height:28px;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li a .price {color:#222;}
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a,
.full_popup .full_body .layer_detail_package .option_box .pack_goods ul li.soldout a span {color:#a8a8a8}
.full_popup .full_body .layer_detail_package .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0;}
.full_popup .full_body .layer_detail_package .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;}
.full_popup .full_body .layer_detail_package .option_box .total .box .price{}
.full_popup .full_body .layer_detail_package .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons{margin-top: auto;display: flex;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons a{width: 210px;text-align: center;height: 60px;line-height: 58px;border: 1px solid #dddddd;box-sizing: border-box;border-radius: 5px;font-size: 18px;font-weight: 600;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .cart{margin-right: 9px;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .buy{border: 1px solid #222222;background: #222222;color: #fff;}
.full_popup .full_body .layer_detail_package .option_box .detail_buttons .none{display:none;}

.full_popup .full_body .layer_detail_package .option_select{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li{}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../images/download@3x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400;  color:#222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400;  color:#222; border:1px solid #222; background:url(../images/coupon_downicon02.png) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;}
.full_popup .full_body .layer_detail_package .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;}

.full_popup .full_body .layer_detail_package .detail_gosi{padding-bottom: 90px;}
.full_popup .full_body .layer_detail_package .detail_gosi h3{font-size: 24px;font-weight: 600;padding-bottom: 25px;}
.full_popup .full_body .layer_detail_package .detail_gosi table{border-bottom: 1px solid #e5e5e5;border-top:2px solid #222}
.full_popup .full_body .layer_detail_package .detail_gosi table:last-child{border-bottom:0}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th{font-size: 15px;text-align: left;font-weight: 600;padding-bottom: 30px;vertical-align: top;padding-right: 20px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th.line_top{border-top:1px solid #e5e5e5;padding-top: 39px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr th strong{font-size:18px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child th{padding-top:25px}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child th{padding-bottom:36px}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td{vertical-align: top;font-size: 15px;font-weight: 500;color: #707070;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td.line_top{padding-top:39px;border-top:1px solid #e5e5e5}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{font-size:15px;font-weight:600;padding-bottom: 8px;color: #222;display: block;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:first-child td{padding-top:25px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td{padding-bottom: 40px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td strong{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul{padding-bottom:30px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr:last-child td ul{padding-bottom:0}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li{font-size:15px;color:#707070;line-height: 25.5px;font-weight: 400;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num{}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul.num li{list-style: auto;margin-left: 15px;}
.full_popup .full_body .layer_detail_package .detail_gosi table tbody tr td ul li button{}

/* 장바구니 담기 완료 팝업 */
.full_popup .full_body .layer_cart{/* min-height: 310px; */position: relative;}
.full_popup .full_body .layer_cart .swiper-container{/* position:relative; *//* overflow: visible; */}
.full_popup .full_body .layer_cart .layer_con{display: flex;justify-content: center; flex-direction: column;align-items: center;}
.full_popup .full_body .layer_cart .layer_con img{width: 110px;display:block;height: 110px;}
.full_popup .full_body .layer_cart .layer_con .goods_info{text-align: center;line-height: 24px;padding: 10px 0 0 0;}
.full_popup .full_body .layer_cart .layer_con .goods_info span{font-size: 16px; line-height:24px}
.full_popup .full_body .layer_cart .layer_con .goods_info .goods_name{ font-weight: 500;}
.full_popup .full_body .layer_cart .layer_con .goods_info .size{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 700;}
.full_popup .full_body .layer_cart .btns button{width:140px; height:48px; font-weight:600; font-size: 16px;}
.full_popup .full_body .layer_cart .btns #buy_now{background-color:#222; color:#fff; border-radius:35px;}
.full_popup .full_body .layer_cart .direct_buy{margin-top:30px;width:170px;height:50px;line-height:50px;background:#222;border-radius:35px;margin: 30px auto 0;color:#fff;font-size:16px;font-weight:600;display: block;}
.full_popup .full_body .layer_cart .btn_view_cart{display: flex;justify-content: center;}
.full_popup .full_body .layer_cart .btn_view_cart #view_cart{display: block !important;font-size: 16px;font-weight: 600;height: 24px;margin: 13px 0 0 0;}
.full_popup .full_body .layer_cart .btn_view_cart #view_cart:after{content:''; display:block; width:100%; height:1px; background-color:#222}
.full_popup .full_body .layer_cart .cart-item-next {background: url(../images/gnb_icon_next_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;right: -10px;top: 100px;cursor: pointer;}
.full_popup .full_body .layer_cart .cart-item-prev {background: url(../images/gnb_icon_prev_black.png) no-repeat;background-size: 13px 30px;background-position: top;width: 13px;height: 30px;background-size: 13px;position: absolute;left: -10px;top: 100px;cursor: pointer;}
.full_popup .full_body .layer_cart .cart-item-next::after,
.full_popup .full_body .layer_cart .cart-item-prev::after {display: none;}
.full_popup .full_body .layer_cart .swiper-button-disabled {display:none !important}

/* 알림 레이어 팝업 */
.layer-alert{position:relative; }
.layer-alert .layer-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 20px;background: #fff;padding-bottom: 25px;padding-top: 50px;right: 20px;}
.layer-alert .layer-box .layer_box_close{display: block;position: absolute;top: 15px;right: 15px;z-index: 150;width: 40px;height: 40px;border-radius: 50%;background: #ffffff url(../images/icon_close_btn@3x.png) center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 18px;}
.layer-alert .layer-box .img_area{display: flex;justify-content: center;padding-bottom: 20px;}
.layer-alert .layer-box .downCouponImg{width:85px;padding-top: 10px;}
.layer-alert .layer-box .tit_wrap{padding-bottom: 50px;}
.layer-alert .layer-box p{text-align:center;font-size:16px;font-weight:600;}
.layer-alert .layer-box .subtit{font-size: 16px;line-height: 1.5;margin-bottom: -10px;font-weight: 400;}
.layer-alert .layer-box .btns{display:flex; justify-content:center; flex-direction:column; align-items: center;}
.layer-alert .layer-box .btns button{width:140px;height:44px;font-weight:500;}
.layer-alert .layer-box .btns #confirm{background-color:#222; color:#fff; padding:11px 57px; border-radius:35px}

/* 무이자 할부 혜택 팝업 */
.benefit-content{/* margin:auto 20px; */}
.benefit-content .benefit-tit{width:100%;/* height:64px; */display: flex;justify-content:space-between;padding-bottom: 10px;}
.benefit-content .benefit-tit span{}
.benefit-content .benefit-tit .event-term{left:0; font-size:16px; font-weight:500}
.benefit-content .benefit-tit .event-term-date{right:0;font-size: 14px;font-weight: 500;font-stretch: normal;letter-spacing: -0.14px;color: #707070;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}

.benefit-content .listbox{/* margin-bottom:60px; */border-top:1px solid #222222;}
.benefit-content .listbox li{display:flex;align-items:center;justify-content:space-between;/* height:67px; */border-bottom:1px solid #e3e3e3;padding: 20px 50px 20px 16px;}
.benefit-content .listbox li img{width:94px;margin-right: 10px;}
.benefit-content .listbox li span{display:flex;/* width:94px; */align-items:center;justify-content: space-between;margin-left: auto;font-size: 14px;}
.benefit-content .listbox .term{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin: 0;}

/* 사이즈 가이드 팝업 */
.size_guide{position: relative;}
.size_guide .tab_large{margin:0 -30px;border-bottom:1px solid #efefef;justify-content: center;}
.size_guide:before{position: fixed;/* content: ""; */height: 83.5px;background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;left: 0;bottom: 0;}
.size_guide .tab_large li { width: 98px;}
.size_guide .tab_large li a {/* line-height: 56px; *//* height: 56px; *//* padding: 0 18px; */display: inline-block;/* display: block; */padding: 17px 0;box-sizing: border-box;}
.size_guide .tab_large li span {font-weight: 500;color: #aaaaaa;font-size: 16px;}
.size_guide .tab_large li.active a{border-bottom:2px solid #222}
.size_guide .tab_large li.active span {color: #222222;font-weight: 700;}
.size_guide .brand_list_wrap{padding: 30px 20px;/* margin-right: -30px; */}
.size_guide .brand_list_wrap .brand_list{/* display: flex; *//* overflow-x: scroll; *//* overflow-y: hidden; */-ms-overflow-style: none;/* margin: 0 -7px; *//* margin-right: 30px; */}
/*.size_guide .brand_list_wrap .brand_list::-webkit-scrollbar{display: none;width: 0 !important;}*/
.size_guide .brand_list_wrap .brand_list li{/* padding: 0 7px; *//* position: relative; */margin-right: 7px;}
.size_guide .brand_list_wrap .brand_list li:last-child{padding-right:80px}
.size_guide .brand_list_wrap .brand_list li.active button:after{content:'';width: 72px;height: 72px;position:absolute;left: -6px;top: -6px;border: 3px solid #b3a489;border-radius: 50%;box-sizing: border-box;}
.size_guide .brand_list_wrap .brand_list li.active button:before{position: absolute;content:'';display:block;width: 60px;height:60px;border-radius: 50%;background-color:transparent;}
.size_guide .brand_list_wrap .brand_list li button{font-size: 0;width: 61px;height:60px;/* border: 2px solid transparent; */border-radius: 50%;box-sizing: border-box;}
.size_guide .brand_list_wrap .brand_list li button:before{position: absolute;content: '';display: block;background-color: #ffffff30;top: 0;left: 0;right: 0;bottom: 0;width: 60px;height: 100%;z-index: 6;}
.size_guide .brand_list_wrap .brand_list li button.a_size {text-align: center;background: #b3a486;font-size: 12px;line-height: 17px;letter-spacing: -0.12px;color: #fff;font-weight: 600;}
.size_guide .brand_list_wrap .brand_list li button img{width: 60px; display: block;}
.size_guide .brand_name{padding: 0 20px;}
.size_guide .brand_name p{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-size: 16px;font-weight: 700;}

.size_guide .tab_con {display: none;}
.size_guide .tab_con.on {display: block;}

.size_guide h1 {font-size: 16px; line-height: 24px; color: #000; font-weight: 600;}

.size_guide #a_size {position: relative; padding: 0 20px;}
.size_guide #a_size .unit_wrap {/* position: absolute; */left: 20px;right: 20px;top: 3px;display: flex;/* justify-content: flex-end; */}
.size_guide #a_size .unit_wrap span {font-size: 14px;font-weight: 500;}
.size_guide #a_size .item_size_list{display:flex;flex-wrap: wrap; margin: 15px -6.5px 7px;}
.size_guide #a_size .item_size_list li{padding: 0 6.5px 13px 6.5px;}
.size_guide #a_size .item_size_list li:last-child{margin-right:0;}
.size_guide #a_size .item_size_list li:nth-child(6){margin-right:0;}
.size_guide #a_size .item_size_list li:nth-child(12){margin-right:0;}
.size_guide #a_size .item_size_list li input{display:none}
.size_guide #a_size .item_size_list li input + label.select_size{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: 12px; color: #dddddd; box-sizing: border-box;}
.size_guide #a_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
.size_guide #a_size .item_size_list li.active label{color: #222222 !important;;}
.size_guide #a_size .unit_wrap.region {justify-content: unset;}
.size_guide #a_size .unit_wrap.region h2 {margin: 0 12px 0 0;font-size: 20px;font-weight: 600;}
.size_guide #a_size .unit_wrap.region span {font-size: 14px;font-weight: 400;color: #707070;margin-top: 5px;}

.size_guide .unit_wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.size_guide .unit_wrap h1{ font-size: 16px;font-weight: 500;}
.size_guide .unit_wrap span {font-size: 14px;font-weight: 500;}

.size_guide .table_wrap{border-top: 1px solid;display: flex;margin-bottom: 40px;}
.size_guide .table_wrap .tit_wrap table{ table-layout: auto;}
.size_guide .table_wrap .tit_wrap{width: 128px;}
.size_guide .table_wrap .tit_wrap tr{height: 48px;}
.size_guide .table_wrap .tit_wrap tr td{border-bottom: 1px solid #e3e3e3;height: 48px;width: 128px;text-align: center;color: #222;font-size: 13px;font-weight: 600;font-stretch: normal;display: flex;align-items: center;justify-content: center;}

.size_guide .table_wrap .con_wrap{overflow-x: auto;}
.size_guide .table_wrap .con_wrap table{table-layout: auto;}
.size_guide .table_wrap .con_wrap tr{display: flex;border-bottom: 1px solid #e3e3e3;height: 48px;}
.size_guide .table_wrap .con_wrap tr td{height: 48px;width: 128px;text-align: center;color: #aaa;font-size: 12px;font-weight: 500;font-stretch: normal;display: flex;align-items: center;justify-content: center;box-sizing: border-box;flex: 0 0  auto;}

.size_guide #a_size{}
.size_guide #a_size ul{}
.size_guide #a_size ul li{}
.size_guide #a_size ul li .img_wrap{position:relative;width: 504px;margin: 0 auto;}
.size_guide #a_size ul li img{max-width: 80%;}
.size_guide #a_size ul li span{position: absolute;z-index: 1;font-weight: 700;font-size: 16px;}
.size_guide #a_size ul li.size_ops{}
.size_guide #a_size ul li.size_ops .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_02{top: 155px;left: 109px;}
.size_guide #a_size ul li.size_ops .size_03{top: 92px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_04{top: 152px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_ops .size_05{top: 158px;right: 115px;}
.size_guide #a_size ul li.size_ops .size_06{bottom: 58px;right: 152px;}

.size_guide #a_size ul li.size_padding .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_padding .size_02{top: 162px;left: 102px;}
.size_guide #a_size ul li.size_padding .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_padding .size_04{top: 168px;right: 102px;}
.size_guide #a_size ul li.size_padding .size_05{bottom: 54px;right: 155px;}

.size_guide #a_size ul li.size_pants .size_01{top: -5px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_pants .size_02{top: 150px;left: 136px;}
.size_guide #a_size ul li.size_pants .size_03{top: 95px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_pants .size_04{top: 164px;left: 212px;}
.size_guide #a_size ul li.size_pants .size_05{bottom: 42px;right: 210px;}

.size_guide #a_size ul li.size_set .size_01{top: -10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_02{top: 95px;left: 120px;}
.size_guide #a_size ul li.size_set .size_03{top: 75px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_04{top: 84px;right: 120px;}
.size_guide #a_size ul li.size_set .size_05{top: 215px;right: 140px;}
.size_guide #a_size ul li.size_set .size_06{top: 235px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_07{bottom: 133px;left: 161px;}
.size_guide #a_size ul li.size_set .size_08{top: 277px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_set .size_09{bottom: 116px;left: 222px;}
.size_guide #a_size ul li.size_set .size_10{bottom: 31px;right: 216px;}

.size_guide #a_size ul li.size_skirts .size_01{top: 35px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_skirts .size_02{top: 158px;left: 128px;}

.size_guide #a_size ul li.size_t_shirts .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_t_shirts .size_02{top: 158px;left: 75px;}
.size_guide #a_size ul li.size_t_shirts .size_03{top: 170px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_t_shirts .size_04{bottom: 190px; right: 87px;}
.size_guide #a_size ul li.size_t_shirts .size_05{bottom: 20px;right: 110px;}

.size_guide #a_size ul li.size_top .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_top .size_02{top: 162px;left: 98px;}
.size_guide #a_size ul li.size_top .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_top .size_04{top: 178px;right: 100px;}
.size_guide #a_size ul li.size_top .size_05{bottom: 42px;right: 145px;}

.size_guide #a_size ul li.size_best .size_01{top: 10px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_best .size_02{top: 158px;left: 85px;}
.size_guide #a_size ul li.size_best .size_03{top: 165px;left: 50%;transform: translateX(-50%);}
.size_guide #a_size ul li.size_best .size_04{top: 180px;right: 90px;}
.size_guide #a_size ul li.size_best .size_05{bottom: 12px;right: 110px;}

.size_guide #a_size .sizeImage{text-align: center;}
.size_guide #a_size .sizeImage img{max-width: 80%;}
.size_guide #a_size .item_size .item_size_list{max-width: 480px;}
.size_guide #a_size .info_text {margin: 20px 20px 40px 0px;}

.size_guide #a_size .backcolor_violet{background: linear-gradient(to top, #E8D2FF 50%, transparent 50%);}

.size_guide #brand_size {padding: 0 20px;}
.size_guide #brand_size >ul {}
.size_guide #brand_size >ul >li {padding-bottom: 30px;}
.size_guide #brand_size >ul >li:last-child {padding-bottom: 20px;}
.size_guide #brand_size .unit_wrap {display: flex; justify-content: space-between;}
.size_guide #brand_size .unit_wrap span {font-size: 14px;font-weight: 500;}
.size_guide .size_table {margin-top: 10px;display: flex;/* width: calc(100vw - 20px); */border-top: 1px solid #222222;}
.size_guide .size_table dl {}
.size_guide .size_table dt {display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;text-align: center;border-bottom: 1px solid #e3e3e3;font-size: 13px;letter-spacing: -0.12px;font-weight: 600;word-break: keep-all;}
.size_guide .size_table ul {overflow-x: auto;width: 100%;}
.size_guide .size_table li {display: flex;border-bottom: 1px solid #e3e3e3;}
.size_guide .size_table li span {display: flex;align-items: center;justify-content: center;width: 128px;height: 40px;flex: 0 0 auto;text-align: center;/* border-bottom: 1px solid #e3e3e3; */font-size: 13px;letter-spacing: -0.12px;font-weight: 500;color: #aaaaaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}

.size_guide .info_text {position: relative;margin: 0 20px 0;padding-left: 10px;font-size: 14px;line-height: 18px;word-break: keep-all;color: #707070;}
.size_guide .info_text:before {position: absolute;left: 0;top: 6px;content: '';width: 4px;height: 4px;border-radius: 50%;background: #707070;}

/* 팝업 */
/* .layerdimmed{position: fixed;top: 0;bottom: 0;left: 0; right: 0; z-index: 13; background-color: #00000040;}
.layerdimmed .layer_bg{position: absolute; top: 50px;left: 50%;transform: translateX(-50%);padding:40px;border-radius: 20px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);background-color: #fff;} */
.layer_bg .top{z-index: 2;position: absolute;top: 0;right: 0;text-indent:-99999999em;width:44px;height:44px;background: url(../images/popup_close_bl@3x.png) center no-repeat;background-size: cover;}
.layer_bg .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #f5f5f5;height: 50px; position: absolute; bottom: 0;left: 0; right: 0;display: flex;align-items: center;padding: 0 23px;}
.layer_bg .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;}

/* paging */
.paging{clear:both;text-align:center;margin-top: 30px;}
.paging ul{display:inline-block;vertical-align:top}
.paging ul:after{content:"";display:block;clear:both}
.paging ul li{float:left}
.paging ul li a{float:left;width: 36px;height: 36px;margin: 0 4px;text-align:center;font-size: 16px;color: #222;line-height: 36px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;/* letter-spacing: -0.16px; */}
.paging ul li a.active{color:#fff;background:#b7a386;border-radius:50%;}
.paging ul li a img{display:block}
.paging ul li a strong{/* display:inline-block; *//* position:relative; *//* height:21px; */color: #fff;line-height: 1;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.paging ul li a strong:after{/* content:""; */position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222;}
.paging ul li a.prev,
.paging ul li a.first{margin: 0 16px 0 0;width: 32px;height: 32px;}
.paging ul li a.next,
.paging ul li a.last{margin: 0 0 0 16px;width: 32px;height: 32px;}

/* 임시 페이징 btn*/
.paging_wrap{display: flex;align-items: center;justify-content: center;}
.paging_wrap > button{text-indent:-99999em;width:32px; height:32px}
.paging_wrap .btn_prev{margin-right:20px;background: url(../images/arrow_prev@3x.png) center no-repeat; background-size: 32px;}
.paging_wrap .btn_next{margin-left:20px;background: url(../images/arrow_next@3x.png) center no-repeat; background-size: 32px;}
.paging_wrap .pagination{margin-right:8px;font-size: 16px;font-weight: 500; letter-spacing: -0.16px;width: 40px;height: 40px;}
.paging_wrap .pagination:last-child{margin-right:0;}
.paging_wrap .pagination.active{  background-color: #b7a386; color:#fff;border-radius:50%}



/* 상품 문의 팝업 */
.qna-content{/* padding:30px 20px 20px 20px; */border-top: 2px solid #222;padding-top: 20px;}
.qna-content dl{display: flex;/* height: 40px; */line-height: 40px;}
.qna-content dl:nth-of-type(2){margin-top:20px}
.qna-content dt{font-size: 16px;height: 40px;line-height: 40px;width: 180px;font-weight: 600;}
.qna-content dt .required{text-indent:-9999em;display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #b7a386;vertical-align: text-top;margin: 4px 0 0 3px;}
.qna-content dd{width: 100%;flex-basis: 0;flex-grow: 1;}
.qna-content .counsel-box{position:relative;height: 190px;border-radius: 5px;background: #f8f8f8;margin: 0 0 12px 0;box-sizing: border-box;}
.qna-content .counsel-box p{/* position:absolute; *//* bottom:34px; *//* right:18px; */font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;text-align: right;padding: 12px;box-sizing: border-box;line-height: 1;font-size: 16px;}
.qna-content .counsel-box p span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.qna-content .counsel-box p .color{color:#aaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.qna-content input{border-style:none none solid;border-width:1px;border-color:#e5e5e5;width:100%;/* padding:9px 0; */font-size: 16px;height: 40px;line-height: 40px;}
.qna-content input:placeholder, .counsel textarea:placeholder{color:#aaa}
.qna-content textarea{width:100%;height: 148px;/* background:#f8f8f8; *//* margin:17px 0 24px 0; *//* border-radius:5px; */padding: 20px;box-sizing:border-box;box-sizing: border-box;}
.qna-content textarea::placeholder{color:#aaa}
.qna-content .radio-type{display:flex;justify-content:space-between;align-items:center;padding-bottom: 14px;justify-content: flex-end;}
.qna-content .radio-type label{font-size: 15px;font-weight:500;margin-right: 12px;}
.qna-content .secret{background: #CCCCCC;width: 33px;height: 20px;border: 1px solid #CCCCCC;border-radius: 15px;}
.qna-content .btn_secret{background: #FFFFFF;width: 15px;height: 15px;border: none;border-radius: 15px;position: relative;left: 0px;top: -2px;}
.qna-content .radio-type+p{font-size: 14px;color: #707070;padding-top: 20px;border-top: 1px solid #e5e5e5;line-height: 18px;}
.qna-content .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;}

.qna-content .btns{margin: 50px 0 0 0;display:flex;flex-direction:row;justify-content: center;padding-bottom: 16px;}
.qna-content .btns button{width:50%;height:50px;text-align: center;font-size: 14px;font-weight: 500;align-items:center;border-radius:5px;width: 180px;}
.qna-content .btns #cancel{color:#222; border:solid 1px #e5e5e5; margin-right:5px;}
.qna-content .btns #register{background:#222; color:#fff; margin-left:5px;}

/* 약관동의 팝업 */
.member_use.full_popup{height: 620px;width: 850px;border-radius: 30px;}
.member_use.full_popup .full_close{top: 20px; right: 20px;}
.member_use .full_head{padding: 30px 30px 20px 30px;}
.member_use .full_head .full_title{font-size: 18px; font-weight: 500;}
.member_use .full_body{padding:0 30px}
.member_use .inner .scroll_box{height: 420px;overflow-y: scroll;padding-right: 40px;}
.member_use .inner .scroll_box::-webkit-scrollbar{width: 5px;height: 5px; background-color: #f5f5f5; border-radius: 10px;}
.member_use .inner .scroll_box::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

.member_use #use_term_layer{}
.member_use #use_term_layer .tit{ padding-bottom: 10px;}
.member_use #use_term_layer .tit span{font-size: 16px; font-weight: 500; letter-spacing: -0.16px;}
.member_use #use_term_layer .con{padding-bottom: 20px;}
.member_use #use_term_layer .con span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;}

.member_use .inner .notice{}
.member_use .inner .notice span{font-size: 13px;font-weight: 500; letter-spacing: -0.13px;word-break: keep-all;}

.member_use .btn_wrap{display: flex;justify-content: center; margin-top: 40px;}
.member_use .btn_wrap button{ height: 50px; padding: 0 45px; background-color: #222;border-radius: 50px;color: #fff; font-size: 16px;font-weight: 500;letter-spacing: -0.16px;}

/* 사진첨부 */
.attach_file{}
.attach_file h1 {font-size: 16px; line-height: 24px; color: #222222;font-weight:600}
.attach_file h1.mark:after{position:absolute;top: 3px; right: -6px;content:''; display:block; width: 3px; height: 3px;border-radius:50%;background-color: #b7a286;}
.attach_file .photo_add {display: flex;/* justify-content: space-between; */flex-wrap: wrap;margin: 10px -5px;}
.attach_file .photo_add li {position: relative;width: 76px;height: 76px;margin: 0 5px 10px;border-radius: 5px;border: 0;}
.attach_file .photo_add li:not(.add_btn):after {position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../images/icon_del.png) center no-repeat;background-size: 24px;}
.attach_file .photo_add li:last-child:after {}
.attach_file .photo_add li div {width: 100%;height: 100%;border-radius: 5px;overflow: hidden;position: relative;}
.attach_file .photo_add li div >img {width: 100%; height: 100%;}
.attach_file .photo_add li [name=delete]{width:30px;height: 30px;position: absolute;right: -5px;top: -5px;display: block;/* content: ''; */width: 24px;height: 24px;background: url(../images/icon_del.png) center no-repeat;background-size: 24px;text-indent: -9999em;}
.attach_file .info{}
.attach_file .info ul{}
.attach_file .info li{padding-bottom: 10px; position: relative; padding-left: 9px;}
.attach_file .info li:before{position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;}

.attach_file .info li span{font-size: 12px;line-height: 26px;letter-spacing: -0.12px;color: #707070;}
.attach_file .info li span .point{}

/* 우편번호 찾기 팝업 */
#post_find{ width: 515px;}
#post_find .full_head{padding: 40px 40px 20px 40px;}
#post_find .full_head .full_close{ top: 40px; right: 40px; width: 44px; height: 44px;background-size: 44px;}
#post_find .full_head .full_title{}
#post_find .full_body{ padding: 0 40px 50px 40px;}
#post_find .full_body .inner{border-top: 2px solid;}
#post_find .full_body .search_section{ padding-top: 25px;}
#post_find .full_body .search_section p{font-size: 16px; font-weight: 500;letter-spacing: -0.16px;  color: #222;}
#post_find .full_body .search_section .search{display: flex; align-items: center; justify-content: space-between;margin-top: 10px;}
#post_find .full_body .search_section .search .input_text_wrap{}
#post_find .full_body .search_section .search .input_text_wrap input{ width: 300px;}
#post_find .full_body .search_section .search button{ padding: 0 20px;height: 30px;font-size: 13px;font-weight: 600;border: solid 1px #222;}

#post_find .contWrap {padding: 25px 0 0 0;}
#post_find .contWrap ul.blockLayout.scrbar {height: 393px;overflow-y: auto;padding-right: 8px;}
#post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar{width: 2px;height: 387px; background-color: #f5f5f5; border-radius: 10px;}
#post_find .contWrap ul.blockLayout.scrbar::-webkit-scrollbar-thumb{width: 2px;height: 54px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

#post_find .contWrap ul.blockLayout li {padding: 20px 20px 10px 20px;background: #fff;border-radius: 10px;margin-bottom: 10px;border: solid 1px #e5e5e5;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
#post_find .contWrap ul.blockLayout li:last-child {margin-bottom: 0;}
#post_find .contWrap ul.blockLayout li a {display: block;}
#post_find .contWrap ul.blockLayout li strong {font-size: 16px;font-weight: 700;color: #000;}
#post_find .contWrap ul.blockLayout li table {margin-top: 15px;border-spacing: 0 10px;border-collapse: separate;}
#post_find .contWrap ul.blockLayout li table tbody {}
#post_find .contWrap ul.blockLayout li table tr {margin: 2px 0;}
#post_find .contWrap ul.blockLayout li table th {font-size: 14px;color: #222222;font-weight: 500;vertical-align:top;line-height: 1.29;}
#post_find .contWrap ul.blockLayout li table td {color: #aaaaaa;font-weight: 500;word-break: keep-all;}

#post_find .contWrap .search_emtpy {padding: 110px 0 0; display: flex; flex-direction: column; justify-content: center;}
#post_find .contWrap .search_emtpy img {width: 32px; margin: 0 auto;}
#post_find .contWrap .search_emtpy p {padding-top: 15px; text-align: center; font-size: 14px; line-height: 21px; color: #aaaaaa; font-weight: 500;}

#post_find .full_body .search_emtpy{ display: flex; flex-direction: column;align-items: center; padding-top: 125px;}
#post_find .full_body .search_emtpy img{width: 32px; display: block;}
#post_find .full_body .search_emtpy p{color: #aaa; font-weight: 500; text-align: center; padding: 15px 0 100px 0;}

/* 배송지 목록 팝업 */
#order_dest .dest_list {margin-top: -10px; padding: 0 0 50px;}
#order_dest .dest_list .thead {display: flex; padding: 20px 0; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;}
#order_dest .dest_list .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;}
#order_dest .dest_list .td_440 {width: 440px; margin-right: 30px; position: static;}
#order_dest .dest_list .td_150 {width: 150px; margin: 0 30px;}
#order_dest .dest_list .scroll_y {overflow-y: auto; max-height: 360px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar { width: 2px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar-thumb {background-color: #b7a386;border-radius: 10px;}
#order_dest .dest_list .scroll_y::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px;}
#order_dest .dest_list .addressInfo.remove {}
#order_dest .dest_list .addressInfo {position: relative; display: flex; align-items: center; border-bottom: 1px solid #e5e5e5;}
#order_dest .dest_list .addressInfo >li {flex: 0 0 auto;}
#order_dest .dest_list .addressInfo li input {display: none;}
#order_dest .dest_list .addressInfo li .input_wrap label.dest_check {position: absolute; left: 0; top: 25px; display: inline-block; width: 20px; height: 20px; background: url(../images/checked_off.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden; z-index: 2;}
#order_dest .dest_list .addressInfo li .input_wrap label.dest_check.delete {display: none;}
#order_dest .dest_list .addressInfo li input:checked + .input_wrap label.dest_check {background: url(../images/checked_on.png) center no-repeat; background-size: 20px;}
#order_dest .dest_list .addressInfo li label.box_bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5);}
#order_dest .dest_list .addressInfo li input:checked + .input_wrap label.box_bg {display: none;}
#order_dest .dest_list .list-box {display: block; margin-bottom: 10px; padding: 25px 0 25px 52px; background: #fff; border-radius: 10px;}
#order_dest .dest_list .list-box .tit {display: flex; align-items: center; margin-bottom: 10px;}
#order_dest .dest_list .list-box .tit button {}
#order_dest .dest_list .list-box .tit button h2 {display: inline-block; font-size: 16px; line-height: 24px;}
#order_dest .dest_list .list-box .tit button img {width: 16px; margin-left: 10px;}
#order_dest .dest_list .list-box .tit span {margin-right: 10px; display: flex; align-items: center; height: 26px; padding: 0 8px; border: 1px solid #222222; border-radius: 15px; font-weight: 600; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #222222;}
#order_dest .dest_list .list-box .info {padding: 15px 0 5px; display: flex;}
#order_dest .dest_list .list-box .address_wrap {display: flex;}
#order_dest .dest_list .list-box .address_wrap .mail {margin-right: 5px; font-weight: 500; color: #222222;}
#order_dest .dest_list .list-box .address_wrap .address {display: inline; font-weight: 500; color: #222222;}
#order_dest .dest_list .list-box .detail {display: inline; font-weight: 500; color: #222222;}
#order_dest .dest_list .name {text-align: center; font-weight: 600; color: #222222;}
#order_dest .dest_list .phone {text-align: center; font-weight: 600; color: #222222;}
#order_dest .dest_list .delete {position: absolute; right: 20px; top: 25px; width: 20px; height: 20px; content: ''; background: url(../images/icon_close@3x.png) center no-repeat; background-size: 20px; text-indent: -9999px; overflow: hidden;}
#order_dest .dest_list .btn_select {display: block; margin: 30px auto 0; height: 44px; padding:0 55px; border-radius: 5px; text-align: center; background: #222; color: #fff; font-weight: 500; font-size: 16px;}

#order_dest .con.empty{display: flex;flex-direction: column;align-items: center;padding: 0 20px 50px 20px;position: relative;z-index: 1;}
#order_dest .con.empty .txt{ font-weight: 500; color: #aaaaaa;padding: 10px 0 0 0;}
#order_dest .con.empty img{padding: 50px 0 0 0;width:31px;}
#order_dest .con.empty .btn_large2_wrap{width: 100%;}
#order_dest .con.empty .btn_large2_wrap button{width: 100%;height: 50px;text-align: center;font-size: 14px;font-weight: 600;line-height: 18px;align-items: center;border-radius: 5px;}


/* 배송지 목록 팝업 - 베송지명 변경 팝업, 에스크로 사용 안내 팝업, 세트상품 교환/반품 안내 팝업 */
.inner_popup {display: flex; height: 0; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; top: -calc(var(--vh, 1vh) * 100);; bottom: 0; background: rgba(0,0,0,0.4); z-index: 1000;}
.inner_popup.on {height: calc(var(--vh, 1vh) * 100);top: 0;}
.inner_popup .box {height: 0;transform: translate3d(0, 30px, 0);opacity: 0;position: relative;margin: 0 30px;padding: 25px 25px 30px 30px;background: #fff;border-radius: 20px;}
.inner_popup .box.on {height: auto;transform: translate3d(0, 0, 0);opacity: 1;transition: all 0.5s;width: 320px;}
.inner_popup .box .tit_wrap {}
.inner_popup .box .tit_wrap h1 {font-size: 18px;font-weight: 600;}
.inner_popup .box .tit_wrap .close {display: block;position: absolute;top: 15px;right: 15px;z-index: 200;width: 40px;height: 40px;background: #ffffff url("../images/icon_close_btn@3x.png") center center no-repeat;font-size: 0;text-indent: -9999px;background-size: 16px; overflow: hidden;}

.inner_popup .box .con {}
.inner_popup .box .con .modify_wrap {display: flex;align-items: center;justify-content: space-between;margin-top: 13px;}
.inner_popup .box .con .input_text_wrap {width: calc(100% - 64px);}
.inner_popup .box .con .input_text_wrap {position: relative;} 
.inner_popup .box .con .input_text_wrap:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;}
.inner_popup .box .con .input_text::placeholder  {color: #222222; font-weight: 500;}
.inner_popup .box .con .input_text {padding-right: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;font-weight: 500;font-size: 16px;}
.inner_popup .box .con .save {height: 32px;padding: 6px 12px;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;line-height: 18px;color: #222222;letter-spacing: -0.14px;}
.inner_popup .box.set {margin: 0 20px; padding: 20px;}
.inner_popup .box.set h1 {font-size: 18px; line-height: 27px;}
.inner_popup .box.set .con ul {padding-top: 20px;}
.inner_popup .box.set .con ul li {padding-left: 10px; position: relative; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; color: #707070; word-break: keep-all;}
.inner_popup .box.set .con ul li:before {position: absolute; left: 0; top: 8px; display: block; content: ''; width: 3px; height: 3px; background: #707070; border-radius: 50%;}

.inner_popup.escrow_popup .box {padding: 20px;}
.inner_popup .box .con .escrow_wrap {margin-top: 20px;}
.inner_popup .box .con .escrow_wrap p {font-size: 16px; color: #707070; font-weight: 500; word-break: keep-all;}
.inner_popup.escrow_popup .btn_close {padding: 13px 45px; display: block; margin: 40px auto 0; width: 120px; height: 50px; text-align: center; border-radius: 50px; background: #222; color: #fff; font-size: 16px; font-weight: 500;}

/* 환불계좌등록, 정보 팝업  */
#refundAccount {margin: -10px 0 10px;}
#refundAccount .thead {display: flex; padding: 20px; border-top: 2px solid #222222; border-bottom: 1px solid #e5e5e5;}
#refundAccount .thead >li {display: flex; justify-content: center; align-items: center; flex: 0 0 auto; text-align: center; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500;}
#refundAccount .td_200 {width: 200px; margin: 0 10px;}
#refundAccount .td_300 {width: 300px; margin: 0 10px;}
#refundAccount .td_150 {width: 150px; margin: 0 10px;}
#refundAccount .tbody {display: flex; padding: 25px 20px; border-bottom: 1px solid #e5e5e5;}
#refundAccount .tbody >li {flex: 0 0 auto;}
#refundAccount.accountInfo .tbody >li {display: flex; align-items: center; justify-content: center;}
#refundAccount.accountInfo .bank {font-size: 15px; color: #707070; font-weight: 500;}
#refundAccount.accountInfo .account {font-size: 16px; color: #707070; font-weight: 400;}
#refundAccount.accountInfo .name {font-size: 14px; color: #222222; font-weight: 500;}
#refundAccount .tbody .btn_large2_wrap {justify-content: center;}
#refundAccount .btn_large2_wrap button.btn_large2_1 {width: 140px; height: 44px; border: 1px solid #e5e5e5;}
#refundAccount .btn_large2_wrap button.btn_large2_2 {width: 198px; height: 44px;}
#refundAccount .b_section {padding-top:15px; display: flex; justify-content: space-between;}
#refundAccount .notice{}
#refundAccount .notice li{padding-bottom: 10px;position:relative;padding-left: 9px;font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;}
#refundAccount .notice li:last-child{padding-bottom: 0;}
#refundAccount .notice li:before{position: absolute; left: 0;top: 8px;content: '';width: 3px;height: 3px; background-color: #707070;border-radius: 50%;}

/* 오프라인 매장 재고확인 팝업 */
.stock_content{margin: 10px 20px 0 10px;}
.stock_content .info{font-size:14px;font-weight:500;color:#707070}
.stock_content .item{display: flex;justify-content:flex-start;padding-bottom: 14px;border-bottom:1px solid #e3e3e3;margin-top: 10px;}
.stock_content .item .item_pic{width: 90px;height: 90px;margin-right: 15px;border-radius: 5px;border: solid 1px #f5f5f5;overflow: hidden;}
.stock_content .item .item_tit{width: 100%;display: flex;flex-direction: column;}
.stock_content .item .item_tit .brand{color:#aaa;font-size:14px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight:500}
.stock_content .item .item_tit>p{font-size: 16px;line-height: 20px;height: 20px;font-weight:500;/* overflow: hidden; */text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 445px;display: block;margin-top: 7px;}
.stock_content .item .item_tit .item_price{font-size: 20px;margin-top: 10px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_color{padding: 25px 0;}
.stock_content .item_color p{display:flex; justify-content:space-between; font-weight:600;}
.stock_content .item_color p span:first-child{font-size: 16px;color:#000000;font-weight: 600;}
.stock_content .item_color p span:last-child{font-size: 13px;margin-top: auto;font-weight:500;}
.stock_content .item_color .color_select_box{margin: 12px -5px 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.stock_content .item_color .color_select_box li{padding: 0 5px;}
.stock_content .item_color input[type='radio']{display: none;}
.stock_content .item_color label div{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border: 1px solid transparent;box-sizing: border-box;}
.stock_content .item_color label img{width:51px; display:block;}
.stock_content .item_color input[type='radio']:checked+label div{border:1px solid #222;border-radius:5px;overflow: hidden;}
.stock_content .item_size{}
.stock_content .item_size p{display:flex; justify-content:space-between; font-weight:700;}
.stock_content .item_size p span{font-size: 16px;color:#000000;font-weight: 600;}
.stock_content .item_size p button{font-size: 13px;margin-top: auto;font-weight:500;}
.stock_content .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;}
.stock_content .item_size .item_size_list{margin: 15px -6.5px 0;display:flex;flex-wrap: wrap;}
.stock_content .item_size .item_size_list li{padding: 0 4.5px 9px 4.5px;}
.stock_content .item_size .item_size_list li input{display:none}
.stock_content .item_size .item_size_list li input + label.select_size{display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border: 1px solid #e5e5e5;border-radius: 5px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;font-size: 12px;color: #dddddd;box-sizing: border-box;}
.stock_content .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
.stock_content .item_size .item_size_list li.active label{color: #222222 !important;;}
.stock_content .item_branch{padding: 21px 0 40px 0;}
.stock_content .item_branch p{font-size: 16px;display:flex;justify-content:flex-start;font-weight: 600;}
.stock_content .item_branch .select_branch{width: 100%;height: 40px;display: flex; justify-content: space-between;align-items: center; border-bottom: 1px solid #e5e5e5;}
.stock_content .item_branch .select_branch button{}
.stock_content .item_branch .select_branch button .icon_down_arrow{text-indent: -999px; display: inline-block;margin-left: 5px;vertical-align: middle; background: url(../images/icon/input_arrow.png) no-repeat 100% 50%; background-size: 24px 24px; width: 24px;height: 24px;}
.stock_content .item_count{position:relative;padding-bottom: 25px;border-bottom:1px solid #dddddd;}
.stock_content .item_count p{display:flex; justify-content:space-between; font-weight:700;}
.stock_content .item_count .total{font-size:16px;color:#000000;font-weight: 600;}
.stock_content .item_count .num{color:#b7a386;font-weight: 700;}
.stock_content .item_count p #refresh_btn{font-size: 14px;font-weight:500;display: flex;align-items: center;}
.stock_content .item_count p #refresh_btn .refresh {width: 15px;height: 15px;margin-right: 5px;text-indent: -999999px;background: url(../images/icon_refresh@3x.png) no-repeat center;background-size: 15px;}
.stock_content .item_count .layer_gradient{ position:relative;}
.stock_content .item_count .layer_gradient:before{position: absolute;top: 0;content: "";width: 36px;height: 40px;background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index:5;right: 0;}
.stock_content .item_count .item_option_list{margin: 18px -5px 0;display: flex;overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;}
.stock_content .item_count .item_option_list::-webkit-scrollbar {display: none;width: 0 !important;}
.stock_content .item_count .item_option_list li{margin: 0 5px;}
.stock_content .item_count .item_option_list li:last-child{margin-right:0}
.stock_content .item_count .item_option_list button p{padding: 11px 15px;display: flex;justify-content: center;align-items: center;background: #f2f4f7;border-radius: 30px;}
.stock_content .item_count .item_option_list button span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 13px;font-weight: 600;word-break: keep-all;line-height: 1;}
.stock_content .item_count .item_option_list .icon_close{position: relative;background-color: #aaa;margin-left:10px;text-indent: -9999em;border-radius: 0;width: 10px;height: 1px;transform: rotate(45deg);}
.stock_content .item_count .item_option_list .icon_close:after{position: absolute; top: 0;content:'';display:block;width:10px; height:1px;transform: rotate(-90deg);background-color: #aaa;}
.stock_content .item_store_wrap{border-bottom: 1px solid #ddd;padding-bottom: 30px;position: relative;}
.stock_content .item_store{ display:flex;flex-direction: column;padding: 25px 0 0;}
.stock_content .item_store .info_txt{font-size: 12px;line-height: 2.17;text-align: right;letter-spacing: -0.12px;color: #b7a386;}
.stock_content .item_store .store_wrap{display: flex;}
.stock_content .item_store .store_wrap .branch_desc{width:100%}
.stock_content .item_store .store_wrap img{width: 130px;margin-right: 20px;height: 130px;}
.stock_content .item_store .branch_name{font-size: 18px;font-weight:600;/* margin-bottom:5px; */line-height: 27px;}
.stock_content .item_store .branch_address{font-size:16px;/* margin-top:8px; */display: flex;justify-content: space-between;/* align-items: center; */min-height: 40px;}
.stock_content .item_store .branch_address span{display:inline-block;/* width: 333px; *//* height: 40px; */padding-top: 8px;flex-basis: 0;flex-grow: 1;}
.stock_content .item_store .branch_address #copy{text-indent:-9999em;width:40px;height:40px;border:1px solid #e5e5e5;border-radius:50%;box-sizing: border-box;margin-left: 10px;background:url(../images/url_copy@3x.png) center no-repeat;background-size:17.4px;}
.stock_content .item_store .branch_hour{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 15px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;}
.stock_content .item_store .branch_hour span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_store .branch_hour .clock{width:13px; height:13px; background-image:url(../images/icon_time@3x.png); margin-right:2px;background-size: contain;}
.stock_content .item_store .branch_tel{font-size: 15px;color:#7a7a7a;display:flex;align-items:center;margin-top: 10px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;flex-wrap: wrap;line-height: 22px;}
.stock_content .item_store .branch_tel span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .item_store .branch_tel .tel{width:13px; height:13px; background-image:url(../images/icon_time@3x.png); margin-right:2px;background-size: contain;}
.stock_content .total_list ul{padding:20px;justify-content: flex-start;flex-direction: column; border-radius:5px; background-color:#f8f8f8;}
.stock_content .total_list ul li:before{content:''; display:inline-block; width:3px; height:3px; vertical-align: middle; border-radius:50%; background:#333333; margin-right:6px}
.stock_content .total_list ul li{font-weight:500;}
.stock_content .total_list ul li span{font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.stock_content .total_list .count{color:#b7a386;}
.stock_content .btns{/* margin-top:20px; */display:flex;flex-direction:row;justify-content:space-between;position: absolute;top: 0;right: 0;/* width: 40px; *//* height: 40px; */}
.stock_content .btns button{width: 100%;height: 50px;display: flex;justify-content: center;align-items:center;border-radius:5px;width: 40px;height: 40px;border: 1px solid #e5e5e5;border-radius: 50%;text-indent: -9999em;}
.stock_content .btns button span{font-weight: 500;font-size: 14px;}
.stock_content .btns img{width:20px; vertical-align:middle;}
.stock_content .btns #call{background:#222; color:#fff; margin-left:5px;}
.stock_content .no_stock_branch{display: flex;justify-content: center;padding: 57px 0 0 0;flex-direction: column;align-items: center;}
.stock_content .no_stock_branch img{width:30px;display: block;}
.stock_content .no_stock_branch p{line-height: 1.5;margin: 10px 0 50px;font-weight: 500;-webkit-text-stroke: 1px rgba(0, 0, 0, 0);letter-spacing: -0.14px;color: #aaa;}

/* 나의쇼핑 - 장바구니 담기 팝업  */
#cart_add.scroll {height: 644px;}
#cart_add .layer_tit{padding-bottom: 30px;font-size: 30px;font-weight: 600; letter-spacing: -0.3px;color: #222;}
#cart_add .con{display: flex;justify-content: space-between;/* overflow-y: scroll; */}
#cart_add .con .con_photo{ width: 450px;margin-right: 40px;position:relative}
#cart_add .con .con_photo .photo_wrap{width: 450px; height: 450px;border-radius: 5px; overflow:hidden}
#cart_add .con .con_photo img{display:block}
#cart_add .list-prev{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);left:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_prev@3x.png) center no-repeat; background-size:  44px;}
#cart_add .list-next{cursor: pointer;position: absolute;top:50%;transform: translateY(-50%);right:14px;z-index: 1;width: 44px;height: 44px;background: url(../images/list_slider_next@3x.png) center no-repeat; background-size:  44px;}
#cart_add .pagination{position: absolute; padding-top: 20px;display: flex;left: 50%;transform: translateX(-50%);}
#cart_add .pagination .swiper-pagination-bullet{background-color: #d6d6d6;margin-right:10px}
#cart_add .pagination .swiper-pagination-bullet:last-child{margin-right:0}
#cart_add .pagination .swiper-pagination-bullet-active{background-color: #000;}
#cart_add .con .option_box{padding-right: 20px;/* height: 600px; *//* overflow-y: auto; *//* overflow-x: hidden; */width: 430px;}
#cart_add .con .option_box::-webkit-scrollbar{width: 2.5px;height: 440px; background-color: #f5f5f5; border-radius: 10px;}
#cart_add .con .option_box::-webkit-scrollbar-thumb{width: 2.5px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}
#cart_add .con .option_box .hd{display: flex;justify-content: space-between;align-items: center;padding-bottom: 12px;}
#cart_add .con .option_box .hd .brand_btn{font-size: 12px;font-weight: 600;color: #707070;/* line-height: 1; */}
#cart_add .con .option_box .hd .brand_btn:after{display:inline-block;content:'';background: url(../images/icon/input_arrow_right@3x.png) center 2px no-repeat;width:12px;height: 14px;background-size: 14px;}
#cart_add .con .option_box .hd span{font-size: 11px;font-weight: 500;color: #aaa;}

#cart_add .con .option_box .product_nm{font-size: 18px;font-weight: 600;letter-spacing: -0.18px;color: #222;padding-right: 39px;}
#cart_add .con .option_box .marketing_title{height: 20px;font-size: 14px;font-weight:600;font-stretch: normal;font-style: normal;line-height: 1.82;letter-spacing: -0.14px;text-align: left;color: #5211ce;display: block;margin-top: -12px;}
#cart_add .con .option_box .review_sum{display: flex;align-items: center;justify-content: space-between;padding: 12px 0 10px 0;}
#cart_add .con .option_box .review_sum .left_wrap{ display: flex;align-items: center;}
/* #cart_add .con .option_box .review_sum .star_wrap{}
#cart_add .con .option_box .review_sum .star_wrap img{width: 15px;display: inline-block;}
 */
#cart_add .con .option_box .review_sum .star_wrap{/* display: flex; */width: 104px;height: 17px;background: #dddddd;position: relative;}
#cart_add .con .option_box .review_sum .star_wrap .star_bar{/* display: flex; */background: #b7a386;height: 16px;/* width: 97px; */}
#cart_add .con .option_box .review_sum .star_wrap .star_bg{content: "";display: block;position: relative;z-index: 10;width: 104px;height: 17px;background: url(../images/rating_off_white@3x.png) repeat-x 0 0;background-size: contain;pointer-events: none;position: absolute;left: 0;top: 0;background-size: 103px;}

#cart_add .con .option_box .review_sum .left_wrap .score{font-size: 18px;font-weight: 600; color: #222;margin: 0 10px;}
#cart_add .con .option_box .review_sum .left_wrap .bar{ width: 1px;background-color: #ddd;display:block;height: 14px;margin-right:7px}
#cart_add .con .option_box .review_sum .left_wrap .view_review{display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #222;letter-spacing: -0.14px;}
#cart_add .con .option_box .review_sum .left_wrap .view_review:after{display:block;content:'';width: 12px;height: 12px;background: url(../images/icon/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#cart_add .con .option_box .review_sum .right_wrap{padding-right: 15px;}

#cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
#cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../images/icon_heart@3x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size: contain;}
#cart_add .con .option_box .review_sum .wish_btn #like{}
#cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size:30px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label{}

#cart_add .con .option_box .review_sum .wish_btn{position: relative;display: flex;}
#cart_add .con .option_box .review_sum .wish_btn .input_none {display: none;}
#cart_add .con .option_box .review_sum .wish_btn #like{/* position: absolute; *//* right: 0; *//* top: 0; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* width: 30px; *//* height: 30px; *//* border-radius: 21px; *//* background-color: #fff; *//* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */}
#cart_add .con .option_box .review_sum .wish_btn #like + label {display: inline-block;width: 30px;height: 30px;background: url(../images/icon_heart@3x.png) center no-repeat;/* background-size: contain; */text-indent: -9999px;overflow: hidden;background-size: 30px;margin-right: 6px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label {display: block;width: 30px;height: 30px;background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size: contain;}
#cart_add .con .option_box .review_sum .wish_btn #like{}
#cart_add .con .option_box .review_sum .wish_btn #like + label.active{background: url(../images/icon_heart_on@3x.png) center no-repeat;background-size:30px;}
#cart_add .con .option_box .review_sum .wish_btn #like:checked + label{}
#cart_add .con .option_box .review_sum .wish_btn .share{display: inline-block;position: relative;}
#cart_add .con .option_box .review_sum .wish_btn .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns{display:flex;position: absolute;right: 0;/* padding: 0 0 0 13px; */top: 40px;overflow: hidden;opacity: 0;transition: opacity 0.3s;z-index: 5;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.twitter{transform: translate(84px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.facebook{transform: translate(44px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.kakao{transform: translate(-129px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share .sns li.url_copy{transform: translate(4px, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.twitter{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.facebook{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.kakao{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns li.url_copy{transform: translate(0, 0);}
#cart_add .con .option_box .review_sum .wish_btn .share.active .sns{overflow: visible;opacity: 1;}

#cart_add .con .option_box .review_sum button{/* width:24px; *//* height:24px; *//* text-indent: -999em; */}
#cart_add .con .option_box .review_sum .btn_wish{background: url(../images/icon_heart_in_list@3x.png) center center no-repeat; background-size: 24px;}
#cart_add .con .option_box .review_sum .btn_share{background: url(../images/icon_share@3x.png) center no-repeat; background-size:24px;}
#cart_add .con .option_box .review_sum .btn_wish.active{background:url(../images/icon_heart_on@3x.png) !important;background-size:cover !important;}

#cart_add .con .option_box .label_list{padding-top: 0;}
#cart_add .con .option_box .label_list{/* margin-top: 16px; *//* border-bottom:1px solid #e5e5e5; */padding-bottom: 30px;}

#cart_add .con .option_box .label_list {font-size: 0;display: flex;align-items: center;flex-wrap: wrap;/* padding-top: 15px; *//* border-bottom: 1px solid #e5e5e5; *//* margin-bottom: 20px; */}
#cart_add .con .option_box .label_list span {/* padding: 2px 3px; */font-size: 10px;line-height: 11px;letter-spacing: -0.08px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;border-radius: 3px;display: block;box-sizing: border-box;margin-right: 4px;font-weight: 600;margin-bottom: 2px;/* -webkit-transform: scale(0.8); */position: relative;/* text-indent: -9999em; */height: 19px;/* width: 29px; *//* padding: 3px 7px; */}
#cart_add .con .option_box .label_list span img{display:block;height:19px;}
#cart_add .con .option_box .label_list span:last-child{margin-right:0}
#cart_add .con .option_box .label_list span.label_best {/* color: #fff; *//* background: #222222; *//* border: 1px solid #222; *//* width: 36px; *//* height: 17px; *//* width: 29px; *//* height: 14px; */}
#cart_add .con .option_box .label_list span.label_new {/* color: #fff; *//* background: #5211ce; *//* border: 1px solid #5211ce; */}
#cart_add .con .option_box .label_list span.label_case {/* color: #222; *//* background: #efefef; *//* border: 1px solid #efefef; */}
#cart_add .con .option_box .label_list span.label_gift {/* color: #fff; *//* background: #ff99a6; *//* width: 26px; *//* border: 1px solid #ff99a6; */}
#cart_add .con .option_box .label_list span.label_exc {/* color: #fff; *//* background: #b7a386; *//* border: 1px solid #b7a386; *//* width: 53px; */}
#cart_add .con .option_box .label_list span.label_online {/* color: #222222; *//* border: 1px solid #222222; *//* padding: 1px 4px; *//* width: 40px; */}
#cart_add .con .option_box .label_list span.label_cobuying {color: #5212ce;border: 1px solid #5212ce;background: #fff;letter-spacing: -0.12px;/* width: 37px; */font-family: 'NotoSansCJKkr';padding: 3px 7px;}

#cart_add .con .option_box .item_color{/* margin-top: 30px; */}
#cart_add .con .option_box .item_color .tit{font-size:16px;font-weight:600;color: #000;}
#cart_add .con .option_box .item_color p{display:flex; justify-content:space-between; font-weight:600;}
#cart_add .con .option_box .item_color p span:first-child{font-size: 16px;color:#000000;letter-spacing: -0.16px;font-weight: 600;}
#cart_add .con .option_box .item_color p span:last-child{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;}
#cart_add .con .option_box .item_color .color_select_box{margin: 10px -3.5px 20px -3.5px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
#cart_add .con .option_box .item_color .color_select_box li{padding: 3.5px;}
#cart_add .con .option_box .item_color input{display: none;}
#cart_add .con .option_box .item_color label div{width:59px; height:59px;display: flex;justify-content: center; align-items: center; border: 1px solid transparent;}
#cart_add .con .option_box .item_color label img{width:51px; display:block;}
#cart_add .con .option_box .item_color input:checked+label div{border:1px solid #222; border-radius:5px;}
#cart_add .con .option_box .item_size p{display:flex; justify-content:space-between; font-weight:700;align-items: baseline;}
#cart_add .con .option_box .item_size p span{font-size: 16px;color:#000000;font-weight: 600;letter-spacing: -0.16px;}
#cart_add .con .option_box .item_size p span:nth-child(1) {margin-right: 10px;}
#cart_add .con .option_box .item_size p span:nth-child(2) {color: #5211ce;font-size: 13px;margin-right: auto;font-weight: 500;}
#cart_add .con .option_box .item_size .item_name{font-weight: 500;}
#cart_add .con .option_box .item_size p button{font-size: 13px;/* margin-top: auto; */font-weight:500;color: #222;letter-spacing: -0.13px;white-space: nowrap;}
#cart_add .con .option_box .item_size.set{/* padding-bottom:11px; */}
#cart_add .con .option_box .item_size.set:last-child{padding-bottom:0;}
#cart_add .con .option_box .item_size.set button{margin-bottom: auto;}
#cart_add .con .option_box .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;}
#cart_add .con .option_box .item_size .item_size_list{display:flex;flex-wrap: wrap;margin: 10px -4.5px;}
#cart_add .con .option_box .item_size .item_size_list li{padding: 0 4.5px 10px 4.5px;}
#cart_add .con .option_box .item_size .item_size_list li:last-child{margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li:nth-child(6){margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li:nth-child(12){margin-right:0;}
#cart_add .con .option_box .item_size .item_size_list li input{display:none}
#cart_add .con .option_box .item_size .item_size_list li input + label.select_size{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: 12px; color: #dddddd; box-sizing: border-box;}
#cart_add .con .option_box .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
#cart_add .con .option_box .item_size .item_size_list li.active label{color: #222222 !important;;}
#cart_add .con .option_box .item_amount{display: flex;/* padding: 15px 0 0 0; */border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
#cart_add .con .option_box .item_amount .tit{font-size: 16px;font-weight: 600;/* line-height: 2; */color: #000000;letter-spacing: -0.16px;display: flex;align-items: center;}
#cart_add .con .option_box .item_amount .count_btn{margin-left: auto;height: 40px;display: flex;justify-content: space-between;align-items: center;/* border-bottom: 1px solid #e5e5e5; */}
#cart_add .con .option_box .item_amount .count_btn span{}
#cart_add .con .option_box .item_amount .count_btn span input{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 16px;font-weight: 700;border: 0;width: 145px;text-align: center;}
#cart_add .con .option_box .item_amount .count_btn #minus_one{width: 14px;height: 14px;background: url(../images/amount_down.png) no-repeat center;background-size: cover;text-indent: -9999em;}
#cart_add .con .option_box .item_amount .count_btn #plus_one{width: 14px;height: 14px;background: url(../images/amount_up.png) no-repeat center;background-size: cover;text-indent: -9999em;}
#cart_add .con .option_box .total{/* border-top: 1px solid #e5e5e5; *//* padding-top: 19px; */margin: 20px 0 30px;}
#cart_add .con .option_box .total .box{font-size: 18px;font-weight: 500;color: #222;display: flex;justify-content: space-between;align-items: end;}
#cart_add .con .option_box .total .box .price{}
#cart_add .con .option_box .total .box .price strong{font-size: 24px;font-weight: 700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 30px;}
#cart_add .con .option_box .sum_price{padding: 20px 0 30px 0;display: flex; justify-content: space-between; align-items: center;}
#cart_add .con .option_box .sum_price > span{font-size: 18px;font-weight: 500;letter-spacing: -0.18px; color: #222;}
#cart_add .con .option_box .sum_price > span .num{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;color: #b7a386;font-weight: 600;}
#cart_add .con .option_box .sum_price .price{ text-decoration: none; font-size: 24px;font-weight: 700;color: #222;}
#cart_add .benefit{padding-bottom: 30px;}
#cart_add .benefit .tit{ font-size: 16px;font-weight: 600;letter-spacing: -0.16px;color: #222;padding-bottom: 12px;}
#cart_add .benefit ul li {position: relative;padding: 4px 0 4px 30px;font-size: 13px;line-height: 19px;color: #707070;letter-spacing: -0.13px;font-weight: 500;}
#cart_add .benefit ul li.card,
#cart_add .benefit ul li.change {display: flex;align-items: self-start;align-items: center;}
#cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../images/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;}
#cart_add .benefit ul li span.add_info:hover{cursor:pointer}
#cart_add .benefit ul li span.add_info {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(../images/i.png) center no-repeat; background-size: 13px; text-indent: -9999px; overflow: hidden;}
#cart_add .benefit ul li span.important {font-weight: bold}
#cart_add .benefit ul li:not(.deliveryInfo):before {position: absolute; left: 0; top: 4px; display: block; width: 20px; height: 20px; content: ''; }
#cart_add .benefit ul li.li_card_promotion:first-child:before {background: url(../images/icon_point_60px.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.card:before {background: url(../images/icon_card.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.point:before {background: url(../images/icon_point.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.deliveryfee:before {background: url(../images/icon_delivery.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.stock:before {background: url(../images/icon_stock.png) center no-repeat; background-size: 20px;}
#cart_add .benefit ul li.deliveryInfo .icon:after{content:'결제일 기준 2일이내 출고예정\A (주말/공휴일 제외이며, 매장 발송 건 및 당사 사정에 의하여\A 지연될 수 있습니다.)';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;}
#cart_add .benefit ul li.deliveryInfo .icon.resGoods:after{content:'주말/공휴일 제외이며, 매장 발송 건 및 당사 사정에\A 의하여 지연될 수 있습니다.';white-space:pre;display:none;position: absolute;top: 26px;left: 45px;border: 1px solid #999;padding: 10px 20px;background: #fff;font-weight: 500;z-index: 2;color:#222;border-radius: 5px 20px 20px 20px;}
#cart_add .benefit ul li.deliveryInfo .icon:hover::after{display:block;}
#cart_add .benefit ul li.deliveryInfo .icon{display: block;width: 15px;height: 15px;cursor: pointer;margin-left: 5px;background: url(../images/i.png) 0px 2px no-repeat;}
#cart_add .benefit ul li.deliveryInfo {display: flex;align-items: center;}
#cart_add .benefit ul li.stock .off {margin-left: 7px;display: inline-block;height: 18px;border-bottom: 1px solid #222222;font-size: 12px;letter-spacing: -0.12px;color: #222222;font-weight: 500;}
#cart_add .benefit ul li.stock .off:hover{cursor:pointer}
#cart_add .benefit ul li.change:before {background: url(../images/icon_change.png) center no-repeat; background-size: 20px;} 
#cart_add .benefit .change_info_wrap {display: none;}
#cart_add .benefit .change_info_wrap.active {display: block;}
#cart_add .benefit .change_info {position: absolute; left: 20px; right: 20px; bottom: -15px;}
#cart_add .benefit .change_info p {background: #222222; padding: 10px 12px; border-radius: 5px 20px 20px 20px; color: #fff; font-size: 12px; line-height: 18px; letter-spacing: -0.24px;}
#cart_add .benefit .change_info p span {color: #b7a386;}
#cart_add .benefit .close_bg {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 1;}
#cart_add .con .option_box .large_btn{display: block;}
#cart_add .con .option_box .large_btn button{width: 100%;height: 50px;border-radius: 5px;border: solid 1px #ddd;font-size: 16px;font-weight: 600;color: #222;margin-bottom: 5px;}
#cart_add .con .option_box .large_btn .soldout{width: 100%;height: 50px;line-height:50px;text-align:center;border-radius: 5px;font-size: 16px;font-weight: 600;color: #fff;background:#222;position:relative;}
#cart_add .con .option_box .large_btn .soldout:after{display:block;content:'';width:100%;height:100%;background:rgba(255,255,255,.8);position:absolute;left:0;top:0}

#cart_add .opt_wrap{padding:20px 0 15px;/* border-top:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;}
#cart_add .opt_box{display:flex;justify-content: space-between;margin-top: 15px;}
#cart_add .opt_box:nth-of-type(1){margin-top: 0;}
#cart_add .opt_box .opt_tit{font-size: 16px;font-weight: 600;line-height: 40px;color: #000;}
#cart_add .option{width:243px}
#cart_add .option .errortxt{color:#f25758;font-size:14;padding-top:10px;display:none}
#cart_add .option.error .errortxt{display:block;}
#cart_add .option.error .pack_goods button{border-bottom:1px solid #f25758}
#cart_add .pack_goods {position:relative;}
#cart_add .pack_goods button {position:relative;display:block;width: 100%;height:40px;/* padding:0 40px 0 19px; */font-size:15px;font-weight: 500;line-height:40px;color: #707070;border-bottom: 1px solid #d6d6d6;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;padding-right: 20px;}
#cart_add .pack_goods button:before {/* content:''; */position:absolute;right:25px;top:19px;width:10px;height:2px;background:#222;transform:rotate(45deg);}
#cart_add .pack_goods button:after {content:'';position:absolute;right: 0;top: 0;width: 20px;height: 40px;background: url(../images/icon/input_arrow_down_black@3x.png) center center no-repeat;background-size: 20px;}
#cart_add .pack_goods button.on:before {transform:rotate(-45deg);}
#cart_add .pack_goods button.on:after {/* transform:rotate(45deg); */}
#cart_add .pack_goods ul {overflow:hidden;position:absolute;top: 43px;height:0;width:100%;/* border:1px solid #d6d6d6; */border-top:0 none;border-bottom:0 none;background:#fff;box-sizing:border-box;z-index:100;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 0 20px;}
#cart_add .pack_goods ul.option_list{width: 428px;left: -185px;}
#cart_add .pack_goods ul.on {max-height:301px; border-bottom:1px solid #d6d6d6;}
#cart_add .pack_goods ul li {/* height:59px; *//* border-top:1px solid #d6d6d6; */padding: 20px 0 0px;position: relative;cursor: pointer;}
#cart_add .pack_goods ul li input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
#cart_add .pack_goods ul li input + label{display:block;cursor: pointer;}
#cart_add .pack_goods ul li input + label p{font-size:14px;line-height:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;display: inline-block;max-width: 388px;position: relative;box-sizing: border-box;}
#cart_add .pack_goods ul li input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li input:checked + label{}
#cart_add .pack_goods ul li input:checked + label p{font-weight:600;background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;}
#cart_add .pack_goods ul li input:checked + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li.active input + label p{font-weight:600;padding-right: 25px;}
#cart_add .pack_goods ul li.active input + label p:after{background:url(../images/icon/checked_on@3x.png) center right no-repeat;background-size:13px;display:block;content:'';width:13px;height:13px;position:absolute;top:3px;right:0}
#cart_add .pack_goods ul li.active input + label > span{font-size:13px;color:#707070;display:block;margin-top:5px;}
#cart_add .pack_goods ul li:last-child{padding-bottom: 20px;}
#cart_add .pack_goods ul li:first-child {/* height:60px; */border-top:0 none;/* padding-top: 20px; */padding-bottom:0}
#cart_add .pack_goods ul li a {display:block; height:59px; padding:3px 19px 0 20px; box-sizing:border-box;}
#cart_add .pack_goods ul li a span {display:block; font-size:13px; }
#cart_add .pack_goods ul li a .text {overflow:hidden; line-height:28px;}
#cart_add .pack_goods ul li a .name {float:left; max-width:312px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
#cart_add .pack_goods ul li a .ea {float:right; max-width:65px; text-align:right; color:#666;}
#cart_add .pack_goods ul li a .price {color:#222;}
#cart_add .pack_goods ul li.soldout a,
#cart_add .pack_goods ul li.soldout a span {color:#a8a8a8}

#cart_add .option_select{}
#cart_add .option_select .goods_option_list{}
#cart_add .option_select .goods_option_list p.tit{font-size:16px;font-weight:600;color:#000;padding: 20px 0 4px;display:block;}
#cart_add .option_select .goods_option_list .optionListDiv{}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box{background:#f8f8f8;border-radius:10px;margin-top:10px;padding: 20px;box-sizing: border-box;position: relative;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li{}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.size{font-size: 14px;font-weight: 500;color: #aaaaaa;margin-bottom:10px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price{display: flex;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price > span{font-size:18px;font-weight:700;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;line-height: 25px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon{width:71px;height:25px;display: inline-block;margin-left: 10px;border: 1px solid #222;border-radius: 5px;box-sizing: border-box;text-align: center;font-size: 11px;font-weight: 600;line-height: 23px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .btn_coupon:after{display:inline-block;content:'';width:12px;height: 12px;background: url('../images/download@3x.png') center -2px no-repeat;background-size:12px;margin-left:2px;vertical-align: middle;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.price .amount{display: flex;align-items: center;justify-content: center;margin-left: auto;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box:after {content:''; display:block; clear:both;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title {/* position:relative; */margin: 0 0 2px;font-size: 16px;font-weight: 500;color:#222;line-height: 23px;padding-right: 25px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.title a{position:absolute;right:16px;top: 18px;width:26px;width: 26px;height: 26px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount {float:left;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span {width: 17px;display: inline-block;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount span a{display:flex;align-items:center;justify-content:center;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount input[type=text] {/* float:left; */width: 67px;height: 25px;padding:0 0 2px;font-size:13px;line-height:26px;text-align:center;/* color:#5d5d5d; */border: 0;margin: 0 13px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 15px;font-weight: 700;background: transparent;box-sizing: border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li .amount .optcoupon {float:left; margin:1px 0 0 14px; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon {position:relative; float:left; margin:0 0 0 13px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon a {display:inline-block; padding:2px 32px 3px 13px; font-size:13px;  color:#fff; background:url(../images/coupon_downicon.png) #222 no-repeat 70px 8px; border-radius:28px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer {display:none; position:absolute; left:-143px; top:59px; width:540px; min-height:265px; padding:24px 29px 0; border:1px solid #222; background:#fff; box-sizing:border-box; z-index:100;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .closebtn {position:absolute; right:20px; top:20px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .title {margin:0 0 8px; font-size:20px; font-weight:400;  color:#222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox {position:relative; padding:50px 0 0; border-top:2px solid #222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox .tablescroll {overflow-x:hidden; overflow-y:auto; display:block; width:100%; max-height:227px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead {position:absolute; left:0; top:0; width:100%; height:50px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table thead tr th {height:50px; padding:0; text-align:center; vertical-align:middle; border-bottom:1px solid #d6d6d6;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td {padding:11px 0 9px; text-align:center; color:#666; border-bottom:1px solid #d6d6d6;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td .ellipsis {width:240px; padding:0 0 0 10px; text-align:left;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td strong {font-family: 'hk_nova_regular','Noto Sans KR'; font-size:15px; color:#222;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down a {width:95px; height:30px; margin:0; padding:3px 32px 5px 15px; background-position:68px 9px; box-sizing:border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .tablebox table tbody tr td.down span {display:inline-block; width:95px; height:30px; padding:2px 0 0; font-size:13px; text-align:center; color:#a8a8a8; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:30px;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .allbtn {display:block; width:170px; height:50px; margin:30px auto 7px; padding:10px 0 0 25px; font-size:15px; font-weight:400;  color:#222; border:1px solid #222; background:url(../images/coupon_downicon02.png) #fff no-repeat 123px 16px; border-radius:0; box-sizing:border-box;}
#cart_add .option_select .goods_option_list .optionListDiv ul.selected_box li.coupon .couponlayer .warninglist {padding-bottom:26px;}

/* 쿠폰혜택 팝업 */
#coupon_benefit{width: 360px; padding: 30px 30px 40px; }
#coupon_benefit .layer-box{height: 320px; min-height: 407px;}
#coupon_benefit .full_head{padding: 0 0 17px 0; border-bottom: 1px solid #222;}
#coupon_benefit .full_close {top: 20px; right: 20px;}
#coupon_benefit .full_head .full_title{text-align: center; font-size: 20px;}
#coupon_benefit .full_body {padding: 0;}
#coupon_benefit .full_body .layer_con {height: 230px;overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #e5e5e5;}
#coupon_benefit .full_body .layer_con::-webkit-scrollbar {display: none;}
#coupon_benefit .full_body .coupon_list {overflow-y: scroll;-ms-overflow-style: none;padding-top: 15px;overflow-y: scroll;}
#coupon_benefit .full_body .coupon_list::-webkit-scrollbar{display: none;width: 0 !important;}
#coupon_benefit .full_body .coupon_list > div{display: flex;justify-content: space-between; margin-bottom: 20px;}
#coupon_benefit .full_body .coupon_list > div:last-child {margin-bottom: 15px;}
#coupon_benefit .full_body .coupon_list .coupon_tit > p{font-size: 16px;font-weight: 500; word-break: keep-all;}
#coupon_benefit .full_body .coupon_list .coupon_tit .date{font-size: 14px; color: #707070; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding-top: 10px;}
#coupon_benefit .full_body .coupon_list .coupon_img {margin-left: 20px;}
#coupon_benefit .full_body .coupon_list .coupon_img button{width:40px;height:40px;}
#coupon_benefit .full_body .coupon_list .coupon_img img{width:20px}
#coupon_benefit .full_body .notice {margin-top: 20px; color: #707070;}


/* calender */
.calender{/* padding: 0px 42px; *//* margin-top: -30px; */margin: 0 -40px;}
#ui-datepicker-div{display:none !important;}
.ui-widget.ui-widget-content {box-sizing: border-box;display: none;width: 100%;z-index: 9999 !important;border: 0 !important;;padding: 0;font-family: 'NotoSansCJKkr';}
.ui-widget.ui-widget-content .ui-datepicker-header {position: relative;padding: 0;background: none;border: 0;color: #000;font-weight: 400;padding-bottom: 25px;}
.ui-widget.ui-widget-content .ui-datepicker-prev,
.ui-widget.ui-widget-content .ui-datepicker-next {position: absolute;top: 0;z-index: 100;box-sizing: content-box;width: 83px;height: 75px;cursor: pointer;}
.ui-widget.ui-widget-content .ui-datepicker-prev:hover,
.ui-widget.ui-widget-content .ui-datepicker-next:hover{border:0}
.ui-widget.ui-widget-content .ui-datepicker-prev {width:13px; height:30px;background: url(../images/icon_back_black@3x.png) center no-repeat;background-size:cover}
.ui-widget.ui-widget-content .ui-datepicker-next {width:13px; height:30px;background: url(../images/icon_next_black@3x.png) center no-repeat;background-size:cover}
.ui-widget.ui-widget-content .ui-datepicker-prev span,
.ui-widget.ui-widget-content .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;background: none;width: 14px;height: 25px;}
.ui-widget.ui-widget-content .ui-datepicker-title {/* padding: 0 0 19px; */font-size: 20px; font-weight: 500;;text-align: center;margin: 0;}
.ui-widget.ui-widget-content .ui-datepicker-title select {margin: 1px 0;}
.ui-widget.ui-widget-content .ui-datepicker-title span {vertical-align: top;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;margin-left: -5px;}
.ui-widget.ui-widget-content select.ui-datepicker-month,
.ui-widget.ui-widget-content select.ui-datepicker-year {box-sizing: border-box;box-shadow: 4px 7px 15px 0px rgba(0, 0, 0, 0.2);width: 190px;height: 70px;margin: 0 0 0 30px;padding: 0 50px 0 30px;background: #64687a url("../images/arr_slt_date.png") right 30px center no-repeat;font-weight: 700;font-size: 28px;line-height: 70px;color: #ffffff;}
.ui-widget.ui-widget-content select.ui-datepicker-month:first-child,
.ui-widget.ui-widget-content select.ui-datepicker-year:first-child {margin: 0;}
.ui-widget.ui-widget-content table {width: 100%;border-collapse: collapse;}
.ui-widget.ui-widget-content th {box-sizing: border-box; background: #ffffff;text-align: center; border: 0;color: #000000;padding-bottom: 21px;font-size: 12px; font-weight: 500;color: #aaaaaa;height: 38px;}
.ui-datepicker-week-end {color: #7e8293;}
.ui-widget.ui-widget-content th:first-child {/* width: 40px; *//* border-radius: 10px 0 0 10px; *//* padding-left: 17px;  padding: 0; */}
.ui-widget.ui-widget-content th:last-child {/* width: 93px; *//* border-radius: 0 10px 10px 0; *//* padding-right: 17px; */}
.ui-widget.ui-widget-content thead {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */}
.ui-widget.ui-widget-content tbody {/* box-shadow: 6px 10px 22px 0px rgba(118, 118, 118, 0.28); *//* border-radius: 10px; */}
.ui-widget.ui-widget-content tbody:before {display: block;/* content: ""; */position: relative;z-index: -1;width: 570px;height: 5px;background: #e9ecf5;}

.ui-widget.ui-widget-content td {box-sizing: border-box;width:42px;height: 42px;border: 0;background: #ffffff;}
.ui-widget.ui-widget-content td:first-child {/* padding-left: 17px; */}
.ui-widget.ui-widget-content td:first-child a{color: #f25758;}
.ui-widget.ui-widget-content td:last-child {/* padding-right: 17px; */}
.ui-widget.ui-widget-content td:last-child a{color: #f25758;}
.ui-widget.ui-widget-content tr:first-child td {/* padding-top: 19px; */}
.ui-widget.ui-widget-content tr:last-child td {/* padding-bottom: 19px; */}
.ui-widget.ui-widget-content tr:first-child td:first-child {/* border-radius: 10px 0 0 0; */}
.ui-widget.ui-widget-content tr:first-child td:last-child {border-radius: 0 10px 0 0;}
.ui-widget.ui-widget-content tr:last-child td:first-child {/* border-radius: 0 0 0 10px; */}
.ui-widget.ui-widget-content tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.ui-widget.ui-widget-content td span,.ui-widget.ui-widget-content td a {display: block;box-sizing: border-box; text-align: center;text-decoration: none;border: 0;font-size: 14px; font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;background: #fff; padding: 0;}
.ui-widget.ui-widget-content td span {color: #999999;}
/* .ui-widget.ui-widget-content td.ui-datepicker-today span,
.ui-widget.ui-widget-content td.ui-datepicker-today a {background-color: #b7a386;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;} */
.ui-widget.ui-widget-content td .ui-state-active {background-color: #b7a386;overflow: overlay;border-radius: 50%; transition: all 0.3s;color: #fff;width: 30px; box-sizing: border-box;height: 30px; display: flex;align-items: center; justify-content: center;text-align: center;margin: 0 auto;}
.ui-widget.ui-widget-content td:first-child .ui-state-active{color:#fff}
.ui-widget.ui-widget-content td:last-child .ui-state-active{color:#fff}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane {background-image: none;margin: 0.7em 0 0 0;padding: 0 0.2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane button {float: right;margin: 0.5em 0.2em 0.4em;cursor: pointer;padding: 0.2em 0.6em 0.3em 0.6em;width: auto;overflow: visible;}
.ui-widget.ui-widget-content .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0 !important}

.layer-box.calendar{padding: 20px;border-radius: 10px;width: 335px;box-sizing: border-box;}
.layer-box.calendar .btns{display: flex; flex-direction: row;justify-content: space-between;padding-top: 40px;}
.layer-box.calendar .btns #outlet_filter_refresh{width: 50px; height: 50px; border: solid 1px #e5e5e5;margin-right: 10px;border-radius: 5px;text-indent: -999999px;background: url(../images/icon_refresh@3x.png) no-repeat center;background-size: 20px; box-sizing: border-box;flex: 0 0 auto;}
.layer-box.calendar .btns #confirm{width: 100%; word-break: keep-all;height: 50px;background: #222; border-radius: 5px;color: #fff;font-size: 16px; font-weight: 600;box-sizing: border-box;}

/* 회원 온보딩 */
#onboarding {height: 811px; margin-bottom: -100px;}
#onboarding .bg {height: 811px;width: 100%;overflow: hidden; margin-top: -82px;}
#onboarding .bg img {display: block; width: 100%; object-fit: cover;}
#onboarding #inner_wrap {padding: 0;}
#onboarding .inner {display: flex; flex-direction: column;  align-items: center; padding: 174px 20px 0; position: absolute; left: 0; top: 144px; right: 0; bottom: 0; width: 420px; margin: 0 auto;}
#onboarding .inner h1 {font-size: 40px; line-height: 60px; letter-spacing: -0.4px; font-weight: 600; color: #fff;}
#onboarding .inner p {margin-top: 5px; font-size: 18px; line-height: 27px; letter-spacing: -0.18px; font-weight: 400; color: rgba(255,255,255,0.8);}
#onboarding .buttons {width: 100%; padding: 130px 0 0;}
#onboarding .buttons button {width: 100%; height: 50px; border-radius: 6px; margin-bottom: 10px; font-size: 15px; line-height: 22px; font-weight: 500;}
#onboarding .buttons .join {position: relative; background: #222222; color: #fff;}
#onboarding .buttons .start_kakao {position: relative; background: #fee500; color: #191919;}
#onboarding .buttons .join:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../images/icon_pastel_logo.png) center no-repeat; background-size: 20px;}
#onboarding .buttons .start_kakao:before {width: 20px; height: 20px; position: absolute; left: 16px; top: 15px; content: ''; background: url(../images/icon_kakao.png) center no-repeat; background-size: 20px;}


/* 쿠폰 상세 */
.full_popup.cpn_detail{width: 515px;box-sizing: border-box;}
.full_popup.cpn_detail .full_close{ top: 40px; right: 40px; width: 44px; height: 44px; background-size: 44px;}

.full_popup.cpn_detail .con{height: 500px;overflow-y: scroll;overflow-x: hidden;}
.full_popup.cpn_detail .con::-webkit-scrollbar{width: 2px;height:100%; background-color: #f5f5f5; border-radius: 10px;}
.full_popup.cpn_detail .con::-webkit-scrollbar-thumb{width: 2px;height: 200px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}

.cpn_detail .coupon_tit{display: flex;flex-direction: column;background-color: #f5f5f5;padding: 40px 0;align-items: center;margin-right: 10px;}
.cpn_detail .coupon_tit .tit_wrap{}
.cpn_detail .per{line-height:1;margin:10px 0}
.cpn_detail .coupon_tit img{width:60px;margin-bottom: 10px;}
.cpn_detail .coupon_tit .tit_wrap .tit{ font-size: 20px; font-weight: 500;}
.cpn_detail .coupon_tit .num{ font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}
.cpn_detail .coupon_tit .per span{font-size:20px;font-weight: 700;}
.cpn_detail .coupon_tit .per .num{font-size: 30px;font-weight: 700;}
.cpn_detail .coupon_tit .date span{font-weight: 500;color: #aaa;}
.cpn_detail .coupon_tit .date .bar{display: inline-block; width: 1px; height: 10px; background-color: #ddd;margin: 0 6.5px;}
.cpn_detail .coupon_tit .date .num{}
.cpn_detail .coupon_tit .info{margin-top: 21px;}
.cpn_detail .coupon_tit .info li{letter-spacing: -0.12px;color: #707070;position: relative; padding-bottom:6px;padding-left: 9px;}
.cpn_detail .coupon_tit .info li:last-child{padding-bottom:0;}
.cpn_detail .coupon_tit .info li:before {position: absolute;left: 0;top: 10px;display: block;content: '';width: 3px;height: 3px;background-color: #aaa;border-radius: 50%;}
.cpn_detail .coupon_tit .info li span{position: relative;letter-spacing: -0.14px;}

.cpn_detail .coupon_con{padding-top: 28px;margin-right: 10px;}
.cpn_detail .coupon_con .tit{font-size: 20px;line-height:24px;font-weight:600;letter-spacing: -0.16px;}

.cpn_detail .coupon_con .product_list{border-top: 1px solid #e5e5e5;margin-top: 16px;padding-top: 15px;}
.cpn_detail .coupon_con .product_list ul{}
.cpn_detail .coupon_con .product_list li{line-height: 1.5;position:relative;padding-bottom: 10px;padding-left: 9px;}
.cpn_detail .coupon_con .product_list li:last-child{margin-bottom:0;}
.cpn_detail .coupon_con .product_list li:before{ position: absolute;left: 0;top:10px;display: block; content: '';width: 3px;height: 3px;background-color: #707070; border-radius: 50%;}
.cpn_detail .coupon_con .product_list li span{color: #707070;letter-spacing: -0.14px;font-size: 15px;font-weight: 500; }
.cpn_detail .coupon_con .product_list li .item_nm{word-break: keep-all;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;width: 418px;}

.cpn_detail .btn{position: relative; padding: 17px 20px 18px;background: #fff; }
.cpn_detail .btn:before{position: absolute;content: "";width: 3;height: 93px; background: linear-gradient(360deg, rgba(255,255,255,1), rgba(255,255,255,0) 100%);z-index: 5;right: 0;bottom:84px;left: 0;}
.cpn_detail .btn #go_brandmall{width: 100%;height: 50px;border-radius: 5px; background-color: #222222;color: #fff;font-size: 16px; line-height: 1.13; font-weight: 600;}

/*이벤트 공통*/
.event .wide_wrap{width:1680px;margin: 0 auto;}
.event .center_wrap{width:1140px;margin: 0 auto;}
.event .hd_root{padding:20px 0 45px 0}
.event .hd_root ul{display: flex; align-items: center;}
.event .hd_root ul li{display: flex;align-items: center;}
.event .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(../images/icon/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
.event .hd_root ul li:last-child:after{display:none}
.event .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(../images/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
.event .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

.event .hd_wrap .tit_box{ position: relative; padding-bottom: 40px;}
.event .hd_wrap .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;}
.event .hd_wrap .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;}
.event .hd_wrap .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;}

.event .hd_wrap .tit_box .btn_wrap .sns_btn{margin-left: 16px;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn button{ width: 30px;height: 30px;text-indent:-9999em;border-radius:50%;margin-right: 10px;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .twitter{background-color: #73a0fa;background-image: url(../images/twitter@3x.png); background-repeat: no-repeat; background-size: 13.7px 12.1px; background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .facebook{background-color: #3b5999;background-image: url(../images/facebook@3x.png);background-repeat: no-repeat; background-size:7px 14px;background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .kakaotalk{background-color: #f9e103;background-image: url(../images/kakaotalk@3x.png) ;background-repeat: no-repeat; background-size:14.1px 13.1px;background-position: center;}
.event .hd_wrap .tit_box .btn_wrap .sns_btn .url_copy{ border: solid 1px #e5e5e5;background-color: #fff;background-image: url(../images/url_copy@3x.png) ;background-repeat: no-repeat; background-size:13.7px;background-position: center;}

.event .hd_wrap .tit_box .btn_wrap button{width: 30px;height: 30px;text-indent: -99999em;}
.event .hd_wrap .tit_box .btn_wrap .share{background: url(../images/icon_share@3x.png) center no-repeat; background-size: 30px;}
.event .hd_wrap .tit_box .btn_wrap .show_list{background: url(../images/icon_list@3x.png) center no-repeat; background-size: 30px;}
.event .hd_wrap .tit_box .btn_wrap .bar{display: block;width: 1px;height: 16px;background-color: #ddd; margin: 0 20px;}



/* 이벤트 - 룰렛 */
#event_roulette{}
#event_roulette .wrap{}
#event_roulette .top_bg{position: relative;background-color: #9c4fe9;padding: 80px 0 400px 0;/* z-index: 1; */}
#event_roulette .top_bg:before{position:absolute;content:'';background: url(../images/roulette_flower_top.png) 0 0 no-repeat;background-size: contain;width: 1023px;height: 476px;bottom: 99px;left: 50%;transform: translateX(-50%);z-index: 3;display: block;}

#event_roulette .top_bg .share{position: absolute;top: 10px;right: 20px;text-indent:-9999px;width: 30px;height: 30px;background: url(../images/icon_share@3x.png) center no-repeat;background-size: 30px;}
#event_roulette .top_bg .tit_wrap{
    position: relative;
    z-index: 5;
}
#event_roulette .tit_box{ position: relative; padding-bottom: 40px;}
#event_roulette .tit_box h1{ font-size: 24px; font-weight: 600; color: #222; padding-bottom: 10px;}
#event_roulette .tit_box .date{ font-size: 16px; font-weight: 500; color: #aaa;}
#event_roulette .tit_box .btn_wrap{display: flex;align-items: center;position: absolute;top: 0;right: 0;}
#event_roulette .top_bg .tit_wrap .con_wrap{display: flex;flex-direction: column;align-items: center;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box{display: flex;justify-content: center;align-items: center;height: 34px;width:129px; border-radius: 30px; background-color: #3e0470;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box span{font-size: 15px;color: #fff;font-weight: 500;letter-spacing: -0.15px;}
#event_roulette .top_bg .tit_wrap .con_wrap .per_box .font_Mon{font-weight: 600;}
#event_roulette .top_bg .tit_wrap .con_wrap .tit{padding: 20px 0 40px 0;font-size:70px;color:#fff}
#event_roulette .top_bg .tit_wrap .con_wrap .tit .font_Mon{font-weight:700}
#event_roulette .top_bg .tit_wrap .con_wrap .tit .font_g{font-weight:300}
#event_roulette .top_bg .tit_wrap .con_wrap .tit img{display: block; width: 560px;}
#event_roulette .top_bg .tit_wrap .con_wrap .sub_tit{font-size: 20px;font-weight: 600;color: #fff;letter-spacing: -0.2px;text-align: center;}
#event_roulette .top_bg .tit_wrap .con_wrap .sub_tit .signin{display:inline-block;border-bottom:1px solid #fff;color: #fff;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap{display: flex;align-items: center;padding-top: 20px;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap span{margin-right:10px;color: #fff;letter-spacing: -0.45px;font-size: 18px;}
#event_roulette .top_bg .tit_wrap .con_wrap .join_wrap .join{border-bottom:1px solid #fff;color: #fff;font-size: 18px;}
#event_roulette .back_bg:after{display:block;content:'';width: 1460px;height: 378px;background: url(../images/building_bg@3x.png) no-repeat center;background-size: contain;position: absolute;border: 0;left: 50%;transform: translateX(-50%);z-index: 0;bottom: -89px;}

#event_roulette .roulette_wrap{position: absolute;left: 50%;transform: translateX(-50%);padding-top: 142px;display: flex;justify-content: center;z-index: 3;}
#event_roulette .roulette_wrap .roulBox{position:relative;z-index: 1;}
#event_roulette .roulette_wrap .roulBox:before{display:block;content:'';width: 600px;height: 258px;position: absolute;background: url(../images/roulette_shadow@3x.png) 0 0 no-repeat;background-size: contain;bottom: -128px;left: 0;margin-left: 46px;}
#event_roulette .roulette_wrap .roulBox:after{display:block;z-index: 1;position: absolute;left: 50%;transform: translate(-50%, -22%);top: 0;content:'';width: 70px;height: 94px;background: url(../images/point@3x.png) center no-repeat;background-size:cover;z-index: 2;}

#event_roulette .roulette_wrap .roulPan{width: 692px;height: 692px;/* background: url(../images/roulette_box@3x.png) center no-repeat; */background-size: 692px;position: relative;}
#event_roulette .roulette_wrap .roulBox .roulStart{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 170px;height: 170px;background: url(../images/roulette_start@3x.png) center no-repeat;background-size: 170px;z-index: 2;}

#event_roulette .bottom_bg{position:relative}
#event_roulette .bottom_bg:before{position:absolute;content:'';background: url(../images/roulette_flower_bottom.png) 0 0 no-repeat;background-size: contain;width: 1035px;height: 334px;left: 50%;top: 52px;transform: translateX(-50%);}
#event_roulette .bottom_bg{background-color: #5d10ae;padding: 400px 0 150px 0;margin-bottom: -1px;position: relative;/* z-index: 1; */}
#event_roulette .bottom_bg .con_wrap{color: #fff;display: flex;align-items: center;justify-content: center;padding-top: 120px;}
#event_roulette .bottom_bg .con_wrap .tit{font-size: 20px;font-weight: 600;display: block;padding-right: 120px;}
#event_roulette .bottom_bg .con_wrap .mypage{display:inline-block;border-bottom:1px solid #fff;color: #fff;}

#event_roulette .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#event_roulette .notice li:last-child{padding-bottom: 0;}
#event_roulette .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #fff;border-radius: 50%;}
#event_roulette .notice span{font-weight: 500;color: #fff;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;}
#event_roulette .tit_box .btn_wrap .share{display: inline-block;position: relative;}
#event_roulette .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#event_roulette .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;}
#event_roulette .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#event_roulette .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#event_roulette .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#event_roulette .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#event_roulette .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#event_roulette .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#event_roulette .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);}
#event_roulette .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);}
#event_roulette .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;}
/* 이벤트 - 출석체크 */
#event_chk_attendence .wrap{ position: relative;z-index: 0;}
#event_chk_attendence .wrap .tit_wrap{border-radius: 0 0 100px 0;position:relative;background-color: #f9fafc;padding: 60px 0 100px 0;}
#event_chk_attendence .wrap .tit_wrap:before{display:block;content:'';width: 628px;height: 232px;background:url(../images/checking_flower_top.png) 0 0 no-repeat;background-size: contain;position:absolute;top: 47px;left: 288px;}
#event_chk_attendence .wrap .tit_wrap .share{position: absolute; top: 10px; right: 20px;width:30px;height:30px;background: url(../images/icon_share@3x.png) center no-repeat; background-size:cover;text-indent:-999999px}
#event_chk_attendence .wrap .tit_wrap .con_wrap{display: flex;justify-content: space-between;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .greeting{padding-bottom: 40px;display: block;width: 508px;margin-top: 45px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .point{position: relative;z-index: 1;width: 532px;display: block;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .point_wrap{position: relative; display: inline-block;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span{font-size: 20px;font-weight: 500;color: #707070;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap span a{display:inline-block;font-weight: 600;border-bottom:1px solid #222;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .sign_wrap .sm{ font-size: 16px; padding-top: 10px; display: block;}

#event_chk_attendence .tit_box .btn_wrap .share{display: inline-block;position: relative;}
#event_chk_attendence .tit_box .btn_wrap .share button{text-indent: -9999em;background: url(../images/icon_share@3x.png) 0 0 no-repeat;background-size: 28px;width: 28px;height: 28px;position: relative;z-index: 1;}
#event_chk_attendence .tit_box .btn_wrap .share .sns{display:flex;position: absolute;right:30px;/* padding: 0 0 0 13px; */top: 0;overflow: hidden;opacity: 0;transition: opacity 0.3s;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li{padding: 0 5px;/* transform: translate(0, 0); */transition: transform 0.3s;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li a{width: 30px;height: 30px;display: block;text-indent: -9999em;box-sizing:border-box;/* border: 1px solid transparent; */}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter a{background: #73a0fa url(../images/twitter@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border: 1px solid #73a0fa;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook a{background: #4167b1 url(../images/facebook@3x.png) center center no-repeat;background-size: 7px;border-radius: 50%;border: 1px solid #4167b1;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao a{background: #f9e103 url(../images/kakaotalk@3x.png) center center no-repeat;background-size: 15px;border-radius: 50%;border: 1px solid #f9e103;}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy a{background: #fff url(../images/url_copy@3x.png) center center no-repeat;background-size: 14px;border-radius: 50%;border:1px solid #e5e5e5}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.twitter{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.facebook{transform: translate(40px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.kakao{transform: translate(129px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share .sns li.url_copy{transform: translate(80px, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.twitter{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.facebook{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.kakao{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns li.url_copy{transform: translate(0, 0);}
#event_chk_attendence .tit_box .btn_wrap .share.active .sns{overflow: visible;opacity: 1;}

#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap{width: 100%;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap{}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap span{font-size: 20px;font-weight: 500;letter-spacing: -0.16px;}
#event_chk_attendence .wrap .tit_wrap .con_wrap .member_wrap .txt_wrap .name{font-weight: 600;}

#event_chk_attendence .wrap .member_wrap .state_box{display: flex;padding-top: 60px;}
#event_chk_attendence .wrap .member_wrap .state_box > div{display: flex;flex-direction: column;width:50%;padding: 24px;border-radius: 10px;box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05);background-color: #fff;}
#event_chk_attendence .wrap .member_wrap .state_box > div:first-child{margin-right: 20px;}
#event_chk_attendence .wrap .member_wrap .state_box > div h3{font-size: 21px;font-weight: 500;letter-spacing: -0.14px;}
#event_chk_attendence .wrap .member_wrap .state_box > div span{margin-left: auto;color: #340d81;font-size: 38px;font-weight: 700;}
#event_chk_attendence .wrap .member_wrap .state_box > div .sm{font-size: 22px;font-weight: 600;}


#event_chk_attendence .wrap .point_guide{border-radius: 0 0 100px 0;background-color: #340d81;padding: 193px 0 80px 0;margin-top: -120px;}
#event_chk_attendence .wrap .point_guide .tit{font-size: 34px;font-weight:500;color: #fff;letter-spacing: -0.24px;padding-bottom: 40px;}
#event_chk_attendence .wrap .point_guide .tit strong{font-weight:600}
#event_chk_attendence .wrap .point_guide .con_wrap{}
#event_chk_attendence .wrap .point_guide .con_wrap ul{display: flex;margin: 0 -30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even){/* justify-content: space-between; */flex-direction: row-reverse;margin: 0 -30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li{position:relative;margin: 30px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li div{display: flex;flex-direction: column;align-items: center;box-shadow: 0 3px 18px 0 rgb(0 0 0 / 5%);border: solid 1.5px #ffffff50;border-radius: 10px 10px 30px 10px;height: 140px;justify-content: center;box-sizing: border-box;width: 140px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: -30px;left:50%;transform: translateX(-50%) rotate(90deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(n):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);}

#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(odd) li:nth-child(6n):not(.total):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;left: -45px;transform: translateY(-50%);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:nth-child(2n):after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: 50%;right: -45px;transform: translateY(-50%) rotate(180deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:nth-child(even) li:first-child:after{display:block;content:'';width:30px;height:30px;background: url(../images/icon/input_arrow@3x.png) center no-repeat;background-size:cover;position: absolute;top: -45px;left:50%;transform: translateX(-50%) rotate(90deg);}
#event_chk_attendence .wrap .point_guide .con_wrap ul:first-child li:first-child:after{display:none}


#event_chk_attendence .wrap .point_guide .con_wrap ul li.total div{ background-color: #fff;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li.total span{color: #340d81;font-weight: 500;line-height: 1.25;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li span{color: #fff;word-break: keep-all;font-weight: 500;font-size: 20px;}
#event_chk_attendence .wrap .point_guide .con_wrap ul li span .bold{font-weight:700;}

#event_chk_attendence .wrap .state_wrap{background-color: #f9fafc;padding: 192px 0 150px 0;margin-top: -120px;position: relative;z-index: -1;}
#event_chk_attendence .wrap .state_wrap .bg{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);background-color: #fff;padding: 80px;border-radius: 10px 10px 50px 10px;box-sizing: border-box;}
#event_chk_attendence .wrap .state_wrap .hd_wrap{display: flex; justify-content: space-between;}
#event_chk_attendence .wrap .state_wrap .tit{font-size: 48px;font-weight: 500;}
#event_chk_attendence .wrap .state_wrap .tit .color{color: #340d81;font-weight: 600;}
#event_chk_attendence .wrap .state_wrap .state{border-radius: 10px 10px 30px 10px;border: solid 1.5px #340d81;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 24px;width: 519px;box-sizing: border-box;}
#event_chk_attendence .wrap .state_wrap .state > div{display: flex;flex-direction: column;width: 50%;}
#event_chk_attendence .wrap .state_wrap .state .attendence{position:relative;padding-right: 24px;}
#event_chk_attendence .wrap .state_wrap .state .attendence:after{display:block;content:'';height:100%;width:1px; opacity: 0.2;background-color: #340d81;position: absolute;right: 0;top: 0;}
#event_chk_attendence .wrap .state_wrap .state .point{ padding-left: 24px;}
#event_chk_attendence .wrap .state_wrap .state h3{font-size: 20px;font-weight: 600;letter-spacing: -0.2px;}
#event_chk_attendence .wrap .state_wrap .state span{font-size: 37px;font-weight:700;letter-spacing: -0.24px;color: #340d81;margin-left: auto;}
#event_chk_attendence .wrap .state_wrap .state .sm{ font-size: 14px;font-weight: 500;letter-spacing: -0.14px;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap{padding: 60px 0;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn.on{ opacity: 1;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%); width: 100%;}
#event_chk_attendence .wrap .state_wrap .btn_large2_wrap .chk_att_btn{opacity: 0.6;background-image: linear-gradient(112deg, #340d81 21%, #ff99a6 117%);width: 100%;height: 90px;font-size: 24px;}

#event_chk_attendence .stamp_list{width: 980px;border-radius: 10px;border: solid 1px #fafafa;background-color: #f9fafc;margin: 0 auto;padding: 80px;box-sizing: border-box;}
#event_chk_attendence .stamp_list.inline{padding: 80px 64px;}
#event_chk_attendence .stamp_list.inline li{padding: 27px 13px;}
#event_chk_attendence .stamp_list.inline ul{margin: -27.5px -13px;}
#event_chk_attendence .stamp_list.center ul{justify-content:center}
#event_chk_attendence .stamp_list ul{/* justify-content: space-between; */display: flex;flex-wrap: wrap;margin: -27.5px;}
#event_chk_attendence .stamp_list ul li{padding: 27px;}
#event_chk_attendence .stamp_list ul li div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 120px;height: 120px;background: url(../images/stamp_wrap@3x.png) center no-repeat;background-size: 120px;}
#event_chk_attendence .stamp_list ul li div span{font-size: 21px;font-weight: 600;color: #aaa;letter-spacing: -0.21px;}
#event_chk_attendence .stamp_list ul li div .num{font-size: 27px;}
#event_chk_attendence .stamp_list ul li div .txt{font-size: 14px;letter-spacing: -0.14px;}
#event_chk_attendence .stamp_list ul li.stamp_done div{background: url(../images/attendence_com@3x.png) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #340d8130);box-shadow: 0 3px 16px 0 rgba(52, 13, 129, 0.3);border-radius: 50%;}
#event_chk_attendence .stamp_list ul li.stamp_done.point div{background: url(../images/stamp_point@3x.png) center no-repeat;background-size:cover;filter: drop-shadow(0 3px 16px #ff5d7230);box-shadow: 0 3px 16px 0 rgba(255, 153, 166, 0.3);}
#event_chk_attendence .stamp_list ul li.stamp_done span{}
#event_chk_attendence .stamp_list ul li.stamp_done span.num{color:#fff}
#event_chk_attendence .stamp_list ul li.stamp_done span.txt{opacity:0}

#event_chk_attendence .wrap .state_wrap .notice_wrap{padding-top: 40px; display: flex; align-items: center; justify-content: center;}
#event_chk_attendence .wrap .state_wrap .notice_wrap .tit{font-size: 24px;font-weight: 600;letter-spacing: -0.24px;padding-right: 113px;}
#event_chk_attendence .wrap .state_wrap .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#event_chk_attendence .wrap .state_wrap .notice li:last-child{padding-bottom: 0;}
#event_chk_attendence .wrap .state_wrap .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#event_chk_attendence .wrap .state_wrap .notice span{font-weight: 500;color: #707070;letter-spacing: -0.14px;word-break: keep-all;font-size: 16px;}
#event_chk_attendence .wrap .state_wrap .notice a{ color: #707070;display:inline-block;border-bottom:1px solid #707070}


/*고객센터 플로팅 버튼*/
.fixed_btn{position: fixed;bottom: 108px;right: 50px;z-index: 12;}
.fixed_btn.down{bottom: 50px;}
.fixed_btn.down.on .callcenter_btn_wrap{margin-bottom:0}
.fixed_btn .callcenter_btn_wrap{display:none} 
.fixed_btn.on .callcenter_btn_wrap{display:block;width: 241px;height: 265px;padding: 30px;border-radius: 20px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);background-color: #fff;box-sizing: border-box;position: absolute;bottom: 0;right: 0;margin-bottom: 10px;}
.fixed_btn.on .callcenter_btn_wrap .btn_wrap_close{ position: absolute; top: 17px; right: 17px; background: url(../images/popup_close_bl@3x.png) center no-repeat; width: 40px;height: 40px; background-size: 40px; text-indent: -9999em;}
.fixed_btn .callcenter_btn_wrap .call .txt{border-bottom: 1px solid;padding-bottom: 15px;display: flex;flex-direction: column;}
.fixed_btn .callcenter_btn_wrap .call .txt .tit{font-size: 16px;font-weight: 600;padding-bottom: 5px;}
.fixed_btn .callcenter_btn_wrap .call .txt .hour{ font-weight: 500; color: #707070;letter-spacing: -0.14px;}
.fixed_btn .callcenter_btn_wrap .call .txt .num{font-size: 24px; font-weight: 700;  padding-bottom: 5px;}
.fixed_btn .callcenter_btn_wrap .write{ margin-top: 20px;}
.fixed_btn .callcenter_btn_wrap .write_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;display: flex;align-items: center;justify-content: center;}
.fixed_btn .callcenter_btn_wrap .write_btn span{ display: flex; align-items: center; font-weight: 500; letter-spacing: -0.14px;}
.fixed_btn .callcenter_btn_wrap .write_btn span:before{display:block;content:'';width: 14px;height: 14px;background: url(../images/icon/icon_edit@3x.png) no-repeat center;background-size: 14px;margin-right: 10px;}
.fixed_btn .callcenter_btn_wrap .list{ margin-top: 10px;}
.fixed_btn .callcenter_btn_wrap .list_btn{width: 100%;height: 38px;border-radius: 50px;border: solid 1px #e5e5e5;}
.fixed_btn .callcenter_btn_wrap .list_btn span{ display: flex; align-items: center; justify-content: center;font-weight: 500;}
.fixed_btn .callcenter_btn_wrap .list_btn span:before{display:block;content:'';width: 14px;height: 17px;background: url(../images/icon/icon_write@3x.png) no-repeat center;background-size: contain;margin-right: 10px;}
.fixed_btn .callcenter_btn{margin-left: auto;border-radius: 50px;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);background-color: #222222;color: #fff;display: flex;height: 48px;font-weight: 500;align-items: center;width: 170px;box-sizing: border-box;font-size: 16px;letter-spacing: -0.16px;padding-left: 20px;}
.fixed_btn .callcenter_btn.off{display:none}
.fixed_btn .callcenter_btn .icon_plus{width: 18px;height: 18px;background: url(../images/icon_close_btn@3x.png) center no-repeat;background-size: 18px;text-indent: -9999px;overflow: hidden;margin-left: 25px;}
.fixed_btn .callcenter_btn.active{text-indent: -9999px;width: 48px;font-size: 0;padding: 0;}
.fixed_btn .callcenter_btn.active .icon_plus{margin-left:0;margin: 0 auto;}
.fixed_btn.on .callcenter_btn .icon_plus{transform: rotate(45deg);}

.fixed_btn .go_top {position: initial;margin-left: auto;opacity: 1;margin-top: 10px;display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius: 50%;background-color: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.fixed_btn .go_top span {display: block; width: 20px; height: 20px; background: url(../images/icon_go_top.png) center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; }
.fixed_btn .go_top.off{display:none}


 
.main_pop_wrap{display:flex;width: 100%;height: 100%;}
.layer_bottom.main_slide{overflow: hidden;width: 425px;height: 543px;padding:0;position: absolute;max-height: fit-content;/* position: relative; */}
.layer_bg.imgpopup .top{top: 20px;right: 20px;}
.layer_bg.imgpopup .img_list{/* position:relative */}
.layer_bg.imgpopup .img_list .img{position: relative;}
.layer_bg.imgpopup .img_list .img img{display:block}
.layer_bg.imgpopup .img_list .con_txt{position: absolute;left: 20px;bottom: 99px;}
.layer_bg.imgpopup .img_list .img .brand_nm{font-size: 14px;font-weight: 600;color: #707070;letter-spacing: -0.14px;}
.layer_bg.imgpopup .img_list .img h2{line-height: 1.06; padding-top: 5px;font-size: 36px; font-weight:700;letter-spacing: -0.36px;}
.layer_bg.imgpopup .bottom_close{background-color: #222;}
.layer_bg.imgpopup .bottom_close .not_today{ color: #aaa;}
.layer_bg.imgpopup .bottom_close .close_layer_popup{ color: #fff;}
.layer_bg.imgpopup .img_popup_pagination{position: absolute;bottom: 60px;z-index: 1;display: flex;width: 100%;justify-content: center;} 
.layer_bg.imgpopup .swiper-pagination-bullet{opacity:1;background-color: #fff;margin-right:10px}
.layer_bg.imgpopup .swiper-pagination-bullet:last-child{margin-right:0}
.layer_bg.imgpopup  .swiper-pagination-bullet-active{background-color: #000}
.layer_bg.imgpopup .bottom_btn{padding:0 35px 0 23px}
.layer_bg.imgpopup .bottom_btn{z-index: 1;justify-content: space-between;border-radius: 0 0 15px 15px;background-color: #222;height: 50px;position: absolute;bottom: 0;left: 0;right: 0;display: flex;align-items: center;padding: 0 23px;}
.layer_bg.imgpopup .bottom_btn button{text-indent:0;font-size: 14px;font-weight: 500;letter-spacing: -0.14px;color: #aaa;}
.layer_bg.imgpopup .bottom_btn button.close_layer_popup{color:#fff}

 
.layer_bottom.main{width: 1120px;height: 800px;padding: 0; overflow: hidden;}
.layer_bg.imgpopup_lg .top{top:30px; right:30px;width:44px; height:44px;background: url(../images/popup_close@3x.png) center no-repeat; background-size: cover;}
.layer_bg.imgpopup_lg{width: 1120px;height: 800px;padding: 0; overflow: hidden;}
.layer_bg.imgpopup_lg .img{height:100%;background: url(../images/csr_bg@3x.png) center no-repeat; background-size: cover;}
.layer_bg.imgpopup_lg .img .con_txt{ position: absolute; top: 72px;left: 60px;}
.layer_bg.imgpopup_lg .img .con_txt .subtit{font-size: 20px;font-weight: 500; letter-spacing: -0.2px;color: #fff;}
.layer_bg.imgpopup_lg .img .con_txt h2{font-size: 50px;letter-spacing: -0.5px;color: #fff; font-weight: 500;}
.layer_bg.imgpopup_lg .img .con_txt h2 .bold{font-weight: 600;}

 
.trend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.trend_wrap .list_form .text_con {flex: 1;height: auto;}
.trend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.trend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.trend_wrap .list_form .brand_name + h2, .trend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.trend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.trend_wrap .list_form .price + .sale{margin:0}
.trend_wrap .list_form .price + .label_list{/* margin:0 */}
.trend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.trend_wrap .list_form h2+.sale{margin-top: 29px;}
.trend_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height1: 550px;height:auto;justify-content: space-between;}
.trend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 베스트 리스트 */
.best_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.best_wrap .list_form .text_con {flex: 1;height: auto;}
.best_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.best_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.best_wrap .list_form .brand_name + h2, .best_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.best_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.best_wrap .list_form .price + .sale{margin:0}
.best_wrap .list_form .price + .label_list{margin:0}
.best_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.best_wrap .list_form h2+.sale{margin-top: 32px;}
.best_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.best_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 최신순 리스트 */
.latest_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.latest_wrap .list_form .text_con {flex: 1;height: auto;height:150px;}
/*.latest_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}*/
.latest_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.latest_wrap .list_form .brand_name + h2, .latest_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.latest_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.latest_wrap .list_form .price + .sale{margin:0}
.latest_wrap .list_form .price + .label_list{margin:0}
.latest_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.latest_wrap .list_form h2+.sale{margin-top: 32px;}
.latest_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: max-content;justify-content: space-between;}
.latest_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 최근 리스트 */
.recent_seen_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.recent_seen_wrap .list_form .text_con {flex: 1;height: auto;}
.recent_seen_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.recent_seen_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.recent_seen_wrap .list_form .brand_name + h2, .recent_seen_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.recent_seen_wrap .list_form .price {height: 19px;line-height: 19px;margin: 0 0 0 10px;}
.recent_seen_wrap .list_form .price + .sale{margin:0}
.recent_seen_wrap .list_form .price + .label_list{margin:0}
.recent_seen_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.recent_seen_wrap .list_form h2+.sale{margin-top: 32px;}
.recent_seen_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.recent_seen_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 그루비 리스트 */
.recommend_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.recommend_wrap .list_form .text_con {flex: 1;height: auto;}
.recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.recommend_wrap .list_form .brand_name + h2, .recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.recommend_wrap .list_form .price + .sale{margin:0}
.recommend_wrap .list_form .price + .label_list{margin:0}
.recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.recommend_wrap .list_form h2+.sale{margin-top: 32px;}
.recommend_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 그루비 리스트 */
.per_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.per_list_wrap .list_form .text_con {flex: 1;height: auto;}
.per_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.per_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.per_list_wrap .list_form .brand_name + h2, .per_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.per_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.per_list_wrap .list_form .price + .sale{margin:0}
.per_list_wrap .list_form .price + .label_list{margin:0}
.per_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.per_list_wrap .list_form h2+.sale{margin-top: 32px;}
.per_list_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.per_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 주간베스트 리스트 */
.w_best_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.w_best_list_wrap .list_form .text_con {flex: 1;height: auto;}
.w_best_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.w_best_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.w_best_list_wrap .list_form .brand_name + h2, .w_best_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.w_best_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.w_best_list_wrap .list_form .price + .sale{margin:0}
.w_best_list_wrap .list_form .price + .label_list{margin:0}
.w_best_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.w_best_list_wrap .list_form h2+.sale{margin-top: 32px;}
.w_best_list_wrap  .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.w_best_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 주간베스트 리스트 */
.new_list_wrap .list_form .img_con {height: 270px;width: 328px;height: 328px;}
.new_list_wrap .list_form .text_con {flex: 1;height: auto;}
.new_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.new_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.new_list_wrap .list_form .brand_name + h2, .new_list_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.new_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.new_list_wrap .list_form .price + .sale{margin:0}
.new_list_wrap .list_form .price + .label_list{margin:0}
.new_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.new_list_wrap .list_form h2+.sale{margin-top: 32px;}
.new_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.new_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 상품상세 - 이 상품은 어떠세요? */
.gr_recommend_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;}
.gr_recommend_wrap .list_form .text_con {flex: 1;height: auto;}
.gr_recommend_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.gr_recommend_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.gr_recommend_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.gr_recommend_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 5px;}
.gr_recommend_wrap .list_form .price + .sale{margin:0}
.gr_recommend_wrap .list_form .price + .label_list{margin:0}
.gr_recommend_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.gr_recommend_wrap .list_form h2+.sale{margin-top: 32px;}
.gr_recommend_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.gr_recommend_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 내가 제일 잘 나가 */
.best_item_wrap .list_form .img_con {height: 270px;width: 270px;height: 270px;}
.best_item_wrap .list_form .text_con {flex: 1;height: auto;}
.best_item_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
.best_item_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
.best_item_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
.best_item_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
.best_item_wrap .list_form .price + .sale{margin:0}
.best_item_wrap .list_form .price + .label_list{margin:0}
.best_item_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
.best_item_wrap .list_form h2+.sale{margin-top: 32px;}
.best_item_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 550px;justify-content: space-between;}
.best_item_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}



/* 리뷰팝업 */
.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: hidden;border-radius: 10px;}
.layer_bg.review .con .photo_wrap{flex: 0 0 auto;}
.layer_bg.review .con .photo_wrap img{width:450px;display:block;border-radius: 10px;height: 450px;}
.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 13px 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 {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 .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;}
.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}
.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(../images/icon_heart_in_list@3x.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;}

.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(../images/list_slider_prev@3x.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(../images/list_slider_next@3x.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;}

/* 리뷰 전체보기 팝업 */
.full_popup.reviewAll {width: 1020px; height: 777px;}
.full_popup.reviewAll .picnvideo {/* padding-bottom: 50px; */}
.full_popup.reviewAll .picnvideo-wrap {height: 558px; }
.full_popup.reviewAll #picvideolist{display: flex; flex-wrap: wrap; margin: 0 -6px -12px;}
.full_popup.reviewAll #picvideolist li {margin: 0 6px 12px; width: 174px; height: 174px; border-radius: 5px; overflow: hidden;}
.full_popup.reviewAll #picvideolist li .play{position:absolute;left: 10px;bottom: 10px;text-indent: -99999em;background: url(../images/icon_shortclip_20px@3x.png) center center no-repeat;background-size: 30px;z-index: 1;width: 30px;height: 30px;}
/* 개인화 팝업 */
.layer_bottom.main_per{width: 1100px;overflow: hidden;height: auto;max-height: none;}
.layer_bottom.main_per .close_layer_popup { top: 20px; right: 20px; float:right;}
.personal_rec .tit{font-size: 30px;font-weight: 600;letter-spacing: -0.3px;padding-bottom: 26px;}
.personal_rec .tit .name{ color: #b7a386;}
.personal_rec .con{/* margin-bottom: 40px; */}
.personal_rec #goodsId::-webkit-scrollbar{width: 2px;height: 460px; background-color: #f5f5f5; border-radius: 10px;}
.personal_rec #goodsId::-webkit-scrollbar-thumb{width: 2px;height: 80px;border-radius: 10px; background-color: #b7a386;}
.personal_rec .product_list{ padding-bottom: 0;}
.personal_rec .product_list .recommend_item{height: 370px;}
.personal_rec .product_list #goodsId{margin: 0 -10px;overflow-y: scroll;overflow-x: hidden;height: 460px;margin-bottom: 20px;}
.personal_rec .product_list #goodsId > li{margin: 0 10px;}
.personal_rec .list_form .img_con{width:240px;}

.personal_rec .btn_list{ margin-bottom: 20px;}
.personal_rec .btn_list ul{}
.personal_rec .btn_list ul li{margin-bottom:10px}
.personal_rec .btn_list ul li:last-child{margin-bottom:0}
.personal_rec .btn_list ul li .alarm{border-radius: 5px;background-color: #5223cb; height: 50px;width: 100%;display: flex; justify-content: space-between;align-items: center;padding: 0 15px; box-sizing: border-box;}
.personal_rec .btn_list ul li .alarm span{ font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;}
.personal_rec .btn_list ul li .alarm button{display: flex;align-items: center;font-size: 16px;letter-spacing: -0.16px;color: #fff;font-weight: 500;}
.personal_rec .btn_list ul li .alarm button:after{display:block;content:'';width:20px;height:20px;background: url(../images/icon/input_arrow@3x.png) center no-repeat; background-size: cover;}

/* 통합 브랜드관 추가 */
#brandTabList .kids{    display: flex;justify-content: flex-start;margin-top: -6px;cursor: pointer;align-items: center;}
#brandTabList .kids a{margin: 5px 10px;}
#brandTabList .kids .newKids{    border: 1px solid #B7A386;border-radius: 20px;font-size: 12px;display: flex;align-items: center;padding: 0px 1px;height: 28px;}
#brandTabList .kids .newKids a{    color: #B7A386;font-size: 13px;font-weight: 500;margin: 3px 5px 3px 15px;}
#brandTabList .kids .newKids .moveToKidsBrand{width: 12px;height: 12px;background: url(../images/icon/input_arrow_gold@3x.png) -4px 0px no-repeat;background-size: 12px;margin: 5px 5px 5px 0;}

.text_con div.sale{display: flex;align-items: baseline;margin-top: 5px !important;}

/* 주문 재결제 원주문 상세 팝업 */
#orderDetailLayer {overflow-y: auto;}
#orderDetailLayer .full_title {text-align: center;}
#orderDetailLayer .orderSection {padding-bottom:50px;}
#orderDetailLayer .orderSection h2 {padding-bottom:20px; padding-left:20px;}
#orderDetailLayer .orderSection img {height:100px;border-radius: 10px;border: solid 1px #e5e5e5}
#orderDetailLayer .orderSection .product:first-child {border-top:1px solid #eee;}
#orderDetailLayer .orderSection .product {padding:20px 0; display: flex; border-bottom: 1px solid #eee;}
#orderDetailLayer .orderSection .product > span {display: inline-block;}
#orderDetailLayer .orderSection .product .imgSpan {width:20%; text-align: center;}
#orderDetailLayer .orderSection .product .dtlDesc {width:60%;margin:auto 0;}
#orderDetailLayer .orderSection .product .dtlDesc .ordDtlNo {font-size: 14px;margin-bottom: 7px;font-weight:500;}
#orderDetailLayer .orderSection .product .dtlDesc .brandNm {font-size:12px; color:#aaa;font-weight:600;}
#orderDetailLayer .orderSection .product .dtlDesc .goodsNm {font-size:16px;font-weight:600;}
#orderDetailLayer .orderSection .product .dtlDesc .goodsItem {font-size:12px;margin-top:7px;}
#orderDetailLayer .orderSection .product .dtlStatAndQty {width:20%;margin:auto 0;text-align:center;}
#orderDetailLayer .orderSection .product .dtlStatAndQty .ordDtlStatNm {font-size: 18px;font-weight: 600;}
#orderDetailLayer .orderSection .product .dtlStatAndQty .qty {font-size: 13px;font-weight: 500;}









/*顶部*/
.notice{position: fixed;left: 0;top: 0;width: 100%;z-index: 99999;background: rgb(28, 40, 55);}
.notice .notice-link{width:100%;height:44px;position:relative;overflow:hidden}
.notice img{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1920px !important;height:60px;}
/* .notice-link{margin: 0 20px;} */
.notice-link i{display: block;margin-right: 15px;}

.Header{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background:#fff;background2: linear-gradient(358deg,#fff 35%,#6d8538 180%);user-select: none;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);transition: all .4s ease;border-radius:0px 0px 50px 50px;}
.Header .header-body {position:relative;}
.Header a{color:#222;}
.Header::after{content: "";width: calc(100% - 200px);height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 50%;transform: translateX(-50%);bottom: 0;opacity: 0;transition: all .4s ease;}
.Header-logo{float: left;width: 180px;height: 84px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width: 100%;}
.Header-logo img.s{display: none;}
.Header-lang{float: right;position: relative;z-index: 999;margin-left: 12px;}
.Header-lang-menu{display: flex;align-items: center;height: 84px;color: #666;transition: color .4s ease;}
.Header-lang-menu span{font-size: 16px;font-family: Arial;}
.Header-lang-menu i{font-size: 22px;margin-right: 4px;}
.Header-lang.active .Header-lang-menu{color: #aed94f;}
/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more{display: none;z-index: 9;width: 140px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top:calc(100% - 4px);left: 50%;margin-left: -70px;border-top:4px solid #aed94f;border-radius:5px 5px 0 0;transition: top .4s ease;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #aed94f transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: flex;font-size: 16px;color: #333333;justify-content: center;padding: 10px 0;transition: all .4s ease;}
.Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: 28px;min-width: 60px;}
.Header-lang-more.hasIcon a.CN span{background-image: url('../images/common/icon-cn.png');}
.Header-lang-more.hasIcon a.FT span{background-image: url('../images/common/icon-ft.png');}
.Header-lang-more.hasIcon a.EN span{background-image: url('../images/common/icon-en.png');}
.Header-lang-more.hasIcon a.DE span{background-image: url('../images/common/icon-de.png');}
.Header-lang-more.hasIcon a.BR span{background-image: url('../images/common/icon-br.png');}
.Header-lang-more.hasIcon a.ES span{background-image: url('../images/common/icon-es.png');}
.Header-lang-more.hasIcon a.FR span{background-image: url('../images/common/icon-fr.png');}
.Header-lang-more.hasIcon a.JP span{background-image: url('../images/common/icon-jp.png');}
.Header-lang-more.hasIcon a.RU span{background-image: url('../images/common/icon-ru.png');}
.Header-lang-more.hasIcon a.MG span{background-image: url('../images/common/icon-mg.png');}
.Header-lang-more a:hover {color: #fff;background: #aed94f;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}




.hasdropdown{box-shadow:unset;borde-bottom:1px solid #ededed;border-radius:0px; }
.black { color: #000;}				
.Header-dropnew{display: none;position: fixed;left: 0;width: 100%;top:100%;;transition: top .4s ease;}
.hasdropdown .Header-dropnew{box-shadow:0 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:0px 0px 50px 50px;}
.Header-dropnew .fs20 {font-size:20px;}
.Header-dropnew .fw7 {font-weight:700;}
.Header-dropnew .fs12 { font-size: 12px;}
.Header-dropnew .fs14 { font-size: 14px;}
.Header-dropnew .fs17 { font-size: 17px;}
.Header-dropnew .fs30 {font-size: 30px;}
.Header-dropnew .mt10 {  margin-top: 10px;}
.Header-dropnew .mt12 {  margin-top: 12px;}
.Header-dropnew .fw3 {  font-weight: 300;}
.Header-dropnew  .pb14 {  padding-bottom: 14px;}
.Header-dropnew .pt24 {  padding-top: 24px;}
.Header-dropnew .lh32 { line-height: 32px;}
.Header-dropnew .c9 { color: #999;}
.rd10 { border-radius: 10px;overflow: hidden;}
.headDrop{background: #fff;border-top: 1px solid #ededed;}
.headDrop-flex{max-width: 1920px; margin: 0 auto;justify-content: center;}
.headDrop-flex>div{padding: 50px 0 70px;}
.headDrop-desc{border-right: 1px solid #ededed;width: 19%;text-align: right;}
@media (max-width: 1530px) {
	.headDrop-desc{border-right: 1px solid #ededed;width: 25%;text-align: right;}
}
.headDrop-desc .box{position: relative;padding-right: 70px;}
.headDrop-desc .box::after{content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);width: 3px;height: 90%;background: #aed94f;}
.headDrop-img{width: 25%;}
.headDrop-img img{width: 100%;max-height: 270px;height: 14vw;transition: all .8s ease;max-width: 100%; object-fit: cover;vertical-align: middle;}
.headDrop-img .img:hover img{transform: scale(1.15);}
.headDrop-list{width: 20%;margin: 0 100px 0 60px;}
.headDrop-list .box{margin-top: -10px;}
.headDrop-item{justify-content: space-between;align-items: center;padding: 16px 25px 16px 40px;position: relative;transition: all .5s ease-in-out;}
.headDrop-item::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;transition: all .5s ease-in-out;background: #aed94f;opacity: 0;}
.headDrop-item span{position: relative;z-index: 2;}
.headDrop-item i{position: relative;z-index: 2; display: block;font-size: 8px;font-weight: 700;color: #fff;opacity: 0;transform:translateX(-8px) rotate(180deg);transition: all .4s ease;}
.headDrop-item:hover,.headDrop-item.active{color: #fff;}
.headDrop-item:hover::after,.headDrop-item.active::after{width: 100%;opacity: 1;}
.headDrop-item:hover i,.headDrop-item.active i{opacity: 1;transform: translateX(0) rotate(180deg);transition-delay: .4s;}
/* 产品下拉 */
.headPro{padding-bottom: 120px;background: #fff;}
.headPro-list{margin-left: -48px;}
.headPro-item{margin: 48px 0 0 48px;width: calc(25% - 48px);}
.headPro-menu{border-bottom: 1px solid #eaeaea;}
.headPro-menu:hover .title{color: #aed94f;}
.headPro-drop .item{display: flex;font-size: 14px;line-height: 32px;}
.headPro-drop .item span{position: relative;}
.headPro-drop .item span::after{content: "";position: absolute;right: 0;bottom: 3px;width: 0;height: 1px;background: #aed94f;transition: all .4s ease;}
.headPro-drop .item:hover{color: #aed94f;}
.headPro-drop .item:hover span::after{right: auto;left: 0;width: 100%;}
.Header-dropnew-menu{display: flex;width: 100%;position: relative;}
.Header-dropnew-menu>a{display: flex;width: 100%;height: auto;font-size: 15px;line-height: 24px;padding: 10px 4px;text-align: center;color: #444;align-items: center;justify-content: center;transition: all .4s ease;}
.Header-dropnew-menu.active, .Header-dropnew-menu>a:hover{background: #aed94f;color: #fff;}




.caret_transparent{caret-color: transparent;}
.Header-search,.Header-navdiv{
	float: right;
    height: 84px;
    display: flex;
    align-items: center;
    margin-right: 0px;
}
.Header-navdiv{display:none;}
.Header-search .Header-icon-click,.Header-navdiv .Header-icon-click,.Header-icon-click{
	background-color1:#70D715;
	width: 36px;
    height: 36px;
	background: url(../images/icon/gnb_icon_seraching@3x.png) 0 0 no-repeat;
    background-size: 36px;
	
	transition: all .4s ease;
	height1: 84px;color: #333333;font-size: 20px;font-weight: 700; cursor: pointer;z-index: 999;transition: color .4s ease;display: flex;align-items: center;justify-content: center;position: relative;}
.Header-icon-click:hover{
	background: url(../images/icon/gnb_icon_seraching_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active:hover{
	background: url(../images/icon/gnb_icon_close_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
 .Header-navdiv .Header-icon-click{
    background: url(../images/icon/header_navmenu.png) 0 0 no-repeat;
    background-size: 36px;
 }
 .Header-navdiv .Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px; 
 }
.Header-search-click:hover{color: #aed94f !important;}
/***头部列表icon start***/
.Header-search .Header-icon-list,.Header-navdiv .Header-icon-list,.Header-icon-list{
	background-color1:#70D715;
	width: 36px;
    height: 36px;
	background: url(../images/icon/gnb_icon_seraching@3x.png) 0 0 no-repeat;
    background-size: 36px;
	
	transition: all .4s ease;
	height1: 84px;color: #333333;font-size: 20px;font-weight: 700; cursor: pointer;z-index: 999;transition: color .4s ease;display: flex;align-items: center;justify-content: center;position: relative;}
.Header-icon-click:hover{
	background: url(../images/icon/gnb_icon_seraching_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
.Header-search .Header-icon-click.active,.Header-icon-click.active:hover{
	background: url(../images/icon/gnb_icon_close_black@3x.png) 0 0 no-repeat;
    background-size: 36px;
}
 .Header-navdiv .Header-icon-click{
    background: url(../images/icon/header_navmenu.png) 0 0 no-repeat;
    background-size: 36px;
 }
 .Header-navdiv .Header-icon-click.active{
	background: url(../images/icon/gnb_icon_close@3x.png) 0 0 no-repeat;
    background-size: 36px; 
 }
.Header-search-click:hover{color: #aed94f !important;}
/***头部列表icon   end***/
.Header-search-item{display: none;position: absolute;width: 100%;height: 84px;align-items: center;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{width: 1630px;}
.Header-search-item.active{display: flex;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #666;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{
    background: url(../images/icon/gnb_icon_seraching_black@3x.png) 0 0 no-repeat;
    background-size: 36px;	
	width: 50px;height: 40px;font-size: 20px;color: #333333;background1: transparent;cursor: pointer;margin-right: 0;}
/*
.Header-search-item button::after{content: "\e6a6";font-family: "icon";}
*/
body.bodySearch .Header-navbar{visibility: hidden;opacity: 0;}
.Header-navbar{float: right;margin-right: 152px;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar>ul>li{float: left;margin: 0 36px;position: relative;z-index: 9;}
.Header-navbar>ul>li:last-child{margin-right: 0;}
.Header-navbar>ul>li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 84px;display: flex;align-items: center;font-size: 18px;color: #333333;font-weight: bold;transition: color .4s ease;}
.Header-navbar>ul>li:hover .Header-menu, .Header-navbar>ul>li.active .Header-menu{color: #aed94f /*#aed94f*/;}
.Header-arrow{display: none;}
.Header-drop{display: none;position: absolute;background: rgba(255, 255, 255, 0.85);backdrop-filter: saturate(180%) blur(20px);left: 50%;width: 160px;margin-left: -80px;top:calc(100% - 4px);min-width:100%;border-top:4px solid #aed94f;border-radius:5px 5px 0 0;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);transition: top .4s ease;}
.Header-drop::before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #aed94f transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-drop-menu{display: flex;width: 100%;position: relative;}
.Header-drop-menu>a{display: flex;width: 100%;height: auto;font-size: 15px;line-height: 24px;padding: 10px 4px;text-align: center;color: #333333;align-items: center;justify-content: center;transition: all .4s ease;}
.Header-drop-menu.active, .Header-drop-menu>a:hover{background: #aed94f;color: #fff;}
.Header ,.Header * {box-sizing:border-box;}
.second-menu {
	margin:auto auto;
	max-width:1680px;
	text-align: right;
	z-index: 2;
	border-top: 0px solid #633869;
	height:60px;
	line-height:60px;
	display: none;
	position: relative;
	color:#222;
	background1:#fff;/*#5223cb;*/
	background22: linear-gradient(to bottom, #2c3b65 0%, #222222 90%);
	display: flex !important;
	justify-content: space-between;
}
.second-menu .header-links {
	margin-left: -5px;
	display: inline-block;
}
.second-menu .header-links .menu-block{
	display:inline-block;
}
.second-menu .menu{margin:0px;}
.second-menu .menu li {
	margin-bottom: 0;
	line-height: 150%;
}		
.second-menu .menu li {
	list-style: none;
}		
.second-menu ul.menu li, .second-menu ol.menu li, .second-menu ul.link li, .second-menu ol.link li {
	list-style: none;
}
.second-menu a {
	vertical-align: middle;
	color: #222;
	opacity: .89;
	-webkit-filter: alpha(opacity=49);
	filter: alpha(opacity=49);
	padding: 0 5px;
	font-size: .928571rem;
	font-weight: 700;
	line-height: 20px;
	transition: all .5s;
	position: relative;
}		
@media (min-width: 992px) {
	
	.second-menu {
		padding-left: 20px;
		padding-right: 20px;
		display: block;
	}
	.second-menu .header-links {
		margin-left: -10px;
	}
	.second-menu .header-links .menu li {
		display: inline-block;
	}
	.second-menu a {
		padding: 0 10px;
	}	

}
@media (min-width: 1870px) {
	.second-menu { 
		display: block;
	}
}
 

 
 

.Header-navclick{display:none;}
.Header-Email {display:none;float: right;height: 84px;display: flex;align-items: center;margin-right: 32px;opacity:0;}
.Header-Email a {color: #333333;transition: all .4s ease;}
.Header-Email a:hover {color: #aed94f;}
.Header-Email a i{margin-right: 8px;font-size: 18px;}
.Header > .contain{width: 100%;padding: 0px 100px;}


@media (max-width: 1599px) {
	 .Header-search-item .contain {}
	 .Header-navbar{margin-right:130px;}
}
@media (max-width: 1531px) {
	 .Header-navbar{margin-right:120px;}
}
@media (max-width: 1360px) {
	 .Header-navbar{margin-right:50px;}
}
@media (max-width: 1270px) {
    .Header > .contain {padding: 0px 40px;}
    .Header::after {width: calc(100% - 80px);}
    .Header-navbar>ul>li {margin: 0 10px;}
    .Header-Email a i {margin-right: 5px;font-size: 14px;}
}
@media (max-width: 1100px) {
    .Header .contain{width: 100%;}
    .Header::after{opacity: 1;}
    .Header-logo, .Header-icon-click1, .Header-lang-menu1{height: 60px;}
    .Header-logo{margin-left: 4%;width: 110px;}
    .Header-navclick{display: none;margin-right: 0%;}
    .Header-lang{margin: 0 12px 0 4px;}
    .Header-lang.active .Header-lang-menu {color: #666;}
    .Header-lang-more{width: 120px;margin-left: -60px;}
    .Header-lang-more a{padding: 6px 0;}
    .Header-icon-click:hover{color: #666 !important;}
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #aed94f;z-index: 2;color: #fff;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;}
    .Header-navbar>ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar>ul>li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active>ul>li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 44px;padding: 0 4%;font-size:16px;}

	
    .Header-Email span{display: none;}
    .Header .contain {padding: 0px;}
    .Header-icon-click1 {margin-right: 30px;font-size: 18px;}
    .Header-Email {height: 60px;margin-right: 30px;}
	
	.header-body { display: flex;justify-content: space-between;align-items: center;}
	/*隐藏搜索*/
	.Header-search{display:none;}
	/*手机端切换菜单*/
	.Header-navdiv{display:flex;}
	
	/*面包屑*/
	#container_mianbaoxie{}
	#category_detail .category_con{padding-top:0px !important;}
	#category_detail .category_con .hd_tit{padding:0px 0 30px 0;}
	#category_detail .category_con .hd_root{margin:24px 0 24px;}
	.category_con .hd_root ul li .home{width:14px;height:14px;background-size:14px;}
	.category_con .hd_root ul li a{font-size:14px;}
	
	
	/*页面分类名称*/

	#category_detail .category_con .hd_tit .tit{font-size:24px;}
}


/*为了导航新增20250614*/
@media (min-width:980px) {
	
    .Header-arrow{
		display:none;
		background: url(../images/icon/icon_jt3.png) center no-repeat;
		background-size: 16px;
		width: 18px;height: 18px;line-height: 18px;transform: translateY(-50%) rotate(180deg);font-size: 18px;font-style: normal;color: #666;text-align: center;position: absolute;z-index: 9;right: 0;
		top: 50%;}
 
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar>ul>li:hover .Header-menu{color: #666;}
    .Header-navbar>ul>li.active .Header-menu{color: #aed94f;}
    .Header-drop {position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 8px 0;border-radius: 0;border: none;background: #f9f9f9;backdrop-filter: inherit;box-shadow: none;}
    .Header-drop::before{display: none;}
    .Header-drop-menu>a{justify-content: flex-start;padding: 6px 4%;font-size: 15px;}
    .Header-Email a i{margin-right: 0px;font-size: 16px;}	
}

@media (max-width: 800px) {
	.Header{border-radius:0px;}
	.Header-logo, .Header-icon-click, .Header-lang-menu{height:36px;}
	.Header-logo img{max-height:40px;}
	.Header-search, .Header-navdiv{height:60px;}
	.second-menu{text-align: center;width: 100%;display: block !important;background: #000;height: 32px;line-height: 32px;color: #fff;font-size:14px;}
	.second-menu .menu{display:none;}
	
	
 
}





/*底部*/

/* 隐私政策 */
.cookiePolicy {background-color: #fff;color: #222;box-shadow: 0px 0px 8px #c3c3c3;padding: 15px 0;line-height: 1.3;font-size: 14px;position: fixed;bottom: 10px;border-radius:55px;width: 80%;z-index: 999;left: 10%;display: none;}
.cookiePolicy .contain{align-items: center;justify-content: center;display:flex;flex-wrap:wrap;width:90%;}
.cookiePolicy .text{flex:1;animation:none !important;font-weight:600;}
.cookiePolicy .btn{margin-left: 24px;white-space: nowrap;}
.cookiePolicy .btn a{color: #aed94f;margin-right: 10px;padding: 4px 8px;border-radius: 4px;min-height:30px;line-height:30px;text-align:center;min-width:100px;}
.cookiePolicy .btn a:last-child{margin-right:0}
.cookiePolicy .btn a.button{background: #aed94f;color: #fff;}
.cookiePolicy .btn a.button.no{background: transparent;color: #aed94f;border:1px solid #aed94f}
@media all and (max-width:1000px) {
    .cookiePolicy .contain{justify-content: space-between;}
    .cookiePolicy {font-size:12px;padding: 18px 0;left:3%;width:94%;border-radius:10px;}
    .cookiePolicy .text{width: 100%;}
    .cookiePolicy .btn{width:100%;justify-content:center;margin-top:8px;margin-left:0}
	.cookiePolicy .btn a{font-size:12px;height:26px;line-height:28px;min-height:28px;padding:0px;}
}
@media all and (max-width:640px) {
.cookiePolicy{display:none !important;}
}

/*底部*/
/* 侧边按钮 */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.white {color: #fff;}
.comEmail{display:none1;background-color: #90C022;color:#fff;width: 228px;transition: all .6s ease;height: 54px;position: fixed;z-index: 999;right: 35px;bottom: 120px;border-radius: 40px;overflow: hidden;}
.comEmail::after{content: "";transition: all .6s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);background: #fff; width: 400px;height: 400px;border-radius: 50%;}
a.comEmail ,a.comEmail:visited{color:#fff;}
.comEmail:hover a{color: #90C022;}
.comEmail:hover span{color: #90C022;}
.comEmail:hover::after{transform: translate(-50%,-50%) scale(1);}
.comEmail i,.comEmail span{position: relative;z-index: 2;}
.comEmail i{font-size: 26px;display: block;margin-right: 10px;}
.comKefu{position: fixed;z-index: 999;left: 35px;bottom: 190px;display:none;}
.comKefu-btn{border-radius: 40px;background: #40c351;width: 45px;height: 45px;box-shadow: 0px 20px 32.2px 2.8px rgba(64, 195, 81, 0.26);}
.comKefu-btn img{max-width: 55%;max-height: 55%;}
.comKefu-btn:hover{background: #90C022;box-shadow: 0px 20px 32.2px 2.8px rgba(232, 53, 29, 0.26);}
 
 
 
 /*下拉样式*/ 
.drop_down { position: relative; z-index: 1;margin-right: 15px; width: 240px; } 
.drop_down .selected a { position: relative; display: block; height: 44px; padding-left: 20px; border: 1px solid #515151; color: #fff; width: 100%; font-size: 16px; box-sizing: border-box; line-height: 43px; } 
.drop_down .selected a::before { content: ''; position: absolute; top: 9px; right: 15px; width: 24px; height: 24px; background: url(../images/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
.drop_down .selected a.on::before {transform: rotate(-180deg); } 
.drop_down .selected a span { font-size: inherit; cursor: pointer; display: block; } 
.drop_down .options ul { display: none; background: #fff; padding: 0px 0px; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-bottom: none; } 
.drop_down .selected span.value,
.drop_down .options span.value { display: none; } 
.drop_down .options ul li a { font-size: 16px; padding: 5px; display: block; text-decoration: none; color: #000; box-sizing: border-box; padding: 10px 20px; } 
.drop_down .options ul li a:hover { background: #000; color: #fff; transition: 0.2s ease; } 


#footer { 
	margin-top:50px;
	border-top: 1px solid #d6d6d6;
	background: #000; background:#fff; background1:linear-gradient(180deg,#222 20%,#6d8538 100%); color: #222; padding: 65px 0 0px;border-radius:50px 50px 0px 0px;     box-shadow1: 0 -2px 4px 0px #d6d6d6;
    background5: linear-gradient(178deg,#fff 35%,#6d8538 180%);} 
#footer .inner{
    max-width: 1680px;
    margin: 0 auto;}
#footer .copyright{max-width:500px;}
#footer .ftInfo li { display: flex; } 
#footer .ftInfo li:not(:last-of-type)::after { content: ''; width: 1px; height: 100%; margin: 0 21px; background: #fff; } 
#footer .ftInfo li a { color: inherit;font-size:16px;font-weight:700; } 
#footer .ftInfo li:first-of-type a { font-weight: 600; } 
#footer .snsBox { margin: 50px 0 40px; justify-content: space-between; } 
#footer .snsBox .snsWrap { gap: 0 12px; } 
#footer .snsBox .snsWrap a { width: 54px; height: 54px; font-size: 0; } 
#footer .snsBox .snsWrap a.ico_facebook { background: url(../images/icon/ico_facebook.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_twitter { background: url(../images/icon/ico_twitter.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_blog { background: url(../images/icon/ico_blog.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_insta { background: url(../images/icon/ico_insta.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_youtube { background: url(../images/icon/ico_youtube.svg); background-size: cover; } 
#footer .snsBox .snsWrap a.ico_tiktok { background: url(../images/icon/ico_tiktok.svg); background-size: cover; } 
#footer .bottom_copy{padding: 18px 0; border-top:1px solid #999;display1: flex !important; justify-content: space-between;font-size:15px;display:block;}
#footer .bottom_copy a{color:#222;}
#footer .rightspan{margin-left:30px;}
#footer .rightspan a{font-size:14px;}
#footer .ftMenu { gap: 8px; } 
.drop_down { position: relative; z-index: 1;margin-right: 15px; width: 240px; } 
.drop_down .selected a { position: relative; display: block; height: 44px; padding-left: 20px; border: 1px solid #515151; color: #fff; width: 100%; font-size: 16px; box-sizing: border-box; line-height: 43px; } 
.drop_down .selected a::before { content: ''; position: absolute; top: 9px; right: 15px; width: 24px; height: 24px; background: url(../images/icon/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
.drop_down .selected a.on::before {transform: rotate(-180deg); } 
.drop_down .selected a span { font-size: inherit; cursor: pointer; display: block; } 
.drop_down .options ul { display: none; background: #fff; padding: 0px 0px; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-bottom: none; } 
.drop_down .selected span.value,
.drop_down .options span.value { display: none; } 
.drop_down .options ul li a { font-size: 16px; padding: 5px; display: block; text-decoration: none; color: #000; box-sizing: border-box; padding: 10px 20px; } 
.drop_down .options ul li a:hover { background: #000; color: #fff; transition: 0.2s ease; } 

/* #footer .ftMenu select { height: 44px; padding: 0 35px 0 20px; font-size: 16px; color: #fff; border: 1px solid #515151; background: url(../images/icon/ico_selectarrow.svg) no-repeat right 10px center; background-size: 24px auto; -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 1.9; } 
#footer .ftMenu select option { color: #000; } */


#footer .ftArea { position: relative; gap: 0 8px; } 
#footer .ftArea li { position: relative; } 
#footer .ftArea li .name { display: flex; align-items: center; height: 44px; gap: 0 8px; padding: 10px 15px 10px 20px; font-size: 16px; color: #fff; border: 1px solid #515151; } 
#footer .ftArea li .name::after { content: ''; width: 24px; height: 24px; background: url(../images/icon/ico_selectarrow.svg) no-repeat center center; background-size: cover; transition: .2s; } 
#footer .ftArea li .name.active::after { transform: rotate(-180deg); } 
#footer .ftArea li .name.active + .layer { display: block; } 
#footer .ftArea li .layer { width: 310px; display: none; position: absolute; z-index: 1; bottom: 64px; left: 50%; transform: translateX(-50%); border: 1px solid #ccc; padding: 24px; background: #fff; } 
#footer .ftArea li .layer p { color: #000; font-size: 16px; } 
#footer .ftArea li .layer p a { font-size: inherit; font-weight: 600; } 

.btntop { display: none; position: fixed; width: 53px; height: 53px; bottom: 30px; right: 40px;  z-index: 10; }
.btntop #TopMove { display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(229,229,229,.95); background-color: rgba(255,255,255,.95); overflow: hidden; }
.btntop .btn_top {display: block; width: 100%; height: 100%; background:url(../images/icon/btn_top.png) no-repeat center center; background-size: 19px auto; font-size: 0;}



@media screen and (max-width: 1679px) {
	#footer .inner{margin:0px 4%;}
	.inner {
		padding: 0 40px;
	}
}

@media screen and (max-width: 768px){
    #footer { padding: 50px 4% 0px; } 
    #footer .inner { padding: 0; } 
    #footer .ftInfo { gap: 10px 0; } 
    #footer .ftInfo li:not(:last-of-type)::after { margin: 0 9px; } 
    #footer .ftInfo li a { font-size: 12px; } 
    #footer .snsBox { flex-direction: column; gap: 34px 0;display:block; } 
    #footer .snsBox .snsWrap { gap: 0 8px; } 
    #footer .snsBox .copyright { font-size: 12px; } 
    #footer .snsBox .snsWrap a { width: 40px; height: 40px; } 
    #footer .ftMenu { margin-top: 38px; gap: 0 4px; } 
    .drop_down { width: 160px; margin-bottom: 10px;}
    .drop_down .selected a {font-size: 12px; height: 36px; line-height: 35px; padding-left: 10px; }
    .drop_down .selected a::before { width: 16px; height: 16px; right: 10px;} 
    .drop_down .options ul li a {font-size: 12px; padding: 10px;}
    /* #footer .ftMenu select { height: 36px; padding: 0 35px 0 10px; font-size: 12px; background: url(../images/icon/ico_selectarrow.svg) no-repeat right 2px center; margin-bottom: 4px; }  */

    #footer .ftArea { gap: 6px; } 
    #footer .ftArea li {position: static; } 
    #footer .ftArea li .name { height: 36px; padding: 0 5px 0 10px; font-size: 12px; } 
    #footer .ftArea li .name::after { width: 16px; height: 16px; } 
    #footer .ftArea li .layer { width: 100%; bottom: 46px; left: 0; transform:none } 
    #footer .ftArea li .layer p { font-size: 14px; }
	#footer .bottom_copy{text-align:center;font-size:14px;}
	#footer .bottom_copy span.rightspan{display:none;}
    .btntop { width: 40px; height: 40px; bottom: 20px; right: 20px; }
    .btntop .btn_top {background:url(../images/icon/btn_top.png) no-repeat center center; background-size: 14px auto; }

	#footer .snsBox{margin:20px 0 30px;flex-direction:unset;justify-content:center;}	
	#footer .snsBox address{margin-bottom:20px;}
}
@media screen and (max-width: 600px){ 
	#footer {padding:30px 4% 0px}
	.foot_home_li{display:none !important;}
}

.ellipsis_multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis_multiline_3{
  -webkit-line-clamp: 3;
}



/*产品留言弹窗*/
.message-dialog { 
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990000;
}
.message-dialog-content{
	width: 800px;
	min-width:716px;
    max-height: 95%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 41px 47px 34px;
}

.message-dialog-content .errorp {
    margin-bottom: 10px;
    color: red;
	margin-top:-5px;
}
.message-dialog-content .errorp span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    border-radius: 50%;
}
.message-dialog-content .left {
    width: 280px;
    float: left;
	padding: 0 !important;
}

.message-dialog-content .left .img {
	float: initial !important;
    width: 100% !important;
    height: 200px !important;
    line-height: 200px !important;
    border-radius: 2px;
    display: inline-block;
    position: relative;
}
.message-dialog-content .left .img img{border-radius:5px;}
.message-dialog-content .left .titlep {
	font-size: 16px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 10px 0px;
	
}
.message-dialog-content .left ul {
    width: 100%;
    padding: 0;
    margin: 0;
	margin-left: 0 !important;
}
.message-dialog-content .left ul li {
    height: 44px;
    list-style: none;
    margin-top: 6px;
    font-size: 16px;
}
.message-dialog-content .left ul li span:first-child {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 16px;
    color: #757575;
    line-height: 18px;
}
.message-dialog-content .left ul li span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    white-space: nowrap;
    display: inline-block;
    line-height: 18px;
    width: 100%;
}
.message-dialog-content .right {
    width: 380px;
    float: right !important;
	margin-left:20px;
}
.message-dialog-content .right .title {
	color: #333 !important;
    font-size: 24px !important;
    background: #FFF !important;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height: 1.5;
}
.message-dialog-content .right .title p {
    margin: 0;
}
.message-dialog-content .right .form {
    width: 100%;
    margin-top: 22px;
	padding: 0;
}
.message-dialog-content .right  .form input, .message-dialog-content .right  .form .textarea {
    background-color: #f5f5f5;
    font-family: robot !important;
}
.message-dialog-content .right  .form .textarea {
	position:relative;
	margin-bottom: 10px;
}
.message-dialog-content .right  .form .textarea textarea {
	resize: none;
	position: relative;
    z-index: 1;
	background-color: #fafafa;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 0;
	height: 170px;
	width:100%;
}
.message-dialog-content .right  .form input, .message-dialog-content .right  .form .textarea {
    display: block;
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    padding: 12px 19px;
    line-height: 20px;
    margin-bottom: 15px;
    text-indent: 0;
}
.message-dialog-content .right  .form input {
    height: 44px;
}
.message-dialog-content .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 22px;
    right: 27px;
    cursor: pointer;
	z-index: 101;
}

#submitStart1{
cursor:pointer;
background: #222222;
color: #fff;
width: 300px;
text-align: center;
height: 50px;
line-height: 48px;
border: 1px solid #dddddd;
box-sizing: border-box;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
}



/*全站漂浮框*/
.right_float {position: fixed;right: 10px;top:100%;transform:translateY(calc(-100% - 50px));z-index: 999;}
.right_float_top { width: 50px;padding: 10px 0px;}
.right_float-backTop {margin-top: 12px;width: 50px;height: 48px;border-radius: 100px;display: flex;align-items: center;justify-content: center;background-color: #d7000f;position: relative;}
.right_float-backTop::before{content: "\e80b";font-family: "icon";position: absolute;font-size: 14px;color: #fff;transform: rotate(90deg);line-height: 1;}
.right_float_list{display:flex;    flex-wrap: wrap;}
.right_float_list .list{width: 100%;padding: 2px 0px;height: 50px;display: flex;align-items: center;justify-content: center;position: relative;

box-sizing: border-box;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
border-radius: 15%;
margin-bottom:10px;

}
.right_float_list .list::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 28px;height: 1px;background-color: rgba(255, 255, 255, .3);}
.right_float_list .list:last-child::before{display: none;}
.right_float_list .list::after{content: "";width: 100%;height: 100%;background-color: #fff;top: 0px;left: 0px;opacity: 1;z-index: 2;transition: all .4s ease;}
.right_float_list .list.f_whatsapp::after{border-radius: 0px 10px 0px 0px;}
.right_float_list .list.f_backup::after{border-radius: 0px 0px 10px 0px;}
.right_float_list .list:hover::after{opacity: 1;}
.right_float_list .list img{position: absolute;opacity: 0;transition: all .4s ease;z-index: 3;}
 
 
.right_float_cont {margin-top: 15px;width: 100%;height: 115px;display: flex;align-items: center;justify-content: center;}
.right_float_cont a{display: flex;justify-content: center;align-items: center;width: 100%;word-wrap: normal;white-space:nowrap;height: 1px;transform: rotate(90deg);}
.right_float_list .list .info{position: absolute;z-index: 1;top: 2px;left: -170px;width: 170px;background-color: #fff;border-radius: 10px 0px 0px 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px 30px 30px 30px;opacity: 0;pointer-events: none;transition: all .4s ease;}
.right_float_list .list:hover .info.pro{opacity: 1;pointer-events: all;width: 170px;left:calc(-100% - 70px);margin:0px;border-radius:25px;}
.right_float_list .list .info.pro{padding: 0px 15px;height: calc(100%);margin: 2px 0px;display: flex;align-items: center;top: 0px;width: 0px;left: 0px;}
 
.right_float_list .list.f_backup::after {
    content: "";
    display: block; 
    width: 18px;
    height: 18px;
    background: url(../images/icon/icon_go_top@3x.png) no-repeat center;
    background-size: 18px;
}


.right_float_list .list.f_weixin{
	background:#eee;
}
.right_float_list .list.f_weixin::after {
    content: "";
    display: block;
    width: 24px;
    height: 39px;
    background: url(../images/icon/icon_weixin@3x.png) no-repeat center;
    background-size: 23px;
}


.right_float_list .list.f_weixin:hover{border-radius:0px 50% 50% 0px;background:#ddd;}
.right_float_list .list .wexinpro{position: absolute;z-index: 1;top: 2px;left: -130px;width: 130px;height:auto;background-color: #fff;border-radius: 10px 0px 0px 10px;box-shadow1: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px 30px 30px 30px;opacity: 0;pointer-events: none;transition: all .4s ease;}
.right_float_list .list .wexinpro img{width:0px;height:0px;opacity:0;position:relative;transition: all .7s ease;}
.right_float_list .list:hover .wexinpro img{width:100px;height:100px;opacity:1;}
.right_float_list .list:hover .wexinpro.pro{height:auto;background-color: #ddd;opacity: 1;pointer-events: all;width: 130px;left:-130px;margin:0px;border-radius:10px 0px 0px 10px;padding:15px;}
.right_float_list .list .wexinpro.pro{padding: 0px 15px;height: calc(100%);margin: 2px 0px;display: flex;align-items: center;top: 0px;width: 0px;left: 0px;}
 

 
.right_float_list .list.f_contact{
	background:#dfdfdf;
}
.right_float_list .list.f_contact::after {
    content: "";
    display: block;
    width: 24px;
    height: 39px;
    /*background: url(../images/icon/icon_write@3x.png) no-repeat center;*/
	background: url(../images/icon/icon_inquiry@3x.png?timg=1) no-repeat center;

	
    background-size: 18px;
}


.right_float_list .list.f_whatsapp{
	background:#90C022;
}
.right_float_list .list.f_whatsapp::after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/icon/whtasapp-icon.png) no-repeat center;
    background-size: 21px;
}
.right_float_list .list.f_whatsapp .info.pro{background:#90C022;color:#fff;}
/* 置顶 */
.backTop{display: none;right: 40px;bottom: 60px;width: 40px;height: 40px;line-height: 40px;font-size: 20px;color: #fff;text-align: center;border-radius: 4px;position: fixed;cursor: pointer;z-index: 9999;background: #b81c22;}
.backTop::after{content: "\e684";font-family: "icon";}
.backTop.on{display: block;}
@media all and (max-width:1590px) {.backTop {right: 30px;bottom: 40px;}}
@media all and (max-width:720px) {.backTop {right: 8px;bottom: 20px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}}



/*全局询价按钮*/
.small_btn_in{
	display:block;
	background1:linear-gradient(45deg, #90C022 20%, #abbb89 100%);
	background:#90C022;
	font-size:13px;color:#fff;border-radius:5px;padding:3px 10px ;
	
}
.small_btn_in_inner{
	background:url('../images/icon/hand.png') no-repeat left center;
	background-size:19px;;
	width:100%;
	display:block;
	height:24px;
	line-height:24px;
	padding-left:24px;
} 

.small_btn_in{
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}
.small_btn_in:before{
	 content: '';
	  position: absolute;
	  top: -50%;
	  left: -100%;
	  width: 100%;
	  height: 200%;
	  background1: radial-gradient(circle at center, transparent 50%, #ff33cc 50%);
	  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,0.5)50%,rgba(255,255,255,0)100%) no-repeat -170px 0;
	  background-size: 100% 200%;
	  opacity: 0;
	  transition: all 0.3s ease;
}
.small_btn_in:hover::before {
  top: -50%;
  left: 100%;
  opacity: 1;
  background-position: center;
}
/* 分页 */
.paging{ margin-top: 50px;width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu .shenglvehao{font-weight:700;border:0px;}
.paging-menu a,.paging-menu span{width: 42px;height: 42px;border: 1px solid #d9d9d9;margin: 4px;font-size: 14px;color: #666666;transition: all .4s ease;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.paging-menu a.not i{font-size: 12px;display: block;}
.paging-menu a.lty i{transform: rotate(180deg);}
.paging-menu a:hover, .paging-menu a.active,.paging-menu  .now_current , .paging a.on{border-color: #aed94f;background-color: #aed94f;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 12px;color: #666;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 50px;text-align: center;height: 32px;border: 1px solid #d9d9d9;background-color: transparent;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #aed94f;}
.paging-skip button {color: #555;font-size: 12px;padding: 0 18px;border: 1px solid #d9d9d9;transition: all .4s ease;height: 32px;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #aed94f;color: #fff;border-color: #aed94f;}
.paging-hint span{color: #aed94f;}

.paging .prev{
	cursor: pointer;
	border:0px;
    background1: url(../images/icon/rel_slider_prev@3x.png) center no-repeat;
	background: url(../images/icon/page_prev.png)  center / auto 12px no-repeat;
    background-size1: 32px;
}
.paging .next{
	cursor: pointer;
	border:0px;
    background1: url(../images/icon/rel_slider_next@3x.png) center no-repeat;
	background: url(../images/icon/page_next.png)  center / auto 12px no-repeat;
    background-size1: 32px;
}
.paging-menu .first,.paging-menu .last{display1:none;
	border:0px;
	cursor: pointer;
	background: url(../images/icon/page_first.png)  center / auto 12px no-repeat;
}
.paging-menu .last{
	background: url(../images/icon/page_last.png)  center / auto 12px no-repeat;
}
.paging .prev:hover,.paging .next:hover,.paging .first:hover,.paging .last:hover{background-color:unset;}

@media (max-width: 800px) {
	.paging{ margin-top: 30px;}
	.paging-menu a,.paging-menu span{display:none;}
	.paging-menu a.prev ,.paging-menu span.prev,
	.paging-menu a.next  ,.paging-menu span.next{display:flex;}
	
}


/* 4、index.css*/
/**/
.wrap-loading{position: fixed;left:0;right:0;top:0;bottom:0; background: rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');z-index: 10000;}/*마스크*/
.wrap-loading div{position:fixed;top:50%;left:50%;margin-left: -36px;margin-top: -36px;width:72px; height:72px;border-radius:100%;background:#646464}/*로딩 이미지*/
.wrap-loading div > img {width:72px;height:72px;}
.display-none{display:none;}/*감추기*/

.flag{display: flex; align-items: center; position: absolute; top: 60px;left: 72%;padding: 8px 12px 8px 14px; background-color: #5211ce; border-radius: 20px 0 20px 20px;}
.flag span{color: #fff; font-size: 14px;font-weight: 500; line-height: 1.5;letter-spacing: -0.12px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.flag img {width: 17px; margin-right:7px;}
.flag button {position:relative;width: 8px;height: 8px;padding: 0;text-indent: -9999em;transform: rotate(45deg);top: -2px;margin-left: 10px;}
.flag button:before{width: 16px;height:2px;background:#aaaaaa;content:'';display: block;position: absolute;left: -3px;top: 5px;}
.flag button:after{width: 2px;height: 16px;background:#aaaaaa;content:'';display: block;position: absolute;top: -2px;left: 4px;}


/****** 05. Plastic Cosmetic Bottle start*******/

/******* 05. Plastic Cosmetic Bottle end********/


/****** 06. Plastic Food Beverage Container start*******/

/****** 06. Plastic Food Beverage Container end *******/



/****** 07. 公司简介 start*******/
.clearFix:before, .clearFix:after {
    display: table;
    content: "";
}
.clearFix:after {
    clear: both;
}
.indabout{width: 100%;padding: 120px 0  134px;background:#f5f5f5}
.indabout-items{width: 100%;}
.indabout-lft{width: calc(100% - 760px);float: left;padding:24px 132px 0 0;}

.indabout-lft h3{font-size: 24px;color: #182f49;line-height: 44px;margin: 16px 0 24px;}
.indabout-lft h1{font-size: 20px;color: #182f49;margin: 5px 0 5px;}
.indabout-lft p{font-size: 16px;color: #868d97;line-height: 28px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 140px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

    font-weight: 500;
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 0;

}
.indabout-lft .btn{
	display: inline-block;
    width: 186px;
    height: 58px;
    border: 3px solid #fff;
    font-size: 16px;
    color: #fff;
    font-weight: 700; 
    border-radius: 25.5px;
    text-align: center;
    line-height: 58px;
    transition: all .4s ease;

background-color: #00499e;border-color: #00499e;margin-top: 40px;}
.indabout-lft .btn {
	color: rgb(255, 255, 255); 
     background-color: rgb(39, 39, 42); 
     border-color: rgb(39, 39, 42); 
     padding: 14px 31px; 
     border-radius: 50px; 
     min-height: 56px; 
     width: auto; 
     height: auto; 
     line-height: 1.6;
}

.indabout-lft .btn:hover{background-color: transparent;border: 3px solid #00499e;color: #00499e;}
.indabout-rgt{width: 760px;float: right;position: relative;overflow: hidden;border-top-left-radius:15px;border-bottom-right-radius:15px;border-radius:15px;}
.indabout-rgt img{width: 100%;height: 438px; object-fit: cover;transition: all .4s ease;}
.indabout-rgt i{display: inline-block;width: 30px;height: 30px;background: url('../images/index/video.png') no-repeat center;position: absolute;right: 54px;bottom: 40px;cursor: pointer;transition: all .4s ease;}
.indabout-rgt:hover img{transform:scale(1.06);}
.indabout-rgt:hover i{animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
@keyframes tada{0%{transform:scale(1);}10%, 20%{transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);}70%{transform:perspective(400px) rotateY(10deg);}100%{transform:perspective(400px) rotateY(0deg);opacity:1;}}

.indabout-column{width: 100%;margin-top: 88px;display:none;}
.indabout-column ul li{width: 33.3%;float: left;padding-left:40px;}
.indabout-icon{width: 100%;height: 52px;margin-bottom: 28px;}
.indabout-icon img{max-width: 100%;object-fit: cover;}
.indabout-content{width: 100%;}
.indabout-content h2{font-size: 18px;color: #3b4652;margin-bottom: 24px;}
.indabout-content p{font-size: 16px;color: #868d97;line-height: 22px;;display:none;}

.company_slider {overflow:hidden;border-radius: 10px;}
.company_wrap  .swiper-button-prev{display:none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left:0;z-index: 1;width: 102px;height: 102px;background: url(../images/icon/main_slider_prev@3x.png) center no-repeat; background-size: 102px;}
.company_wrap  .swiper-button-next{display:none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 1;width: 102px;height: 102px;background: url(../images/icon/main_slider_next@3x.png) center no-repeat; background-size: 102px;}
.company_wrap .swiper_page_btn{background:transparent;left: 50%;bottom: -40px;transform: translateX(-50%);; border-radius1:0px 22px 0px 0px;position:absolute;bottom1:0px;left1:0%;padding: 15px 10px;z-index:42;display1: flex;justify-content: center;align-items: center;}
.company_wrap .swiper-button-pause{display:none;width:27px; height:27px; background: url(../images/icon/stop@3x.png) center no-repeat; background-size: cover;}
.company_wrap .swiper-button-pause{display:none;background: url(../images/icon/stop_white@3x.png) center no-repeat;background-size: cover;}
.company_wrap .swiper-button-play{display:none;width:27px; height:27px; background: url(../images/icon/play@3x.png) center no-repeat; background-size: cover;}
.company_wrap .main_banner_pagination{display: flex;justify-content: center;}
.company_wrap .main_banner_pagination .swiper-pagination-bullet{margin-right: 20px;height: 6px;background-color: #c9c9c9;width: 6px;opacity: 1;}

 .company_wrap .main_banner_pagination .swiper-pagination-bullet-active {
    width: 85px;
    background: #aed94f;
    height: 6px;
    border-radius: 6px;
}
.company_wrap .swiper-slide{line-height:normal;}

/****** 07. 公司简介 start*******/




/****** 08. 公司背景横幅 start*******/

.indvalue{width: 100%;background-position: left top;background-repeat: no-repeat;}
.indvalue-item{width: 100%;text-align: center;height: 602px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.indvalue-item p{font-size: 28px;color: #fff;line-height: 48px; }

.indvalu-numscroll{width: 100%;position: relative;}
.indvalu-shownum{width: 100%;position: absolute;top: -120px;left: 0; z-index: 2;}
.indvalu-shownum ul{width: 100%;font-size: 0;overflow: hidden; box-shadow: 0 0 43px rgba(30, 36, 41, .16);background-color: #00499e;opacity: 0;border-radius: 10px; animation: indnum 1s ease both .2s;}
@keyframes indnum{0%{opacity: 0;transform: translateY(160px);}100%{opacity: 1;transform: translateY(0);}}
.indvalu-shownum ul li{display: flex;justify-content: center;flex-direction: column;text-align: center;width: 20%;float: left;height: 210px;transition: all .6s ease;position: relative;}
.indvalu-shownum-2 ul li{width: 50%;}
.indvalu-shownum-3 ul li{width: 33.3333%;}
.indvalu-shownum-4 ul li{width: 25%;}
.indvalu-shownum-5 ul li{width: 20%;}
.indvalu-shownum-6 ul li{width: 16.6666%;}
.shownum-cont{width: 100%;}
.inakcome-shownum li:last-child .shownum-cont{border: none;}
.shownum-cont h6{font-size: 48px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.shownum-cont p{font-size: 18px;color: #fff;line-height: 20px;}
/****** 08. 公司背景横幅 start*******/




/****** 09. 证书荣誉 start*******/
.indNews.conBox{padding:0px;}
.indNews.conBox{background:#f5f5f5;padding-bottom:100px;padding-top:50px;} 
 .abojjry{width: 100%;position: relative;padding: 120px 0px 0px 0px;}
.abojjry-head{justify-content: space-between;align-items: flex-end;}
.abojjry-title{max-width: 520px;}
.abojjry-title .text{color: #848484;line-height: 1.6;margin-top1: 10px;}
.abojjry-line,.case-line{width: 560px;height: 3px;position: relative;margin-bottom1: 28px;}
.abojjry-line::before,.case-line::before{content: "";position: absolute;width: 100%;height: 1px;top: 1px;background: #e6e6e6;}
.abojjry-line .swiper-scrollbar-drag,.case-line .swiper-scrollbar-drag{background: #aed94f;top: 0;cursor: pointer;z-index: 4;box-shadow: 0 0 8px 2px rgba(174, 217, 79, 0.4);}
.abojjry-loop{width: 100%;margin-top: 40px;padding-right: 36px;}
.abojjry-link{display: block;width: 100%;background: #fff;padding: 0 28px;border-radius:10px;}
.abojjry-link .image{width: 100%;display: flex;align-items: center;justify-content: center;height: 308px;position: relative;padding: 24px 0;}
.abojjry-link .image img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.abojjry-link .image i{position: absolute;width: 60px;height: 60px;border-radius: 50%;top: 50%;left: 50%;margin: -30px 0 0 -30px;background: #aed94f url('../images/icon/abojj4ic.png') no-repeat center;z-index: 2;opacity: 0;transform: scale(0);transition: all .4s ease;}
.abojjry-link:hover .image img{opacity: 0.4;}
.abojjry-link:hover .image i{transform: scale(1);opacity: 1;}
.abojjry-link .text{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 74px;position: relative;color: #555;transition: all .4s ease;}
.abojjry-link .text:before{content: "";position: absolute;width: 100%;height: 1px;background: #ebebeb;left: 0;top: 0;transition: all .4s ease;}
.abojjry-link .text p{z-index: 4;}
.abojjry-link .text::after{content: "";position: absolute;width: calc(100% + 28px * 2);left: -28px;bottom: 0;background: #aed94f;height: 0%;opacity: 0;transition: all .4s ease;}
.abojjry-link:hover .text{color: #fff;}
.abojjry-link:hover .text:before{opacity: 0;}
.abojjry-link:hover .text::after{opacity: 1;height: 100%;}

@media (max-width: 1700px) {
	 
}
@media (max-width: 1599px) {
	.abojjry {padding: 80px 0px 0px 0px;}
}
@media (max-width: 1270px) {

}
@media (max-width: 1000px) {
	.abojjry-head{display:block1;}
	.abojjry-title{max-width1:100%;}
	.abojjry-line,.case-line{width:calc(100% - 530px);}
}
@media (max-width: 900px) {
	.abojjry-head{display:block1;}
	.abojjry-title{max-width:400px;}
	.abojjry-line,.case-line{width:calc(100% - 420px);}
}
@media (max-width: 680px) {
	.abojjry{padding:60px 0px 0px 0px;}
	.abojjry-head{display:block;}
	.abojjry-title{max-width:100%;}
	.abojjry-line,.case-line{display:none;width:100%;margin-top:20px;}
}
/******* 09. 证书 end ******/



/****** 10. 新闻 start*******/
.news .flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-justify-between {
    justify-content: space-between;
}
.relative {
    position: relative;
}
.block {
    display: block;
}
img, video, canvas {
    max-width: 100%;
    object-fit: cover;
}
.img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    object-fit: cover;
}
.lm {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.lm3, .lmm3 { -webkit-line-clamp: 3;}
/* 新闻 */
#news_pb{padding-top:100px;}
.news{background:#fff}
.news .nav a{background:#fff;color:#444;border-color:#fff}
.news .nav a+a{margin-left:20px}
.news .nav a.active,.news .nav a:hover{background:#00499e;border-color:#00499e;color:#fff}
.news .item{width:32%;display:block;background:#f5f5f5;border-radius:16px;overflow:hidden;transition:transform .4s ease}
.news .item picture{padding-top:60.27%;overflow:hidden}
.news .item picture img{transition:all .6s ease}
.news .item .info{padding:36px 36px 60px}
.news .item .info .title{font-weight:500;color:#444;transition:color .4s ease;height:56px;font-size:20px;}
.news .item .info .desc{color:#777;margin-top:20px;font-size:16px;}
.news .item span{margin-top:26px;display:flex;align-items:center;color:#fff;background:rgb(39, 39, 42); transition:color .4s ease;border-radius: 23px;justify-content: center;width: 118px;height: 48px;}
.news .item:hover{transform:scale(1.02)}
.news .item:hover .title{color:#aed94f}
.news .item:hover picture img{transform:scale(1.1)}
.news .item:hover span{color:#fff;background:#aed94f;border: 1px solid #aed94f;}
/* .news .item:hover span i{transform:translateX(5px)} */
.news .list{width:32%;background:#f5f5f5;border-radius:20px;overflow:hidden;padding:36px}
.news .list .top-tit{margin-bottom:10px}
.news .list .top-tit .title{color:#444;font-size:20px;}
.news .list .top-tit a{color:#777;transition:color .4s ease}
.news .list .top-tit a:hover{color:#aed94f}
.news .list .cell{display:block;padding:24px 0 18px;border-top:1px solid #eee}
.news .list .cell .time{color:#444;line-height:1}
.news .list .cell .title{color:#444;transition:color .4s ease;height:48px;line-height:24px;margin-top:10px;}
.news .list .cell:hover .title{color:#aed94f}
.news .list .cell:last-child{padding-bottom:0}
.news section{display:none}
.news section.active{display:block}

@media all and (max-width:1279px) {
    .news .item .info{padding:20px}
    .news .item{border-radius: 10px}
    .news .list{padding: 20px;border-radius: 10px}
    .news .list .cell .title{margin-top: 5px}
}
@media all and (max-width:1000px) {
    .news .nav a + a{margin-left: 10px}
    .news .item{width: 49%}
    .news-main .in{flex-wrap: wrap}
    .news .list{width: 100%;margin-top: 15px}
}
@media all and (max-width:640px) {
    .news .nav a + a{margin-left:6px}
    .news .nav a{padding: 5px 10px;font-size: 14px}
    .news .nav{justify-content: space-between;margin-top:10px}
    .news .item{width: 100%}
    .news .item:not(:first-child){margin-top: 15px}
    .news .item .info{padding:20px 15px}
    .news .item .info .desc{margin-top: 10px}
    .news #news_pb{
        padding: 60px 0 0 !important;
    }
}
/*******新闻 end********/









 
 	#container0{position:relative;padding1:144px 0 100px;margin1:50px auto 0px ; }
	.hashtag_wrap { margin-bottom: 30px}
	.hashtag_wrap .hashtag_list {  display: flex; flex-wrap: wrap;  margin: -3px;}
	.hashtag_wrap .hashtag_list li {   margin: 3px;  display: flex;}
	.hashtag_wrap .hashtag_list li.on a {  background-color: #222; color: #fff;border: 1px solid transparent;}
	.hashtag_wrap .hashtag_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;}
	.hashtag_wrap .hashtag_list li a span {}
					
	@media (max-width: 1861px) {
		/*banner*/
		.mall_main_header{width:calc(100% - 60px);}
		.wrap .main_banner_wrap .swiper-container{width:100%;}		
	}	
					
	@media (max-width: 1680px) {
		/*banner*/
		.wrap .main_banner_wrap{width:100%;}
		.wrap .swiper-container{width:100%;}
		.wrap .main_banner_wrap .img_2{width:100%;}
		.wrap .main_banner_wrap .center_img{height:calc( 568 * 92vw / 1688);}
		
		

		
			/*第一大分类*/
		.wrap .pastel_style_wrap{padding:80px 0px 0px;}
		.wrap .pastel_style_wrap .planning_list{width:100%;margin:auto;}
		.wrap .pastel_style_wrap .planning_banner{width:calc(100% - 494px);margin-right:40px;}
		.wrap .pastel_style_wrap .planning_banner img{height:100%;max-width:100%;}
		
	}

	@media (max-width: 1599px) {
		/*banner*/
		.wrap .main_banner_wrap .main_banner_slider,.wrap .main_banner_wrap .center_img{border-radius:25px 25px 25px 25px}
		.wrap .main_banner_wrap .main_banner_slider .swiper-button-prev,.wrap .main_banner_wrap .main_banner_slider .swiper-button-next{
			width: 82px;
			height: 82px;
			background-size:82px;
			margin-top:auto;
		}
		
		/*第一大分类*/
		.wrap .pastel_style_wrap .img_con{width:90px;height:90px;}
		.wrap .pastel_style_wrap .planning_banner{height:calc(628px);}
		/*第二、三大分类*/
		.wrap .conBox {
			padding:80px 0 80px;
		}
		.wrap .trend_wrap .trend_list_wrap{margin:auto;}
		.wrap .best_wrap .best_list_wrap{margin:auto}
	}

	@media (max-width: 1530px) {
		.wrap .trend_wrap .trend_list_wrap{margin:auto;}
		.wrap .best_wrap .best_list_wrap{margin:auto}
	}



	@media (max-width: 1440px) {}

	@media (max-width: 1279px) {}

	@media (max-width: 1000px) {
		/*第一大分类*/
		.wrap .pastel_style_wrap .planning_banner{border-radius:30px 3px 30px 30px}
		
		/*5个公司参数*/
		.indvalu-shownum ul li{width:25%;height:150px;}
		.indvalu-shownum ul li:nth-child(2){display:none;}
	}

	@media (max-width: 800px) {
		/*整体向上*/
		#container0 {
			padding1: 112px 0px 20px;
		}
		/*banner*/
		.mall_main_header{width:100%;height:400px;}
		.wrap .main_banner_wrap .main_banner_slider, .wrap .main_banner_wrap .center_img{border-radius:0px;}
		.visual-wrap{border-radius:0px;}
		.visual-wrap .main-txt-wrap{top:50%;transform:translateY(-50%);}	
		.visual-wrap .bg-video-content{border-radius:0px;}
		.main_banner_wrap .swiper_page_btn{left:50%;transform:translateX(-50%);border-radius:12px 12px 0px 0px;padding:5px;}
		/*第一大分类*/
		.wrap .pastel_style_wrap .planning_banner .con .brand_nm{font-size:16px;}
		.wrap .pastel_style_wrap .planning_banner .con strong{font-size:22px;}
		.wrap .pastel_style_wrap{padding:50px 0px 0px;}
		.wrap .pastel_style_wrap .swiper-slide{display:block;}
		.wrap .pastel_style_wrap .planning_banner{width:100%;height:calc(92vw * 700 / 1140);margin-right:0px;}
		.wrap .pastel_style_wrap .rel_item_slider{width:100% !important;}
		.wrap .pastel_style_wrap .planning_item_wrap .item_list ul li{float:left;width:50%;}
		.wrap .pastel_style_wrap .list_form{width:100%;}
		.wrap .pastel_style_wrap .list_form .text_con{width:calc(100% - 115px);}
		.wrap .trend_wrap .trend_list_wrap{margin:auto;}
		.wrap .best_wrap .best_list_wrap{margin:auto}
		
		.trend_wrap .recommend_item{height:auto;}
		.wrap .trend_wrap .trend_list_wrap .img_con{width:auto;height:auto;}
		
		.best_wrap .recommend_item{height:auto;}
		.wrap .best_wrap .best_list_wrap .img_con{width:auto;height:auto;}
		
		.wrap .pastel_style_wrap .planning_banner .con{left:10px;bottom:10px;}
		
		/*公司简介*/
		.indabout{padding:60px 0  74px;}
		.indabout-lft{width:100%;padding:24px 24px 0 0;}
		.indabout-rgt{width:100%;margin-top:30px;}
		.indabout-lft .btn{width: 120px; font-size: 14px; padding: 10px;min-height: 40px;}
		.indvalue-item{height:440px;}
		.indvalue-item p{font-size:18px;}
		/*5个公司参数*/
		.indvalu-shownum ul li{width:33%;height:150px;}
		.indvalu-shownum ul li:nth-child(5){display:none;}
		.shownum-cont h6{font-size:24px;}
		.shownum-cont p{height:40px;}
		.indvalu-shownum{top:-75px;}
		
		/*字体大小*/
		.wrap .hd h1.tit{font-size:20px;}
		.wrap .hd > button{font-size:20px;}
		.wrap .hd h3{font-size:20px;}
		.indabout-lft h3{font-size: 18px; line-height: 34px; margin: 12px 0px 18px;}
		.indabout-lft h1{font-size: 16px; margin: 5px 0px 5px;}
		.hashtag_wrap .hashtag_list li a{font-size:14px !important;padding:8px 18px !important;height:40px !important;}
		
		.wrap .pastel_style_wrap .planning_item_wrap .tit{font-size:20px;}
		.wrap .pastel_style_wrap .planning_item_wrap .hd{margin-top:30px;}
		.wrap .pastel_style_wrap .list_form .brand_name + h2{font-size:16px;}
		.wrap .pastel_style_wrap .list_form .sale{font-size:18px;}
		

		/*10个特点*/
		.online-courseitem .icons{width:60px !importat;max-width:60px !important;height:60px !important;}
		.online-courseitem h5{font-size:18px !important;}		
	}
	@media (max-width: 680px) {
		/*整体向上*/
		#container0 {
			padding1: 62px 0px 20px;
		}
		/*banner*/
		.mall_main_header {height:340px;}
		.wrap .main_banner_wrap .main_banner_slider,.wrap .main_banner_wrap .center_img{border-radius:0px}
		.wrap .main_banner_wrap .main_banner_slider .swiper-button-prev,.wrap .main_banner_wrap .main_banner_slider .swiper-button-next{
			width: 42px;
			height: 42px;
			background-size:42px;
			margin-top:auto;
			display:none;
		}
		

	}





/*5、swiper.min.css*/
/**
 * Swiper 4.5.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 16, 2019
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}




/*6、mcxdialog_ui.css*/
/**
 * Mcx Dialog Mobile v0.1.0
 * Copyright (C) 2018 mcx
 * https://github.com/code-mcx/mcx-dialog-mobile
 */
.dialog-mobile-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000003;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*alert confirm*/
.dialog-mobile {
	padding: 0 40px 40px 40px;
	text-align:center;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 1000004;
	min-width: 320px;
	background-color: #FFFFFF;
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 20px;
	padding: 0 30px 25px 30px;
	/* width: 325px; */
	box-sizing: border-box;
}
.dialog-mobile .dialog-content {
	position: relative;
	padding:50px 0 40px 0;
	line-height: 2em;
	text-align: left;
	color: #000;
	font-size:16px;
	text-align:center;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	padding: 50px 0 0;
	/* padding: 0; */
	line-height: normal;
}
.dialog-mobile .dialog-content span{font-weight:400;}
.dialog-mobile .dialog-content .prize_tit{font-size: 30px;font-weight: 700;}
.dialog-mobile .dialog-content .prize_tit .color{font-size: 36px;color: #b7a386;font-weight: 700;}
.dialog-mobile .dialog-content .particle_bg{background: url(/ux/imgs/order/particle@3x.png) center no-repeat; background-size: cover;height:100%;position: absolute; top: 12px;left: 0;right: 0; z-index: -1;}

.dialog-mobile .dialog-content .coupon_img{width:85px;height:85px;display: block;margin: 0 auto 9px;}
.dialog-mobile .dialog-content strong {font-weight: 600;}
.dialog-mobile .dialog-content p {margin: 10px 0 24px;}
.dialog-mobile .dialog-content p.con {margin: 10px 0 -10px; font-size: 14px; line-height: 20px; color: #707070;}
.dialog-mobile .dialog-content p.sub_con {margin: 10px 0 -10px; font-size: 16px; font-weight: 400;line-height: 20px; color: #707070;}
.dialog-mobile .dialog-content .icon_push {}
.dialog-mobile .dialog-content .icon_push img {width: 60px; height: 60px; margin: 0 auto 15px; }
.dialog-mobile .dialog-content .desc{padding-top:10px;margin-bottom: 20px;}
.dialog-mobile .dialog-content .desc.push{margin-bottom: 0;}
.dialog-mobile .dialog-content .desc span{line-height: 18px;padding-top:5px;font-size:12px;color:#707070;display:block;}
.dialog-mobile .dialog-content .desc span.date{font-size:14px;}
.dialog-mobile .dialog-content .desc .cong_txt{padding-top: 20px; font-size: 16px;font-weight: 500;color:#222}
.dialog-mobile .dialog-content .desc .prize_con{padding-top: 10px;font-size: 14px;font-weight: 500;color: #707070;}

.dialog-mobile .dialog-content .desc span.option_select{padding-top: 0; font-size:14px;}
.dialog-mobile .dialog-sub-content {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    font-weight: 400;
    margin-top: 10px;
}
.dialog-mobile .dialog-sub-content ul{margin: 15px 20px 0;padding-top:15px;border-top:1px solid #e3e3e3;}
.dialog-mobile .dialog-sub-content ul li{font-size:12px;line-height:18px;letter-spacing:-0.12px;color:#707070;text-align:left;padding-left:9px;position:relative;padding-top: 5px;word-break: keep-all;}
.dialog-mobile .dialog-sub-content ul li:before{display:block;width:3px;height:3px;background:#aaa;border-radius:50%;position:absolute;left:0;content:'';top: 12px;}
.dialog-mobile .dialog-sub-content strong {color: #222222; font-weight: 500;}
.dialog-mobile .dialog-sub-content .push_check{margin: 15px 20px 0;padding-top:15px;position: relative; border-top:1px solid #e3e3e3;}
.dialog-mobile .dialog-sub-content .push_check #push_check{/* display: none; *//* position: absolute; */position: absolute;top: 0;left: 0;z-index: 1;width: 1px;height: 1px;opacity: 0;}
.dialog-mobile .dialog-sub-content .push_check input[type=checkbox] {display: none;}
.dialog-mobile .dialog-sub-content .push_check input[type=checkbox] + .select_label{display: flex;align-items: center;}
.dialog-mobile .dialog-sub-content .push_check input[type=checkbox] + .select_label span{position: relative;line-height: 1.71;letter-spacing: -0.14px; font-weight: 500; color: #222222;}
.dialog-mobile .dialog-sub-content .push_check input[type=checkbox] + .select_label .icon_checkded{width: 23px;height: 23px; margin-right: 10px; background: url(/ux/imgs/member/checked_off@3x.png) center no-repeat;background-size: 18px;}
.dialog-mobile .dialog-sub-content .push_check input[type=checkbox]:checked + .select_label .icon_checkded{background: url(/ux/imgs/goods/checked_on.png) center no-repeat;background-size: 18px;}
.dialog-mobile .dialog-sub-content .con .buttons {display: flex; flex-direction: column; align-items: center;}
.dialog-mobile .dialog-sub-content .con .buttons li {margin-bottom: 5px;}
.dialog-mobile .dialog-sub-content .con .buttons .btn_medium1.btn_cancel {background: none; color: #222222; text-decoration: underline;}

.dialog-mobile .dialog-content em {
	color:#df6400
}
.dialog-mobile .dialog-button,
.dialog-mobile .dialog-sure-button,
.dialog-mobile .dialog-cancel-button,
.dialog-custom-button {
	display: inline-block;
	position: relative;
	margin:0 5px;
	padding:0 30px;
	min-width: 70px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	cursor:pointer;
	min-width: 140px;
	height: 50px;
	font-weight: 500;
	margin: 0 auto;
	padding: 0 20px;
	border-radius: 60px;
	min-width: 120px;
	margin-top: 50px;
}
.dialog-mobile .dialog-button{
	color: #fff;
	background:#000;
	border:1px solid #000;
	min-width: 120px;
}
.dialog-mobile .dialog-cancel-button {
	color: #000;
	background: #fff;
	border:1px solid #e5e5e5;
	/* min-width:100px; */
	padding: 0;
	margin-right: 10px;
}
.dialog-mobile .dialog-sure-button {
	color: #fff;
	background:#000;
	border:1px solid #000;
	/* min-width: 140px; */
	border-radius: 35px;
	/* padding: 11px 57px; */
	/* padding: 0; */
}
.dialog-mobile .dialog-custom-button{margin-right:10px;}
.dialog-mobile .dialog-custom-button:nth-child(1) {
	color: #000;
	background:#fff;
	border:1px solid #e5e5e5;
	min-width: 130px;
	border-radius: 60px;
	/* padding: 11px 57px; */
	padding: 0;
}
.dialog-mobile .dialog-custom-button:nth-child(2) {
	color: #fff;
	background:#000;
	border:1px solid #000;
	min-width: 130px;
	border-radius: 60px;
	/* padding: 11px 57px; */
	padding: 0;
	width: 130px;
	margin-right:0;
}

/* confirmBlockButton start */
.dialog-mobile.block-button h1{font-size: 20px;}
.dialog-mobile.block-button .red{color: #ff0000;}
.dialog-mobile.block-button .gold{color: #b7a386;}
.dialog-mobile.block-button .point{font-weight: 600;}
.dialog-mobile.block-button .btn-wrap{padding-top: 20px;display: flex;justify-content: center;flex-direction: column;}
.dialog-mobile.block-button .dialog-custom-button{}
.dialog-mobile.block-button .dialog-custom-button:nth-child(1) {
	color: #fff;
	background:#000;
	border:1px solid #000;
	min-width: 130px;
	width: calc(100% - 20px);
	border-radius: 60px;
	/* padding: 11px 57px; */
	padding: 0;
	margin: 6px 10px;
}
.dialog-mobile.block-button .dialog-custom-button:nth-child(2) {
	color: #000;
	background:#fff;
	border:1px solid #e5e5e5;
	min-width: 130px;
	width: calc(100% - 20px);
	border-radius: 60px;
	padding: 0;
	margin: 6px 10px;
}
/* confirmBlockButton end */

/* 닫기 아이콘 */
.dialog-close-btn {
	position:absolute;
	top: 8px;
	right: 8px;
	padding:20px;
	width: 16px;
	height: 16px;
	cursor:pointer;
	background: url('../../images/icon/icon_close_btn@3x.png') no-repeat center center;
	/* display: none; */
	background-size: 16px;
}

/*bottom dialog*/
.dialog-mobile-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10001;
	width: 100%;
	color: #333333;
	background-color: #EEEEEE;
}
.dialog-mobile-bottom .bottom-btn-item {
	text-align: center;
}
.bottom-btn-item .dialog-item-btn {
	background: #FFFFFF;
	padding: 0.5em 0;
	border-bottom: 1px solid #EEEEEE;
}
.bottom-btn-item .dialog-item-btn:last-child {
	border-bottom: none;
}
.dialog-mobile-bottom .dialog-cancel-btn {
	margin-top: 0.6em;
	text-align: center;
	background: #FFFFFF;
	padding: 0.5em 0;
}
/*toast*/
.dialog-mobile-toast {
	position: fixed;
	bottom: 90px;
	z-index:2000
}
.dialog-mobile-toast .toast-content {
	padding: 12px 16px 13px;
	border: solid 1px #222222;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	color: #222;
	box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.08);
	border-radius: 25px;
	box-sizing: border-box;
	height: 47px;
}
.dialog-mobile-toast .toast-content .point{
	color:#b7a386
}
/*loading*/
.mobile-loading-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mobile-loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	min-width: 2em;
	min-height: 2em;
	padding: 0.8em 1.6em;
	text-align: center;
	border-radius: 2px;
	color: #FFFFF0;
	background-color: #0A0A0A;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*animation*/
.animation-zoom-in, .animation-zoom-out,
.animation-bottom-in, .animation-bottom-out,
.animation-bg-fadeIn {
	-webkit-animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-duration: 0.3s;
	animation-fill-mode: both;
}
.animation-fade-in, .animation-fade-out {
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}
.animation-zoom-in {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
.animation-zoom-out {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
.animation-fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animation-fade-out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
.animation-bottom-in {
	-webkit-animation-name: bottomIn;
	animation-name: bottomIn;
}
.animation-bottom-out {
	-webkit-animation-name: bottomOut;
	animation-name: bottomOut;
}
.animation-bg-fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes zoomIn {
	from{
		opacity: 0;
		-webkit-transform: scale(0, 0);
	}
	to{
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}
}
@-webkit-keyframes zoomOut {
	from{
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}
	90%{
		-webkit-transform: scale(0.3, 0.3);
	}
	to{
		opacity: 0;
		-webkit-transform: scale(0, 0);
	}
}
@keyframes zoomIn {
	from{
		opacity: 0;
		transform: scale(0, 0);
	}
	to{
		opacity: 1;
		transform: scale(1, 1);
	}
}
@keyframes zoomOut {
	from{
		opacity: 1;
		transform: scale(1, 1);
	}
	90%{
		transform: scale(0.3, 0.3);
	}
	to{
		opacity: 0;
		transform: scale(0, 0);
	}
}
@-webkit-keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut {
	from{
		opacity: 1;
	}
	30%{
		opacity: 0.3;
	}
	to{
		opacity: 0;
	}
}
@keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fadeOut {
	from{
		opacity: 1;
	}
	30%{
		opacity: 0.3;
	}
	to{
		opacity: 0;
	}
}
@-webkit-keyframes bottomIn {
	from{
		bottom: -1000px;
	}
	to{
		bottom: 0;
	}
}
@-webkit-keyframes bottomOut {
	from{
		bottom: 0;
	}
	to{
		bottom: -1000px;
	}
}
@keyframes bottomIn {
	from{
		bottom: -1000px;
	}
	to{
		bottom: 0;
	}
}
@keyframes bottomOut {
	from{
		bottom: 0;
	}
	to{
		bottom: -1000px;
	}
}




.dialog_success{background:#e4ffe9;color: #363A3E; border: 1px solid #01ad23;}
.dialog-mobile.dialog_success .dialog-content {color: #363A3E;}
.dialog-mobile.dialog_success .dialog-button{background:#4AC396;border-color:#4AC396}

.dialog_error{background:#fff;color: #363A3E; border: 1px solid #ccc;}
.dialog-mobile.dialog_error .dialog-content {color: #ED7979;}
.dialog-mobile.dialog_error .dialog-button{background:#ED7979;border-color:#ED7979}		


 /*底部客服*/
 :root {
    --main-color: #dfdfdf;
    --hover-color:#aed94f;
    --main-font: 'Urbanist', sans-serif;
    --title-font: "Syne", sans-serif;
}
  /*inquiry*/
  .inquiry .p{ margin-bottom: 20px; line-height: 22px; margin-top: 8px;}
  .inquiry ul{list-style:none; margin: 0px -10px;}
  .inquiry ul li{padding:0 10px;margin-bottom:15px;position:relative;}
  .inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; background-position: center center;}
  .inquiry ul li span:before{content:'';position:absolute;right:8px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
  .inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='22' height='22'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_p:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667419565' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8334' width='22' height='22'%3E%3Cpath d='M752 944C380.8 944 80 643.2 80 272c0-105.6 86.4-192 192-192s192 86.4 192 192c0 81.6-49.6 150.4-123.2 179.2 44.8 102.4 128 187.2 232 232C601.6 609.6 670.4 560 752 560c105.6 0 192 86.4 192 192s-86.4 192-192 192zM272 144c-70.4 0-128 57.6-128 128 0 336 272 608 608 608 70.4 0 128-57.6 128-128s-57.6-128-128-128c-62.4 0-115.2 44.8-126.4 107.2-1.6 9.6-6.4 17.6-16 22.4-8 4.8-17.6 6.4-27.2 3.2C436.8 704 320 587.2 268.8 440c-3.2-9.6-1.6-19.2 3.2-27.2 4.8-8 12.8-14.4 22.4-16 62.4-9.6 107.2-64 107.2-126.4C400 201.6 342.4 144 272 144z' p-id='8335' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236487062' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4396' width='22' height='22'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.98483-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='4397' fill='%23cdcdcd'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='4398' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");;}
  .inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236952068' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5481' width='22' height='22'%3E%3Cpath d='M819.413333 794.026667a332.8 332.8 0 0 0-71.509333-106.026667 332.8 332.8 0 0 0-147.413333-85.888 274.56 274.56 0 0 0 106.325333-66.218667 273.706667 273.706667 0 0 0 80.682667-194.688c0-73.514667-28.586667-142.72-80.682667-194.688a273.706667 273.706667 0 0 0-194.730667-80.725333c-73.472 0-142.677333 28.586667-194.688 80.725333a273.706667 273.706667 0 0 0-80.682666 194.688c0 73.514667 28.586667 142.677333 80.682666 194.688a274.56 274.56 0 0 0 106.282667 66.218667 332.8 332.8 0 0 0-147.413333 85.888 332.8 332.8 0 0 0-97.706667 235.904 35.968 35.968 0 1 0 72.021333 0c0-69.888 27.221333-135.594667 76.629334-185.002667a259.882667 259.882667 0 0 1 185.002666-76.586666c69.888 0 135.594667 27.178667 185.002667 76.586666a259.882667 259.882667 0 0 1 76.586667 185.002667 35.968 35.968 0 1 0 71.978666 0 335.488 335.488 0 0 0-26.368-129.92zM308.608 341.162667c0-112.213333 91.306667-203.392 203.392-203.392a203.648 203.648 0 0 1 203.392 203.392A203.562667 203.562667 0 0 1 512 544.597333a203.648 203.648 0 0 1-203.392-203.392z' fill='%23999999' opacity='.65' p-id='5482'%3E%3C/path%3E%3C/svg%3E");}
  .inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23999999' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23999999' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
  .inquiry ul li input{background:#f7f7f7;height:56px;width:100%;line-height:52px;padding-right:45px; color:#999; border: 1px solid #f7f7f7; border-radius:0; padding-left: 10px;font-size: 14px; }
  .inquiry ul li textarea{height:146px;background:#f7f7f7;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:0; line-height: 20px; font-size: 14px; border: 1px solid #eee;}
  .inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#333; border-color:#f7f7f7;}
  .inquiry ul li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
  .inquiry ul li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
  .inquiry ul li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
  .inquiry ul li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
  .inquiry ul li textarea:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
  .inquiry ul li textarea::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
  .inquiry ul li textarea::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
  .inquiry ul li textarea:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
  .inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #f7f7f7;}
  .inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid #ddd; background-color: #fff;box-shadow: 0 0px 6px rgb(1 105 52 / 8%), 0 0px 15px rgb(1 105 52 / 15%);transition: all .2s ease-in-out;}
  .inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
  -webkit-appearance:none;}
  .inquiry .select{margin: 0;}
  .inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;color:#ccc;top:18px;z-index:99;}
  .inquiry  .subject_title{background: #f7f7f7; min-height: 50px; padding:15px;}
  .inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
 
 
#whatsapp{z-index:666666;position:fixed;right:10px;bottom:20px;font-size:12px; display:none;}
#whatsapp .ly_beforeico{height:20px;margin-right:10px;}
#whatsapp .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	transform:translateY(-50%);
	right: 20px;
	cursor: pointer;
	z-index: 101;
}
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px;color:#fff;font-size:13px;text-transform1:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:var(--hover-color);border-radius: 0; margin-bottom: -20px; min-width: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{position: absolute;z-index:999;left: 0;top: 0;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height: 50px; font-size: 24px;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 24px;height: 24px;fill: var(--hover-color);transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 1;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

#whatsapp_tab #floatShow2 p{color: #fff; line-height: 1.5;margin-right: 15px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; line-height: 50px; color: #fff;font-size:14px; text-transform1:uppercase; font-weight: 700;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "FontAwesome";height:100%; color: #fff; width: 100%; border-radius: 50%; text-align: center; position: absolute;transition: all .5s ease;display: block;opacity: 0;transform: scale(0) rotate(-1turn); width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; background: var(--hover-color);}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:none;width:350px;/* display:none; */font-size: 16px;border-top:none;margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;border-radius: 10px;overflow:hidden;background: #f9fafa;margin-right1: 60px;}

#onlineService2 .title{background:var(--hover-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform1: uppercase;position:relative;}
#onlineService2 .title i{ color: #fff; font-size: 30px; margin-right: 10px; line-height: 20px;}
#onlineService2 .title .h4{ color: #fff; font-size: 16px;font-weight: 700;}
#onlineService2 .title p{ color: #fff; line-height: 20px;}
#onlineService2 .li{ padding: 5%;}
#onlineService2 .li a { background-color: #eee; margin-bottom: 15px; padding: 8px; line-height: 20px;}
#onlineService2 .li a .icon svg{ width: 50px; height: 50px; fill:#55CD6C; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

#onlineService2 .inquiry_text_p{ font-size: 14px; text-transform: capitalize; text-decoration: underline}
#onlineService2 .inquiry_text_p:hover{ color: #39bccb;cursor: pointer}
#onlineService2 .call-hours{ padding: 0 020px 20px; width: 100%; font-size: 14px; line-height: 24px; display: none}
#onlineService2 .con_btn{ background: var(--main-color); color: #222; line-height: 22px; display:block; padding:10px;  font-size: 15px; text-align: center;font-weight: 700;}


#whatsapp .inquiry{ padding: 20px; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 10px;}
#whatsapp .inquiry_text{ background: #fff;}
#whatsapp .inquiry_text .inquiry_text_p{padding: 0 20px; margin-bottom: 10px; color: #333; font-size: 16px;}
#whatsapp .inquiry_text .inquiry_text_p i{margin-left: 5px;}

@media screen and (min-width: 992px){
	#whatsapp_tab #floatHide2 {top: 0;right: 60px;}
}
@media only screen and (max-width: 768px) {
	#whatsapp_tab #floatShow2{box-shadow: 0 2px 8px 1px rgb(0 78 152 / 20%);border-radius: 30px; min-width:auto;}
	
	#whatsapp_tab{ position: initial;}
	#whatsapp_tab #floatShow2 p{ display: none !important;}
	#whatsapp{ display:none !important;right: 0; bottom: 0; width: 100%;}
	.back-home{ display: none;}
	.progress-wrap{ bottom: 60px;}
	#whatsapp{right:0;}
	#onlineService2{ width:100%;margin-bottom: 48px;}
	#whatsapp_tab{ width:48px; height:48px; padding:0;box-shadow:none;border-radius:50%;z-index:666666;right: 50%; margin-right: -25px; bottom: 10px;position: absolute;}
	#whatsapp_tab #floatShow2 .online_icon{width: 100%;height:100%;left: 0;margin-top: 0;top: 0;}
	#whatsapp_tab #floatShow2 .online_close , #whatsapp_tab #floatShow2 .online_open{display: none;}
	#whatsapp_tab #floatShow2 .online_mobile{display: flex;}
	#whatsapp_tab #floatShow2 p{display: none;}
	#whatsapp_tab #floatShow2:after{display: none;}
	.i_message_inquiry .inquiry{padding-left: 5px;padding-right: 5px;}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	#whatsapp{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.mobile_nav a i{width: 32px;height:32px; font-size: 20px; color: var(--main-color);}
	.mobile-footer-bottom{padding-bottom:70px;}
}
 
#floatShow2{position:relative;overflow:hidden;}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
#floatShow2:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}


#onlineService2 .ms_e,#onlineService2 .ms_p,#onlineService2 .ms_m{position:relative;display:block;}
#onlineService2 .errorp{font-size:14px;margin-top:3px;display:inline-table;position:relative;vertical-align:middle;}
#onlineService2 .icon-pql{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    border-radius: 50%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
 
.ms_btn {
    display: inline-flex;
    height: 45px;
    color: #222;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    background: var(--main-color);
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding-left: 50px;
    padding-right: 26px;
    border-radius: 5px;
    transition: 0.5s;
    font-weight: 700;
	cursor:pointer;
}
  .ms_btn:after{ content: ' '; position: absolute; width:20px; height: 20px; right: 0; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px; opacity: 0;transition: 0.5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center; transform:rotate(-45deg);}
  .ms_btn:hover{padding-right: 50px; padding-left: 26px;}
  .ms_btn:before { content: ''; position: absolute; width:22px; height: 22px; left: 20px; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px;transition: 0.5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23222'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center; transform:rotate(-45deg);}
  .ms_btn:hover:before{left: 0; opacity: 0;}
  .ms_btn:hover:after{ opacity: 1; right: 20px;}
  .ms_btn:hover{ background:var(--hover-color); color: #fff;}
  
  
  
 /*2025改版*/
 .main_banner_wrap1 .text-wrap {color:#fff;position: relative;z-index: 2;opacity: 0;transition: opacity 0.5s ease;}
.main_banner_wrap1 .swiper-slide-active .text-wrap { opacity: 1; }
.main_banner_wrap1 .text-box {overflow: hidden;display: block;transform: translateY(100%);transition: transform 0.8s ease;}
.main_banner_wrap1 .swiper-slide-active .text-box { transform: translateY(0); }

.main_banner_wrap .text-wrap1{display:inline-table;position:absolute;top:50%;left:30px;transform:translateY(-50%);color:#fff;opacity: 0;transition: opacity 0.6s ease;translateY(100%);}
.main_banner_wrap .swiper-slide-active .text-wrap1 { opacity: 1;transform:  background-color:transparent;}
.main_banner_wrap .text-wrap1 .span_title{font-size:44px;display:block;margin-bottom:10px;}
.main_banner_wrap .text-wrap1 .span_desc{
	font-size:28px;
	color:#cfcfcf;
	display:block;width:630px;
}
@media (max-width: 980px) {
	.main_banner_wrap .text-wrap1 .span_title{font-size:36px;}
	.main_banner_wrap .text-wrap1 .span_desc{font-size:24px;}
}
@media (max-width: 768px) {
	.main_banner_wrap .text-wrap1{display:none;}
	.main_banner_wrap .text-wrap1 .span_title{font-size:30px;}
	.main_banner_wrap .text-wrap1 .span_desc{font-size:20px;width:300px;}
}
.left_img a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(45deg,#000 22%,transparent 50%,transparent 100%);opacity:0}
.wrap .main_banner_wrap .img_2 .right_img{width:520px}
.main_banner_wrap .inquiry-slide{display:flex;flex-direction:column;justify-content:space-between;position:relative;height:100%}
.main_banner_wrap .inquiry-slide div.spacer{display:block;height:20px}
.main_banner_wrap .inquiry-slide div.top{border-radius:30px;background:linear-gradient(45deg,#94a962 13%,#f0ffcb 91%,#91cd91 102%);background2:linear-gradient(45deg,#91c022 31%,#c5dd8b 74%,green 123%);flex:3;background1:#91c022;padding:50px 24px 50px 24px;transition:background-color .7s ease-in-out}
.main_banner_wrap .inquiry-slide div.top .text-bx{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.main_banner_wrap .inquiry-slide div.bottom{border-radius:30px;flex:2;background:linear-gradient(45deg,#f5f6f7 73%,#c5dd8b 118%);background1:#7d67ff;padding:45px 24px;transition:background-color .7s ease-in-out}
.main_banner_wrap .inquiry-slide>a:before{display:none!important}
.main_banner_wrap .common-text-first{font-size:40px;line-height:.9;font-weight:500;color:#fff}
.main_banner_wrap .common-text-normal{font-size:22px;line-height:1.2;display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:8px}
.main_banner_wrap .common-text-normal-first{margin-top:38px}
.main_banner_wrap .common-text-normal .circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}
.main_banner_wrap .common-text-normal .orange{background:#ff8c00}
.main_banner_wrap .common-text-normal .green{background:#86efac}
.main_banner_wrap .common-text-normal .purple{background:#d2b4fe}
.main_banner_wrap .common-text-foot{color:#fff;font-size:27px;line-height:1.2;font-weight:700}
.main_banner_wrap .common-text-foot.foot-telphone{font-size:37px}
.main_banner_wrap .inquiry-slide .text-logo-bx{display:flex;align-items:end;gap:10px}
.main_banner_wrap .inquiry-slide .text-logo-bx .logo-bx{width:78px}.main_banner_wrap .inquiry-slide .text-logo-bx .logo-bx img{transition:all .7s ease-in-out}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx{width:calc(100% - 78px)}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span{display:block;width:100%;height:6px;background:#5df2b1;transition:all .7s ease-in-out}
@media (max-width:1400px){
	.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span{height:4px}
}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span.active1{background:#5df2b1}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span.active2{background:#a464f8}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span.active3{background:#edf25d}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span.active4{background:#00e5f5}
.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx span+span{margin-top:10px}												

@media (max-width: 1530px) {
	.main_banner_wrap .inquiry-slide div.spacer{display:none;}
	.main_banner_wrap .inquiry-slide div.bottom{display:none;}
}


@media (max-width: 1500px) {
	.wrap .main_banner_wrap .con strong{font-size:38px;}
	.main_banner_wrap .common-text-first{font-size:38px;}
	.main_banner_wrap .common-text-normal{font-size:21px;}
}

@media (max-width: 1400px) {
	.wrap .main_banner_wrap .con strong{font-size:36px;}
	.main_banner_wrap .common-text-first{font-size:36px;}
	.main_banner_wrap .common-text-normal{font-size:20px;}													
	.main_banner_wrap .inquiry-slide .text-logo-bx .logo-bx {	width:47px;}
	.main_banner_wrap .inquiry-slide .text-logo-bx .line-bx {width:calc(100% - 47px)}
}
@media (max-width: 1300px) {
	.wrap .main_banner_wrap .con strong{font-size:32px;}
	.main_banner_wrap .common-text-first{font-size:32px;}
	.main_banner_wrap .common-text-normal{font-size:19px;}
	.wrap .main_banner_wrap .img_2 .right_img{width:500px;}
}
@media (max-width: 1100px) {
	.wrap .main_banner_wrap .con strong{font-size:28px;}
	.main_banner_wrap .common-text-first{font-size:28px;}
	.main_banner_wrap .common-text-normal{font-size:18px;}
	.wrap .main_banner_wrap .img_2 .right_img{width:490px;}
	.banner_contact_div .title{font-size:18px;}
	.banner_contact_div .name-contain .name-text-box .name{font-size:18px;}
	.wrap .main_banner_wrap .con{left:35px;width: calc(100% - 60px);}
}
@media (max-width: 1000px) {
	.mall_main_header {height: calc(200vw / 3);}
	.wrap .main_banner_wrap .img_2 .right_img{display:none;}
}
@media (max-width: 800px) {
	.mall_main_header{height:400px;}
	.wrap .main_banner_wrap .img_2 .left_img{border-radius:0px;margin-right:0px;}
	.wrap .main_banner_wrap .con{ left: 20px; width: calc(100% - 40px);}.wrap .main_banner_wrap .con strong{font-size:20px;}.wrap .main_banner_wrap .con .subtit{display:none;}
}
.banner_contact_div .title{font-size: 20px;font-style: normal;font-weight: 700;line-height: 30px;margin-bottom: 24px;color: #000;}
.banner_contact_div .name-contain{height: 60px;width: 100%;display: flex;align-items: center;margin-bottom: 25px;}
.banner_contact_div .name-contain>img.avatar {height: 60px;width: 60px;border-radius: 10px;border: 1px solid #ddd;margin-right: 16px;}
.banner_contact_div .name-contain .name-text-box {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.banner_contact_div .name-contain .name-text-box .name {color: #222;font-size: 20px;font-weight: 700;}
.banner_contact_div .name-contain .name-text-box .desc {color: #222;font-size: 14px;font-weight: 400;}
.banner_contact_div .message-contain{ display: flex;flex-wrap: wrap;width: 100%;}
.banner_contact_div .message-contain .msg-item {display: flex ;width: 50%;margin-bottom: 10px;vertical-align: middle;align-items: center;padding: 5px 0px;}
.banner_contact_div .message-contain .msg-item>img {height: 20px;width: 20px;margin-right: 8px;}
.banner_contact_div .message-contain .msg-item .msg-title {color: #222;font-size: 22px; margin-right: 8px;line-height:initial;}
.banner_contact_div .message-contain .msg-item .view-details {color: #06c;font-size: 16px;font-weight: 400;cursor: pointer;text-decoration:underline;}


/*banner 补充 */
.wrap .main_banner_wrap .img_2 .left_img a{font-size:0px;display:block;height:100%;}
.mbanner{display:none;}
@media all and (max-width:1861px) {
	.mall_main_header {
		width: calc(100% - 60px);
		height:calc(735 * (100vw - 60px) / 1865);
	}
	.wrap .main_banner_wrap .center_img{height:auto;}
	.wrap .main_banner_wrap .img_2 .center_img img{height:100%;}
}
@media all and (max-width:800px) {
	.mall_main_header{width:100%;height:auto;}
	.wrap .main_banner_wrap .center_img{height:auto;}
	.main_banner_wrap .swiper_page_btn{
		bottom: -50px;
		background: transparent;
	}
	.pbanner{display: none;}
	.mbanner{display: block;}
	.wrap .main_banner_wrap .img_2 .center_img img{height:calc( 100vw*760 / 720) !important;}
	.videoFrame_left_video{height:calc( 100vw*760 / 720) !important;}
}
						
						
						
/*banner 下方8个参数样式*/
.two-lines {
	max-height: 40px; /* 两行文本的最大高度 */
	overflow: hidden; /* 隐藏超出部分 */
	display: -webkit-box; /* 启用弹性盒子布局 */
	-webkit-line-clamp: 2; /* 限制显示的行数为2 */
	-webkit-box-orient: vertical; /* 垂直排列子元素 */
}
.three-lines {
	max-height: 40px; /* 两行文本的最大高度 */
	overflow: hidden; /* 隐藏超出部分 */
	display: -webkit-box; /* 启用弹性盒子布局 */
	-webkit-line-clamp: 3; /* 限制显示的行数为2 */
	-webkit-box-orient: vertical; /* 垂直排列子元素 */
}
.trend_list_wrap00 .swiper-slide .recommend_item{width:auto;height:auto;}
.trend_list_wrap00 .list_form .img_con{width:100%;height:auto;}
.online-courseitem {
	transition: all .4s;
	border-radius: 16px !important;
	border-color: #DFE0E4 !important;
	background: #F5F6F7 !important;
	text-align: center !important;
	padding:40px 0px;
}
.online-courseitem .icons{
	transition: all .4s;
	width: 72px;
	min-width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-color: #DFE0E4 !important;
	background-color: #FFF !important;
	margin: auto !important;
	margin-bottom:32px !important;
}
.online-courseitem .icons span{font-size:38px;}
.online-courseitem .icons .cont{}

.online-courseitem h5{
	color:#222E48;
	font-size:22px;height:54px;  flex: 1 1 54px;
}
.online-courseitem .course-hovers {
	color:#222E48;
	padding: 8px 16px;
	border-radius: 100px;
	transition: all .4s;
	display1: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	display:-webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	vertical-align: middle;
	line-height:24px;
	height:72px;
	box-sizing:content-box;
	overflow: hidden;
	max-height:unset;
}			


/*热门产品，亮点产品*/
.main_banner02 {  margin:0 auto;background:#f5f5f5;padding:120px 0 134px;}
.main_banner02 .new_prd_box {padding:0 0;}
.main_banner02 .swiper-slide {font-size:0;}
.main_banner02 .swiper-slide img {width:100%;border-radius:10px;}
.main_banner02 .swiper-container {}
.main_banner02 .swiper-container-horizontal>.swiper-scrollbar {position:static; height:3px;  border-radius:0; width:100%; background:#e5e5e5;}
.main_banner02 .swiper-scrollbar-drag {  cursor: pointer; z-index: 4;background:#aed94f; box-shadow: 0 0 8px 2px rgba(174, 217, 79, 0.4);}
.main_banner02 .new_prd_box .swiper-wrapper{margin-bottom:54px;}
.main_banner02 .new_prd_box .text_bg {position1:Absolute; bottom:18px; left:30px;padding-left:5px;margin-top:10px;}
.main_banner02 .new_prd_box .text_bg .text {}
.main_banner02 .new_prd_box .text_bg .text dl {}
.main_banner02 .new_prd_box .text_bg .text dl dt {overflow: hidden; text-overflow: ellipsis; white-space: normal;height: 51px;text-align: left; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 23px;font-size: 16px;font-weight: 500;}
.main_banner02 .new_prd_box .text_bg .text dl dd {font-size:14px; line-height:28px;}
.main_banner02 .new_prd_box .text_bg .text dl dd span:nth-child(2) {margin-left:5px;}
.main_banner02 .new_prd_box .text_bg .text .sale{display: flex; align-items: baseline;margin-top: 5px !important;	height: 27px; line-height: 27px;font-weight: 700;  color: #222222;}
	
.section_tit {position:relative; padding-bottom:30px;}
.section_tit p {font-size:38px; font-weight:700; color:#000;}
.section_tit p span {margin-left:10px; font-size:18px; font-weight:300;}
.section_tit .right_btn {position:Absolute; top:15px; right:0;}
.section_tit .right_btn a {display:inline-block; padding:0 30px; line-height:39px; border-radius:50px; background:#000; color:#fff; font-size:16px; font-weight:600;}
@media screen and (max-width: 1130px){
    .main_banner02 {padding:38px 0 20px;}
	.main_banner02 .new_prd_box .swiper-wrapper{margin-bottom:34px;}
    .main_banner02 .new_prd_box .text_bg {position1:Absolute; bottom:10px; left:15px;}
    .main_banner02 .new_prd_box .text_bg .text dl dt {font-size:14px; padding-right:15px; line-height:20px;height:40px;}
    .main_banner02 .new_prd_box .text_bg .text dl dd {font-size:11px; line-height:28px;}
    .section_tit {padding:0 17px 17px 17px;}
    .section_tit p {font-size:24px;}
    .section_tit p span {margin-left:0;display:block; font-size:16px;}
    .section_tit .right_btn {top:34px; right:17px;}
    .section_tit .right_btn a {font-size:12px; padding:0 17px; line-height:26px;}
    .main_banner02 .swiper-slide img {width:100%; max-width:100%;}
    .main_banner02 .new_prd_box {padding1:0 17px;}
    .main_banner02 .swiper-container-horizontal>.swiper-scrollbar {margin-top:26px; background:#e5e5e5; height:4px;}
    .main_banner02 .swiper-scrollbar-drag {background:#00883E;}
}

@media screen and (max-width: 800px){
	.main_banner02 .new_prd_box .text_bg .text .sale{display:none;}
}	


/*分类大图 横切*/
.main_banner04 {margin:150px auto 150px auto;max-width:1680px;}
.main_banner04 .square_slide {overflow:unset;width:auto;margin:0px 0px;}
.main_banner04 .square_slide ul {}
.main_banner04 .square_slide ul li {position:relative; width:25%; max-width:564px; margin-right:25px;}

.main_banner04 .square_slide ul li:last-child {margin-right:0;}
.main_banner04 .square_slide ul li img {width:100%; border-radius:20px;filter: brightness(100%) contrast(85%);}
.main_banner04 .square_slide ul li .text_bg {position:absolute; bottom:25px; width:calc(100% - 20px);margin-left:10px;}
.main_banner04 .square_slide ul li .text_bg dl {}
.main_banner04 .square_slide ul li .text_bg dl dt {padding-bottom:15px; font-size:36px; font-weight:700; line-height:42px;  text-overflow: ellipsis;  white-space: normal;  height: 84px; text-align: left; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;	}

.main_banner04 .square_slide ul li .text_bg dl.white dt{background:#fff;background1: linear-gradient(to right, red, blue);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent}
.main_banner04 .square_slide ul li .text_bg dl.black dt{background:#000;background1: linear-gradient(to right, red, blue);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent}
.text-container3-withfont18 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; font-size:18px; line-height:26px;height:78px;}		
.main_banner04 .square_slide ul li .text_bg dl dd1 {font-size:18px; line-height:26px; font-weight:400; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:22px; height:44px; }
.main_banner04 .square_slide ul li .text_bg dl.white dd {color:#fff;}
.main_banner04 .square_slide ul li .text_bg dl.black dd {color:#000;}

@media screen and (max-width: 1130px){
	.main_banner04 {margin:50px 0 50px 0;}
	.main_banner04 .square_slide ul {}
	.main_banner04 .square_slide ul li {width:80%; margin:0 0 0 17px;}
	.main_banner04 .square_slide ul li:first-child {}
	.main_banner04 .square_slide ul li:last-child {margin-right:17px;}

	.main_banner04 .square_slide ul li .text_bg {position:absolute; bottom:40px; left:25px;}
	.main_banner04 .square_slide ul li .text_bg dl {}
	.main_banner04 .square_slide ul li .text_bg dl dt {padding-bottom:15px; font-size:28px; font-weight:700; line-height:34px;}
	.main_banner04 .square_slide ul li .text_bg dl dd {font-size:16px; line-height:24px; font-weight:400;}
}
       
@media screen and (max-width: 800px){
	.main_banner04 .square_slide ul li .text_bg{ bottom: 15px;left: 15px;width:calc(100% - 20px);margin-left:0px;}
	.main_banner04 .square_slide ul li .text_bg dl dt{padding-bottom: 15px;font-size: 22px;  line-height: 30px; height: 60px;}
	.section_tit p span{display:none;}
}	


/*横切单个产品分类滚动效果*/
.ec-base-product img {vertical-align: middle;}
.prdList img.thumb-2 {position: absolute; top: 0; left: 0; z-index: 2; opacity: 1; display: none;}
.ec-base-product .prdList .thumbnail .prdImg img{border-radius: 20px;}
.displaynone {  display: none !important;}

.main_banner05 {  margin:0px auto 150px auto; }
.best_item_box {position:relative;}
.best_item_box .top_box {position:relative; width:100%; /* margin:0 5%; */  max-width:1750px;}
.best_item_box .top_box .section_tit {}
.best_item_box .top_box {}
.best_item_box .tab_box {position:Absolute; top:0; right:0; display:inline-block; vertical-align:top;}
.best_item_box .tab_box ul { font-size:0;}
.best_item_box .tab_box ul li {display:inline-block; padding:0 7px;}
.best_item_box .tab_box ul li:last-child {padding-right:0;}
.best_item_box .tab_box ul li a {display:inline-block;}
.best_item_box .tab_box ul li a span {display:inline-block; padding:0 28px; line-height:37px; font-size:16px; font-weight:700; border:1px solid #000; border-radius:40px; background:#fff;}
.best_item_box .tab_box ul li.on a span {background:#000; color:#fff;}

.best_item_prd {position:relative; width:100%; }
.best_item_prd .mid_prd { width:100%; box-sizing:border-box;}

.mid_prd {padding:0 0 0 0;}
.mid_prd .item_list1 {position:relative; margin:0 0px;}
.mid_prd .item_list1 .swiper-container {padding-top:20px;}
.mid_prd .item_list1 .ec-base-product {margin-top:0; overflow:unset;}
.mid_prd .item_list1 .ec-base-product > ul {display:flex; gap:0;}
.mid_prd .item_list1 .ec-base-product > ul > li {width:20%; margin-left:30px;}
.mid_prd .item_list1 .ec-base-product > ul > li:last-child {/* margin-right:5%; */}
.mid_prd .item_list1 .ec-base-product > ul > li:first-child {/* margin-left:5%; */margin-left:0;}
.mid_prd .item_list1 .ec-base-product > ul > li .btm_icon {display:none;}
.mid_prd .item_list1 .ec-base-product .prdList {margin-left:0; padding-bottom:54px;}
.mid_prd .swiper-slide {}
.mid_prd .ec-base-product .prdList > li {margin:0;}
.mid_prd .swiper-pagination-progressbar {top:auto; bottom:0; height:10px; background: rgba(217, 217, 217, 0.7);}
.mid_prd .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#00E96A;}
.mid_prd .swiper-container-horizontal>.swiper-scrollbar {position:static; height:3px;  border-radius:0; width:100%; background:#e5e5e5;}
.mid_prd .swiper-scrollbar-drag {background:#aed94f;box-shadow:0 0 8px 2px rgba(174, 217, 79, 0.4);}

@media screen and (max-width: 1130px){
    .main_banner05 {padding:0;margin:0px auto 90px auto;}
    .best_item_box .top_box {padding:0; margin:0; width:100%;}
    .best_item_box .tab_box {position:static; width:100%;}
    .best_item_box .tab_box ul {width:100%; padding:0 9px; overflow-x:auto; text-wrap:nowrap;}
	.best_item_box .tab_box ul::-webkit-scrollbar {
	  display: none; /* Chrome, Safari, Opera*/
	}	 
	/* 对于Firefox需要使用不同的方法 */
	.best_item_box .tab_box ul {
	  scrollbar-width: none; /* Firefox */
	}
    .best_item_box .tab_box ul li {padding:0 4px;}
    .best_item_box .tab_box ul li a span {font-size:14px; line-height:30px;}
    
    .mid_prd .item_list1 .ec-base-product > ul > li {width:80%; margin-left:17px;}
    .mid_prd .item_list1 .ec-base-product > ul > li:last-child {margin-right:17px;}
    .mid_prd .item_list1 .ec-base-product > ul > li:first-child {margin-left:17px;}
    .mid_prd .item_list1 .ec-base-product .prdList .thumbnail .prdImg img {border-radius:17px;}
    .mid_prd .item_list1 .ec-base-product .prdList {margin-left:0; padding-bottom:32px;}
    .mid_prd .swiper-container-horizontal>.swiper-scrollbar {width:calc(100% - 34px); margin:0 17px;}
}

@media screen and (max-width: 950px){
	.ec-base-product .prdList .thumbnail .prdImg img {border-radius: 0px;}
	.mid_prd .item_list1 .ec-base-product > ul > li{width:45%;}
	.mid_prd .item_list1 .ec-base-product .prdList .text-container3{font-size:16px;}
}
@media screen and (max-width: 800px){
    .main_banner05 {padding:0;margin:0px auto 50px auto;}
}
.text-container3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height:22px;
  height:44px; 
}	



/*------------------------- 厂房图 start-------------------------*/
.mall_main_row{display: flex;flex-wrap: wrap;}

.care_sect .cont_wrap{margin-top:95px;}
.care_sect .cont_wrap .swiper-container{width:100%;overflow:visible;}
.care_sect .cont_wrap .grid_wrap { display: flex; white-space: nowrap; height: max(500px,40vh);}
.care_sect .cont_wrap .grid1{ display: flex;flex-direction: column; justify-content: space-between;  flex-grow: 1; width: 60%;min-width:700px;}
.care_sect .cont_wrap .grid2 {flex-shrink: 0; width: 32%;margin-left: 28px;transition: width 0.3s ease-in-out;}
.care_sect .cont_wrap .grid3 {	flex-shrink: 0;	width: 50%;margin-left: 28px;transition: width 0.3s ease-in-out;}
.care_sect .cont_wrap .grid4 { flex-shrink: 0; width: min(50%,400px);margin-left: 28px; transition: width 0.3s ease-in-out;}
.care_sect .cont_wrap .grid5 {	flex-shrink: 0;	width: 50%;margin-left: 28px;transition: width 0.3s ease-in-out;}

.care_sect .cont_wrap .grid1 .top {display: flex;justify-content: space-between; height: calc(50% - 14px);}
.care_sect .cont_wrap .grid1 .bot { display: flex;justify-content: space-between;height: calc(50% - 14px);}
.care_sect .cont_wrap .grid_wrap .item { overflow: hidden; width: 100%; height: 100%; border-radius: 28px; transform-style: preserve-3d;perspective: 1000px; transition: all 0.3s;}
.care_sect .cont_wrap .grid1 .item { overflow: inherit;  position: relative;transition: width 0.3s ease-in-out;}
.care_sect .cont_wrap .grid1 .item + .item {margin-left: 28px;}
.care_sect .cont_wrap .grid1 .bot .bot2 {width:35%;}
.care_sect .cont_wrap .grid1 .top .top1 {width:35%;}
.care_sect .cont_wrap .grid1 .top .top2 { width: 65%; color: #fff;overflow: hidden;}
.care_sect .cont_wrap.active .card { transform: unset !important; opacity: 1 !important;}
.care_sect .cont_wrap .grid_wrap .item .card {width: 100%; height: 100%;transform-style: preserve-3d;opacity: 0;  transition-property: transform, opacity; transition-duration: 1s;transition-timing-function: ease-in-out;}
.care_sect .cont_wrap .grid2 .txt {  position: absolute;  left: 0;   top: 15%;width: 100%;font-size: 24px; font-weight: 700; text-align: center; color: #10816E;z-index: 1;}
.care_sect .cont_wrap .grid2 .item .img{overflow: hidden; position: relative; height: inherit;}
.care_sect .cont_wrap .grid2 .card {transform: rotateY(180deg);transform-origin: left;transition-delay: 0.8s;}
.care_sect .cont_wrap .grid2 .item .img img {position: absolute;top: 0;left: 0; width: 100%;  height: 100%; object-fit: cover;object-position: center;max-width:100%;}

.care_sect .cont_wrap .grid_wrap:nth-child(2n+3)  .item .card { transform: rotateX(-180deg);transform-origin: center top; transition-delay: 1s}
.care_sect .cont_wrap .grid_wrap:nth-child(2n+4)  .item .card { transform: rotateX(180deg);transform-origin: center bottom; transition-delay: 1s}



.care_sect .cont_wrap .grid1 .item .card { overflow: hidden;border-radius: 28px;position: relative;padding: 47.5px;}
.care_sect .cont_wrap .grid1 .bot .bot2 .card {background-color: #EEF0F5; transform: rotateY(90deg);transition-delay: 0.6s;}
.care_sect .cont_wrap .grid1 .top .top1 .card {background-color: #EEF0F5; transform: rotateY(90deg);}
.care_sect .cont_wrap .grid1 .bot .bot1 .card { background-color: #D6F6EE;transform-origin: center bottom;transform: rotateX(-180deg);transition-delay: 0.4s;}
.care_sect .cont_wrap .grid1 .top .top2 .card {background-color: #91C022;transform-origin: center top;transform: rotateX(-180deg);transition-delay: 0.2s;}
.care_sect .cont_wrap .grid1 .item .tit {display: block;margin-bottom: 9.5px;font-size: 20px;font-weight: 500;transition: transform 0.3s ease-in-out;}
.care_sect .cont_wrap .grid1 .item .num_txt {display: inline-block;font-size: 70px;line-height: 1.1; transition: transform 0.3s ease-in-out;}	
.care_sect .cont_wrap .grid1 .item .img {position: absolute;}	
.care_sect .cont_wrap .grid1 .bot .bot1 .img {  position: absolute; right: 0;  bottom: -2px;width: 90%;transition: transform 0.3s ease-in-out;}

.care_sect .cont_wrap .grid1 .top .top1 .num_txt {color: #10816E;}
.care_sect .cont_wrap .grid1 .top .top2 .num_txt {color: #fff;}
.care_sect .cont_wrap .grid1 .item .num_txt .sm_txt { font-size: 17px;font-weight: 500;}
.care_sect .cont_wrap .grid1 .item .img {position: absolute;}
.care_sect .cont_wrap .grid1 .top .top1 .img { position: absolute;right: 28.5px;bottom: 28.5px; width: 57px;}	
.care_sect .cont_wrap.active .card .chart {clip-path: inset(0) !important;}				
.care_sect .cont_wrap.active .card .chart {position: absolute; right: 0; bottom: 0; width: 60%; height: 100%;transform: translate(5%, 10%);clip-path: inset(0px 100% 0 0px);transition: transform 0.3s ease-in-out, clip-path 1s ease-in-out 1.6s;}
.care_sect .cont_wrap .grid1 .top .top2 .chart svg {  width: 100%;  height: 100%; object-fit: contain;}
.care_sect .cont_wrap .grid1 .bot .bot1 {width: 65%;overflow: hidden;}

.care_sect .cont_wrap .grid_wrap .item .card{width: 100%;height: 100%; transform-style: preserve-3d;opacity: 0;  transition-property: transform, opacity;  transition-duration: 1s; transition-timing-function: ease-in-out;} 

@media (min-width: 1000px) { 
	
	.care_sect .cont_wrap .grid1 .item:hover .num_txt,
	.care_sect .cont_wrap .grid1 .item:hover .tit {transform: translateY(-20px);}
	.care_sect .cont_wrap .grid1 .item.top1:hover,
	.care_sect .cont_wrap .grid1 .item.bot2:hover {width: 50%}
	.care_sect .cont_wrap .grid1 .item.top2:hover .chart {transform:translate(2.5%,5%) scale(1.05)}
	.care_sect .cont_wrap .grid1 .item.bot1:hover .img{transform: scale(1.05)}
	

	.care_sect .cont_wrap .grid_short:hover{width: 37%;}
	.care_sect .cont_wrap .grid_long:hover .img img {transform: scale(1.1);}
	.care_sect .cont_wrap .grid4:hover .img img {transform: scale(1.1);}

	.media_sect .slide a:hover .img img {transform: translate(-50%,-50%) scale(1.1)}

}

@media (max-width: 800px) { 
	.care_sect .cont_wrap{margin-top:30px;}
	.care_sect .cont_wrap .grid_wrap{height:max(440px,40vh);width:min(80%,400px);}
	.care_sect .cont_wrap .grid1 .item .num_txt{font-size:45px;}
	.care_sect .cont_wrap .grid1 .top .top1 .img{    right: 20.5px; bottom: 20.5px;width: 50px;}
	.care_sect .cont_wrap .grid2{min-width:350px;}
	.care_sect .cont_wrap .grid3{min-width:745px}
	.care_sect .cont_wrap .grid5{min-width:740px;}
}
/*------------------------- 厂房图 END-------------------------*/	






/*header 补充  start 20250614*/
.header_top_empty1{height1:calc(78px + 25px + 38px);display:block;width:100%;margin: 25px 0px 38px 0px;height:78px;}
.headers{ 
	position:relative;
	z-index:41;
	max-width: 1920px;
	width: calc(100% - 36px);
	display: block;
	margin1: 25px 0px 38px 0px; 
	background1: rgba(255, 255, 255, 0.18);
	-webkit-backdrop-filter: blur(24.9px);
	backdrop-filter: blur(24.9px);
	border-radius: 50px;
	padding: 0px 58px;
	background: #91C022;
	transition: all 0.3s ease;
	margin:auto auto;
}

.headers.scrolled{
	position: fixed;
	top:0px;
	transition1: all 0.3s ease;
	border-bottom: 1px solid #6e990a;
	transform-origin: top;
	margin:0px;
	border-radius:0px !important;
	width:100%; 
}
.sticky-wrapper {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.headers .header_main {
    max-width: 1920px;
	width:calc(100% - 36px);
    display: block;
    margin: auto;
    background1: rgba(255, 255, 255, 0.18);
    -webkit-backdrop-filter: blur(24.9px);
    backdrop-filter: blur(24.9px);
    border-radius: 50px;
    padding: 12px 58px;
	background:#91C022;
}
.headers .header_inner{display:flex;flex-wrap:wrap;}
.headers .header_inner .parts{width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;=ms-flex:0 0 auto;flex:0 0 auto;}
.headers .header_inner .parts2{align-self1: stretch; vertical-align: middle;align-content: center;}
.headers .header_logo{padding:10px 0px;}
.headers .header_logo .icon-masking {position: relative;  display: flex;height: auto; width: auto;}

.headers .main_menu{display:inline-block;}



header-button {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.header-button .icon-btn {
    position: relative
}

.header-button .icon-btn:hover {
    color: #fff;
    background-color: #70D715;
    border-color: #70D715;
}

.header-button .icon-btn:hover .badge {
    background-color: #fff;
    color: #70D715
}


.main_menu ul { margin: 0;padding: 0;}
.main_menu ul li {list-style-type: none; display: inline-block;position: relative;}
.main_menu ul li:first-child { margin-left: 0 !important;}
.main_menu>ul>li {margin: 0 10px;}
.main_menu a{display: block; position: relative;  font-weight: 500;font-size: 16px;color: #1F1F1F; text-transform: capitalize;}
.main_menu>ul>li>a {color: #FFF;  position: relative; padding: 2px 16px; border-radius: 100px;  background-color: transparent;  -webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.main_menu>ul>li>a:before { content: ""; position: absolute;  inset: 0;  border-radius: 100px;  -webkit-transform: scale(0);-ms-transform: scale(0); transform: scale(0); background-color: transparent; -webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} 

.main_menu ul li.menu-item-has-children>a:after {
	display:none;
    content1: "\f078";
    position: relative;
    font-family: "iconfont";
    margin-left: 4px;
    font-weight: 600;
    top: 0;
    font-size: 14px;
	content:"";
}
.main_menu ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: #FFF;
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    border-top: 3px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(1, 15, 28, 0.06);
    border-radius: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.main_menu ul.sub-menu { padding: 18px 20px 18px 18px; left: -27px;  margin-top: 15px;}
.main_menu ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0 9px;
}
.main_menu ul.sub-menu li a {
    position: relative;
    padding-left: 23px;
    text-transform: capitalize;
	font-size:16px;line-height:30px;
}




.menu_linebox{
  position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease-in;
								}
								
 .menu_linebox .menu_line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #141519;
    transition: all 0.25s ease-in, all 0.4s ease;
}

 .menu_linebox .menu_line {
    background-color: #fff;
}

.header.on .menu_icon .menu_linebox .menu_line, .header.active .menu_icon .menu_linebox .menu_line {
    background-color: #141519;
}

 .menu_linebox .menu_line.line_1 {
    left: 0;
    top: 0px;
}

 .menu_linebox .menu_line.line_2 {
    width: 75%;
}

 .menu_linebox .menu_line.line_3 {
    left: 0;
    top: 18px;
}

@media screen and (min-width: 1025px) {
     .menu_linebox:hover .menu_line.line_1 {
        top: 10px;
    }

     .menu_linebox:hover .menu_line.line_2 {
        width: 100%;
        transform: rotate(90deg);
    }

     .menu_linebox:hover .menu_line.line_3 {
        top: 10px;
    }

     .menu_linebox.open:hover {
        transform: rotate(180deg);
    }
}

 .menu_linebox.open .menu_line.line_1 {
    opacity: 0;
}

 .menu_linebox.open .menu_line.line_2 {
    width: 100%;
    top: 10px;
    transform: rotate(45deg);
}

 .menu_linebox.open .menu_line.line_3 {
    top: 10px;
    transform: rotate(-45deg);
}


	
.header_top_empty1{z-index:1000;position:relative;}	
.header_top_empty1 .show_search,.header_top_empty1 .hasdropdown{
	 transition: .4s all ease-in-out;
	border-radius:50px 50px 0px 0px;
}	
.header_top_empty1  #gnbSearchBox {
    display1: none;
    position: absolute; 
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 75px 0px;
    background-color: #fff;
	top:100%;
	box-shadow:0px 0px 8px #c3c3c3;
	border-radius:0px 0px 50px 50px;
}

.header_top_empty1  #gnbSearchBox.on .inner {
    opacity: 1;
    visibility: visible
}

.header_top_empty1  #gnbSearchBox .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s
}

.header_top_empty1  #gnbSearchBox h1 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 700;
    color: #1c1c1c
}
.input_area {
    display: inline-block;
    position: relative;
    font-size: 0;
    width: 100%;
    vertical-align: top;
}
.input_area.input_search.for_header{
	max-width:35vw;
	width:625px;
}
.input_area input{
	display: inline-block;
    vertical-align: middle;
    width: 100%;
	line-height: 1.25;
	border-left: unset;
    border-radius: unset;
	padding:0px;
	height:75px;
	border-bottom:2px solid rgb(102,102,102);
	font-size:20px;
}


.input_area a.clear_btn, .input_area button.clear_btn {
    display: none !important;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    width:  30px;
    height: 30px;
    background: url(../images/icon/ic_close_circle_light_gray.svg) 100% 100% no-repeat;
    background-size: contain;
}
.input_area.input_search.on a.clear_btn, .input_area.input_search.on button.clear_btn {
    display: flex !important;
}
.input_area span.search_btn, .input_area button.search_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    position: absolute;
	right:0px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: url(../images/icon/gnb_icon_seraching_black@3x.png) 100% 100% no-repeat;
    background-size: 100% 100%;
	cursor:pointer;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span {
    position: relative;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 700;
    color: #1c1c1c
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span::after {
    content: "";
    position: absolute;
    right: max(calc(calc(calc(16 / var(--base-size)) * var(--base-percent)) * -1));
    top: 50%;
    transform: translateY(-50%);
    width: max(calc(1px * var(--base-ratio)),calc(calc(1 / var(--base-size)) * var(--base-percent)));
    height: max(calc(13px * var(--base-ratio)),calc(calc(13 / var(--base-size)) * var(--base-percent)));
    background-color: #cfcfcf
}

.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul {
    display: flex;
    align-items: center;
    gap:30px;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li{
	position:relative;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li:after{
    content: "";
	background-color: #cfcfcf;
    position: absolute;
    right: -15.6px;
    top: 50%;
    transform: translateY(-50%);
	width:1.25px;
	height:14px;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li:last-child:after {
	display:none;
}
.header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li a {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: #a7a7a7;
}

@media (max-width: 1024px) {
    .header_top_empty1  #gnbSearchBox {
        top:max(calc(70px * var(--base-ratio)),calc(calc(70 / var(--base-size)) * var(--base-percent)));
        padding: 40px 0px;
    }

    .header_top_empty1  #gnbSearchBox h2 {
        font-size: max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }

    .header_top_empty1  #gnbSearchBox .recommend_keyword_wrap>span {
        font-size: max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }

    .header_top_empty1  #gnbSearchBox .recommend_keyword_wrap ul li a {
        font-size: max(calc(13px * var(--base-ratio)),calc(calc(13 / var(--base-size)) * var(--base-percent)));
        line-height: 1.25;
        letter-spacing: -.02em
    }
}







.bannerdiv{position: relative;z-index: 2;overflow: hidden;border-radius:0px 0px 30px 30px;}
.bannerdiv .bannerdiv_bg {
    -webkit-mask-image1: url(../images/hero4_bg_shape.png);
    mask-image1: url(../images/hero4_bg_shape.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
	position: absolute;
    inset: 0;
	z-index: -1;
}
.bannerdiv .bannerdiv_bg_container{}
.bannerdiv .bannerdiv_bg_container .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
	;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y)* -1);
	margin-right: calc(var(--bs-gutter-x) / -2);
	margin-left: calc(var(--bs-gutter-x) / -2);
}
.col-xl-6 {
	width: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.hero-style4 {
    position: relative;
    z-index: 6;
    padding: 350px 0 268px 0;
    max-width: 621px;
}
.text-white {
    color: #fff !important;
}
.hero-style4 .hero-title {
    font-weight: 600;
    margin-bottom: 15px;
}
.hero-style4 .hero-text {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
	margin-bottom: 30px;
	margin: 0 0 18px 0;
	line-height:1.75;
}
.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    text-transform: capitalize;
    text-align: center;
    background-color1: #70D715;
    color: #fff; 
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding1: 19.5px 20px;
    border-radius: 100px;
}
.th-btn1 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    text-transform: capitalize;
    text-align: center;
    background-color1: #70D715;
    color: #fff; 
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding1: 19.5px 20px;
	margin-left:10px;
}
.hero-style4 .th-btn {
    padding: 19.5px 30px;
	color:#1f1f1f;
}
.th-btn:before {
    position: absolute;
    content: "";
    background: var(--title-color);
    width: 110%;
    min-height: 200px;
    z-index: -1;
    border-radius: 15%;
    top: 100%;
    left: 100%;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
}
.th-btn.style1:hover:before, .th-btn.style1:hover:after {
    background-color: #fff;
}
.th-btn:hover:before {
    top: -75px;
    left: -1px;
}



@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.jump {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.hero-4 .hero-img {
    text-align: right;
    margin-top: 20px;
    margin-right: -40px;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}






@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.shape-mockup {
    position: absolute;
    z-index: -1;
}
.spin {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}
.shape-mockup.z-index-3 {
    z-index: 3;
}









@media (max-width: 1700px) {
	
}
@media (max-width: 1599px) {
	.header_top_empty1{
		margin: 25px 0px 38px 0px;
		height: 61px;	
	}
 
}
@media (max-width: 1440px) {
	.header_top_empty1{margin: 25px 0px 25px 0px;height:61px;}
	.headers{border-radius:30px;width:calc(100% - 45px);padding:0px 38px;}
	.headers .header_logo .icon-masking img{max-height:45px !important;}
	.main_menu>ul>li {
		margin: 0 8px;
	}
}
@media (max-width: 1279px) {
 	.main_menu>ul>li {
		margin: 0 6px;
	}
}
@media (max-width: 1000px) {
 
}
@media (max-width: 980px) {
	.headers{border-radius:20px;width:calc(100% - 18px);padding:0px 35px;}
	.headers .header_logo{padding:10px 0px;}
	.headers .header_logo .icon-masking img{max-height:40px !important;}
	.headers .header_inner .parts2{display:none;}
	
	/*搜索*/
	.header_top_empty1 #gnbSearchBox h1{font-size:26px;}
	.input_area.input_search.for_header{max-width:400px;}
}
@media (max-width: 769px) {
	.header_top_empty1{margin:0px;height:auto;}
	.headers{border-radius:0px;width:100%;padding:0px 25px;}
	.header_top_empty1 .show_search{border-radius:15px 15px 0px 0px;}
	.headers .header_logo{padding:8px 0px;}
	.headers .header_logo .icon-masking img{max-height:35px !important;}
	.header_top_empty1 #gnbSearchBox{border-radius:0px 0px 15px 15px;}
	
	/*搜索*/
	.header_top_empty1 #gnbSearchBox h1{font-size:24px;}
	.input_area.input_search.for_header{max-width:320px;}
	.input_area input{font-size:18px;height:50px;}
}


#sitemap {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100001;
    width: 66.67vw;
    height: 100vh;
    background-color: #fff;
    transform: translateX(100%);
    pointer-events: none;
    transition: transform .3s
}

#sitemap.on {
    transform: translateX(0);
    pointer-events: all
}

#sitemap a {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
#sitemap .top_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding:43.75px 100px 0px 81.25px;
    margin-bottom: 125px;
}
#sitemap .sitemap_btn{
    background: url(../images/icon/ic_close.svg) 100% 100% no-repeat;
    background-size: cover;
	width:25px;height:25px;
}
  #sitemap .bottom_area {
    padding: 0px 81.25px;
}
#sitemap .gnb {
    display: flex;
}
#sitemap .gnb>li {
    border-right:  1px solid #ddd;
    padding: 0 50px;
}
#sitemap .gnb>li:first-child {
    padding-left: 0;
}
#sitemap .gnb>li:last-child {
    padding-right: 0;
    border-right: 0;
}
#sitemap a {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#sitemap .gnb_depth1_title {
    display: block;
    margin-bottom: 37.5px; 
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: normal;
    letter-spacing: 0;
    font-weight: 700;
    color: #1c1c1c;
    transition: color .3s;
}
#sitemap .gnb_sub_wrap {
    display: block;
}
#sitemap .gnb_sub>li {
    min-width:130px;
    margin: 30px 0px;
}
#sitemap .gnb_sub>li:first-child{
	margin-top:0px;
}
 #sitemap .gnb_sub>li:last-child{
	margin-bottom:0px;
}
#sitemap .gnb_depth2_title {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.02em;
    font-weight: 500;
    color: #1c1c1c;
    transition: color .3s;
}
@media (max-width: 1800px) {
	#sitemap .bottom_area{padding:0px 65px}
	#sitemap .gnb>li{padding:0 40px;}
	#sitemap .gnb_depth1_title{font-size:24px;}
}
@media (max-width: 1700px) {
	#sitemap .bottom_area{padding:0px 65px}
	#sitemap .gnb>li{padding:0 35px;}
	#sitemap .gnb_depth1_title{font-size:24px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}
}
@media (max-width: 1531px) {
	#sitemap .bottom_area{padding:0px 40px}
	#sitemap .gnb>li{padding:0 30px;}
	#sitemap .gnb_depth1_title{font-size:23px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}
}
@media (max-width: 1440px) {
	#sitemap .top_area{padding:43.75px 55px 0px 81.25px;}
	#sitemap .bottom_area{padding:0px 25px}
	#sitemap .gnb>li{padding:0 30px;}
	#sitemap .gnb_depth1_title{font-size:21px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}	
	#sitemap .gnb_depth2_title{font-size:17px;}
}
@media (max-width: 1279px) {
	#sitemap .top_area{padding:43.75px 45px 0px 45px;}
	#sitemap .bottom_area{padding:0px 20px}
	#sitemap .gnb>li{padding:0 20px;}
	#sitemap .gnb_depth1_title{font-size:18px;}
	#sitemap .gnb_sub_wrap .inner{padding:0px;}	
	#sitemap .gnb_depth2_title{font-size:14px;}
}
@media (max-width: 1000px) {
	#sitemap{width:50vw}
	#sitemap .top_area{height:70px;padding:23px 20px;border-bottom:1px solid #ccc;margin-bottom:0px;}
	#sitemap .bottom_area{height:calc(100% - 70px);padding:0px;}
	#sitemap .gnb{overflow-y: auto;flex-direction: column; height: 100%;padding-bottom:200px;}
	#sitemap .gnb>li{padding:0px;}
	#sitemap .gnb>li:first-child{margin-top:12px;}
	#sitemap .gnb_depth2_title{font-weight:700;}
	#sitemap .gnb_sub_wrap{display:none;padding:20px 30px;margin-bottom:12px;background:#f3f3f3;}
	#sitemap .gnb_depth1_title{position: relative;width: 100%;display:block;padding:12px 20px 12px 25px;margin:0px;line-height:30px;}
	#sitemap .gnb_depth1_title::after{
		content: "";
        position: absolute;
		top:50%;
		transform: translateY(-50%);
		right:20px;
		width:24px;
		height:24px;
		background:url(../images/icon/ic_chevron_down_m.svg) 100% 100% no-repeat;
		backgroud-size:cover;
	}
	#sitemap .gnb>li.depth1_active .gnb_depth1_title {
		color: #91C022;
	}
	#sitemap .gnb>li.depth1_active .gnb_depth1_title::after {
        background: url(../images/icon/ic_chevron_up_orange_m.svg) 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 600px) {
	#sitemap{width:100vw}
	#sitemap .sitemap_btn{width:20px;height:20px;}
}

/*  header 补充  end   20250614  */