/* sub_active nth-child(1) 수정*/
/* .sub_head31 > ul > li:nth-child(1) > a::after {
    content: '';
    display: block;
    background-color: #fff;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px;
} */
.sub_head31 > ul > li:nth-child(1) > a {
    color: #fff;
    font-weight: 500;
}

/* sub31_title */
.sub31_title {
    padding-top: 84px;
    text-align: center;
    padding-bottom: 58px;
}
.sub31_title > div > h3 {
    font-size: 36px;
    font-weight: 500;
    color: #03235d;
}
.sub31_title > div > img {
    margin-bottom: 25px;
}

/* sub31_system */
.sub31_system {
    padding-top: 85px;
    padding-bottom: 88px;
    background-image: url(../img/sub_img/sub31_system_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
}
.sub31_system > div {
    display: flex;
    justify-content: space-between;
}
.sub31_system_left > h3 {
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 19px;
}
.sub31_system_left > h3 > span {
    font-weight: 500;
}
.sub31_system_left > p {
    margin-bottom: 110px;
    font-size: 22px;
    font-weight: 300;
}
.sub31_system_left > span {
    font-size: 24px;
    font-weight: 300;
    line-height: 82px;
    width: 512px;
    display: block;
    text-align: center;
}
.sub31_system_left > span:nth-child(3) {
    background-color: rgba(69, 239, 160, 0.8);
    margin-bottom: 8px;
}
.sub31_system_left > span:nth-child(4) {
    border: 1px solid #ffffff;
}
.sub31_system_right {
    margin-right: 75px;
}
.sub31_system_right > h4 {
    font-size: 26px;
    font-weight: 300;
}
.sub31_system_right > h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 36px;
}
.sub31_system_right > span {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 8px;
    position: relative;
    text-indent: 20px;
    display: block;
}
.sub31_system_right > span::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.sub31_system_right > p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 36px;
}
.sub31_system_right > p:last-child {
    margin-bottom: 0px;
}

/* sub31_info */
.sub31_info {
    position: relative;
}
.sub31_info_1f {
    padding-top: 180px;
    padding-bottom: 133px;
}
.sub31_info_1f > h3 {
    font-size: 32px;
    font-weight: 500;
    color: #191919;
    margin-bottom: 19px;
}
.sub31_info_1f > p {
    color: #727272;
    font-size: 20px;
    font-weight: 300;
}
.sub31_info_1f_right {
    position: absolute;
    right: 227px;
    top: 120px;
    display: flex;
}
.sub31_info_1f_right > div {
    background-color: #233961;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 336px;
    height: 450px;
}
.sub31_info_1f_right > div > span {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.sub31_info_1f_right > div > p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-top: 11px;
}
.sub31_info_con2 {
    margin: 0px 30px;
}
.sub31_info_con1 > img {
    margin-bottom: 42px;
}
.sub31_info_con2 > img {
    margin-bottom: 64px;
}
.sub31_info_con3 > img {
    margin-bottom: 54px;
}
.sub31_info_2f {
    display: flex;
}
.sub31_info_2f_right {
    width: 50%;
    background-color: #f1f1f1;
    padding-top: 126px;
    padding-left: 80px;
    padding-bottom: 85px;
    color: #333333;
}
.sub31_info_2f_right > h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 19px;
}
.sub31_info_2f_right > p {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.5px;
}

/* sub31_process */
.sub31_process {
    padding-top: 120px;
    text-align: center;
}
.sub31_process > h3 {
    font-size: 32px;
    font-weight: 300;
    color: #303030;
    margin-bottom: 54px;
}
.sub31_process > h3 > span {
    font-weight: 500;
    color: #002556;
}
.sub31_process_1f {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 120px;
}
.sub31_process_1f > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sub31_process_1f > div > span {
    font-size: 18px;
    font-weight: 500;
    margin: 16px 0px 8px;
    color: #303030;
}
.sub31_process_1f > div > p {
    font-size: 15px;
    font-weight: 300;
    color: #727272;
}
.sub31_process_2f {
    display: flex;
    justify-content: space-between;
}
.sub31_process_2f > div > div {
    padding-top: 26px;
    padding-bottom: 25px;
    border: 1px solid #a7a7a7;
}
.sub31_process_2f > div > div > span {
    font-size: 22px;
    font-weight: 500;
    color: #373737;
}
.sub31_process_2f > div > div > p {
    font-size: 18px;
    font-weight: 300;
    color: #373737;
    margin-top: 13px;
}

/* sub31_material */
.sub31_material {
    padding-top: 120px;
    text-align: center;
}
.sub31_material > h3 {
    font-size: 32px;
    font-weight: 300;
    color: #191919;
    margin-bottom: 12px;
}
.sub31_material > h3 > span {
    font-weight: 500;
}
.sub31_material > p {
    color: #3b3b3b;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 56px;
}

