/* Reni 저작권 등록 배지 + 모달 (2026-10-15 추가, 차별화 포인트 카드와 동일한 톤으로 재설계) */
#prd .reni-cert{
    margin-top:28px;
}
/* 원래 .reni-contact{margin-top:160px}가 배지 카드 뒤에도 그대로 적용되어 공백이 과도해짐 - 배지 뒤일 때만 줄임.
   둘 사이에 숨김 상태인 .cert-modal이 형제로 끼어있어 +(바로 다음 형제) 대신 ~(이후 형제 전체)를 사용 */
#prd .reni-cert ~ .reni-contact{
    margin-top:56px;
}
#prd .cert-badge{
    display:flex;
    align-items:center;
    gap:24px;
    width:100%;
    padding:32px 40px;
    border:0;
    border-top:3px solid #0781D8;
    background:#DBEBF6;
    cursor:pointer;
    font-family:inherit;
    text-align:left;
    transition:background-color .15s ease;
}
#prd .cert-badge:hover{
    background-color:#cfe4f2;
}
#prd .cert-badge-icon{
    flex:none;
    width:64px;
    height:64px;
    border-radius:50%;
    background:linear-gradient(135deg,#59C3E0 0%,#0781D8 55%,#5B5FE0 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 16px rgba(7,129,216,.35);
}
#prd .cert-badge-icon svg{width:32px;height:32px;}
#prd .cert-badge-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}
#prd .cert-badge-text strong{
    font-size:20px;
    font-weight:700;
    color:#111;
}
#prd .cert-badge-text em{
    font-style:normal;
    font-size:14px;
    color:#0781D8;
    font-weight:600;
}
#prd .cert-badge-arrow{
    margin-left:auto;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
}
#prd .cert-badge-arrow svg{width:14px;height:9px;}
#prd .cert-badge-arrow svg path{fill:#0781D8;}

.cert-modal{
    position:fixed;
    inset:0;
    z-index:999;
    display:none;
    align-items:center;
    justify-content:center;
}
.cert-modal[aria-hidden="false"]{display:flex;}
.cert-modal-dim{
    position:absolute;
    inset:0;
    background:rgba(10,20,30,.55);
}
.cert-modal-box{
    position:relative;
    width:92%;
    max-width:380px;
    background:#fff;
    border-radius:16px;
    padding:32px 26px 26px;
    display:flex;
    flex-direction:column;
    gap:18px;
    box-shadow:0 24px 60px rgba(0,0,0,.3);
}
.cert-modal-close{
    position:absolute;
    top:12px;
    right:16px;
    border:0;
    background:none;
    font-size:24px;
    line-height:1;
    color:#999;
    cursor:pointer;
}
.cert-modal-thumb{
    max-width:170px;
    margin:0 auto;
    border-radius:6px;
    overflow:hidden;
    border:1px solid #e5e5e5;
    box-shadow:0 4px 16px rgba(0,0,0,.18);
}
.cert-modal-thumb img{display:block; width:100%; height:auto;}
.cert-modal-info{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-size:14px;
}
.cert-modal-info > div{display:flex; justify-content:space-between; gap:10px;}
.cert-modal-info dt{color:#888;}
.cert-modal-info dd{margin:0; font-weight:600; text-align:right;}
.cert-modal-link{
    display:block;
    text-align:center;
    padding:13px;
    border-radius:28px;
    background:#0781D8;
    color:#fff;
    font-weight:700;
    letter-spacing:1px;
    font-size:14px;
}
.cert-modal-link:hover{background:#066bb8;}

@media (max-width:1023px){
    #prd .reni-cert{margin-top:24px;}
    #prd .cert-badge{padding:22px 20px; gap:16px; flex-wrap:wrap;}
    #prd .cert-badge-icon{width:48px;height:48px;}
    #prd .cert-badge-icon svg{width:24px;height:24px;}
    #prd .cert-badge-text strong{font-size:16px;}
    #prd .cert-badge-text em{font-size:12px;}
    #prd .cert-badge-arrow{width:30px;height:30px;}
    .cert-modal-box{padding:26px 20px 20px;}
}