/* Family success list/detail; original database values and shared shell. */
.family-civil-page.case_board{--success-point:#E97F1D;--success-role:#A70035;--success-result:#E7C873}
.family-civil-page.case_board .family-success-role{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--success-role);color:#fff;font-style:normal;font-weight:600;white-space:nowrap}
.family-civil-page.case_board .success-renewal__card-content header,.family-civil-page.case_board .family-success-badges{display:flex;align-items:center}
.family-civil-page.case_board :is(.success-renewal__card-content header b,.success-renewal__mobile-category,.case_detail_labels b,.related_case_item b){background:var(--success-point);color:#fff}
.family-civil-page.case_board :is(.case_detail_labels strong,.success-renewal__mobile-result,.related_case_item strong){background:var(--success-result);color:#1a1a1a}
.family-civil-page.case_board .case_board_custom_body .comment_box .comment_text>.ttl{background:#AB6309}
.family-civil-page.case_board .case_board_text_box>.rhymix_content>.case_box{background-image:url('/common/renewal/assets/family-success/scale.png')}
.family-civil-page.case_board .case_detail_list_btn{border-color:#94969d;color:#1a1a1a}
.family-civil-page.case_board .case_board_custom_body .related_case_item a{border-bottom-color:#94969d!important}
.family-civil-page.case_board .success-renewal__categories a.is-active{background:var(--success-role);border-color:var(--success-role)!important;color:white}
.family-civil-page.case_board .success-renewal__quick-keywords{display:none}
.family-civil-page.case_board .success-renewal .bk-pagination a.is-active{background:#2d2418;color:#fff}
@media(min-width:1025px){
.family-civil-page.case_board .success-renewal__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(35 / 1920 * 100vw)}
.family-civil-page.case_board .success-renewal__categories a{display:flex;align-items:center;justify-content:center;width:calc(250 / 1920 * 100vw);height:calc(64 / 1920 * 100vw);padding:0;border:1px solid #94969d;border-radius:calc(10 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);font-weight:400}
.family-civil-page.case_board .success-renewal__card-content header{gap:calc(15 / 1920 * 100vw)}
.family-civil-page.case_board .family-success-role{height:calc(48 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) calc(14 / 1920 * 100vw);border-radius:calc(6 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);line-height:1.4}
.family-civil-page.case_board .case_board_custom_body .custom_side_box .comment_box{gap:calc(80 / 1920 * 100vw)}
.family-civil-page.case_board .case_board_custom_body .custom_side_box{gap:calc(80 / 1920 * 100vw)}
}
@media(max-width:1024px){
.family-civil-page.case_board .success-renewal__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 / 390 * 100vw) calc(10 / 390 * 100vw)}
.family-civil-page.case_board .success-renewal__categories a{width:100%;height:calc(56 / 390 * 100vw);padding:0;border:1px solid #ddd!important;border-radius:calc(5 / 390 * 100vw)!important;color:#94969d;font-size:calc(16 / 390 * 100vw)}
.family-civil-page.case_board .success-renewal__categories a.is-active{color:#fff;border:0!important}
.family-civil-page.case_board .success-renewal__search{margin-top:calc(40 / 390 * 100vw)}
.family-civil-page.case_board .family-success-badges{gap:calc(8 / 390 * 100vw);width:100%}
.family-civil-page.case_board .family-success-badges :is(b,em){height:calc(32 / 390 * 100vw);padding:calc(5 / 390 * 100vw) calc(13 / 390 * 100vw);border-radius:calc(6 / 390 * 100vw);font-size:calc(16 / 390 * 100vw);line-height:1.4}
.family-civil-page.case_board .case_detail_labels .family-success-role{display:none}
.family-civil-page.case_board .case_detail_labels{flex-wrap:wrap}
.family-civil-page.case_board .case_detail_labels strong{white-space:normal!important;line-height:1.3!important;height:auto;min-height:calc(36 / 390 * 100vw);max-width:calc(240 / 390 * 100vw)}
}
/* Override the civil detail rules which deliberately suppress PC filters. */
@media(min-width:1025px){
.family-civil-page.case_board .success-renewal__categories{display:flex!important;width:100%}
.family-civil-page.case_board .success-renewal__categories a{flex:0 0 calc(250 / 1920 * 100vw)}
.family-civil-page.case_board .success-renewal__search{margin-top:calc(80 / 1920 * 100vw)}
.family-civil-page.case_board .success-renewal__search strong{color:#777}
.family-civil-page.case_board .success-renewal__search label{border-color:#94969d}
.family-civil-page.case_board .success-renewal__card-content header{justify-content:flex-start}
.family-civil-page.case_board .success-renewal__judgment strong.family-success-result--long{height:auto;min-height:calc(67 / 1920 * 100vw);padding-block:calc(6 / 1920 * 100vw);font-size:calc(28 / 1920 * 100vw);white-space:normal!important;line-height:1.3!important;overflow-wrap:anywhere}
}
.family-civil-page.case_board.case_board .case_board_custom_body .comment_box .comment_text>.ttl{background:#AB6309}
.family-civil-page.case_board .success-renewal__search label>button{position:relative}
.family-civil-page.case_board .success-renewal__search label>button img{visibility:hidden}
.family-civil-page.case_board .success-renewal__search label>button::after{content:'';position:absolute;inset:0;background:#E97F1D;mask:url('/common/renewal/assets/subpages/success/search-icon.png') center / 40% no-repeat}
@media(max-width:1024px){
.family-civil-page.case_board .success-renewal__search label>button::after{mask-size:100%}
.family-civil-page.case_board.case_board .case_detail_custom .case_info_box{width:100%;flex-wrap:wrap;white-space:normal;row-gap:calc(4 / 390 * 100vw)}
.family-civil-page.case_board.case_board .case_detail_custom .case_info_box>div{max-width:100%;height:auto}
.family-civil-page.case_board .success-renewal__mobile-result{font-size:calc(14 / 390 * 100vw);padding-inline:calc(4 / 390 * 100vw)}
}
@media(min-width:1025px){
/* The inherited civil adapter resets this margin because its tabs were hidden. */
.family-civil-page.case_board:not(.has_document) .success-renewal__search{margin-top:calc(80 / 1920 * 100vw)!important}
}
.family-civil-page.case_board.case_board .case_detail_custom .case_title{color:#1a1a1a}
.family-civil-page.case_board.case_board .case_board_text_box>.rhymix_content>p:not(.case_box){font-weight:300!important}
@media(min-width:1025px){
.family-civil-page.case_board.case_board .case_board_text_box>.rhymix_content>p:not(.case_box){font-size:calc(20 / 1920 * 100vw)!important;line-height:1.4!important}
}
/* Reserve a separate PC footer approach so Top cannot overlap the article/sidebar. */
@media(min-width:1025px){.family-civil-page.case_board.has_document .bk-subpage-top{height:calc(160 / 1920 * 100vw)}}

.family-civil-page.case_board .family-success-summary{display:-webkit-box;overflow:hidden;max-height:2.8em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.family-civil-page.case_board .case_detail_custom .case_detail_labels{align-items:stretch}
.family-civil-page.case_board.case_board .case_detail_custom .case_detail_labels :is(b,em,strong){display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:auto;min-height:calc(48 / 1920 * 100vw);padding:calc(8 / 1920 * 100vw) calc(14 / 1920 * 100vw);border-radius:calc(6 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);font-weight:600;line-height:1.4}
@media(min-width:1025px){
.family-civil-page.case_board .success-renewal__quick-keywords{display:flex;grid-column:2;flex-wrap:wrap;gap:calc(25 / 1920 * 100vw);margin-top:calc(10 / 1920 * 100vw)}
.family-civil-page.case_board .success-renewal__quick-keywords button{color:#777}
.family-civil-page.case_board .success-renewal__quick-keywords button:is(:hover,:focus-visible){color:#AB6309}
}
@media(max-width:1024px){.family-civil-page.case_board.case_board .case_detail_custom .case_detail_labels :is(b,em,strong){min-height:calc(36 / 390 * 100vw);padding:calc(5 / 390 * 100vw) calc(11 / 390 * 100vw);font-size:calc(14 / 390 * 100vw);line-height:1.3!important}}

@media(max-width:1024px){.family-civil-page.case_board.case_board .case_detail_custom .case_detail_labels .family-success-role{display:none}}
