/* ==============================
   business_02 기본 스타일
============================== */

#block_02{
  width: 100%;
  max-width: 1200px;      /* #submenu와 동일 폭 */
  margin: 0 auto;
  padding: 0 24px;        /* 좌우 여백 */
  box-sizing: border-box;
}

#block_02 h3{
  font-size: 20px;
  padding: 0 0 20px 16px;
  position: relative;
}

#block_02 h3::before{
  content:"";
  height: 20px;
  width: 4px;
  background-color: #555;
  position: absolute;
  top: 6px;
  left: 0px;
}

#block_02 p.txtP{
  line-height: 25px;
}

#block_02 div.icoBox{
  overflow: hidden;
  margin: 10px 0 60px 0;
}

#block_02 section a{
  display: block;
  font-size: 13px;
  padding: 20px 20px 22px 20px;
  text-align: center;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  margin: 1% 1%;
  width: 23%;
  box-sizing: border-box;
  float: left;
}

#block_02 section a:hover span.detail{
  background-color: #333;
  color: #fff;
  box-sizing: border-box;
}

#block_02 section a span.detail{
  display: block;
  background-color: #f0f0f0;
  color: #888;
  width: 150px;
  margin: 10px auto 0 auto;
  padding: 2px 0 4px 0;
  font-size: 12px;
}

#block_02 div.icoBox2{
  overflow: hidden;
  margin: 10px 0;
  font-size: 13px;
}

#block_02 div.icoBox2 section{
  display: block;
  padding: 20px 20px;
  text-align: center;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  margin: 1% 1%;
  width: 23%;
  box-sizing: border-box;
  float: left;
}

#block_02 div.icoBox2 section:hover{
  background-color: #f5f5f5;
}


/* ==============================
   SleepBuddy 오버레이(이미지 2개)
============================== */

#block_02 .biz-wrap{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* 이미지 박스 */
#block_02 .biz-img-box{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

/* 이미지 반응형 */
#block_02 .biz-img-box img{
  width: 100%;
  height: auto;
  display: block;
}

/* 오버레이 */
#block_02 .biz-overlay{
  position: absolute;
  inset: 0;
  background: rgba(79, 95, 75, 0.78); /* 슬립버디 그린 */
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

  opacity: 0;
  transition: opacity 0.35s ease;
}

#block_02 .biz-img-box:hover .biz-overlay{
  opacity: 1;
}

/* 타이틀/설명 */
#block_02 .biz-title{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.3px;
  margin-bottom: 10px;
}

#block_02 .biz-desc{
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.95;
}


/* ==============================
  MOBILE RESPONSIVE
============================== */

@media (max-width: 1023px){
  #block_02 section a{ width: 48%; }
  #block_02 div.icoBox2 section{ width: 48%; }
}

@media (max-width: 640px){
  #block_02 section a{ width: 98%; }
  #block_02 div.icoBox2 section{ width: 98%; }
}

@media (max-width: 768px){
  #block_02{ padding: 0 16px; }
  #block_02 .biz-title{ font-size: 16px; }
  #block_02 .biz-desc{ font-size: 13px; }
}