.sub_mini_nav{
    display: flex;
    gap: 0 10px;
    align-items: center;
}
.sub_mini_nav span{
    font-family: 'NotoSansKR-Regular',sans-serif;
    font-size: 15px;
    color: #ffffff;
}
.sub_title{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 45px;
    color: #ffffff;
}
.sub_mini_t{
    font-family: 'NotoSansKR-Medium',sans-serif;
    font-size: 18px;
    color: #ffffff;
}


/* sub5 */
.sub5_sec1{
    margin-top: 100px;
    position: relative;
}
.sub5_sec1 .sub5_sec1_bg{
    position: absolute;
    z-index: -1;
    left: 0;
    top: 25%;
}
.sub5_sec1 .center1{
    background-image: url(../images/sub5_img1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 129px 0;
    display: flex;
    flex-direction: column;
    gap: 35px 0;
    justify-content: center;
    align-items: center;
}

.sub5_sec2{
    margin-top: 150px;
    position: relative;
}
.sub5_sec2 .sub5_sec2_bg{
    position: absolute;
    z-index: -1;
    right: 0;
    top: 25%;
}
.sub5_title{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px 0;
}
.sub5_title .sub5_t{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 43px;
    color: #002d5d;
}
.sub5_title .sub5_m{
    font-family: 'NotoSansKR-Medium',sans-serif;
    font-size: 16px;
    color: #d0d0d0;
}
.sub5_sec2_cont{
    background-color: #f4f4f4;
    padding: 50px 0;
    margin-top: 70px;
}
.sub5_sec2_cont .center2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub5_sec2_cont .txt_line{
    background-color: #a9bedd;
    width: 58px;
    height: 6px;
    display: block;
    border-radius: 50px;
}
.sub5_sec2_cont .txt_t{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 32px;
    color: #465466;
    margin-top: 20px;
    display: block;
}
.sub5_sec2_cont p{
    margin-top: 40px;
    font-family: 'NotoSansKR-Regular',sans-serif;
    font-size: 18px;
    color: #454545;
}

.sub5_sec3{
    margin-top: 130px;
    padding-bottom: 210px;
    position: relative;
}
.sub5_sec3 .sub5_sec3_bg{
    position: absolute;
    z-index: -1;
    bottom: -20%;
    left: 0;
}
.sub5_sec3 .center2{
    display: flex;
    flex-direction: column;
    gap: 80px 0;
}
.sub5_sec3_cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub5_sec3_cont .img_box{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 314px;
    width: 462px;
}
.sub5_sec3_cont1 .img_box{
    background-image: url(../images/sub5_img3.png);
}
.sub5_sec3_cont2 .img_box{
    background-image: url(../images/sub5_img4.png);
}
.sub5_sec3_cont3 .img_box{
    background-image: url(../images/sub5_img5.png);
}
.sub5_sec3_cont4 .img_box{
    background-image: url(../images/sub5_img6.png);
}
.sub5_sec3_cont .txt_box{
    border: 1pt solid #d7d7d7;
    display: flex;
    flex-direction: column;
    gap: 35px 0;
}
.sub5_sec3_cont1 .txt_box{
    padding: 80px 115px 75px 70px;
}
.sub5_sec3_cont2 .txt_box{
    padding: 50px 110px 50px 70px;
}
.sub5_sec3_cont3 .txt_box{
    padding: 80px 304px 75px 70px;
}
.sub5_sec3_cont4 .txt_box{
    padding: 80px 225px 75px 70px;
}
.sub5_sec3_cont p{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 32px;
    color: #454545;
}
.sub5_sec3_cont p span{
    position: relative;
}
.sub5_sec3_cont p span::after{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #002d5d;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 40%;
}
.sub5_sec3_cont p strong{
    color: #002d5d;
} 
.sub5_sec3_cont .txt2{
    font-family: 'NotoSansKR-Regular',sans-serif;
    font-size: 18px;
    color: #454545;
}
.sub5_sec3_cont .img_box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px 0;
}
.sub5_sec3_cont .img_line{
    width: 58px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
}
.sub5_sec3_cont .img_t{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 40px;
    color: #ffffff;
}
.sub5_sec3_cont .time{
    width: 154px;
    border: 1pt solid #ffffff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    padding: 7px 0;
}
.sub5_sec3_cont .time span{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 20px;
    color: #ffffff;
}

