.card_area {
    width:100%;
    margin-top:100px;
    font-family: "NanumSquare", -apple-system, Roboto, Arial, sans-serif;
}
.card_area ul {
    width:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.card_area ul .card_form{
    width:31.333%;
    height:100%;
    min-height:900px;
    border:1px solid #ebebeb;
    padding:20px;
    box-sizing:border-box;
    text-align:center;
    margin:10px;
    position:relative;
    font-size:20px;
    line-height:32px;
}
.card_area ul .card_form a{
    cursor: pointer;
}
.card_area ul .card_form h1{
    font-size:33px;
    font-weight:bold;
    color:#00488d;
    margin-top:30px;
}
.card_area ul .card_form .card_img{
    width:100%;
    height:100%;
    box-sizing:border-box;
    margin-top:30px;
}
.card_area ul .card_form .card_img>img{
    width:100%;
    height:100%;
}
.card_area ul .card_form h2{
    font-size:28px;
    font-weight:bold;
    margin-top:30px;
    line-height:35px;
}
.card_area ul .card_form p{
    color: #374151;
    margin-top:30px;
}

@media (min-width: 720px) and (max-width: 1023px) {
    .card_area ul .card_form{
        width:47%;
        font-size:16px;
        line-height:26px;
        min-height:800px;
    }
     .card_area ul .card_form h1{
        font-size:30px;
    }
    .card_area ul .card_form h2{
        font-size:26px;
    }
}

 @media (min-width: 360px) and (max-width: 719px) {
       .card_area ul .card_form{
        width:100%;
        font-size:16px;
    }
     .card_area ul .card_form h1{
        font-size:30px;
    }
    .card_area ul .card_form h2{
        font-size:26px;
    }
}