@charset "utf-8";

.sb-tit{text-align:center; margin:120px 0 60px;}
.sb-tit > strong{font-size:50px;color:#212121;margin-bottom: 5px;display:block;font-family: 'S-CoreDream-6Bold';letter-spacing: -2px;}
.sb-tit > p{font-size:22px;color:#333;font-family: 'S-CoreDream-4Regular';}
@media all and (max-width:1100px) {
  .sb-tit{margin:80px 0 40px;}
  .sb-tit > strong{font-size:36px;}
  .sb-tit > p{font-size:17px;}
}

#multipleDiv_hong_type1_2{overflow:hidden;}

/********************************************
quick-service
********************************************/
#multipleDiv_temp01-shop_404{padding:80px 0;}
.quick-service{margin: 0 auto; max-width: 1640px; padding:0 20px; display:flex; align-items: center;}
.quick-service .title{width:270px;position:relative; flex-shrink: 0;}
.quick-service .title:before{content:'';width:373px;height:448px;background:url('../../images/main/quick-bg-logo.png') no-repeat center;position:absolute;left: -277px;top: -120px;z-index: -1;}
.quick-service .title > strong{font-size:50px;font-family: 'S-CoreDream-6Bold';line-height: 1.25;}
.quick-service .title > strong > span{color:#00a84d;}

.quick-service .slideWrap{display: block; padding: 30px 100px; background: #f5f5f5; overflow: hidden; width:100%;}
.quick-service .list{display: block;position: relative;}
.quick-service .list li{display:inline-block;}
.quick-service .list li.slick-slide{text-align:center; width:100%;}
.quick-service .list li a{display:flex;flex-direction: column;justify-content: space-between; height: 130px;align-items: center;font-size: 19px;color: #333;font-family: 'S-CoreDream-4Regular';}
.quick-service .list li a:hover{text-decoration:underline; text-underline-offset: 5px; text-decoration-thickness: 2px;}
.quick-service .list li a .thum{height:80px; transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275); display:flex;flex-direction: column;align-items: center;justify-content: center;}
.quick-service .list li a:hover .thum{transform: rotate(-15deg);}

.quick-service .list .slick-arrow{position: absolute; z-index:1; top: 50%;width: 40px;height: 40px;display: block;text-indent: -9999px;background: #fff;border-radius: 100%;margin-top: -20px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;}
.quick-service .list .slick-arrow:hover{background:#17703f;}
.quick-service .list .slick-arrow:after{content:''; background:url(../../images/main/quick_next.png) center no-repeat; width:15px; height:15px; display:block;}
.quick-service .list .slick-arrow:hover::after{filter: brightness(0) invert(1);}
.quick-service .list .slick-arrow.slick-next{right: 10px;}
.quick-service .list .slick-arrow.slick-prev{left: 10px; transform:rotate(180deg);}

@media all and (max-width:1400px) {
  .quick-service{}
  .quick-service .title{width:200px;}
  .quick-service .title strong{font-size: 36px;}
  .quick-service .slideWrap{padding: 30px;}
}

@media all and (max-width:1024px) {
  .quick-service{flex-direction: column; padding:0;}
  .quick-service .title{width:100%; width: 100%; text-align: center; margin-bottom:50px;}
  .quick-service .slideWrap{padding:30px 0;}
  .quick-service .list{padding:0 40px;}
  .quick-service .list li a p{font-size:17px;}
}

/********************************************
inforWrap
********************************************/
.inforWrap{display:flex;gap:25px; max-width:1640px; margin:0 auto; padding:0 20px;}
.inforWrap .account{width:33%; background: #079e5c url(./../../images/main/account_bg.png) right top no-repeat; padding: 55px; flex-shrink: 0;}
.inforWrap .account > strong{font-size:32px;color:#fff;display:block;font-family:'S-CoreDream-6Bold';line-height:1.4;margin-bottom:15px;}
.inforWrap .account > strong i{display:block;}
.inforWrap .account > p{font-size:18px;color:#fff;line-height:1.6;}
.inforWrap .account > p i{display:block;}
.inforWrap .account .ac-info{margin-top:40px;background:#059254;padding:35px;}
.inforWrap .account .ac-info .tit{font-size: 22px; color: #ffc960;}

.inforWrap .account .ac-info > strong{font-size:46px;color:#fff;font-family:'S-CoreDream-6Bold';letter-spacing:-1px;display:block;margin-bottom:25px;}
.inforWrap .account .ac-info > p{font-size:18px;color:#fff;line-height:1.7;}

.inforWrap .account .ac-info .ac-txt .ac-icon{background: rgba(255,255,255,.2);padding: 20px;border-radius: 100%;}
.inforWrap .account .ac-info .ac-txt .ac-icon p{}
.inforWrap .account .ac-info .ac-txt{display: flex;align-items: center;gap: 20px;}
.inforWrap .account .ac-info .ac-txt ul{display: flex;flex-direction: column;gap: 5px;}
.inforWrap .account .ac-info .ac-txt ul li{color: #fff;position: relative;display: flex;align-items: center;gap: 8px;font-size: 18px;letter-spacing: -1px;}
.inforWrap .account .ac-info .ac-txt ul li:before{content:'';width: 5px;height: 5px;border-radius: 100%;background: #a3a6a7;display: block;opacity: 0.8;}

.inforWrap .bestGoods{width:100%;}
.inforWrap .bestGoods > ul{display:flex;height: 100%;}
.inforWrap .bestGoods > ul > li{height: 100%; overflow:hidden; position:relative;width:235px;transition:all ease .5s; cursor:pointer;}
.inforWrap .bestGoods .img{position:absolute;left:0;top:0;height: 100%;width: 100%;}
.inforWrap .bestGoods .img img{width:100%; transition:ease all .5s; height:100%;object-fit:cover;filter:brightness(0.3);}
.inforWrap .bestGoods  li:hover .img img{transform:scale(1.1)}
.inforWrap .bestGoods .text{position:relative;z-index: 2;color:#fff;padding:80px 55px 60px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.inforWrap .bestGoods .text span{font-size:24px;opacity:0;transition:all ease .5s;height:0;display: inline-block;position:relative;}
.inforWrap .bestGoods .text span:after{content:'';width:0;height:1px;background:#fff;display:block;transition:all ease .5s;position:absolute;left:0;bottom:0;}
.inforWrap .bestGoods .text strong{font-size:32px;font-family:'S-CoreDream-6Bold';display: block;writing-mode:vertical-lr;letter-spacing:-7px;}
.inforWrap .bestGoods .text a{font-size:18px; line-height: 1.2; transition:ease all .5s; font-family:'S-CoreDream-5Medium'; display:inline-flex; padding: 15px 50px;border-radius:100px; color:#fff;border:1px solid #fff;justify-content: center;align-items: center;position:absolute;left:55px;bottom:60px;opacity:0;transition:all ease .5s;}
.inforWrap .bestGoods .text a:hover{color:#000; background:#fff;}
.inforWrap .bestGoods > ul > li.on{width:100%;}
.inforWrap .bestGoods > ul > li.on .img img{filter:brightness(1);}
.inforWrap .bestGoods > ul > li.on .img:before{content:'';width: 50%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);z-index: 1;}
.inforWrap .bestGoods > ul > li.on .text{align-items:flex-start;justify-content:flex-start;}
.inforWrap .bestGoods > ul > li.on .text span{height:auto;opacity:1;margin-bottom:25px;padding-bottom:25px;transition-delay:0.25s;}
.inforWrap .bestGoods > ul > li.on .text span:after{width:55px;}
.inforWrap .bestGoods > ul > li.on .text strong{writing-mode:initial;letter-spacing:-1px;}
.inforWrap .bestGoods > ul > li.on .text a{opacity:1;}

@media all and (max-width:1650px) {
  .inforWrap .account .ac-info > strong{font-size:40px;}
}
@media all and (max-width:1500px) {
  .inforWrap .account{padding: 35px; width: 40%;}
  .inforWrap .account > strong{font-size:28px;}
  .inforWrap .account > p{font-size:17px;}
  .inforWrap .account .ac-info{padding: 25px;margin-top: 25px;}
  .inforWrap .account .ac-info > strong{font-size:36px; margin-bottom: 10px;}

  .inforWrap .bestGoods > ul > li.on .text span{margin-bottom:15px; padding-bottom:15px;}
}

@media all and (max-width:999px) {
  .inforWrap .account .ac-info > strong{font-size:30px;}
  .inforWrap .account .ac-info > p{font-size:17px;}
  .inforWrap{flex-direction: column;}
  .inforWrap .account{width:100%;}

  .inforWrap .bestGoods .text{padding:40px; align-items: flex-start; justify-content: flex-start;}
  .inforWrap .bestGoods .text strong{writing-mode: initial; letter-spacing: -1px;}
  .inforWrap .bestGoods > ul > li .text span{margin-bottom:15px; padding-bottom:15px;}
  .inforWrap .bestGoods > ul > li .text span{opacity:1; height: auto;}
  .inforWrap .bestGoods > ul > li{width:100%; height:300px;}
  .inforWrap .bestGoods > ul > li .text a{padding: 10px 30px; font-size: 16px; left:40px; opacity: 1;}
  .inforWrap .bestGoods > ul > li .text span:after {width: 55px;}
  .inforWrap .bestGoods > ul > li .img img{filter: brightness(1);}
}

@media all and (max-width:767px) {
  .inforWrap .bestGoods > ul{flex-direction: column;}
  .inforWrap .bestGoods > ul > li + li{margin-top:1px;}
  .inforWrap .bestGoods > ul > li .img:before {content: ''; width: 50%; height: 100%; position: absolute; background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);z-index: 1;}
  .inforWrap .account .ac-info{padding:20px}
  .inforWrap .account .ac-info .ac-txt ul li{font-size:16px;}
}

/********************************************
bt-quick
********************************************/
#multipleDiv_temp-shop01_130{padding-bottom:110px; overflow: hidden; background:#f6f6f6;}
.bt-quick{margin-top:70px; max-width:1640px; padding:0 20px; margin:0 auto;}
.bt-quick > ul{display:flex;gap:40px;}
.bt-quick > ul > li{width:100%;position:relative;}
.bt-quick > ul > li > a{display:block;height:330px;background:#dedde2;padding: 45px 25px 0 55px;}
.bt-quick > ul > li > a:hover{text-decoration:underline; text-decoration-thickness: 2px; text-underline-offset: 5px;}
.bt-quick > ul > li > a > strong{font-size:40px;font-family:'S-CoreDream-5Medium';letter-spacing:-2px;display:block;margin-bottom:15px;line-height:1.25;}
.bt-quick > ul > li > a > p{font-size:20px;font-family:'S-CoreDream-4Regular';color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4;}
.bt-quick > ul > li > a > img{position:absolute;left: 55px;bottom:35px;}
.bt-quick > ul > li > a:after{content:'';width:133px;height:72px;background:url('../../images/main/bt-quick-arr.png') no-repeat center;transition:all ease .25s;position:absolute;right:30px;bottom:30px;}
.bt-quick > ul > li > a:hover:after{content:'';width:133px;height:72px;background:url('../../images/main/bt-quick-arr-on.png') no-repeat center;}
.bt-quick > ul > li:nth-child(2) > a{display:block;background:#e9e5dc;}
.bt-quick > ul > li:nth-child(3) > a{display:block;background:#f1e6e0;}

@media all and (max-width:1400px) {
  .bt-quick > ul{gap:25px;}
  .bt-quick > ul > li > a > strong{font-size:30px;}
  .bt-quick > ul > li > a > p{font-size:18px;}
}

@media all and (max-width:767px) {
  .bt-quick > ul{flex-direction: column;}
  .bt-quick > ul > li > a > img{width:90px;}
  .bt-quick > ul > li > a{height:280px; padding-left: 40px;}
}

/********************************************
banner
********************************************/
#multipleContentsDiv_hong_type1_138{margin-top:100px;}

/********************************************
Notice & Board
********************************************/
#multipleDiv_hong_type1_140{padding:0 20px 120px; max-width:1640px; margin:0 auto;}
#multipleContentsDiv_hong_type1_140{display: grid; grid-template-columns: 1fr 1fr; gap:0 80px;}
#multipleContentsDiv_hong_type1_140 ._objHtml {grid-column: 1 / span 2;}

@media all and (max-width:1023px) {
  #multipleContentsDiv_hong_type1_140{grid-template-columns: 1fr;}
  #multipleContentsDiv_hong_type1_140 ._objHtml {grid-column: 1;}
  #multipleContentsDiv_hong_type1_140 > div:last-child{margin-top:30px;}
}

/********************************************
goods
********************************************/
#multipleDiv_temp-shop01_133{}
.goods > ul{display:flex;}
.goods > ul > li{width:calc(100% / 4);transition: all ease .5s;position: relative;}
.goods > ul > li > a{background: #999;display: flex; height:700px;padding:90px 70px;flex-direction: column;justify-content: center;align-items: center;}
.goods > ul > li > a .img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;}
.goods > ul > li > a .img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.3);}
.goods > ul > li > a .txt{position:relative;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.goods > ul > li > a .txt strong{display:block;font-size:32px;font-family:'S-CoreDream-6Bold';writing-mode: vertical-lr;letter-spacing: -8px;color: #fff;}
.goods > ul > li > a .txt p{color:#fff;font-size:22px;font-family:'S-CoreDream-4Regular';opacity:0;height:0;overflow:hidden;transition: all ease .5s;}
.goods > ul > li > a .txt ul li{color:#fff;font-size:18px;position:relative;padding-left:15px;opacity:0;height:0;overflow:hidden;transition: all ease .5s;}
.goods > ul > li > a .txt ul li:before{content:'';width:5px;height:5px;background:#cececf;border-radius:50%;position:absolute;left:0;top:11px;}

.goods > ul > li.on{width:50%;}
.goods > ul > li.on > a{justify-content:flex-start;align-items: flex-start;}
.goods > ul > li.on > a .img img{filter:brightness(0.65);}
.goods > ul > li.on .txt{align-items: flex-start;}
.goods > ul > li.on .txt strong{font-size:50px;writing-mode:initial;letter-spacing:-1px;}
.goods > ul > li.on > a .txt p{display: -webkit-box;margin-top:30px;opacity:1;height: 95px;/**max-width: 60%;**/-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition-delay: 0.25s;}
.goods > ul > li.on > a .txt ul{margin-top:25px;}
.goods > ul > li.on > a .txt ul li{display:block;opacity:1;height:28px;transition-delay: 0.35s;}
.goods > ul > li.on > a .txt ul li + li{margin-top:5px;}

@media all and (max-width:1024px) {
  .goods{padding:20px 20px 80px 20px;}
  .goods > ul {display: flex; flex-direction: column;}
  .goods > ul > li.on{width:100%;}
  .goods > ul > li > a{height:auto;}
  .goods > ul > li.on > a{justify-content:center;align-items:center;}
  .goods > ul > li.on .txt{align-items: center;}
  .goods > ul > li.on > a .txt ul{display:none;}
  .goods > ul > li.on .txt strong{font-size:30px;}
  .goods > ul > li.on > a .txt p{font-size:18px;text-align:center;height: 55px;}
}