/* sub31_table */
.sub31_table {
    padding-top: 72px;
    padding-bottom: 120px;
    text-align: center;
}
.sub31_table > p {
    color: #727272;
    font-size: 22px;
    font-weight: 400;
}
.sub31_table > h3 {
    color: #242424;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 42px;
    position: relative;
}
.sub31_table > h3 > span {
    color: #233961;
}
.sub31_table > h3 > img {
    display: none;
}
.sub31_table > h3 > img:nth-child(1) {
    bottom: -325px;
    left: 465px;
}
.sub31_table > h3 > img:nth-child(3) {
    bottom: -100px;
}
.sub31_table .tg {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
.sub31_table .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    padding: 17px 51px;
    word-break: normal;
}
.sub31_table .tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 17px 51px;
    word-break: normal;
    font-size: 23px;
    font-weight: 500;
}
.sub31_table .tg .tg-d1h8 {
    border-color: #f1f1f1;
    color: #727272;
    text-align: center;
    vertical-align: middle;
}
.sub31_table .tg tr > td:last-child {
    border-left: #233961 2px solid;
    border-right: #233961 2px solid;
    font-weight: 500 !important;
}
.sub31_table .tg .tg-eqx3 {
    background-color: #222222;
    border-color: inherit;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
}
.sub31_table .tg .tg-eqx3:nth-child(2) {
    font-weight: 600;
    font-size: 32px;
}
.sub31_table .tg .tg-xx5g {
    background-color: #233961;
    border-color: inherit;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border: #233961 1px solid;
    border-left: #233961 2px solid;
}
body
    > section.sub31_table
    > div
    > table
    > tbody
    > tr:nth-child(6)
    > td:nth-child(3) {
    border-bottom: #233961 2px solid;
}
/* sub31_equipment */
.sub31_equipment {
    padding-top: 61px;
    padding-bottom: 57px;
    background-color: #233961;
}
.sub31_equipment > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub31_equipment_left {
    color: #fff;
}
.sub31_equipment_left > h3 {
    font-size: 42px;
    font-weight: 300;
    margin: 30px 0px 29px;
}
.sub31_equipment_left > h3 > span {
    font-weight: 500;
}
.sub31_equipment_left > p {
    font-size: 18px;
    font-weight: 300;
}
.sub31_equipment_right {
    display: flex;
}
.sub31_equipment_right > div > div {
    background-color: #fff;
    padding: 20px 20px 44px;
    width: 267px;
}
.sub31_equipment_right > div > div > span {
    font-size: 20px;
    font-weight: 500;
    color: #191919;
}
.sub31_equipment_right > div > div > p {
    font-size: 16px;
    font-weight: 300;
    color: #727272;
}
.sub31_equipment_con2 {
    margin: 0px 20px;
}
.m_sub31_table {
    display: none;
}
/* sub31_check */
.sub31_check {
    padding-top: 120px;
    padding-bottom: 120px;
}
.sub31_check > span {
    font-size: 22px;
    font-weight: 400;
    color: #727272;
    text-align: center;
    display: block;
}
.sub31_check > h3 {
    font-size: 32px;
    font-weight: 500;
    color: #222222;
    margin-bottom: 119px;
    text-align: center;
}
.sub31_check_in01,
.sub31_check_in02,
.sub31_check_in03 {
    display: flex;
    position: relative;
}
.sub31_check_in01::after,
.sub31_check_in02::after,
.sub31_check_in03::after {
    content: '';
    display: block;
    width: 1400px;
    height: 240px;
    position: absolute;
    bottom: -40px;
    background-color: #f6f6f6;
    z-index: -1;
}
.sub31_check_in01::after,
.sub31_check_in03::after {
    left: -230px;
}
.sub31_check_in02::after {
    right: -230px;
}
.sub31_check_in01 > img,
.sub31_check_in03 > img {
    margin-right: 82px;
}
.sub31_check_in02 > img {
    margin-left: 84px;
}
.sub31_check_in02 {
    justify-content: flex-end;
    margin: 131px 0px;
}
.sub31_check > div > div > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.sub31_check > div > div > div > img {
    display: block;
    margin-bottom: 58px;
}
.sub31_check > div > div > div > span {
    font-size: 28px;
    font-weight: 500;
    color: #233961;
}
.sub31_check > div > div > div > p {
    color: #333333;
    font-size: 20px;
    font-weight: 300;
    margin-top: 18px;
}

