/* 240313 10:12*/
.bulls_wrapper {
    position: relative
}


.bulls_container {
    position: relative;
    margin: 0 auto;
    padding-bottom:140px
}

.main_header {
    position: relative
}
.main_visual {
    position: relative;
    width: 100%;
    height:31.5vw;
    overflow:hidden
}

.main_visual ul {
    /*min-width:68.314%;*/ min-width:79.349%;
    margin: 0 auto
}

.main_visual ul li a {
    text-align: center;
    display: block
}

.main_visual .swiper-slide-active {
    z-index: 1
}
.main_visual .swiper-slide img{width:100%}

.main_visualTitle {
    position: relative;
    /*width:68.314%;*/ width:79.349%;
    height: 53px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    line-height: 53px;
    text-align: center;
    overflow: hidden
}

.main_visualTitle li {
    position: relative;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.main_visualTitle ul:after, .main_visualTitle li:before {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #ccc;
    display: inline-block;
    content: ''
}

.main_visualTitle ul:after {
    right: 0
}

.main_visualTitle li:before {
    left: 0
}

.main_visualTitle li:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    display: block;
    content: '';
    transition: all .2s ease
}

.main_visualTitle li.swiper-slide-thumb-active:after {
    background-color: #ED1C24
}

.main_visualImage ul li a {
    height: 31.0885vw;
    margin: 0;
    width:100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.slide_txt{position:absolute; top:calc(31% - 8px); left:calc(16% + 4px); text-align:left;}
.slide_txt.aligncenter{left:0; right:0; margin:auto; text-align:center}
.slide_txt p{ color:#fff; font-size:26px;font-weight: normal;font-family: 'Pretendard-Light'; }
.slide_txt h5{color:#fff; font-size:54px;font-weight: normal;font-family: 'Pretendard-Light'; line-height:1.2}
.slide_txt h5:nth-of-type(2){margin-top:3px}
.slide_txt p:nth-child(1){margin-bottom:10px}
.slide_txt p:last-child{margin-top:10px; font-size:22px}

.slider_btns{position:absolute; bottom:30px; right:calc(50% - 650px); z-index: 1}
.swiper-pagination,
.main_visual .swiper-button-arrow{display:inline-block; height:46px; border-radius:46px; background-color:rgba(0, 0, 0, .49); vertical-align: bottom; bottom:0}

.main_visual .swiper-button-arrow {top:50%;width:50px;margin-top:-36px;text-indent:-1000em;overflow:hidden;background-image:url('/assets/front/images/common/icon/arrow-right.svg');background-size:10px auto; background-position: center; background-repeat:no-repeat; display:inline-block;cursor:pointer; position:relative}
.main_visual .swiper-button-prev{left:2px;transform:rotate(180deg); border-radius:0 60px 60px 0}
.main_visual .swiper-button-next{right:0; border-radius:0 60px 60px 0}

.main_visual .swiper-pagination {width:123px; height:46px;  border-radius:46px; right:0; bottom:0; margin:0 auto; position:relative;}
.main_visual .swiper-pagination span{font-size:18px; font-weight:bold; color:#fff; line-height:46px}
.main_visual .swiper-pagination span:nth-of-type(2){font-weight:normal; display:inline-block; margin:0 5px}
.main_visual .swiper-pagination span:nth-of-type(3){opacity:.5}
.main_visual .swiper-pagination button{position:relative; width:12px; height:12px;    margin: -6px 0 0 20px; vertical-align: middle; background-color:transparent;}

.main_visual .swiper-pagination button:before,
.main_visual .swiper-pagination button:after{display:block; content:''; background-color:#fff;position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
.main_visual .swiper-pagination button:before{width:2px; height:100%}
.main_visual .swiper-pagination button:after{width:100%; height:2px}
.main_visual > ul.swiper-wrapper{display:none;    transform: scale(0);    visibility: hidden;}

#bannerList {width:1340px; background:transparent; box-shadow:none;
  transform: translate3d(-50%, -50%, 0);
  position: fixed;
  left: 50%;
  top:50%;
  right: auto;
  bottom: auto;
  padding:0 40px 0 0}
#bannerList .popup_content{margin:0 auto; display:block; position:relative;}
#bannerList .close{width:30px; height:30px; position:absolute; top:0}
#bannerList .close:before,
#bannerList .close:after{display:block; content:''; width:2px; height:100%; background-color:#fff; position:absolute;top:0; right:0; left:0; bottom:0; margin:auto}
#bannerList .close:before{transform:rotate(45deg)}
#bannerList .close:after{transform:rotate(-45deg)}

#bannerList .slide_txt{top:20%; left:7%;}
#bannerList .slide_txt p{ font-size:14px}
#bannerList .slide_txt h5{font-size:24px}
#layer_event_428 #chk_block_428{top:0}

.main_banners{display:inline-block;    max-height: 84vh; height:792px;   overflow: auto;}
.main_banners:after{display:block; content:''; clear:both}

/* scroll */
.main_banners::-webkit-scrollbar-track{background-color:transparent}
.main_banners::-webkit-scrollbar{display:none}

.main_banners li{width:650px; height:264px; display:inline-block; float:left; position:relative; overflow:hidden}

.main_banners li img{height:100%; width:auto;}
.main_banners li a{display:block; height:100%}
.main_banners li img{margin-left: -14.5%; height: 100%; max-width: none;}

.bulls_container > section#hotbrand{margin-top:60px}
.bulls_container .bulls_container{padding-top:0; padding-bottom:0}
.bulls_container .main_hotbrand ul li{width:130px; margin:0 16px 0 0; float:left; display:none}
.bulls_container .main_hotbrand ul li:last-child{margin-right:0}
.bulls_container .main_hotbrand ul li:nth-child(1){margin-left:0}
.bulls_container .main_hotbrand ul li:nth-child(1),
.bulls_container .main_hotbrand ul li:nth-child(2),
.bulls_container .main_hotbrand ul li:nth-child(3),
.bulls_container .main_hotbrand ul li:nth-child(4),
.bulls_container .main_hotbrand ul li:nth-child(5),
.bulls_container .main_hotbrand ul li:nth-child(6),
.bulls_container .main_hotbrand ul li:nth-child(7),
.bulls_container .main_hotbrand ul li:nth-child(8),
.bulls_container .main_hotbrand ul li:nth-child(9){display:block}
.bulls_container .main_hotbrand ul li:nth-child(9){margin-right:0}
.bulls_container .main_hotbrand ul li dt{background-color:#fff; width:130px; height:130px; border-radius:150px; overflow:hidden; margin:0 auto 10px}
.bulls_container .main_hotbrand ul li dt a{width:100%; height:100%; display:flex; border-radius:50%}
.bulls_container .main_hotbrand ul li dd{text-align:center;    color: #818181;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Pretendard-Light';
    margin-top: 0; height:auto; min-height:0}
.bulls_container .main_hotbrand ul li dt img{ height:auto; margin:0 auto; width:100%; max-width:100%}
.bulls_container .main_hotbrand.main_interest ul li dt img{max-width:100%; height:auto; margin:0 auto}
.bulls_container .main_hotbrand.main_interest ul li dd{font-size:17px}
.bulls_container .main_hotbrand .hotbrand_list li.view_all a{background-color:#f8f6f6}
.bulls_container .main_hotbrand ul li dt a:after{display:none}
.bulls_container .main_hotbrand .hotbrand_list li.view_all img{width:33px; height:33px}
/* .bulls_container > section{max-width:68.314%; margin:80px auto 0; position:relative;} */
.bulls_container > section{margin:80px auto 0; position:relative;}
.bulls_container > section.main_md_recommend{margin-bottom:0}
.bulls_container > section .title_main{margin-bottom:20px}

/* main title event */
  .img-ani {
  -webkit-transition: all 0.5s cubic-bezier(0,.72,.44,.99);
  -moz-transition: all 0.5s cubic-bezier(0,.72,.44,.99);
  -ms-transition: all 0.5s cubic-bezier(0,.72,.44,.99);
  -o-transition: all 0.5s cubic-bezier(0,.72,.44,.99);
  transition: all 0.5s cubic-bezier(0,.72,.44,.99);
  opacity:0;
  }


  .list-ani, .list-ani img{
  -webkit-transition:opacity 0.5s cubic-bezier(0,.72,.44,.99), transform 0.5s cubic-bezier(0,.72,.44,.99);
  -moz-transition: opacity 0.5s cubic-bezier(0,.72,.44,.99), transform 0.5s cubic-bezier(0,.72,.44,.99);
  -ms-transition: opacity 0.5s cubic-bezier(0,.72,.44,.99), transform 0.5s cubic-bezier(0,.72,.44,.99);
  -o-transition: opacity 0.5s cubic-bezier(0,.72,.44,.99), transform 0.5s cubic-bezier(0,.72,.44,.99);
  transition: opacity 0.5s cubic-bezier(0,.72,.44,.99), transform 0.5s cubic-bezier(0,.72,.44,.99);
  transform-origin:bottom left;
  -webkit-transform-origin:bottom left;

  }

  .list-ani{
  transform:scale(0.5) rotate(.001deg);
  -webkit-transform:scale(0.5) rotate(.001deg);
  opacity:0;
  }
  .list-ani img{
  max-width:600px;
  width:100%;
  transform:scale(1.5) rotate(.001deg);
  -webkit-transform:scale(1.5) rotate(.001deg);
  }
  .list-aniload, .list-aniload img{
  transform:scale(1) rotate(0);
  -webkit-transform:scale(1) rotate(0);
  opacity:1;
  }

  .bottom-top {
  transform: translate(0,100px);
  -webkit-transform: translate(0,100px);
  -moz-transform: translate(0,100px);
  -ms-transform: translate(0,100px);
  -o-transform: translate(0,100px);
  }

  .img-aniload{
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  opacity:1;
  }

.bulls_container > section{width:1300px}/* max-width:68.314% */

.hotbrand_list .item_list dd{text-align:center}

.clickable{cursor:pointer}

.main_4dev .recommend_list li{width:295px; margin-right:40px; box-sizing:border-box; float:left; border:1px solid #cfcfcf; border-radius:5px; overflow:hidden; background-color:#fff}
.main_4dev .recommend_list li:nth-child(4n){margin-right:0}
/* .main_4dev .recommend_list li dl dt .act_user{display:none; position:absolute; bottom:5px; right:10px}
.main_4dev .recommend_list li dl dt:hover .act_user{display:block} */
.main_4dev .recommend_list li dt{width:100%; height:295px; background-color:#f9f9f9; position:relative; }
.main_4dev .recommend_list li dt > a{margin:0 auto; display:block; width:auto; height:100%; overflow:hidden; border-radius:0; border-width:0 0 1px 0}
.main_4dev .recommend_list li dl dd {padding:15px 20px 23px 20px;text-align:left; font-size:17px; margin-top:0; height:auto; display:block}
.main_4dev .recommend_list li dl dd h6{color:#888; font-size:15px; font-weight:normal; font-family: 'Pretendard-Light';}
.main_4dev .recommend_list li dl dd h6 .rating{color:#666; font-weight:normal; font-size:14px}
.main_4dev .recommend_list li dl dd h6 .rating b{color:#bcbcbc; font-weight:normal; font-size:14px; display: inline-block; vertical-align: top; color: #bcbcbc;    padding-top: 1px;}
dd .rating_review span.rating{color:#666; font-weight:normal; font-size:14px; display:inline-block; text-align: left; padding-top:5px}
dd .rating_review span.rating b{color:#bcbcbc; font-weight:normal; font-size:16px; display: inline-block; vertical-align: top; color: #bcbcbc; margin-top:0}
dd .rating_review span.review{color:#666; font-weight:normal; font-size:14px; display:inline-block; text-align: left; padding-top:5px}
dd .rating_review span.review b{color:#bcbcbc; font-weight:normal; font-size:14px; display: inline-block; vertical-align: top; color: #bcbcbc; margin-top:1px}
dd .rating_review .review img{margin-top:3px}
.rating_review .rating b{    color:#FFCE00;
  font-size: 16px;
  display: inline-block;
  margin-top: 2px;
  vertical-align: top;}
.product_rating label{margin-top:4px}
.main_4dev .recommend_list li dl dd p{color:#333; font-size:17px; margin-top:3px; margin-bottom: 5px;}
.main_4dev .recommend_list li dl dd p{height:50px;  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2}
.main_4dev .recommend_list li dl dd strong{font-size:20px; display:inline-block; margin-right:3px}
.main_4dev .recommend_list li dl dd strong.text-red{font-size:18px; display:inline-block; margin-right:3px}
.main_4dev .recommend_list li dl dt img{display:block; width:100%; margin:0 auto}

.bulls_container > section.satisfied_product{width:100%; margin-bottom:80px}
.satisfied_product_slider{overflow:hidden}
.satisfied_product, .main_recommend_product{background-color:#F6F7FC; padding:65px 0 90px}
.bulls_container > section.main_popular_store.satisfied_product .swiper-horizontal>.swiper-scrollbar{bottom:-90px}
.satisfied_product_list{position:relative; margin-bottom:0}
.satisfied_product_list .swiper-wrapper{height:auto}
.satisfied_product_list.swiper-horizontal>.swiper-scrollbar{width:100%; position:relative;margin:35px auto; left:0}
.satisfied_product_list li,
.satisfied_product_list .swiper-wrapper {height:auto}
.satisfied_product_list li.swiper-slide{background-color:#fff; border:1px solid #e5e5e5; padding:24px 20px 20px 20px; border-radius:5px; height:344px}
.satisfied_product_list li > strong{font-size:18px;font-family: 'Pretendard-ExtraLight'; color:#000}
.satisfied_product_list li > strong em{display:inline-block; width:18px; height:14px; margin:3px 0 0 5px; background-image:url('/assets/front/images/common/icon/ic_heart_red.svg'); background-repeat: no-repeat; background-position: center; background-size:18px 14px}
.satisfied_product_list li:nth-child(2n) > strong em{display:inline-block; width:18px; height:14px; background-image:url('/assets/front/images/common/icon/ic_heart_purple.svg');}
.satisfied_product_list li > p{
  font-size: 17px;
  font-family: 'Pretendard-Light';
  color: #454545;
  margin: 10px auto 25px;
  min-height: 54px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 70px;
  -webkit-line-clamp: 3;
  cursor:pointer
}
.popular_product{cursor:pointer}
.satisfied_product_list li dl dt{width:40%; margin-right:5%; float:left; display:inline-block; border-radius:5px; overflow:hidden; position:relative;}
.satisfied_product_list li dl dd{width:55%; display:inline-block; padding:0 0 20px 0;margin-top:25px}
.satisfied_product_list li dl dd h6{color:#666; margin-bottom:5px; font-family: 'Pretendard-Regular'; font-weight:normal}
.item_box dd h6{color:#666; font-family: 'Pretendard-Regular'; font-weight:normal}
.satisfied_product_list li dl dd p{
  font-size: 17px;
    color: #454545;
    margin-bottom: 8px;
    min-height: 39px;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 42px;
    -webkit-line-clamp: 2;
    line-height:1.2;
    display: inline-block;}

.act_user a{display:inline-block; width:40px; height:40px; border-radius:40px; background-color:#fff; padding:3px;background-repeat: no-repeat; background-position:center; background-size:22px}
.act_user a.active{background-color:#F3951A;}
.act_user .btn_cart{background-image:url('../images/common/icon/ic_cart_b.png')}
.act_user .btn_cart.active{background-image:url('../images/common/icon/ic_cart_w.png')}
.act_user .btn_like{background-image:url('../images/common/icon/ic_like_b.png')}
.act_user .btn_like.active{background-image:url('../images/common/icon/ic_like_W.png')}

/*.bulls_container > section.satisfied_product .satisfied_product_list{overflow:hidden}
 .bulls_container > section.satisfied_product .satisfied_product_list,
.bulls_container > section.satisfied_product .satisfied_product_list .section_inner,
.bulls_container > section.satisfied_product .satisfied_product_list .section_inner .swiper-wrapper{overflow:hidden}
.bulls_container > section.satisfied_product .satisfied_product_list .section_inner .swiper-slide{display:none}
.bulls_container > section.satisfied_product .satisfied_product_list .section_inner .swiper-slide.swiper-slide-duplicate{display:block} */


.need_condition {
    position: relative;
    display: flex;
    justify-content: space-around;
}

.need_condition:after {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
    display: block;
    content: ''
}

.need_condition li {
    position: relative;
    min-width: 120px;
    font-size: 13px;
    color: #999;
    text-align: center;
    z-index: 1
}

.need_condition li.on {
    color: #111;
    font-weight: 500
}

.need_condition li:before {
    width: 20px;
    height: 20px;
    margin: 0 auto 10px auto;
    border: 3px solid #666;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background-color: #fff;
    content: '';
    box-sizing: border-box
}

.need_condition li.on:before {
    background: url(/assets/front/images/main/check_need.png) no-repeat;
    border: 0;
    cursor: default;
    pointer-events: none
}

.need_contentGroup {
    min-height: 310px;
}

.need_content {display: none;align-items: center}

.need_content.show {
    display: flex
}

.need_content header {
  height: 15vw;
  width: 15vw;
  max-width: 270px;
  max-height: 270px;
  min-width: 220px;
  margin-right: 6px;
  padding: 15px;
  color: #fff;
  text-align: center;
  align-self: flex-start;
  background: url(/assets/front/images/main/main_mycar_bn.png);
  display: inline-block;
  min-height: 220px;
  background-size: 100%;
  display:none
}

.need_content header:before {
    width: 54px;
    height: 54px;
    margin: 20px auto 10px auto;
    background: url(/assets/front/images/main/main_mycar_icon.png) no-repeat;
    display: block;
    content: ''
}

.need_content header h3 {
    width: calc(100% - 30px);
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    background-color: #111;
    display: inline-block
}

.need_content header ul {
    padding-top: 16px
}

.need_content li {
    font-size: 12px;
    line-height: 20px;
    word-break: keep-all
}

.need_content .item_list {
    padding-top: 0;
    overflow: hidden;
    width: calc(100% - 280px);
    padding-left: 25px;
    width:100%;
    padding-left:0
}

.need_content .item_list .item_box {
    padding: 0;
    width:230px;
    margin-right:37px;
    float:left;
    margin-bottom:0;
}
.need_content .item_list .item_box:nth-child(5n){margin-right:0}
.need_content .item_list .item_box dt>a{width:230px; height:230px; border:0}

.bulls_container > section.need_product{margin-bottom:80px; padding-bottom:70px}
.bulls_container > section.need_product .item_box{margin-bottom:0}
.need_product_slide{overflow:hidden}
.main_need_product{position:relative; margin-bottom:40px}
.main_need_product .swiper-wrapper{height:auto}
.need_product_slide.swiper-horizontal>.swiper-scrollbar{bottom:30px}
.main_need_product .need_product_slide .swiper-button-next,
.main_need_product .need_product_slide .swiper-button-prev{color:#888; width:26px; height:52px; background-image:url('../images/common/icon/ic_arrow.svg'); background-size:26px 52px; background-repeat:no-repeat}
.main_need_product .need_product_slide .swiper-button-prev{transform:rotate(180deg)}
.main_need_product .need_product_slide .swiper-button-prev:after,
.main_need_product .need_product_slide .swiper-button-prev:before,
.main_need_product .need_product_slide .swiper-button-next:after,
.main_need_product .need_product_slide .swiper-button-next:before{display:none}
.main_need_product .need_product_slide .swiper-button-arrow{top:45%}
.main_need_product .need_product_slide .swiper-button-prev, .recommend_product_list .swiper-rtl .swiper-button-next{left:-67px}
.main_need_product .need_product_slide .swiper-button-next, .recommend_product_list .swiper-rtl .swiper-button-prev{right:-67px}
.need_product_slide .swiper-slide dl dt{position:relative; border-radius:5px; overflow:hidden; width:230px; height:230px}
.need_product_slide .swiper-slide dl dt > a{border-radius:5px; border:0}
.md_recommend_list li dl dt:after,
.attention_product_list .swiper-slide dl dt a:after,
.satisfied_product_list li dl dt:after,
.main_4dev .recommend_list li dt > a:after,
.main_timeSpecial > li dt a:after,
.need_product_slide .swiper-slide dl dt > a:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  content: "";
}
/* .need_product_slide .swiper-slide dl dt > a:after,
.attention_product_list .swiper-slide dl dt a:after, */

.customized_product li dl dd{text-align:left; font-size:17px; margin-top:16px}
.customized_product li dl dd h6{color:#888; font-size:15px; font-weight:normal; font-family: 'Pretendard-Light';}
.customized_product li dl dd h6 .rating{color:#666; font-weight:normal; font-size:14px}
.customized_product li dl dd h6 .rating b{color:#bcbcbc; font-weight:normal; font-size:14px; display: inline-block; vertical-align: top; color: #bcbcbc}
.customized_product li dl dd p {
    color: #333;
    padding-bottom: 5px;
    padding-top: 8px;
    font-size: 17px;
    font-family: 'Pretendard-Light';
    margin-bottom: 5px;
}
.customized_product li dl dd p.lineHeight2 {
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.main_need_product li dl dd{text-align:left; font-size:17px; margin-top:16px}
.main_need_product li dl dd h6{color:#888; font-size:15px; font-weight:normal; font-family: 'Pretendard-Light';}
.main_need_product li dl dd h6 .rating{color:#666; font-weight:normal; font-size:14px}
.main_need_product li dl dd h6 .rating b{color:#bcbcbc; font-weight:normal; font-size:14px; display: inline-block; vertical-align: top; color: #bcbcbc}
.rating_review{margin-top:-3px}

.main_need_product li dl dd p{color:#333; padding-bottom:5px;padding-top:8px; font-size:17px; font-family: 'Pretendard-Light'; margin-bottom: 5px;}
.main_need_product li dl dd p.lineHeight2{height:60px;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2}
.main_need_product li dl dd strong{font-size:20px; display:inline-block; margin-right:3px}
.main_need_product li dl dd strong.text-red{font-size:18px; display:inline-block; margin-right:3px}
.main_need_product li dl dt img{display:block; width:auto; height:100%; margin:0 auto}
.need_product .swiper-horizontal>.swiper-scrollbar{bottom:0 !important; display:block}

.need_product .item_list .item_box .subject{display:block; overflow:visible; padding: 8px 0 5px; margin-top:0}
.item_box dd h6{font-size:15px}
.item_list .item_box .subject{font-size:17px}
.need_product .item_list .item_box .subject.lineHeight2{height:55px;display: -webkit-box;
-webkit-box-orient: vertical;
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;}
.need_product .item_list .item_box dd{margin-top:15px; height:auto}
.need_product .item_list .item_box dd del{    font-size: 14px;
    font-family: 'Pretendard-Light';
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
.need_product .need_contentSlide .swiper-button-next,
.need_product .need_contentSlide .swiper-button-prev{color:#888; width:20px; background-image:url('../images/common/icon/ic_arrow.svg'); background-size:20px; background-repeat:no-repeat}
.need_product .need_contentSlide .swiper-button-prev{transform:rotate(180deg)}
.need_product .need_contentSlide .swiper-button-prev:after,
.need_product .need_contentSlide .swiper-button-prev:before,
.need_product .need_contentSlide .swiper-button-next:after,
.need_product .need_contentSlide .swiper-button-next:before{display:none}
.need_product .need_contentSlide .swiper-button-arrow{top:calc(40% - 25px)}
.need_product .need_contentSlide .swiper-button-prev, .recommend_product_list .swiper-rtl .swiper-button-next{left:-67px}
.need_product .need_contentSlide .swiper-button-next, .recommend_product_list .swiper-rtl .swiper-button-prev{right:-67px}

.customized_product .swiper-button-next,
.customized_product .swiper-button-prev{color:#888; width:20px; background-image:url('../images/common/icon/ic_arrow.svg'); background-size:20px; background-repeat:no-repeat}
.customized_product .swiper-button-prev{transform:rotate(180deg)}
.customized_product .swiper-button-prev:after,
.customized_product .swiper-button-prev:before,
.customized_product .swiper-button-next:after,
.customized_product .swiper-button-next:before{display:none}
.customized_product .swiper-button-arrow{top:calc(40% - 25px)}
.customized_product .swiper-button-prev, .recommend_product_list .swiper-rtl .swiper-button-next{left:-67px}
.customized_product .swiper-button-next, .recommend_product_list .swiper-rtl .swiper-button-prev{right:-67px}

.np_list_chips{margin-top:15px; height:25px; }
.np_list_chips span{display:inline-block; height:25px; line-height:23px; border-radius:20px; border:1px solid; padding:0 10px; font-size:14px; color:#333; font-family: 'Pretendard-Medium';}
.np_list_chips .chip_special{border-color:#ED242B; color:#ED242B}
.np_list_chips .chip_coupon{border-color:#29993F; color:#29993F}
.np_list_chips .chip_mileage{border-color:#6072D5; color:#6072D5}
.np_list_chips .chip_new{border-color:#FF7F00; color:#FF7F00}
.np_list_chips span img{width:13px; margin:5px 3px 0 0; display:none;}

.np_list_chips .chip{padding:0 10px /*0 23px*/; background-repeat:no-repeat; background-size:10px; background-position:7px center; border-color:transparent; background-image:none !important}

.np_list_chips .chip.new{border-color:#FF7F00; color:#FF7F00; background-image:url('/assets/mobile/images/common/icon/ic_new.svg');}
.np_list_chips .chip.free{border-color:#37C1A5; color:#37C1A5; background-image:url('/assets/mobile/images/common/icon/ic_free.svg')}
.np_list_chips .chip.sale{border-color:#F52828; padding:0 10px; color:#F52828}
.np_list_chips .chip.present{border-color:#009DCE; color:#009DCE; background-image:url('/assets/mobile/images/common/icon/ic_present.svg')}
.np_list_chips .chip.special{border-color:#ED242B; background-image:url('/assets/mobile/images/common/icon/ic_special.svg'); color:#ED242B}
.np_list_chips .chip.super{border-color:#4981D5; padding:0 10px; color:#4981D5}

.np_list_chips .chip.best{line-height:21px; border:1px solid #ED1C24; color:#ED1C24}
.np_list_chips .chip.recommend{border:1px solid #FFC248; color:#ffa548 !important; background-color:#fff !important}

.np_list_chips .chip{display:none}
.np_list_chips .chip:nth-child(1),
.np_list_chips .chip:nth-child(2){display:inline-block;}

small del{    font-size: 14px;
    font-family: 'Pretendard-Light';
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;}
.won{margin-right:3px}

.main_banner {margin-top:20px}
.bulls_container > section.main_banner{width:100%; height:150px; max-width:none; overflow:hidden; background-repeat:no-repeat; background-size:100% auto; background-position:center; text-align:center; margin:0 auto}
/* .bulls_container > section.main_banner a{display:block; width:100%; height:100%} */
.bulls_container > section.main_banner a{display:inline-block}
.bulls_container > section.main_banner a img{border-radius:5px}
.bulls_container > section.main_banner .banner_inner .title_main{padding-top:40px; margin:0}
.bulls_container > section.main_banner h4{font-size:30px; font-family: 'Pretendard-Regular'; font-weight:normal}
.bulls_container > section.main_banner p{font-size:22px; font-family: 'Pretendard-Light';}
.bulls_container > section.main_banner.mini_banner{width:100%; height:150px}
.bulls_container > section.main_banner .banner_inner{width:90%; max-width:1300px; height:100%; margin:0 auto; position:relative;}
.bulls_container > section.mini_banner .banner_inner > div,
.bulls_container > section.mini_banner .banner_inner > div a{width:100%; height:100%; overflow:hidden; border-radius:5px}
.bulls_container > section.mini_banner .banner_inner > div a img{width:100%; height:100%;}
.bulls_container > section.mini_banner .banner_inner .title_main{position:absolute; left:15%}
.bulls_container > section.mini_banner .banner_inner .title_main img{width:24px; margin-top:5px}
.bulls_container > section.mini_banner .banner_inner .title_main b.text-blue2{font-size:20px; font-family: 'Pretendard-Medium'; display:inline-block; margin-right:3px; font-weight:normal}
.bulls_container > section.mini_banner .banner_inner .title_main p{font-size:30px; font-family: 'Pretendard-Light'; }
.bulls_container > section.mini_banner .banner_inner .mn_bnr_img{width:100%; height:160px; background-repeat:no-repeat; background-size:100% auto; background-position:center; border-radius:5px}

/* .bulls_container > section.mini_banner .banner_inner{background-color:#C2C4FF; min-height:150px} */

/* .attention_product_list{overflow-x:hidden} */
/* .bulls_container > section.main_attention{    padding-bottom: 40px; margin-bottom: 140px} */
.bulls_container > section.main_attention{margin-bottom:80px}
.attention_product_list{width:100%;  margin-bottom:0;}
.attention_product_list .swiper-wrapper{height:auto; position:relative;}
.attention_product_list.swiper-horizontal>.swiper-scrollbar{width:100%; bottom:0}
.attention_product_list .swiper-slide{transition:all 500ms}
/* .attention_product_list .swiper-slide:nth-child(1){min-width:38%; margin-top:0}
.attention_product_list .swiper-slide:nth-child(1) dl dt{background-color:#f8f8f8}
.attention_product_list .swiper-slide:nth-child(1) dl dd{position:absolute; top:0; left:calc(100% + 30px); display:block; width:100%} */
.attention_product_list .swiper-slide dl{width: 17.5%; margin-right:2.6%; display:inline-block; vertical-align: bottom; height:auto}
.attention_product_list .swiper-slide dl:nth-child(1){width: 38.3%; height:auto; position:relative;}
.attention_product_list .swiper-slide dl:last-child{margin-right:0}
.attention_product_list .swiper-slide dl:nth-child(1) dd{position:absolute; top:0; left:calc(100% + 30px); display:block; width:100%}


.attention_product_list li dl dd{padding:15px 0; margin-top:0}
.attention_product_list li dl dt .act_user{display:none; position:absolute; bottom:5px; right:10px}
.attention_product_list li dl dt:hover .act_user{display:block}
.attention_product_list li dt{width:auto;  background-color:#f9f9f9; position:relative; overflow:hidden; border-radius:5px}
.attention_product_list li dl:nth-child(1) dt,
.attention_product_list li dl:nth-child(1) dt a{width:100%; height:100%; display:block; text-align:center; border-radius:5px}

.attention_product_list li dt a{width:100%;height:auto; border-radius:5px; overflow:hidden}
.attention_product_list li dl dd{padding-top:22px;text-align:left; font-size:17px}
.bulls_container > section .attention_product_list li dl dd h6{color:#666; padding-bottom:5px; height:auto; margin-bottom:0; font-size:15px; font-family:'Pretendard-Light'; margin-bottom:0}
.bulls_container > section .attention_product_list li dl:nth-child(1) dd h6{font-size:26px; color:#1f1f1f; height:auto; padding-bottom:0; margin-bottom:0; max-width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.bulls_container > section .attention_product_list li dl dd p{ padding-bottom:0; font-size:17px;
  display:inline-block;
      width:100%; color:#000000;font-family:'Pretendard-Light'; margin-bottom:0; height: 50px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-line-clamp: 2;
      max-width: 85%;
      margin-bottom: 5px;}
.bulls_container > section .attention_product_list li dl:nth-child(1) dd p{color:#888; font-size:20px; padding-top:7px; margin-bottom:0}
.attention_product_list li dl dd strong{font-size:20px; display:inline-block; margin-right:3px}
.attention_product_list li dl dd strong.text-red{font-size:18px;}



.attention_product_list .swiper-slide dl{width:17.693%}
.attention_product_list .swiper-slide dl dt,
.attention_product_list .swiper-slide dl dt a{width:230px; height:230px;}

/* .attention_product_list .swiper-slide dl dt,
.attention_product_list .swiper-slide dl dt a{width:11.98vw; height:11.98vw;} */
.attention_product_list .swiper-slide dl:nth-child(1) dd{left:106.6%; padding-top:3px; width:802px}
/* .attention_product_list .swiper-slide dl:nth-child(1) dt,
.attention_product_list .swiper-slide dl:nth-child(1) dt a{width:25.938vw; height:25.938vw; } */
.attention_product_list .swiper-slide dl:nth-child(1) dt,
.attention_product_list .swiper-slide dl:nth-child(1) dt a{width:498px; height:460px; }
.attention_product_list .swiper-slide dl dt a{width:100%; height:100%}
.attention_product_list li dl dd{padding-top:15px; padding-bottom:0}
.attention_product_list .swiper-slide dl:last-child{margin-right:0}



.main_timeSpecial > li{width:49%; margin-right:2%; float:left;}
.main_timeSpecial > li:nth-child(2n){margin-right:0}
.main_timeSpecial > li dt{width:300px; display:inline-block; float:left; margin-right:5%; height:300px; overflow:hidden; border-radius:5px}
.main_timeSpecial > li dt a{display:block; position:relative;}
.main_timeSpecial > li dt img{width:100%}
.main_timeSpecial > li dd{width:47.5%; display:inline-block; border:1px solid #e5e5e5; border-width:1px 0; padding:36px 0;}
.main_timeSpecial .count_down{padding-top:0;text-align:left}
.main_timeSpecial .count_down span{background-color:transparent; border:0; height:auto;width:auto; border-radius:0; color:#E02F29; line-height:1}
.main_timeSpecial .count_down li{padding:5px}
.main_timeSpecial .count_down li:after{
  display: block;
  content: ':';
  position: absolute;
  height: 25px;
  line-height: 1;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 24px;
  font-family: 'Pretendard-Bold';
  color: #E02F29;
}
.main_timeSpecial .count_down li:last-child:after{display:none}

.main_timeSpecial .count_down h3 { display: block}
.main_timeSpecial .count_down h3{font-size:66px;color:#fff;font-weight:100;line-height:66px;display:none}
.main_timeSpecial .count_down .time li{position:relative;font-size:0;line-height:0;display:inline-block; padding-right:15px}
.main_timeSpecial .count_down .time li span{color:#E02F29; font-size:32px; font-family: 'Pretendard-Bold'}
.main_timeSpecial .count_down .time li strong{ font-size:32px; display:inline-block;  color:#E02F29; vertical-align: top; margin:-1px 1px 0 1px}
.main_timeSpecial .count_down li.second span{color:#E02F29;}

.main_timeSpecial li.count_finish .count_down span,
.main_timeSpecial li.count_finish .count_down span{color:#000000; font-size:32px;}
.main_timeSpecial li.count_finish .count_down li:after{color:#000}
.main_timeSpecial > li dl{position:relative;}
.main_timeSpecial > li dl dd h6{color:#888; padding:15px 0 5px; font-size:16px; font-weight:normal}
.main_timeSpecial > li dl dd h6 .rating{color:#888; font-weight:normal; font-size:15px}
.main_timeSpecial > li dl dd p{color:#333; padding-bottom:10px; font-size:18px; min-height:61px}
.main_timeSpecial > li dl dd strong{font-size:18px; display:inline-block; margin-right:3px}
.main_timeSpecial > li.count_finish dl dt{position:relative; }
.main_timeSpecial > li.count_finish dl .count_img_wrap{width:100%; height:100%; background-color:rgba(0, 0, 0, .5); position:absolute; z-index:2; top:0; left:0;}
.main_timeSpecial > li.count_finish dl dd{opacity:.5}
.main_timeSpecial > li.count_finish dl dd .time li strong,
.main_timeSpecial > li.count_finish dl dd .time li span{color:#333}
.count_img_wrap{padding:95px 10px 10px; position:absolute;top: 0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); display:none}
.count_finish .count_img_wrap{display:block;}
.count_img_wrap h6{font-size:24px; font-weight:normal}
.count_img_wrap p{font-size:20px; margin-top:10px; font-weight:normal; opacity: .8}

.megazine_list li{width:48%; margin-right:4%; float:left; height:190px}
.megazine_list li:nth-child(2n){margin-right:0}
.megazine_list li dl{height:100%}

.main_magazine dt {
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    float: left;
    width: 50%;
    height:100%;
    border-radius:5px
}

.main_magazine dd {
  width:50%;
  padding-left:25px;
  box-sizing:border-box;
  float:left;
  height:100%; position:relative
}
.megazine_list li dd h6{font-size:20px; color:#333; margin-bottom:10px}
.megazine_list li dd p{font-size:19px; color:#888}
.megazine_list li dd .date{position:absolute; left:25px; bottom:0; font-size:16px; color:#888}
.megazine_list li dd .date img{margin-top:4px}

.bulls_container > section.main_recommend_product{width:100%; max-width:none; padding-bottom:30px; /* background-color:#F6F7FC; padding:60px 0 40px */}
.bulls_container > section.main_popular_store .section_inner,
.bulls_container > section.main_recommend_product .section_inner{width:100%; max-width:1300px; margin:0 auto}
.bulls_container > section.main_popular_store .swiper-horizontal>.swiper-scrollbar,
.bulls_container > section.main_recommend_product .swiper-horizontal>.swiper-scrollbar{background-color:#BFBFBF; bottom:-60px}



/* .md_recommend_list li{width:calc(20.1vw - 30px); height:calc(20.1vw - 30px); margin-right:30px; margin-bottom:28px; float:left;border:1px solid #f2f2f2; border-radius:5px} */
.md_recommend_list li{width:295px; height:295px; margin-right:30px; margin-bottom:30px; float:left; border-radius:5px}
.md_recommend_list li:nth-child(3),
.md_recommend_list li:nth-child(5){margin-right:0}
.md_recommend_list li:nth-child(1){width:650px; height:620px; margin-right:30px}
.md_recommend_list li:nth-child(1) dl{margin: 0;width:100%; height:100%;}
.md_recommend_list li:nth-child(1) dt img{margin:0 auto}
.md_recommend_list li:nth-child(1) dd p{height:auto; white-space: nowrap;}
.md_recommend_list li dl{width:100%; height:100%; position:relative; margin-bottom:30px; overflow:hidden; border-radius: 5px;}
.md_recommend_list li dl dt{height:100%; width:auto; margin:0 auto; text-align:center; }
.md_recommend_list li dl dt img{width:100%; max-width:none}
.md_recommend_list li dl dd{position:absolute; bottom:0; left:0; width:100%; height:100%; padding:32px 30px; background-color:rgba(0, 0, 0, .5)}
.md_recommend_list li dl dd *{color:#fff}
.md_recommend_list li dl dd small del{color:#bbb; margin-top:-5px}
.md_recommend_list li:nth-child(1) dl {}



.md_recommend_list li dl dd h6{font-size:15px; font-family: 'Pretendard-Light'; margin-bottom:7px; font-weight:normal}
.md_recommend_list li dl dd p{font-size:17px; font-family: 'Pretendard-Light'; margin-bottom:2px;
display:inline-block;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-width: 100%;
    margin-bottom: 5px;}
.md_recommend_list li dl dd strong{font-size:20px;  font-family: 'Pretendard-Medium'; font-weight:normal}
.md_recommend_list li dl dd strong.text-white{margin-right:4px}
.md_recommend_list li dl dd label{font-size:17px; display:inline-block; font-family: 'Pretendard-Light'; margin-left:3px}
.md_recommend_list li dl dd label.won{margin-right:7px}
.md_recommend_list li dl dd .rating{font-size:14px}
.md_recommend_list li dl dd .rating b{margin: -3px 1px 0 0;display: inline-block;vertical-align: top;font-size: 20px;    color: #FFCE00 !important;}
.md_recommend_list li:nth-child(1) dl dd .rating{color:#fff; display:inline-block;font-size:14px; font-family: 'Pretendard-Light'; font-weight:300}
.md_recommend_list li:nth-child(1) dl dd .review{color:#fff; display:inline-block;font-size:14px; font-family: 'Pretendard-Light'; font-weight:300; margin-left:5px}
.md_recommend_list li dl dd .rating_review span{color:#fff}
.md_recommend_list li dl dd .review img{width:11px}
.md_recommend_list li dl dd{transform:translate(0, 100%); transition:500ms all; opacity: .01}

.md_recommend_list li.dd_show dl dd{transform:translate(0); transition:500ms all; opacity: 1}
.md_recommend_list li:nth-child(1) dl dd{height:146px; padding:30px 20px;}
.md_recommend_list li.dd_show:nth-child(1) dl dd{top:calc(100% - 146px);}

.bulls_container > section.main_coupon{padding-bottom:50px}
.bulls_container > section .main_coupon_slide{overflow:hidden}
.main_coupon .coupon_list{padding-top:0}
.main_coupon .coupon_list li{height:243px; position:relative; padding:0; border:0; margin-bottom:0; margin-top:0; border-radius:10px}
.main_coupon .coupon_list li:before,
.main_coupon .coupon_list li:after{display:none}
.main_coupon .coupon_list li:nth-child(3n){margin-right:0}
.main_coupon .coupon_list li dl{border:1px solid #d5d5d5; border-radius:6px; background-color:#fff;overflow:hidden; width:100%}
.main_coupon .coupon_list li dl dt{padding:27px 0 15px}
.main_coupon .coupon_list li dd{background-color:#4992E8; height:50px;cursor:pointer}

.main_coupon .coupon_list li dt h4{font-family: 'Pretendard-Light'; font-size:18px; font-weight:normal;
display: -webkit-box;
-webkit-box-orient: vertical;
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden;
height: 50px;
-webkit-line-clamp: 2;
max-width:95%; margin:0 auto;
letter-spacing: -0.5px
}
.main_coupon .coupon_list li dt h4.line2{padding-top:12px}
.main_coupon .coupon_list li dt strong{font-family: 'Pretendard-Bold'; font-size:32px; display:block}
.main_coupon .coupon_list li dd p{line-height:50px; font-size:16px;font-family: 'Pretendard-Light';}
.main_coupon .coupon_list li dd p img{width: 9px; margin-left: 0;vertical-align: middle; margin: -3px 0 0 10px;}
.main_coupon .coupon_list li dt p{color:#999999;font-family: 'Pretendard-Light'; font-size:12px; padding-top:15px; padding-bottom:3px}

.main_coupon .swiper-horizontal>.swiper-scrollbar{bottom:0}
.main_coupon .main_coupon_slide .swiper-button-next,
.main_coupon .main_coupon_slide .swiper-button-prev{color:#888; width:27px; height:54px; background-image:url('../images/common/icon/ic_arrow.svg'); background-size:27px 54px; background-repeat:no-repeat}
.main_coupon .main_coupon_slide .swiper-button-prev{transform:rotate(180deg)}
.main_coupon .main_coupon_slide .swiper-button-prev:after,
.main_coupon .main_coupon_slide .swiper-button-prev:before,
.main_coupon .main_coupon_slide .swiper-button-next:after,
.main_coupon .main_coupon_slide .swiper-button-next:before{display:none}
.main_coupon .main_coupon_slide .swiper-button-arrow{top:calc(54% - 30px)}
.main_coupon .main_coupon_slide .swiper-button-prev, .recommend_product_list .swiper-rtl .swiper-button-next{left:-67px}
.main_coupon .main_coupon_slide .swiper-button-next, .recommend_product_list .swiper-rtl .swiper-button-prev{right:-67px}

.bulls_container > section .swiper-button-next,
.bulls_container > section .swiper-button-prev{font-size:0; text-indent:-9999px; color:transparent; width:27px; height:54px; background-image:url('../images/common/icon/ic_arrow.svg'); background-size:27px 54px; background-repeat:no-repeat}


.bulls_container > section.main_notice{padding:30px 0; border:1px solid #e5e5e5; border-width:1px 0; width:100%; max-width:none; margin-bottom:0;}
.bulls_container > section.main_notice .section_inner{width:100%; max-width:1300px; ;margin:0 auto}
.bulls_container > section.main_notice .section_inner{margin:0 auto}
/* .main_notice h2{font-family: 'Pretendard-ExtraLight'; font-size:18px; display:inline-block; width:100px; color:#000; float:left} */
.main_notice .notice_list{width:calc(100% - 100px); display:inline-block}

.main_notice .notice_list li span{font-size:16px; color:#bbb; display:inline-block; margin-top:1px}
.main_notice .notice_list li .date{font-size:16px; float:right; color:#bbb; display:inline-block; margin-top:1px}




.banner_wing {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 562px;
    z-index: 11
}

.banner_wing li {
    position: relative;
    margin-top: 10px
}

.banner_wing li .bn_wing {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-right-radius: 30px;
    overflow: hidden;
    z-index: 1;
    transition: all .5s ease
}

.banner_wing li .bn_wing img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transform: scale(.5);
    transform-origin: right top;
    transition: all .4s ease
}

.banner_wing li.hover .bn_wing {
    width: auto;
    height: auto
}

.banner_wing li.hover .bn_wing img {
    transform: scale(1);
    opacity: 1
}

.main_best, .collect_plan, .need_product, .md_pick, .collect_benefit, .mz_contentGroup, .special_benefit {
    /*width:68.314%;*/ width:79.349%;
    margin: 0 auto
}

.tab_best {
    margin-top: 120px;
    text-align: center
}

.tab_best li {
    font-size: 20px;
    font-weight: 500;
    vertical-align: bottom;
    display: inline-block
}

.tab_best li:before {
    width: 1px;
    height: 12px;
    margin: 0 22px;
    background-color: #ccc;
    display: inline-block;
    content: ''
}

.tab_best li:first-child:before {
    display: none
}

.tab_best li a {
    position: relative;
    padding-bottom: 3px;
    color: #999;
    line-height: 36px;
    display: inline-block
}

.tab_best li span {
    padding-left: 3px;
    font-weight: 100;
    display: inline-block
}

.tab_best li.on a {
    padding-bottom: 11px;
    font-size: 36px;
    color: #111
}

.tab_best li.on a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #ED1C24;
    display: block;
    content: ''
}

.tab_best li.on:last-child a:after {
    background-color: #003EE9
}

.best_content {
    position: relative;
    display: none
}

.title_main {
  color: #000;
  font-size: 25px;
  font-weight: 300;
  font-family: 'Pretendard-Light';
}
.title_main strong{font-family: 'Pretendard-Regular'; font-weight:500; font-size:24px}
.title_main .btn_more{font-family: 'Pretendard-Regular';font-size:15px; color:#454545; display:inline-block; margin-top:10px; font-weight:500}
.title_main .btn_more img {width: 7px; margin: 4px 0 0 8px;}

.collect_plan ul {
    height: 500px;
    font-size: 0;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start
}

.collect_plan li {
    width: 416px;
    height: 234px;
    margin: 0 0 16px 16px;
    text-align: center;
    overflow: hidden
}

.collect_plan li a {
    display: inline-block
}

.collect_plan li:nth-child(1), .collect_plan li:nth-child(2) {
    text-align: left;
    margin-left: 0
}

.collect_plan li:nth-child(4), .collect_plan li:nth-child(5) {
    text-align: right
}

.collect_plan li:nth-child(3) {
    height: 484px
}


.md_pick .category {
    position: relative;
    width: calc(100% + 1px);
    padding: 1px 0 0 1px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.md_pick .category li {
    position: relative;
    width: calc((100% / 8) + 1px);
    height: 76px;
    margin: -1px 0 0 -1px
}

.md_pick .category li:before, .md_pick .category li:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    content: '';
    box-sizing: border-box
}

.md_pick .category li:after {
    top: calc(100% - 1px)
}

.md_pick .category li.on {
    z-index: 1
}

.md_pick .category li.on:before {
    border: 2px solid #E02F29;
    z-index: 1
}

.md_pick .category li a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-align: center;
    display: block;
    z-index: 1
}

.md_pick .category li a .icon {
    margin: 0 auto 3px auto;
    display: block
}

.md_contentGroup {
    padding-bottom: 60px
}


.mall_store {
    position: relative;
    width: 100%;
    padding: 1px 0 90px 0;
    background-color: #F9F9F9
}

.mall_content {
    position: relative;
    /*width:68.314%;*/ width:79.349%;
    margin: 0 auto
}

.mall_content li.swiper-slide {
    width: 240px;
    height: 160px;
    margin-right: 20px
}

.mall_content li.swiper-slide a {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.mall_content li.swiper-slide img {
    max-width: 100%;
    max-height: 100%
}

.tem_content {
    clear: both;
    margin-top: 50px;
    display: block
}

.tem_content:first-child {
    margin-top: 0
}

.tem_content:after {
    clear: both;
    display: block;
    content: ''
}

.tem_content header {
    position: relative;
    float: left;
    width: 260px;
    height: 320px;
    border-bottom-right-radius: 18px;
    overflow: hidden
}

.tem_content header .text_box {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 0 15px;
    font-size: 16px;
    color: #fff;
    word-break: keep-all;
    text-align: center;
    z-index: 2
}

.tem_content header .text_box a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline
}

.tem_content header .text_box h4 {
    margin: 8px 0 20px 0;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500
}

.tem_content .item_list {
    float: left;
    width: auto;
    margin-left: 20px;
    padding-top: 0
}

.tem_content .item_list .item_box {
    margin: 0 0 0 10px;
    padding: 0
}

.best_review {
    width: 100%;
    margin-top: 120px;
    padding: 1px 0 50px 0;
    background-color: #F9F9F9
}

.best_review .item_list {
    /*width:68.314%;*/ width:79.349%;
    margin: 0 auto
}

.best_review .item_list dd {
    text-align: left
}

.best_review .item_list dd.cont {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px
}

.best_review .item_box dt > a {
    background-color: #fff
}

.best_review .title_main {
    margin-bottom: 0
}

.collect_benefit {
    position: relative
}

.benefit_content ul {
    font-size: 0;
    line-height: 0
}

.benefit_content li {
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: inline-block
}

.benefit_content li:first-child {
    margin-left: 0
}

.benefit_content li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.benefit_content li a > img {
    max-width: 100%;
    max-height: 100%;
    flex: 1
}
.main_etc {
    padding: 70px 0;
    background-color: #f9f9f9
}

.main_etc .main_inner {
    /*width:68.314%;*/ width:79.349%;
    margin: 0 auto
}

.main_etc .cs_center, .main_etc .shortcuts, .main_etc .notices {
    vertical-align: top;
    display: inline-block
}

.main_etc .cs_center {
    width: 254px
}

.main_etc .cs_center h3 {
    font-size: 24px;
    line-height: 28px
}

.main_etc .cs_center .cs_telephone {
    margin-top: 8px;
    font-size: 34px;
    line-height: 38px
}

.main_etc .cs_center .cs_time {
    margin-top: 23px;
    font-size: 18px;
    color: #999;
    line-height: 28px
}

.main_etc .shortcuts {
    width: 564px;
    font-size: 0;
    line-height: 0
}

.main_etc .shortcuts li {
    margin: 0 0 8px 8px;
    display: inline-block
}

.main_etc .shortcuts li a {
    width: 180px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #DEDEDE;
    display: block
}

.main_etc .notices {
    width: 455px;
    padding-left: 56px
}

.main_etc .notices h3 {
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 24px
}

.main_etc .notices ul {
    font-size: 16px;
    line-height: 32px
}

.main_etc .notices ul li {
    color: #999;
    display: flex;
    justify-content: space-between
}

.main_etc .notices ul li a {
    width: 70%;
    height: 32px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.main_etc .notices ul li a:before {
    width: 3px;
    height: 3px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #999;
    border-radius: 2px;
    display: inline-block;
    content: ''
}

.main_etc .notices ul li .date {
}

.item_slide {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.item_slide .item_list {
    flex-wrap: nowrap;
    flex-direction: row
}

.md_content .item_slide .item_list {
    flex-wrap: wrap
}

.item_slide .swiper-slide {
    margin: 0
}

.item_sliding {
    position: relative
}

.item_sliding .bt_nav {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    text-indent: -1000em;
    background: url(./images/main/sliding_arr_on.png) no-repeat;
    overflow: hidden;
    display: block;
    cursor: pointer;
    z-index: 10;
    outline: none
}

.item_sliding .bt_nav.swiper-button-disabled {
    background: url(./images/main/sliding_arr_off.png) no-repeat;
    cursor: default
}

.item_sliding .bt_nav.nav_prev {
    left: -40px;
    transform: rotate(180deg)
}

.item_sliding .bt_nav.nav_next {
    right: -40px
}

.best_content .bt_nav {
    margin-top: -25px
}

.item_sliding .bt_nav.nav_prev.hidden, .item_sliding .bt_nav.nav_next.hidden {
    display: none
}

.best_content .page_number {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 50px;
    margin: 5px 0 0 -2px;
    font-size: 12px;
    color: #707070;
    text-align: center;
    display: inline-block
}

/* .lazyload {
    opacity: 0;
} */
.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
    /* background: #f7f7f7 no-repeat center; */
}



/* responsive */
@media (max-width:1740px){
  .bulls_container .main_hotbrand ul li dd{font-size:16px !important}
  .bulls_container > section .title_main {font-size: 22px}

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

@media (max-width:1601px){
  .attention_product_list li dl:nth-child(1) dd h6{font-size:20px}
}
@media (max-width:1501px){

  .bulls_header {min-width: 1441px}
}

@media (max-width:1441px){

  .bulls_container > section,
  .bulls_container > section.sectionBg .section_inner,
  .bulls_container > section.main_banner .banner_inner,
  .bulls_container > section.main_popular_store .section_inner{width:1200px}
  .bulls_container > section{}

  .bulls_container .main_hotbrand ul li{width:118px;}
  .bulls_container .main_hotbrand ul li dt{width:118px; height:118px}
  .main_4dev .recommend_list li{width:270px}

	.bulls_header {min-width: 1401px}

  .attention_product_list .swiper-slide dl dt,
  .attention_product_list .swiper-slide dl dt a{width:14.9vw; height:14.9vw;}
  .attention_product_list .swiper-slide dl:nth-child(1) dt,
  .attention_product_list .swiper-slide dl:nth-child(1) dt a{width:460px; height:424px}
  .attention_product_list .swiper-slide dl:nth-child(1) dd{width:712px; padding-top:0}
  .attention_product_list .swiper-slide dl{margin-right:2%}
  .bulls_container > section .attention_product_list li dl:nth-child(1) dd h6{font-size:23px}
  .bulls_container > section .attention_product_list li dl:nth-child(1) dd p{padding-top:0; font-size:17px}

  .need_content .item_list .item_box{margin-right:12px}


    .md_recommend_list li{width:272px; height:272px; margin-right:28px; margin-bottom:28px}
    .md_recommend_list li:nth-child(1){width:600px; height:572px; margin-right:28px;}
    /* .md_recommend_list li{width:19.75vw; height:19.75vw; margin-right:15px; margin-bottom:17px}
    .md_recommend_list li:nth-child(1){width:40.5vw; height:40.5vw; margin-right:15px;} */

    .main_4dev .recommend_list li dt{height:268px}



}

/* @media (max-width:1441px) and (min-width:1281px){

  .need_content .item_list .item_box dt>a{width:15.15vw; height:15.15vw}
} */

@media (max-width:1401px){

	.bulls_header {min-width: 1365px}


	/* header */
	#gnb{width:145px}
}

@media (max-width:1365px){

	.bulls_header {min-width: 1360px}


}
@media (max-width:1361px){
  .bulls_header {min-width: 0; width:100%;}


	.gnb_searchForm{width:175px}
    .bulls_container > section.main_need_product{width:calc(100% - 108px)}
    .main_need_product .swiper-button-prev, .recommend_product_list .swiper-rtl .swiper-button-next{left:-40px}
    .main_need_product .swiper-button-next, .recommend_product_list .swiper-rtl .swiper-button-prev{right:-40px}
    .bulls_container > section .swiper-button-next, .bulls_container > section .swiper-button-prev {
        width: 19px;
        height: 40px;
        background-size: 19px 40px;
    }


    .main_coupon .swiper-button-prev,
    .recommend_product_list .swiper-rtl .swiper-button-next {
      left: -40px;
    }
    .main_coupon .swiper-button-next,
    .recommend_product_list .swiper-rtl .swiper-button-prev {
      right: -40px;
    }


}

@media (max-width:1300px){

  .main_coupon .swiper-button-prev,
  .recommend_product_list .swiper-rtl .swiper-button-next {
    left: -26px;
  }
  .main_coupon .swiper-button-next,
  .recommend_product_list .swiper-rtl .swiper-button-prev {
    right: -26px;
  }

}

@media (max-width:1281px){

  .bulls_header{min-width:0; width:1280px}

  .attention_product_list .swiper-slide dl dt,
  .attention_product_list .swiper-slide dl dt a{width:190px; height:190px;}

  .main_visualImage ul li a, .main_visual{height:400px}

  .bulls_container > section .title_main{font-size:17px}



}