.left.fixed.segment.for.desktop{
  position:fixed;
  left:1rem;
  top:1rem;
  z-index:20;
  width:104px;
  text-align:center;
}

.consulting.content{
  margin-top:2rem;
  margin-left:1rem;
  display:none;
  text-align:center;
}
.consulting.exit{
  margin-left:2rem;
  display:none;
}
.consulting.mini{
  display:none;
  float:left;
}

.how.to.order.products.wraper{
  margin:3rem;
  text-align:center;
}

.how.to.order.products.desktop.image{
  width:1000px;
}

.how.to.order.products.mobile.image{
display:none;
}

pre{
  width: 100%;

  white-space: pre-wrap;

  word-wrap: break-word;
}

.recommend.product{
  margin:8rem auto 1rem auto;
  width:1200px;
  overflow:hidden;
  /* text-align:right; */
  box-shadow:10px 10px 0px rgba(10,0,0,0.1);
}

.recommend-pagination{
  text-align:center;
  margin-top:2rem;
  margin-bottom:5rem;
}

.recommend.product a:hover {
  color: #606060;
  background-color: transparent;
  text-decoration: underline;
}

.recommend.product .text.area{
  position:absolute;
  padding:3.8rem 3rem;
  width:366px;
  top:0px;
  left:0px;
  text-align:center;
  box-sizing:border-box;
}

.recommend.product .bottom.area.wraper{
  width:366px;
  position:absolute;
  bottom:4rem;
  left:0px;
  text-align:center;
}

.recommend.product .bottom.area.wraper .shortcut.button{
  border:1px solid rgba(0,0,0,0.4);
  padding:0.7rem;
  width:67%;
  display:inline-block;
  font-size:0.9rem;
  /* cursor:pointer */
}

.recommend.product .bottom.area.wraper .logo.wraper{
  margin:1rem;
}

.recommend.product .text.area .main.title{
  font-family: 'Gowun Batang', serif;
  font-weight:bold;
  font-size:1.9rem;
  margin-top:2.5rem;
}

.recommend.product .text.area .sub.title{
  font-family: 'Gowun Batang', serif;
  /* font-weight:bold; */
  font-size:1.rem;
  margin-top:-0.3rem;
}

.recommend.product .text.area .desc{
  font-family: 'Gowun Batang', serif;
  font-weight:400;
  font-size:1.2rem;
  line-height:2rem;
  margin-top:2rem;
  text-align:left;
}

.recommend.product .text.area div{
  margin:1rem 0rem;
}

.recommend.product .recommend.swiper-slide{
  text-align:right;
}

.recommend.product .recommend.image{
  margin:2.5rem;
  width:800px;
  /* display:inline-block; */
}

.swiper-pagination{
  position:static!important;
  margin:1rem 0rem;
}

.sub.banner.wraper{
  margin-top:1rem;
  margin-bottom:5rem;
  max-width:1200px;
  text-align:center;
  line-height:0px;
  margin-left: auto;
  margin-right: auto;
}

.sub.banner.wraper .sub.banner.item{
  margin:0.3rem;
  width:48%;
  display:inline-block;
}

.sub.banner.wraper .sub.banner.image{
  width:100%;
}

.sub.banner.wraper.firstRow{
  text-align:center;
  line-height:0px;
}
.sub.banner.wraper.firstRow .sub.banner.item{
  /* width:100%; */
  display:inline-block;
  width:45%;
  /* max-width:1350px; */
  margin:0.5rem;
  border-radius: 40px 0px 40px 0px;
  overflow: hidden;
}

.sub.banner.wraper.secondRow{
  margin-top:7rem;
}

.thumbsUp.wraper{
  /* display:none; */
  border-radius:50%;
  z-index:20;
  position:absolute;
  top:0rem;
  right:0rem;
  /* width:3.5rem; */
  /* height:3.5rem; */
  padding:0.8rem;
  background-color:rgba(0,0,0,0)!important
  /* border:1px solid black */
}
.thumbsUp.wraper > .ui.circular.label{
  background-color:rgba(0,0,0,0.1)!important;
  color:white;
  /* overflow:hidden; */
}

.thumbsUp.wraper > .ui.circular.label > i{
  margin:0px;
  margin-top:0.4em;
  font-size:12px;
}

.Big.Slider.Wraper{
  box-shadow: inset 0px 0px 10px rgba(0,0,50,0.05);
  /* border-top:1px rgba(0,0,100,0.1) solid; */
  /* border-bottom:1px rgba(0,0,100,0.1) solid; */
  line-height: 0px;
}

