@charset "UTF-8";

/* edu-license.css */

@import url(sub-top-program.css);


section.content {
    margin-bottom: 140px;
}

section.content .inbox {
    width: 1200px;
    margin: 0 auto;
}

/* card 디자인 */
section.content .wrapper .card {
    /* width: 32%; */
    width: 31.33%;
    padding: 20px;
    border: 1px solid #3887C9;
    box-sizing: border-box;
    border-radius: 16px;
    /* margin-bottom: 2%; */
    margin-bottom: 3%;

    float: left;
}

section.content .wrapper .card~.card {
    /* margin-left: 2%; */
    margin-left: 3%;
}

section.content .wrapper .card:nth-child(3n+1) {
    margin-left: 0;
}

section.content .wrapper .card .img-box {
    width: 100%;
    margin-bottom: 20px;
}

section.content .wrapper .card .img-box img {
    width: 100%;
    border-radius: 16px;
}

section.content .wrapper .card .txt-box {
    font-family: "Noto Sans KR", sans-serif;
}

.card .txt-box .title {
    margin-bottom: 20px;
}

.card .txt-box .title h4 {
    font-size: 1.25rem;
    margin-bottom: 4px;
}

.card .txt-box .title h4 a {
    color: #222;
}

.card .txt-box .title h4 a:hover {
    color: #3887C9;
    text-decoration: underline;
}

.card .txt-box .title p {
    font-size: 1.125rem;
    color: #333;
}

.card .txt-box .detail {}

.card .txt-box .detail p {
    color: #333;
    font-size: 1rem;
}

.card .txt-box .detail p span {}

.card .txt-box .detail p span:first-child {
    margin-right: 10px;
    font-weight: 600;
}