<style>
.card-list {
max-width: 900px;
margin: 0 auto;
}
/* 한 개 카드 박스 */
.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="card-list">
<!-- 1) 더윈 -->
<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-right">
<a href="https://www.topansa1.com/post/%ED%94%84%EB%A6%AC%EB%AF%B8%EC%97%84-%EC%8A%A4%ED%8F%AC%EC%B8%A0-%EC%B9%B4%EC%A7%80%EB%85%B8-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%8D%94%EC%9C%88"
class="visit-btn" target="_blank">자세히 보기</a>
</div>
</div>
<!-- 2) 옐로우벳 -->
<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-center">
<p class="card-sub">업체 정보 요약</p>
<p class="card-title">옐로우벳</p>
<p class="card-desc">국내 최대 자본금 / 신규 40% 지급 / 카지노 & 슬롯 5% 매충</p>
</div>
<div class="brand-right">
<a href="https://www.topansa1.com/post/%EC%98%90%EB%A1%9C%EC%9A%B0%EB%B2%B3-%EB%A8%B9%ED%8A%80-%EA%B2%80%EC%A6%9D-%EC%99%84%EB%A3%8C%EB%90%9C-%EB%A9%94%EC%9D%B4%EC%A0%80-%ED%86%A0%ED%86%A0%EC%82%AC%EC%9D%B4%ED%8A%B8-yellowbet-%EA%B5%AC-%ED%8E%A9%EC%8B%9C"
class="visit-btn" target="_blank">자세히 보기</a>
</div>
</div>
<!-- 3) 캡 CAB -->
<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 class="brand-center">
<p class="card-sub">업체 정보 요약</p>
<p class="card-title">캡 CAB</p>
<p class="card-desc">무제재 / 자동 입력 가능 / 10분 이상 입·출금 지연 시 30% 추가 지급</p>
</div>
<div class="brand-right">
<a href="https://www.topansa1.com/post/%EC%8B%A0%EB%A2%B0-%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%EC%BA%A1-%EB%A9%94%EC%9D%B4%EC%A0%80%EB%86%80%EC%9D%B4%ED%84%B0"
class="visit-btn" target="_blank">자세히 보기</a>
</div>
</div>
</div> |
