@charset "utf-8";

.w-50px { width: 50px !important; }
.w-100px { width: 100px !important; }
.w-200px { width: 200px !important; }
.w-300px { width: 300px !important; }

.align-right { text-align: right !important; }
.align-center { text-align: center !important; }
.align-left { text-align: left !important; }

.s-pd { padding: 0 10px !important; }

.family-search-area { position: relative; }
.family-search-area .card-list-wrap { margin-top: 20px; }

.family-search-area .card-list-area { position: relative; display: flex; gap: 10px; flex-wrap: wrap; }
.family-search-area .card-list-area .card-item { width: calc(50% - 5px); padding: 15px; background: #fff; border: 1px solid #dee3eb; display: block; border-radius: 5px; }
.family-search-area .card-list-area .card-item:hover { border-color: #bbb;}
.family-search-area .card-list-area .card-item:hover .c-title .tit { text-decoration: underline; }
.family-search-area .card-list-area .card-item .c-title { display: flex; align-items: center; gap: 5px; padding-bottom: 7px; border-bottom: 1px solid #dee3eb; margin-bottom: 7px; font-size: 15px;}
.family-search-area .card-list-area .card-item .c-title .tit { font-weight: 800; }
.family-search-area .card-list-area .card-item .c-title .c-type { display: inline-block; font-weight: 600; font-size: 11px; border-radius: 3px; padding: 1px 5px; }
.family-search-area .card-list-area .card-item .c-title .c-type.corp { color: #576cbd; background: #e8eaf4; }
.family-search-area .card-list-area .card-item .c-title .c-type.personal { color: #e18c4e; background: #f8ecd8; }
.family-search-area .card-list-area .card-item .c-info { display: flex; flex-wrap: wrap; gap: 3px 0; }
.family-search-area .card-list-area .card-item .c-info dl { position: relative; display: flex; gap: 2px; padding-right: 20px; font-size: 12px; color: #444; }
.family-search-area .card-list-area .card-item .c-info dl:not(:last-child):after { content: '/'; position: absolute; right: 8px; top: 2px; font-size: 10px; color: #a1a1a1; }
.family-search-area .card-list-area .card-item .c-info dl dt { font-weight: 600;}

/* 검색결과 없음 상태 */
.family-search-area .card-list-area .empty-state { width: 100%;  display: none;  flex-direction: column;  align-items: center;  justify-content: center;  padding: 80px 20px;  text-align: center; }
.family-search-area .card-list-area.empty .empty-state { display: flex; }
.family-search-area .card-list-area.empty .card-item { display: none !important; }
.family-search-area .card-list-area .empty-state .empty-icon {  width: 80px;  height: 80px;  margin-bottom: 20px;  opacity: 0.5; }
.family-search-area .card-list-area .empty-state .empty-text {  font-size: 16px;  color: #999;  font-weight: 500;  margin: 0; }