/*tablet main*/
@media screen and (max-width: 1024px) {
    .center {
        width: 760px;
    }
    .sub31_table .tg td {
        font-size: 14px;
    }
    .sub31_check_in01,
    .sub31_check_in02,
    .sub31_check_in03 {
        flex-direction: column;
    }
    .sub31_check_in02 {
        flex-direction: column-reverse;
    }
    .sub31_check_in01 > img,
    .sub31_check_in02 > img,
    .sub31_check_in03 > img {
        margin: 0px auto;
    }
    .sub31_system > div {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .sub31_system_right {
        margin-right: 0px;
        margin-top: 30px;
    }
    .sub31_system_right > span::after {
        left: 85px;
    }
    .sub31_info_1f_right {
        position: relative;
        right: 0px;
    }
    .sub31_info_2f {
        flex-direction: column;
    }
    .sub31_info_2f_right {
        width: auto;
    }
    .sub31_process_1f {
        flex-wrap: wrap;
    }
    .sub31_process_1f > div {
        margin-bottom: 15px;
    }
    .sub31_material > p {
        font-size: 18px;
    }
    .sub31_equipment > div {
        flex-direction: column;
        align-items: initial;
    }
    .sub31_equipment_left {
        margin-bottom: 25px;
    }
}

/*mobile main*/
@media screen and (max-width: 767px) {
    .center {
        width: 380px;
    }
    .sub31_title > div > h3 {
        font-size: 26px;
    }
    .sub31_process_con1 {
        margin-bottom: 25px;
    }
    .sub31_table .tg th {
        padding: 0px;
    }
    .sub31_table .tg td {
        padding: 0px;
    }
    .sub31_table .tg td {
        font-size: 11px;
    }
    .sub31_system_left > h3 {
        font-size: 26px;
    }
    .sub31_system_left > p {
        font-size: 16px;
    }
    .sub31_system_left > span {
        width: 350px;
    }
    .sub31_system_left > span {
        font-size: 18px;
    }
    .sub31_system_right > h4 {
        font-size: 20px;
    }
    .sub31_system_right > h3 {
        font-size: 26px;
    }
    .sub31_system_right > span {
        font-size: 18px;
    }
    .sub31_system_right > p {
        font-size: 14px;
    }
    .sub31_info_1f > h3 {
        font-size: 26px;
    }
    .sub31_info_1f > p {
        font-size: 16px;
    }
    .sub31_info_1f_right {
        flex-direction: column;
        align-items: center;
        top: 35px;
    }
    .sub31_info_con2 {
        margin: 30px 0px;
    }
    .sub31_info_2f_right {
        padding-left: 15px;
        padding-top: 60px;
    }
    .sub31_info_2f_right > h3 {
        font-size: 26px;
    }
    .sub31_info_2f_right > p {
        font-size: 15px;
        font-weight: 300;
    }
    .sub31_process {
        padding-top: 60px;
    }
    .sub31_process > h3 {
        font-size: 26px;
    }
    .sub31_system_right > span::after {
        display: none;
    }
    .sub31_process_1f > div > p {
        font-size: 14px;
        font-weight: 300;
    }
    .sub31_process_2f > div > div > span {
        font-size: 16px;
    }
    .sub31_process_2f > div > div > p {
        font-size: 15px;
    }
    .sub31_process_1f {
        margin-bottom: 60px;
    }
    .sub31_material {
        padding-top: 60px;
    }
    .sub31_material > h3 {
        font-size: 26px;
    }
    .sub31_material > p {
        font-size: 16px;
        font-weight: 300;
    }
    .sub31_table > p {
        font-size: 20px;
    }
    .sub31_table > h3 {
        font-size: 26px;
    }
    .sub31_table .tg {
        display: none;
    }
    .m_sub31_table {
        display: block;
    }
    .sub31_equipment > div {
        text-align: center;
    }
    .sub31_equipment_left > h3 {
        font-size: 26px;
    }
    .sub31_equipment_left > p {
        font-size: 16px;
    }
    .sub31_equipment_right {
        flex-direction: column;
        align-items: center;
    }
    .sub31_equipment_con2 {
        margin: 30px 0px;
    }
    .sub31_check {
        padding: 60px 0px;
    }
    .sub31_check > span {
        font-size: 16px;
    }
    .sub31_check > h3 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .sub31_system_left > p {
        padding-bottom: 40px;
        margin-bottom: 0px;
    }
    .sub31_info_1f {
        padding-top: 60px;
        text-align: center;
    }
    .sub31_check_in01::after,
    .sub31_check_in02::after,
    .sub31_check_in03::after {
        height: 275px;
    }
    .sub31_process_2f {
        flex-direction: column;
    }
    .sub31_material_in > img {
        transform: translateX(-40%) scale(0.5);
        max-width: initial;
        margin: -210px auto;
    }
    .sub31_check > div > div > div > p {
        font-size: 16px;
    }
    .sub31_check > div > div > div > span {
        font-size: 23px;
    }
}