H MART


require(['jquery'],function($){
  $(document).ready(function() {
    slideHeight();
  });

  $(window).on('resizeEnd', function() {
    slideHeight();
  });

  function slideHeight()
  {
    var slideHeight = 445;
    var sliderWidth = 1200;
    var ratio = slideHeight/sliderWidth;

    if($('body').width() <= 1200){
       sliderWidth = $(window).width();
       slideHeight = ratio * sliderWidth ;
    } else{
      $(".main-banner-slider").css({'margin-left':'15px','margin-right':'15px'});
    }

    $(".pagebuilder-slider").css('height',slideHeight+'px');
    $(".pagebuilder-poster-content").css('height',slideHeight+'px');

  }
});



.slick-dots {
position: relative;
top: -32px;
}
.slick-dots li.slick-active button {
    background: #EA1A1E;
}
.slick-dots li button {
    color: transparent;
    background-color: rgba(0,0,0,0.2);
    border: 0;
    width: 12px;
    height: 12px;
}

        
.main-online-specials p {text-align: center; font-size: 1.4rem; font-weight: bold;}
.main-online-specials img {width: 86%; margin: 7%;}
.main-online-specials .mobile {display: none;}
.main-online-specials a:hover img {opacity: 0.9;}

@media screen and (min-width: 769px){
}
@media screen and (max-width: 768px) and (min-width: 480px){
    .main-online-specials p {text-align: center; font-size: 1.4rem; font-weight: bold;}
    .main-online-specials .mobile {display: none;}
}
@media screen and (max-width: 479px) {
    .main-online-specials .pagebuilder-column-group {flex-flow: initial;}
    .main-online-specials p {text-align: center; font-size: 1.15rem; font-weight: bold; padding: 0;}
    .main-online-specials .mobile {display: block;}
}

    .health-tea-product .main-title span {vertical-align: middle;}
    .health-tea-product .banners {display: flex; border-top: 1px solid #ddd;}
    .health-tea-product .small-banner-wrapper {display: flex;}
    .health-tea-product .small-banner {border-right: 1px solid #ddd;}
    .health-tea-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .health-tea-product .banners {display: block;}
        .health-tea-product .big-banner {width: 100%;}
        .health-tea-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .health-tea-product .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }

홍삼 & 건강식품 & 차See More


    .korean-cookie-product .main-title span {vertical-align: middle;}
    .korean-cookie-product .banners {display: flex;  border-top: 1px solid #ddd;}
    .korean-cookie-product .small-banner-wrapper {display: flex;}
    .korean-cookie-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
    .korean-cookie-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .korean-cookie-product .banners {display: block;}
        .korean-cookie-product .big-banner {width: 100%;}
        .korean-cookie-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .korean-cookie-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }

꽃, 관엽, 난See More

한우 & 수입육See More

홍삼 & 건강식품 & 차See More

꽃, 관엽, 난See More

한우 & 수입육See More

홍삼 & 건강식품 & 차See More

한과 & 화고버섯See More