/* fonts */
        @import url('https://webfontworld.github.io/score/SCoreDream.css');

        /* .score {
            font-weight: 300;
        }

        .section {
            padding: 20px 0;
        }
        .section > h4 {
            line-height: 1;
            text-align: center;
        }
        .section > p {
            font-size: 22px;
            font-weight: 3oo;
            color: #666;
            text-align: center;
            margin-bottom: 70px;
        } */
        /* blind : 형식상 제목이 필요하지만 보이지 않도록 처리 */
        /* text-indent: -9999px; 쓰면 버그가 발생한다고 함 */
        /* .blind {
            width: 0;
            height: 0;
            line-height: 0;
            overflow: hidden;
            position: absolute;
            text-indent: -9999px;
        }*/
        /* 네이버 블라인드 효과 설정 */
        .blind{ 
            position:absolute;
            clip:rect(0 0 0 0);
            width:1px;
            height:1px;
            margin:-1px;
            overflow:hidden
        }

        /* cardType03 */
        /* common에 써주면 다른 유형들도 바뀌니까 따로 빼서 설정 */
        /* body {
            background-color: #2254c3;
        } */
        /* 카드 배치 설정 */
        .card__inner {
            display: flex;
            gap: 10px;
        }

        .card__grid {
            display: flex;
            flex-wrap: wrap; /* 카드가 넘칠 경우 다음 줄로 이동 */
        }

        /* 카드 3개 설정 */
        .card__inner .blog_card {
            padding: 15px;
            flex: 1 1 calc(25% - 10px);
            box-sizing: border-box;
            background-color: #fff;
        }
        
        /* 카드 사이 구분선 설정 */
        .card__inner .blog_card:nth-child(1) {
            border-right: 1px solid #eee;
        }
        .card__inner .blog_card:nth-child(2) {
            border-right: 1px solid #eee;
        }
        /* card__header */
        .card__header {
            position: relative;
        }
        .card__header img {
            border-radius: 10px;
            box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.05);
            margin-bottom: 5px;
            width: 100%;
            aspect-ratio: 1 / 1; /* 1:1 비율 유지 */
            object-fit: cover; /* 이미지를 잘라서 비율 유지 */
        }
        .card__header figcaption {
            position: absolute;
            right: -7px;
            top: 10px;
            padding: 3px 6px;
            border-radius: 50px;
            background-color: #003366;
            text-align: center;
            font-size: 12px;
            color: #fff;
        }

        .card__contents a {
            font-size: 12px;
            font-weight: 600;
            line-height: 1.4;
            text-align: center;
            /* 두줄 */
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; 
            -webkit-box-orient: vertical;
            color: black;
        }
        .card__contents p {
            color: #666;
            font-size: 16px;
            line-height: 1.7;
            margin-bottom: 30px;
            /* 세줄 */
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3; 
            -webkit-box-orient: vertical;
        }

        .card__footer {
            display: flex;
            justify-content: flex-end;
        }
        .card__footer h4 {
            text-align: right;
            color: #dd2a2a;
        }
        .card__footer em {
            display: block;
            color: #666;
            font-style: normal;
        }
        .card__footer span {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            overflow: hidden;
            display: block;
            margin-left: 10px;
            margin-top: -3px;
            box-shadow: 0 px 5px 0 rgba(0,0,0,0.05);
        }