main{padding:160px 0 100px;overflow: hidden;}
main .main-hgroup{text-align: center;}
main .main-hgroup h2{text-align: center; font-size: 30px;font-weight: 500;line-height: 1.43;color: #000;}
main .main-hgroup p{margin-top:5px;font-size: 18px;font-weight: normal;color: #787878;}
main .section01{  }
/* main .section01{ padding-top:47px;} */
main .section01 .main-hgroup h2{font-size: 42px;font-weight: normal;font-family: serif;}
main .section01 .main-hgroup h2 strong{font-weight: 600;font-family: serif;}
main .section01 .main-hgroup h2 strong span{font-family: Hahmlet;}
main .section01 .slide-box{position:relative;}
/* margin-top:30px; */
main .section01 .slide-box .slick-slide{}
main .section01 .slide-box .slick-slide img{display: block;width:100%;}
main .section01 .slide-box .layout{position: absolute;left:50%;transform: translateX(-50%);bottom:20px;width:100%;display: flex;justify-content: flex-end;}
main .section01 .slide-box .target-box{display: flex; padding: 10px;border-radius: 18px;background:rgba(255,255,255,0.3);align-items: center;gap:10px;}
main .section01 .slide-box .target-box button img{display: block;}
main .section01 .slide-box .target-box .pagingInfo{position:relative;top:1px;display: flex;font-size: 14px;font-weight: normal;color: #787878;gap:5px;}
main .section01 .slide-box .target-box .pagingInfo strong{color:#000;}
main .section01 .slide-box .target-box #target-play{display: none;}
main .section01 .slide-box .target-box #target-play.on{display: block;}
main .section01 .slide-box .target-box #target-stop{display: none;}
main .section01 .slide-box .target-box #target-stop.on{display: block;}
main .section02{ padding-top:180px;}
main .section02 .prosbox { display: flex; justify-content: space-between; margin-top: 140px;}
main .section02 h2{}
main .section02 .list-box{margin-top:28px;}
main .section02 ul{display: flex;gap:10px;}
main .section02 ul li{flex:1;}
main .section02 ul li .img{overflow: hidden;}
main .section02 ul li .img img{display: block;width:100%;transition: all 0.3s;}
main .section02 ul li:nth-child(1) .img img{filter: grayscale(100%);}
main .section02 ul li .txt{padding-top:20px;text-align: center;}
main .section02 ul li .txt h3{font-size: 21px;font-weight: 600;color: #202020;}
main .section02 ul li .txt p{margin-top:5px;font-size: 16px;font-weight: normal;color: #787878;}
main .section02 ul li:hover .img img{transform: scale(1.1);}
main .section03{padding-top: 100px;}
main .section03 .slide-box{position:relative;margin-top:30px;}
main .section03 .slide-box .new-slide{}
main .section03 .slide-box .new-slide .slick-slide{margin:0 10px;}
main .section03 .slide-box .new-slide .slick-slide .img{position:relative;}
main .section03 .slide-box .new-slide .slick-slide .img a{display: block;}
main .section03 .slide-box .new-slide .slick-slide .img .img-wrap{position:relative;display: block;     background-color: #f8f8f8;}
main .section03 .slide-box .new-slide .slick-slide .img .img-wrap:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height:100%;background-color: #f8f8f8;}
main .section03 .slide-box .new-slide .slick-slide .img a img {display: block;width:100%;position: relative;mix-blend-mode: multiply;}
main .section03 .slide-box .new-slide .slick-slide .img .mask{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:15px;background: rgba(0,0,0,0.6);padding:0 40px;transition: all 0.3s;opacity: 0;z-index: 13;}
main .section03 .slide-box .new-slide .slick-slide .img .mask h3{font-size: 18px;font-weight: 500;line-height: 1.44;text-align: center;color: #fff;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:51px;}
main .section03 .slide-box .new-slide .slick-slide .img .mask p{font-size: 20px;font-weight: bold;text-align: center;color: #fff;}
main .section03 .slide-box .new-slide .slick-slide .img .mask p s{display: none;}
main .section03 .slide-box .new-slide .slick-arrow{position: absolute;top:45%;transform:translateY(-50%);width:28px;height:28px;z-index: 10;font-size:0;}
main .section03 .slide-box .new-slide .slick-prev{background: url(/_public/images/icon/ico_target_left2.svg) no-repeat;background-size: cover;left:-40px;}
main .section03 .slide-box .new-slide .slick-next{background: url(/_public/images/icon/ico_target_right2.svg) no-repeat;background-size: cover;right:-40px;}
main .section03 .slide-box .slick-dots{display: none !important;}
main .section03 .slide-box .progressBar{margin-top: 40px;background: #e5e5e5;position: relative;}
main .section03 .slide-box .progressBar__bar{position: relative;display: block;width: 100%;height: 2px;overflow: hidden;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.5s ease-in-out;}
main .section03 .slide-box .progressBar__bar[aria-valuenow="0"] {background-size: 5% 100% !important;}
main .section03 .slide-box .progressBar__bar[aria-valuenow] {height: 2px;}
main .section03 .slide-box .progressBar__bar:before {content: "";position: absolute;left: 0;top: 50%;transform: translate(0%, -50%);width: 100%;height: 0.5pt;background-color: #e5e5e5;}
main .section03 .slide-box .new-slide .slick-slide .txt{display: flex;align-items: center;justify-content: space-between;margin-top:15px;}
main .section03 .slide-box .new-slide .slick-slide .txt p{display: flex;align-items: center;gap:5px;  font-size: 15px;font-weight: normal;color: #231815;}
main .section03 .slide-box .new-slide .slick-slide .txt .soldout-badge{display: flex;align-items: center;justify-content: center;width: 67px;height: 18px;background: #cdd2d5;font-size: 12px;font-weight: 500;color: #fff;line-height: 18px;}
main .section03 .slide-box .new-slide .slick-slide .txt p i{display: flex;align-items: center;justify-content: center;width:37px;height:18px;background: #c5af73;color:#fff;font-size: 12px;font-weight: 500;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group{display: flex;gap:10px;align-items: center;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .btn-cart{font-size:0;transition: all 0.3s;display: block;width:24px;height:24px;background: url(/_public/images/icon/ico_cart.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .btn-cart:hover{background: url(/_public/images/icon/ico_cart2.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .btn-cart.on{background: url(/_public/images/icon/ico_cart_b.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .like{font-size:0;transition: all 0.3s;display: block;width:24px;height:24px;background: url(/_public/images/icon/ico_like_b.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .like:hover{background: url(/_public/images/icon/ico_like_hover.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .like.active{background: url(/_public/images/icon/ico_like_on.svg) no-repeat;background-size: cover;}
main .section03 .slide-box .new-slide .slick-slide:hover .img .mask{opacity: 1;}

main .section04{background: #f1efeb;margin-top:120px;padding:120px 0;}
main .section04 .slide-box{margin-top:30px;}
main .section04 .slide-box .progressBar{margin-top: 40px;height:2px;background: #e5e5e5;position: relative;}
main .section04 .slide-box .progressBar__bar2{position: relative;display: block;width: 100%;height: 2px;overflow: hidden;background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.5s ease-in-out;}
main .section04 .slide-box .progressBar__bar2[aria-valuenow="0"] {background-size: 5% 100% !important;}
main .section04 .slide-box .progressBar__bar2[aria-valuenow] {height: 2px;}
main .section04 .slide-box .progressBar__bar2:before {content: "";position: absolute;left: 0;top: 50%;transform: translate(0%, -50%);width: 100%;height: 0.5pt;background-color: #e5e5e5;}
main .section04 .slide-box .review-slide .slick-slide{margin:0 13px;}
main .section04 .slide-box .review-slide .slick-slide a{display: block;}
main .section04 .slide-box .review-slide .slick-slide .img{}
main .section04 .slide-box .review-slide .slick-slide .img img{display: block;width:100%;}
main .section04 .slide-box .review-slide .slick-slide .txt{padding:18px 25px;background: #fff;}
main .section04 .slide-box .review-slide .slick-slide .txt i{display: inline-block;}
main .section04 .slide-box .review-slide .slick-slide .txt i img{display:block;}
main .section04 .slide-box .review-slide .slick-slide .txt h3{margin-top:10px;font-size: 16px;font-weight: 500;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
main .section04 .slide-box .review-slide .slick-slide .txt p{margin-top:5px;font-size: 15px;font-weight: normal;line-height: 1.6;color: #787878;word-break: keep-all; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:50px;}
main .section04 .slide-box .review-slide .slick-slide .txt .bottom{margin-top:20px;display: flex;align-items: center;justify-content: space-between;}
main .section04 .slide-box .review-slide .slick-slide .txt .bottom span{display: inline-block;font-size: 14px;font-weight: normal;color: #787878;}
main .section04 .slide-box .review-slide .slick-slide .txt .id{}
main .section04 .slide-box .review-slide .slick-slide .txt .date{}
main .section04 .slide-box .review-slide .slick-arrow{position: absolute;top:45%;transform:translateY(-50%);width:28px;height:28px;z-index: 10;font-size:0;}
main .section04 .slide-box .review-slide .slick-prev{background: url(/_public/images/icon/ico_target_left2.svg) no-repeat;background-size: cover;left:-40px;}
main .section04 .slide-box .review-slide .slick-next{background: url(/_public/images/icon/ico_target_right2.svg) no-repeat;background-size: cover;right:-40px;}
main .section04 .slide-box .slick-dots{display: none !important;}

main .section05{padding-top:120px;}
main .section05 .main-goods{margin-top:30px;}
main .section05 .main-goods ul{display: flex;flex-wrap: wrap;gap:90px 20px;}
main .section05 .main-goods ul li{position: relative;width:calc(25% - 15px);}
main .section05 .main-goods ul li .img{position:relative;}
main .section05 .main-goods ul li .img a{position:relative;display: block;}
main .section05 .main-goods ul li .img .img-wrap{position:relative;background-color: #f8f8f8;}
main .section05 .main-goods ul li .img a img {display: block;width:100%;mix-blend-mode: multiply;}
main .section05 .main-goods ul li .img .mask{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:15px;background: rgba(0,0,0,0.6);padding:0 40px;transition: all 0.3s;opacity: 0;}
main .section05 .main-goods ul li .img .mask h3{font-size: 18px;font-weight: 500;line-height: 1.44;text-align: center;color: #fff;word-break: keep-all; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:51px;}
main .section05 .main-goods ul li .img .mask p{font-size: 20px;font-weight: bold;text-align: center;color: #fff;}
main .section05 .main-goods ul li .txt{display: flex;align-items: center;justify-content: space-between;margin-top:15px;}
main .section05 .main-goods ul li .txt .soldout-badge{display: flex;align-items: center;justify-content: center;width: 67px;height: 18px;background: #cdd2d5;font-size: 12px;font-weight: 500;color: #fff;line-height: 18px;}
main .section05 .main-goods ul li .txt p{display: flex;align-items: center;gap:5px;  font-size: 15px;font-weight: normal;color: #231815;}
main .section05 .main-goods ul li .txt p i{display: flex;align-items: center;justify-content: center;width:37px;height:18px;background: #c5af73;color:#fff;font-size: 12px;font-weight: 500;}

main .section05 .main-goods ul li .txt .btn-group{display: flex;gap:10px;align-items: center;}
main .section05 .main-goods ul li .txt .btn-group .btn-cart{font-size:0;transition: all 0.3s;display: block;width:24px;height:24px;background: url(/_public/images/icon/ico_cart.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li .txt .btn-group .btn-cart:hover{background: url(/_public/images/icon/ico_cart2.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li .txt .btn-group .btn-cart.on{background: url(/_public/images/icon/ico_cart_b.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li .txt .btn-group .like{font-size:0;transition: all 0.3s;display: block;width:24px;height:24px;background: url(/_public/images/icon/ico_like_b.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li .txt .btn-group .like:hover{background: url(/_public/images/icon/ico_like_hover.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li .txt .btn-group .like.active{background: url(/_public/images/icon/ico_like_on.svg) no-repeat;background-size: cover;}
main .section05 .main-goods ul li:hover .img .mask{opacity: 1;}
main .section06{padding-top:150px;}
main .section06 ul{margin-top:20px;display: flex;gap:10px;}
main .section06 ul li{overflow: hidden;position: relative;flex:1;}
main .section06 ul li:before{content: "";position:absolute; bottom: 0;left:0;display: block;width:100%;height:50%;  opacity: 0.6;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);z-index: 1;}
main .section06 ul li img{display: block;width:100%;transition: all 0.3s;}
main .section06 ul li .txt{position: absolute;left:0;bottom:0;width:100%;padding:40px;z-index: 10;}
main .section06 ul li .txt h3{font-size: 30px;font-weight: 500;color: #fff;}
main .section06 ul li .txt span{display: block;margin-top:5px;font-size: 16px;font-weight: normal;color: #fff;}
main .section06 ul li:hover img{transform: scale(1.1);}


/* tablet */
@media all and (max-width:1280px) {
    main .main-hgroup h2{font-size:26px;}
    main .section01 .main-hgroup h2{font-size:35px;}
    main .section01 .slide-box .layout{justify-content: center;}
    main .section02{padding:115px 20px 0;}
    main .section03{padding:150px 20px 0;}
    main .section03 .slide-box .new-slide .slick-prev{left:-7px;}
    main .section03 .slide-box .new-slide .slick-next{right:-7px;}
    main .section04{padding:120px 20px;}
    main .section04 .slide-box .review-slide .slick-prev{left:-7px;}
    main .section04 .slide-box .review-slide .slick-next{right:-7px;}
    main .section05{padding:120px 20px 0;}
    main .section05 .main-goods ul{gap:50px 10px;}
    main .section05 .main-goods ul li{width: calc(33.3333% - 7px);}
    main .section06{padding:150px 20px 0;}
}

/* tablet */
@media all and (max-width:1024px) {
    main{padding: 110px 0 70px;}
    main .main-hgroup h2{font-size:24px;}
    main .main-hgroup p{font-size:16px;}
    main .section01{ }
    main .section01 .main-hgroup h2{font-size:28px;}
    main .section01 .slide-box{ }
    main .section01 .slide-box .target-box{padding:7px 10px;}

    main .section02 ul li .txt h3{font-size:18px;}
    main .section02 ul li .txt p{font-size:15px;}
    main .section03{padding:100px 20px 0;}
    main .section03 .slide-box .new-slide .slick-slide .img .mask{padding:15px 0 0;position: relative;opacity: 1;background: transparent;align-items: flex-start;gap:10px;}
    main .section03 .slide-box .new-slide .slick-slide .img .mask h3{text-align:left;color:#202020;font-size:14px;  line-height: 1.43;height:41px;}
    main .section03 .slide-box .new-slide .slick-slide .img .mask p{text-align:left;color:#202020;font-size:16px;}
    main .section03 .slide-box .new-slide .slick-slide{margin:0 5px;}
    main .section03 .slide-box .new-slide .slick-slide .txt p{font-size:14px;}
    main .section03 .slide-box .new-slide .slick-slide .txt p i{width:35px;height:16px;line-height: 16px;}
    main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .btn-cart{width:20px;height:20px;}
    main .section03 .slide-box .new-slide .slick-slide .txt .btn-group .btn-like{width:20px;height:20px;}
    main .section03 .slide-box .progressBar{margin-top:30px;}
    main .section03 .slide-box .new-slide .slick-arrow{top:25%;width:20px;height:20px;}

    main .section04{padding:60px 20px;}
    main .section04 .slide-box .review-slide .slick-slide{margin:0 5px;}
    main .section04 .slide-box .review-slide .slick-arrow{top:28%;width:20px;height:20px;}

    main .section04 .slide-box .review-slide .slick-slide .txt{padding:10px;}
    main .section04 .slide-box .review-slide .slick-slide .txt h3{margin-top:5px;font-size:15px;}
    main .section04 .slide-box .review-slide .slick-slide .txt p{font-size:14px;-webkit-line-clamp: 3;height: 57px;line-height: 1.33;}
    main .section04 .slide-box .review-slide .slick-slide .txt .bottom{margin-top:15px;}
    main .section04 .slide-box .review-slide .slick-slide .txt .bottom span{font-size:12px;}


    main .section05{padding: 80px 20px 0;}
    main .section05 .main-goods ul li{width: calc(50% - 7px);}
    main .section05 .main-goods ul li .img .mask{padding:15px 0 0;position: relative;opacity: 1;background: transparent;align-items: flex-start;gap:10px;}
    main .section05 .main-goods ul li .img .mask h3{text-align:left;color:#202020;font-size:14px;  line-height: 1.43;height:41px;}
    main .section05 .main-goods ul li .img .mask p{text-align:left;color:#202020;font-size:16px;}
    main .section05 .main-goods ul li .txt p{font-size:14px;}
    main .section05 .main-goods ul li .txt p i{width:35px;height:16px;line-height: 16px;}
    main .section05 .main-goods ul li .txt .btn-group .btn-cart{width:20px;height:20px;}
    main .section05 .main-goods ul li .txt .btn-group .btn-like{width:20px;height:20px;}
    main .section06{padding:100px 20px 0;}
    main .section06 ul{margin-top:30px;flex-direction: column;gap:20px;}
    main .section06 ul li .txt{padding:20px;}
    main .section06 ul li .txt h3{font-size:21px;}
    main .section06 ul li .txt span{font-size:14px;}
}

/* mobile */
@media all and (max-width:768px) {
    main{padding:150px 0 70px;}
    main .section02{padding:110px 0 0 20px;}
    main .section02 .list-box{margin-top:20px;overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
    main .section02 .list-box::-webkit-scrollbar {display: none;}
    main .section02 ul{width:1015px;}
    main .section02 ul li{flex:initial;width:325px;}
    main .section02 .prosbox { flex-wrap: wrap; margin-top: 80px;padding-right: 20px; gap: 10px;}
    main .section02 .prosbox picture { width: 48%; }
    main .section02 .prosbox picture img { width: 100%}
    main .section06 { padding: 60px 20px 0}
}