/* =========================================
   Dplaza 키워드 노출 카테고리 - 1안 프리미엄 태그칩형
   - 이미지 없이 CSS만 사용
   - 큰글씨 24px / 중간글씨 16px / 작은글씨 14px
   - 카테고리 변경 시 PHP 배열만 수정하면 디자인 유지
========================================= */

.dplaza-keyword-wrap,
.dplaza-keyword-wrap *{
    box-sizing:border-box;
    font-family:"Malgun Gothic","맑은 고딕",Dotum,Arial,sans-serif;
}

.dplaza-keyword-wrap{
	width:980px;
	max-width:980px;
	margin:25px auto 0 auto;
	padding:0;
}

.dplaza-keyword-card{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:28px;
    align-items:center;
    margin-bottom:18px;
    padding:25px 25px;
    border:1px solid #e3e8ef;
    border-radius:7px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    box-shadow:0 8px 24px rgba(15,23,42,.07);
}

.dplaza-keyword-card--sub{
    background:linear-gradient(180deg,#ffffff 0%,#fbfff8 100%);
}

.dplaza-keyword-head{
    position:relative;
    min-height:110px;
    padding:4px 24px 4px 18px;
    border-right:1px solid #e5e7eb;
}

.dplaza-keyword-head:before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    width:5px;
    height:30px;
    border-radius:999px;
    background:#1f64d8;
}

.dplaza-keyword-card--sub .dplaza-keyword-head:before{
    background:#0b8f50;
}

.dplaza-keyword-head h2{
    margin:0 0 12px 0;
    font-size:24px;
    font-weight:600;
    line-height:1.25;
    color:#111827;
    letter-spacing:-.6px;
}

.dplaza-keyword-card--sub .dplaza-keyword-head h2{
    color:#111827;
}

.dplaza-keyword-head p:last-child{
    margin:0;
    font-size:15px;
    font-weight:500;
    line-height:1.7;
	letter-spacing: -.7px;
    color:#5f6b7a;
    word-break:keep-all;
}

.dplaza-keyword-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px 10px;
    align-items:center;
}

.dplaza-keyword-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0px;
    min-height:0px;
    padding:10px 10px;
    border-radius:7px;
    background:#ffffff;
    text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.dplaza-keyword-chip span{
    display:block;
    font-size:15px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.7px;
    white-space:nowrap;
}

.dplaza-keyword-chip--blue{
    border:1px solid #b9ccea;
    color:#17498f;
    box-shadow:0 3px 10px rgba(31,100,216,.06);
}

.dplaza-keyword-chip--green{
    border:1px solid #bdd9b7;
    color:#0b8f50;
    box-shadow:0 3px 10px rgba(76,168,61,.06);
}

.dplaza-keyword-chip:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(15,23,42,.12);
}

.dplaza-keyword-chip--blue:hover{
    border-color:#1f64d8;
    background:#f4f8ff;
    color:#0f3f85;
}

.dplaza-keyword-chip--green:hover{
    border-color:#4ca83d;
    background:#f5fff2;
    color:#2f7125;
}

@media screen and (max-width:900px){
    .dplaza-keyword-card{
        grid-template-columns:1fr;
        gap:18px;
        padding:24px 20px;
    }

    .dplaza-keyword-head{
        min-height:auto;
        padding:0 0 18px 18px;
        border-right:0;
        border-bottom:1px solid #e5e7eb;
    }

    .dplaza-keyword-list{
        gap:10px 8px;
    }

    .dplaza-keyword-chip{
        min-width:calc(33.333% - 8px);
        padding:10px 14px;
    }
}

@media screen and (max-width:640px){
    .dplaza-keyword-wrap{
        padding:10px 8px;
    }

    .dplaza-keyword-card{
        border-radius:14px;
        padding:20px 14px;
    }

    .dplaza-keyword-head h2{
        font-size:24px;
    }

    .dplaza-keyword-chip{
        min-width:calc(50% - 6px);
        min-height:42px;
        padding:9px 10px;
    }

    .dplaza-keyword-chip span{
        font-size:16px;
    }
}