.college_self_test {
    width: 100%;
    overflow: hidden;
    display: flex;
    text-align: center;
}

.college_self_test ul {
    text-align: center;
    display: flex;
    width: 30%;
    flex-direction: column;
    gap: 15px;
    margin: 0 20px;
}

.college_self_test ul li {
    display: inline-block;
    width: 100%;
    float: left
}

.college_self_test ul li:nth-child(3) {
    margin-right: 0
}

.college_self_test .catalog_box {
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 20px;
    margin-bottom: 10px
}

.college_self_test .catalog_box h4 {
    font-size: 27px;
    line-height: 40px;
    font-weight: 400;
    color: #000;
    padding-bottom: 15px
}

.college_self_test .catalog_box h4 span {
    font-size: 16px;
}
a.pdf_view {
 height: 47px;
    line-height: 55px;
    padding: 10px 28px;
    margin-right: 8px;
    border: 1px solid #303c51;
    font-size: 14px;
    color: #303c51;
    text-align: center;
    box-sizing: border-box;
    background: #ffffff;
}
.catalog_box h4 span{ margin-top:15px;
    display:block;
    line-height:1.2;
}
.catalog_box.p1{background:#eef6ff}

.catalog_box.p2{background: #daf2fb;}
.catalog_box.p3{background: #d5f1d8;}

/*신청서*/
.college_self_test2 {
    width: 100%;
    overflow: hidden;
    display: flex;
    text-align: center;
    flex-direction: row;
}

.college_self_test2 ul {
    text-align: center;
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 28px;
    margin: 0 20px;
}

.college_self_test2 ul li {
    display: inline-block;
    width: 100%;
    float: left
}

.college_self_test2 ul li:nth-child(3) {
    margin-right: 0
}

.college_self_test2 .catalog_box {
    margin: 0 auto;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 20px;
    margin-bottom: 10px
}

.college_self_test2 .catalog_box h4 {
    font-size: 27px;
    line-height: 40px;
    font-weight: 400;
    color: #000;
    padding-bottom: 15px
}

.college_self_test2 .catalog_box h4 span {
    font-size: 16px;
}


/****** Mobile ******/

@media screen and (max-width:860px){
.college_self_test .catalog_box h4 {font-size: 18px;}
.catalog_box h4 span{margin-top:5px; font-size: 14px;}
.college_self_test2 .catalog_box h4 {font-size: 18px;}

}

/****** Mobile ******/

@media screen and (max-width:690px){
.college_self_test {
    width: 100%;
    overflow: hidden;
    display: flex;
    text-align: center;
     flex-direction: column;
}
.college_self_test ul {
    gap: 0;
    width: 98%;
    flex-direction: column;
    margin: 0px;
}
.college_self_test2 {
    width: 100%;
    overflow: hidden;
    display: flex;
    text-align: center;
     flex-direction: column;
}
.college_self_test2 ul {
    gap: 0;
    width: 98%;
    flex-direction: column;
    margin: 0px;
}
}