/************************************************
shop banner 
************************************************/
#multipleDiv_shop05_678{background:#f5f5f5; padding:120px 0;}
#multipleContentsDiv_shop05_678{display:grid; max-width: 1640px; margin:0 auto; grid-template-columns: 540px 1fr; padding: 0 20px;}

.shop_banner {width: 100%;max-width: 1200px;margin: 0 auto;font-family: 'Dream Medium';}
.shop_banner .b_top {display: flex;background: #fff;}
.shop_banner .item a{flex: 1;display: flex;padding: 40px;justify-content: space-between; align-items: center; border-right: 1px solid #ddd;gap: 30px;}
.shop_banner .item:last-child { border-right: none; }

.shop_banner .item .txt {flex: 1;}
.shop_banner .item .txt span {display: block;font-size: 16px;font-family: 'Dream Medium';color: #333;margin-bottom: 15px;position: relative;padding-top: 15px;}
.shop_banner .item .txt span::before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 3px; background-color: #007bff; }
.shop_banner .item .txt strong {display: block;font-size: 24px;color: #0681ff;margin-bottom: 15px;font-family: 'Dream Bold';}
.shop_banner .item .txt p {font-size: 17px;line-height: 1.5;color: #666;word-break: keep-all;font-family: 'Dream Regular';overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.shop_banner .thum { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.shop_banner .thum img { width: 100%; height: 100%; object-fit: cover; }

.shop_banner .b_bottom {height: 277px;background: url('https://bhwizard.nonghyup.com/sites/shop05/images/main/banner_bg.png') no-repeat center / cover;display: flex;justify-content: space-between;align-items: flex-end;padding: 50px 60px;position: relative;}
.shop_banner .b_bottom .txt { position: relative; z-index: 2; color: #fff; }
.shop_banner .b_bottom .txt span { display: block; font-size: 32px; font-weight: 700; margin-bottom: 10px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.shop_banner .b_bottom .txt strong { display: block; font-size: 18px; font-weight: 400; opacity: 0.9; }
.shop_banner .b_more {position: relative; flex-shrink: 0; z-index: 2; width: 60px; height: 60px; background: #0088ff url(https://bhwizard.nonghyup.com/sites/shop05/images/main/banner_arr.png) center no-repeat; border-radius: 50%; text-indent: -9999px; transition: transform 0.3s; }
.shop_banner .b_more:hover { transform: scale(1.1); }

@media all and (max-width:1600px) {
  .shop_banner .item a{gap:20px;}
  .shop_banner .item .txt p{-webkit-line-clamp: 2;}
}

@media screen and (max-width:1500px) {
  .shop_banner .thum{width:130px; height:130px;}
}

@media screen and (max-width:1400px) {
  #multipleContentsDiv_shop05_678{grid-template-columns: 500px 1fr;}
  .shop_banner .item .txt strong{font-size:21px;}
  .shop_banner .item .txt p{font-size:15px;}
  .shop_banner .item + .item {display:none;}
  .shop_banner .b_top{height:233px;}
  .shop_banner .b_bottom{padding: 30px;}
  .shop_banner .b_bottom .txt span{font-size: 24px;}
  .shop_banner .b_bottom .txt strong{font-size: 15px;}
}
@media screen and (max-width:1000px) {
  #multipleDiv_shop05_678{padding:60px 0;}
  #multipleContentsDiv_shop05_678{grid-template-columns: 1fr;}
  .shop_banner .b_top{height:auto;}
  .shop_banner .item a{padding:30px;}
}

/************************************************
인기상품
************************************************/
#multipleDiv_shop05_701{padding:120px 0;}

@media screen and (max-width:1000px) {
  #multipleDiv_shop05_701{padding:50px 0;}
}

/************************************************
추천 상품
************************************************/
#multipleDiv_shop05_977{background:#f5f5f5; padding:120px 0;}
#multipleContentsDiv_shop05_977{max-width:1640px; margin:0 auto; padding:0 20px;}

@media all and (max-width:1400px) {
  #multipleDiv_shop05_977{padding:100px 0;}
}
@media all and (max-width:1000px) {
  #multipleDiv_shop05_977{padding:50px 0;}
}

/************************************************
중앙 이벤트
************************************************/
#multipleContentsDiv_shop05_733{max-width:1600px; margin:100px auto;}

/************************************************
전체상품
************************************************/
#multipleDiv_shop05_716{padding:120px 0 80px;}
#multipleContentsDiv_shop05_716{max-width:1640px; margin:0 auto; padding:0 10px;}

@media all and (max-width:1400px) {
  #multipleDiv_shop05_716{padding:100px 0 40px;}
}
@media all and (max-width:1000px) {
  #multipleDiv_shop05_716{padding:60px 0 20px;}
}

/************************************************
SNS
************************************************/
#multipleDiv_shop05_733{background:#f5f5f5; padding:120px 0;}
#multipleContentsDiv_shop05_733{max-width:1640px; margin:0 auto; padding:0 10px;}

@media all and (max-width:1400px) {
  #multipleDiv_shop05_733{padding:100px 0;}
}
@media all and (max-width:1000px) {
  #multipleDiv_shop05_733{padding:60px 0;}
}


/************************************************
새소식
************************************************/
#multipleContentsDiv_shop05_813{max-width:1640px; margin:0 auto; padding:0 10px; display: grid; grid-template-columns: 1fr 1fr; gap:40px 80px; width: 100%;}
#multipleContentsDiv_shop05_813 ._objHtml{grid-column: 1 / span 2;}

@media all and (max-width:1400px) {
  #multipleContentsDiv_shop05_813{gap: 40px 40px;}
}

@media all and (max-width:1000px) {
  #multipleContentsDiv_shop05_813{grid-template-columns: 1fr;gap: 20px 20px;}
  #multipleContentsDiv_shop05_813 ._objHtml{grid-column:1;}
}

/* tit*/
.title-Wrap{text-align:center;}
.title-Wrap .inner{max-width: 1640px; margin: 130px auto 0; padding:0 20px;}
.title-Wrap h2{font-size:50px; font-family: 'Dream Bold'; margin-bottom: 10px;}
.title-Wrap p{font-size: 18px;  color: #888; font-family: 'Dream Regular';}

@media all and (max-width:1000px) {
  .title-Wrap{text-align:left;}
  .title-Wrap .inner{margin: 60px auto 20px;padding: 0;}
  .title-Wrap h2{font-size:30px; line-height:1.2;}
  .title-Wrap p{font-size:15px;}
}


/************************************************
cs center
************************************************/
.cs_container{max-width: 1640px; padding:0 20px; margin:0 auto;}
.cs_container h2{color: #fff; font-size: 40px;text-align: center;padding: 80px 0; font-family: 'Dream Bold';}
.cs_container .cs_inner{margin: 100px auto;display: flex;padding: 50px 100px;background: #f5f5f5;gap: 30px;}
.cs_container .cs_box{width: 100%;display: flex;gap: 50px;}
.cs_container .cs_icon{background: #fff;flex-shrink: 0;border-radius: 100%;width: 190px;height: 190px;display: flex;align-items: center;justify-content: center;}
.cs_container .cs_content_area{width: 100%;}
.cs_container .cs_content_area p{font-family: 'Dream Medium';font-size: 20px;}
.cs_container .cs_content_area p.number{color: #000;font-size: 50px;letter-spacing: -2px;font-family: 'Dream Bold';}
.cs_container .cs_content_area .detail{display: flex;flex-direction: column;margin-top: 10px;gap: 5px;}
.cs_container .cs_content_area .detail span{display: flex;gap: 5px;color: #666;font-family: 'Dream Regular';font-size: 18px;}

@media all and (max-width:1640px) {
  .cs_container .cs_inner{padding:40px; margin: 50px 0;}
  .cs_container .cs_icon{width:130px; height:130px; padding: 30px;}
  .cs_container .cs_box{gap:30px;}
  .cs_container .cs_content_area p.number{font-size:40px;}
  .cs_container{padding:0;}
}

@media all and (max-width:1300px) {
  .cs_container .cs_content_area p.number{font-size:30px;}
}

@media all and (max-width:1000px) {
  .cs_container .cs_inner{flex-direction: column;}
}

@media all and (max-width:767px) {	
  .cs_container .cs_box{flex-wrap:wrap;justify-content: center;}
  .cs_container .cs_content_area{text-align:center;}
  .cs_container .cs_content_area p{font-size:18px;}
  .cs_container .cs_content_area p.number{font-size:26px;}
  .cs_container .cs_content_area .detail span{font-size:16px;justify-content: center;}
}