.container h3{ font-size: 1.25rem;color: #3d4c5f; font-weight: bold; text-align: left; margin: 40px 0 18px;}
.container h4{font-size: 1.063rem;font-weight: 700; line-height: 1.65; text-align: left; margin:20px 0 12px;}
.container p{ font-size: 1rem; line-height: 1.58; padding-bottom: 1rem;color: #666; font-weight: 400;}
.container ol{ padding-left: 1.5rem;color: #666;list-style: auto;}
.container ol li{ padding-bottom: 4px;list-style: auto;}


.boxStyle h4{ font-weight: 700;line-height: 1.65; padding-top: 0px; padding-bottom: 6px;}
.boxStyle ul li{color:#666; padding-bottom: 6px;}

.pdf-button {
    /* 레이아웃 */
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    margin-top: 10px; /* 위쪽 여백 */

    /* 심플한 디자인 (테두리와 글자색 통일) */
    background-color: transparent; /* 배경 투명 */
    border: 1px solid #555;        /* 짙은 회색 테두리 */
    color: #333;                   /* 짙은 회색 글자 */

    /* 폰트 및 기타 설정 */
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;            /* 모서리 살짝 둥글게 */
    transition: all 0.2s ease;     /* 부드러운 움직임 */
    cursor: pointer;
}


.imgBox{ display: flex; gap:20px; margin-top: 12px;}
.imgBox img{ max-width: 100%;}
.gridBox{  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; box-sizing: border-box;}
.gridBox img{ max-width: 100%; width: 140px;}
.gridBox .profile{ flex:1; background-color: #fff;padding: 6px 0px;box-sizing: border-box;}
.gridBox .profile .name{ display: flex; align-items: center; gap:4px; font-size: 1.25rem; font-weight: 700; color:#111; padding:6px 0;}
.gridBox .profile .position{font-size: 1rem; font-weight: 400; margin-right: 10px; color:#888;}
.gridBox .profile .bio{font-size: 0.875rem; padding-left: 0; color:#333}
.gridBox .profile .bio li::before{content: "-"; margin-right:6px;}