/* sub6 */
.sub6_sec1{
    margin-top: 100px;
}
.sub6_sec1 .center1{
    background-image: url(../images/sub6_img1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 129px 0;
    display: flex;
    flex-direction: column;
    gap: 35px 0;
    justify-content: center;
    align-items: center;
}

.sub6_sec2{
    padding: 110px 0 155px;
}
.sub6_title span{
    background-color: #a9bedd;
    width: 55px;
    height: 6px;
    display: block;
    border-radius: 50px;
}
.sub6_title p{
    font-family: 'NotoSansKR-Bold',sans-serif;
    font-size: 32px;
    color: #465466;
    margin-top: 20px;
}
.sub6_sec2 table{
    margin-top: 45px;
    border-top: 1pt solid #002d5d;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.sub6_sec2 th{
    font-family: 'NotoSansKR-Medium',sans-serif;
    font-size: 18px;
    color: #454545;
    padding: 15px 0;
    border-bottom: 1pt solid #d7d7d7;
    border-right: 1pt solid #d7d7d7;
    background-color: #f4f4f4;
}
.sub6_sec2 td{
    font-family: 'NotoSansKR-Regular',sans-serif;
    font-size: 18px;
    color: #454545;
    padding: 15px 0;
    border-bottom: 1pt solid #d7d7d7;
}
.sub6_sec2 .sub6_th{
    font-family: 'NotoSansKR-Bold',sans-serif;
    background-color: unset;
    border-right: unset;
}


/* mobile */
@media screen and (max-width: 767px){
    .sub_mini_nav span{
        font-size: 12px;
    }
    .sub_title{
        font-size: 25px;
    }
    .sub_mini_t {
        font-size: 12px;
    }

    /* sub5 */
    .sub5_sec1 .center1 {
        gap: 10px 0;
    }

    .sub5_sec2 {
        margin-top: 70px;
    } 
    .sub5_title{
        gap: 10px 0;
    }
    .sub5_title .sub5_t{
        font-size: 20px;
    }
    .sub5_title .sub5_m {
        font-size: 11px;
    }
    .sub5_sec2_cont {
        margin-top: 35px;
        padding: 40px 0;
    }
    .sub5_sec2_cont .center2 {
        flex-direction: column;
    }
    .sub5_sec2_cont .txt_line {
        width: 35px;
        height: 3px;
    }
    .sub5_sec2_cont .txt_t{
        margin-top: 10px;
        font-size: 18px;
    }
    .sub5_sec2_cont p{
        font-size: 10px;
        margin-top: 10px;
    }
    .sub5_sec2_cont .img_box{
        margin-top: 15px;
    }
    .sub5_sec2_cont img{
        width: 100%;
    }

    .sub5_sec3 {
        margin-top: 70px;
        padding-bottom: 100px;
    }
    .sub5_sec3 .center2 {
        gap: 20px 0;
    }
    .sub5_sec3_cont{
        flex-direction: column;
    }
    .sub5_sec3_cont p {
        font-size: 20px;
    }
    .sub5_sec3_cont p span::after{
        width: 5px;
        height: 5px;
        left: 37%;
    }
    .sub5_sec3_cont .txt2 {
        font-size: 12px;
    }
    .sub5_sec3_cont .txt_box {
        padding: 20px 10px;
    }
    .sub5_sec3_cont .img_box {
        margin: 10px 0;
        width: 100%;
        gap: 10px 0;
    }
    .sub5_sec3_cont .img_line {
        width: 35px;
        height: 3px;
    }
    .sub5_sec3_cont .img_t{
        font-size: 20px;
    }
    .sub5_sec3_cont .time {
       width: 80px;
       gap: 0 10px;
       padding: 2px 0;
    }
    .sub5_sec3_cont .time img{
        width: 15%;
    }
    .sub5_sec3_cont .time span {
        font-size: 12px;
    }

    /* sub6 */
    .sub6_sec1 .center1 {
        gap: 10px 0;
    }

    .sub6_sec2 {
        padding: 100px 0;
    }
    .sub6_title span {
        width: 35px;
        height: 4px;
    }
    .sub6_title p {
        font-size: 20px;
        margin-top: 10px;
    }
    .sub6_sec2 table{
        margin-top: 30px;
    }
    .sub6_sec2 th, .sub6_sec2 td {
        font-size: 12px;
    }
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    .sub_mini_nav span{
        font-size: 14px;
    }
    .sub_title{
        font-size: 27px;
    }
    .sub_mini_t {
        font-size: 14px;
    }

    /* sub5 */
    .sub5_sec1 .center1 {
        gap: 15px 0;
    }

    .sub5_sec2 {
        margin-top: 100px;
    } 
    .sub5_title{
        gap: 15px 0;
    }
    .sub5_title .sub5_t{
        font-size: 22px;
    }
    .sub5_title .sub5_m {
        font-size: 13px;
    }

    .sub5_sec2_cont {
        margin-top: 40px;
        padding: 45px 0;
    }
    .sub5_sec2_cont .center2 {
        flex-direction: column;
    }
    .sub5_sec2_cont .txt_line {
        width: 40px;
        height: 5px;
    }
    .sub5_sec2_cont .txt_t{
        margin-top: 15px;
        font-size: 20px;
    }
    .sub5_sec2_cont p{
        font-size: 12px;
        margin-top: 15px;
    }
    .sub5_sec2_cont .txt_box{
        width: 100%;
    }
    .sub5_sec2_cont .img_box{
        margin-top: 20px;
        width: 100%;
    }
    .sub5_sec2_cont img{
        width: 100%;
    }

    .sub5_sec3 {
        margin-top: 100px;
        padding-bottom: 100px;
    }
    .sub5_sec3 .center2 {
        gap: 25px 0;
    }
    .sub5_sec3_cont{
        flex-direction: column;
    }
    .sub5_sec3_cont p {
        font-size: 22px;
    }
    .sub5_sec3_cont p span::after{
        width: 7px;
        height: 7px;
        left: 39%;
    }
    .sub5_sec3_cont .txt2 {
        font-size: 14px;
    }
    .sub5_sec3_cont .txt_box {
        padding: 25px 5%;
        gap: 20px 0;
        width: 90%;
    }
    .sub5_sec3_cont .img_box {
        margin: 15px 0;
        width: 100%;
        gap: 15px 0;
    }
    .sub5_sec3_cont .img_line {
        width: 40px;
        height: 5px;
    }
    .sub5_sec3_cont .img_t{
        font-size: 22px;
    }
    .sub5_sec3_cont .time {
       width: 100px;
       gap: 0 12px;
       padding: 4px 0;
    }
    .sub5_sec3_cont .time img{
        width: 20%;
    }
    .sub5_sec3_cont .time span {
        font-size: 14px;
    }

    /* sub6 */
    .sub6_sec1 .center1 {
        gap: 15px 0;
    }

    .sub6_sec2 {
        padding: 100px 0;
    }
    .sub6_title span {
        width: 40px;
        height: 5px;
    }
    .sub6_title p {
        font-size: 22px;
        margin-top: 15px;
    }
    .sub6_sec2 table{
        margin-top: 35px;
    }
    .sub6_sec2 th, .sub6_sec2 td {
        font-size: 14px;
    }
}