.Big.Slider.Wraper .swiper-slide{
  background-color:rgba(0,0,0,0.05);
  text-align:center;
}

.bigSlider img{
  width:100%
}

.swiper-button-prev,
.swiper-button-next{
  color:white!important;
  /* box-shadow:2px 2px 5px rgba(0,0,0,0.05); */
}

.swiper-pagination{
  bottom:2rem!important;
}

.swiper-pagination-bullet{
  background-color: rgba(0,0,100,0.2)!important;
}

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.newAliivedswiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2) !important;

  /* Center slide text vertically */
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; */
}

#userConseptImage img{
  width:100%;
}

.temp.link>.wraper>a{
  font-family: 'Black Han Sans', sans-serif;
  font-size:3rem;
  line-height:3rem;
}

.section.wraper{
  text-align:center;
}
.contentContainer{
    width:1111px;
    /* min-width:780px; */
    margin-left:auto;
    margin-right:auto;
    position:relative;
  }
  .labels .label{
    width:3.5rem;
    height:3.5rem;
    line-height:2.4rem!important
  }

#userConseptImage .image.wraper{
  border-radius: 30%;
  overflow: hidden;
}
#userConseptImage .image.wraper>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
 .main.page.card.item{
    /* width:275px; */
    /* border:1px solid rgba(0,0,0,0.3); */
    /* display:inline-block; */
    /* margin:6px; */
    /* font-size:0.7rem; */
    line-height:0rem;
    /* position:relative; */
    /* height: calc((100% - 30px) / 2) !important; */
  }

  .main.page.card.item .desc{
  position:relative;
  display:block;
  /* position:absolute; */
  /* bottom:0px; */
  /* left:0px; */
  padding:1rem;
  /* background-color:rgba(0,0,0,0.45); */
  /* height:1.4rem; */
  /* color:white; */
  font-size:0.75rem;
  /* z-index:20; */
  /* line-height:1.4rem; */
  text-align: left;
  /* border-left:3px solid rgba(0,0,0,0.45); */

  white-space:nowrap;
  /* overflow:hidden; */
  text-overflow:ellipsis;
  }


  .main.page.card.item .desc > .title{
    font-size:0.9rem;
    font-weight:400;
    color:#083C55
  }
  .main.page.card.item .desc > .price{
    font-size:1rem;
    font-weight:600;
    margin-top:0.4rem;
  }

  .main.page.card.item .desc > * {
    line-height:1.1rem;
  }

  .main.page.card.item .work.type.desc{
    background-color:rgba(0,0,0,0.7);
    font-size:0.9rem;
    width:100%;
    left:0px;
    bottom:0px;
    height:2rem;
    padding:0.5rem;
  }

  /* .swiper-slide a{
    display:block;
  } */
  img.card.image{
    width:100%;
  }
  .new.product.desc{
    display:block;
  }

  .margin.container{
    height:5rem;
  }

  
  .new.allived.contentContainer{
    height:775px;
    margin-bottom:10rem;
  }

  .new.allived.contentContainer .item.sorts,
  .new.allived.contentContainer .width.slider{
    display:inline-block;
  }

  .new.allived.contentContainer .item.sorts{
    width:20%;
    vertical-align:top;
    margin-top:0.5rem!important;
  }

  .new.allived.contentContainer{
    position:relative;
  }

  .new.allived.contentContainer>.slideWraper{
    position:absolute;
    width:100%;
    height:775px;
    right:0.5rem;
    top:3.5rem;
  }

  /* .new.allived.contentContainer .new.released.section.wraper{
    width:1740px;
  } */

  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    height:2px!important;
  }

  .new.allived.contentContainer a.item{
    line-height:2rem
  }

  .mobile.slider.image{
    display:none;
  }
  .desktop.slider.image{
    display:inline-block;
  }

  @media all and (min-width:1921px) {
    .new.allived.contentContainer>.slideWraper{
      width:100%;
      right:1rem;
      height:890px;
    }
    .contentContainer{
    width:1350px;
  }
  .new.allived.contentContainer{
    height:890px;
  }

  /* .new.allived.contentContainer .new.released.section.wraper{
    width:2130px;
  } */

  .main.page.card.item.swiper-slide{
    width:335px;
    
  }

  .ui.card{
    width:31%;
    margin:7px;
  }
  } 





  @media all and (max-width:1200px) {

    .left.fixed.segment.for.desktop{
      /* position:fixed; */
      left:1rem;
      top:1rem;
      /* z-index:20; */
      /* width:104px; */
      /* text-align:center; */
    }
    .consulting.content{
      margin-top:0.5rem;
      margin-left:0.5rem;
      /* display:none; */
    }
    .consulting.exit{
      margin-left:1rem;
      /* display:none; */
    }

    .recommend.product{
      width:70%;
      text-align:center;
      height: auto;
      /* margin:12rem auto;
      width:1200px; */
      /* text-align:right; */
      /* height:105vw; */
      /* margin:2rem; */
    }
    
    .recommend.product .text.area{
      /* position:absolute; */
      padding:1rem 2.5rem;
      width:100%;
      /* top:0px; */
      /* left:0px; */
      /* text-align:center; */
      display:inline-block;
      position:static;
    }
    
    .recommend.product .logo.wraper,
    .recommend.product .titleImage{
      display:none;
    }
    
    .recommend.product .bottom.area.wraper{
      width:100%;
      position:static;
      /* bottom:3rem; */
      /* left:0px; */
      text-align:center;
      padding:0rem 0rem 3rem 0rem;
    }
    
    .recommend.product .text.area .desc{
      text-align:center;
      /* font-weight:400; */
      /* font-size:0.9rem; */
      /* margin-top:2rem; */
    }
    

    .recommend.product .recommend.swiper-slide{
      text-align:center;
      padding-top:2.5rem;
    }
    
    .recommend.product .recommend.image{
      margin:0px;
      width:90%;
      display:inline-block;
    }

  }

  @media all and (max-width:1127px) {
    .new.allived.contentContainer,
    .new.allived.contentContainer>.slideWraper{
      height:67vw;
    }
  }

  @media all and (max-width:1080px) {

    .how.to.order.products.desktop.image{
      display:none;
      width:1000px;
    }
    
    .how.to.order.products.mobile.image{
      display:inline-block;
      width:70%
    }

    .thumbsUp.wraper{
      padding:0.3rem;
    }
    .main.page.card.item .desc{
      /* bottom:0.8rem; */
      /* left:0.8rem; */
      padding:0.35rem;
      height:1.3rem;
      font-size:0.65rem;
      line-height:0.7rem;
      }
      .new.allived.contentContainer>.slideWraper{
        position:relative;
        display:block;
        width:97%;
        right:auto;
        top:auto;
        margin-left:auto;
        margin-right:auto;
        height:67vw;
      }
      .new.allived.contentContainer{
        height:67vw;
      }
      .new.allived.contentContainer .item.sorts{
        width:100%;
      }
      .new.allived.contentContainer .item.sorts a.item{
        display:inline-block;
        width:auto;
        padding:0rem 0.5rem!important;
      }
      .new.allived.contentContainer .item.sorts a.item.active{
        border-right-style:none;
        border-bottom:solid 1px;
  }
}


