(주)투네이처::자연으로::갤럭시키즈스페이스사이언스

글 작성
작성자
비밀번호		(필수) 자료 수정, 삭제시 필요합니다.
이메일
제목

/* 한 개 카드 박스 */
.brand-card {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid #e3e3e3;
  margin-bottom: 14px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 왼쪽 로고 영역 */
.brand-left {
  flex: 0 0 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-logo {
  max-width: 72px;
  height: auto;
  border-radius: 6px;
}

/* 중앙 텍스트 영역 */
.brand-center {
  flex: 1;
  padding: 0 18px;
  min-width: 0;
}
.card-sub {
  font-size: 12px;
  color: #999;
  margin: 0 0 3px;
}
.card-title {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 4px;
  color: #333;
  line-height: 1.3;
}
.card-desc {
  font-size: 13px;
  color: #555;
  margin: 0;
  line-height: 1.5;
}

/* 오른쪽 버튼 영역 */
.brand-right {
  flex: 0 0 130px;
  text-align: right;
}
.visit-btn {
  background: #2ecc71;
  color: #ffffff;
  padding: 9px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;  /* 버튼 줄바꿈 방지 */
}

/* 모바일 대응 */
@media (max-width: 600px) {
  .brand-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .brand-left {
    margin-bottom: 8px;
  }
  .brand-right {
    width: 100%;
    text-align: left;
    margin-top: 8px;
  }
}
</style>

<div class="brand-card">
  <div class="brand-left">
    <img src="https://static.wixstatic.com/media/624aa0_daee173b555e4978a547d291dd39320e~mv2.jpg/v1/fill/w_740,h_559,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/624aa0_daee173b555e4978a547d291dd39320e~mv2.jpg" 
         alt="더윈 로고" class="brand-logo">
  </div>

<div class="brand-center">
    <p class="card-sub">업체 정보 요약</p>
    <p class="card-title">더윈</p>
    <p class="card-desc">피나클스포츠 & 이지벳 & 카지노 롤링 100% / 콤프 최대 6% / 매주 페이백 10%</p>
  </div>

<div class="brand-card">
  <div class="brand-left">
    <img src="https://static.wixstatic.com/media/624aa0_9cc2f7bee20f4634a20471fdbfcc5c5f~mv2.jpg/v1/fill/w_740,h_740,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/624aa0_9cc2f7bee20f4634a20471fdbfcc5c5f~mv2.jpg" 
         alt="옐로우벳 로고" class="brand-logo">
  </div>

<div class="brand-card">
  <div class="brand-left">
    <img src="https://static.wixstatic.com/media/624aa0_9c838ee7ec3243ceb6bf5ca87951c004~mv2.jpg/v1/fill/w_740,h_560,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/624aa0_9c838ee7ec3243ceb6bf5ca87951c004~mv2.jpg"
         alt="캡 CAB 로고" class="brand-logo">
  </div>

</div>