@media all and (max-width:923px) {
  .new.allived.contentContainer,
  .new.allived.contentContainer>.slideWraper{
    height:70vw;
  }
}

@media all and (max-width:767px) {

    .left.fixed.segment.for.desktop{
      /* display:none; */
      left:0px;
      top:0px;
    }

    .left.fixed.segment.for.desktop .consulting.mini{
      margin:1rem;
    }


    .thumbsUp.wraper{
      display:none;
    }

    .how.to.order.products.mobile.image{
      /* display:inline-block; */
      width:90%
    }
    .recommend.product{
      width:100%;
      /* text-align:center; */
      /* margin:12rem auto;
      width:1200px; */
      /* text-align:right; */
      /* height:220vw; */
      /* margin:2rem; */
    }
    

    .sub.banner.wraper.firstRow .sub.banner.item,
    .sub.banner.wraper.secondRow .sub.banner.item{
      margin:0.5rem 0rem;
      width:95%;
      display:block;
      margin-left:auto;
      margin-right:auto;
    }



    .swiper-button-prev,
    .swiper-button-next{
      display:none!important;
    }

    .mobile.slider.image{
      display:inline-block;
    }
    .desktop.slider.image{
      display:none;
    }


.main.page.card.item{
  width:45%
}

.main.page.card.item .work.type.desc{
  font-size:0.8rem;
  height:1.8rem;
  padding:0.5rem;
  line-height:0.8rem;
}


div.ui.divider, h3{
  width:93%;
  margin-left:auto;
  margin-right:auto;
}
.new.allived.contentContainer>.slideWraper{
  height:116vw;
}
.new.allived.contentContainer{
  height:116vw;
}
  }


  @media all and (max-width:658px) {
    .new.allived.contentContainer>.slideWraper,
    .new.allived.contentContainer{
      height:116vw;
    }
  }

  @media all and (max-width:550px) {
    .new.allived.contentContainer>.slideWraper{
      height:130vw;
    }
    .new.allived.contentContainer{
      height:130vw;
    }
  }