/* sub_intro */
#sub_intro{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    position: relative;
}
.sub1_intro{
    background-image: url(../img/sub1_bg.jpg);
}
.sub2_intro{
    background-image: url(../img/sub2_bg.jpg);
}
.sub3_intro{
    background-image: url(../img/sub3_bg.jpg);
}
.sub4_intro{
    background-image: url(../img/sub4_bg.jpg);
}
#sub_intro>.center2{
    padding-top: 250px;
    gap: 25px 0;
}
.sub_nav{
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1pt solid rgba(255, 255, 255, .4);
    z-index: 1;
    width: 100%;
}
.sub_nav li{
    color: rgba(255, 255, 255, .4);
    padding: 30px 0;
    cursor: pointer;
}
.sub_nav li.on{
    color: #fff;
}

/* sub1_1 */
#sub1_1{
    padding: 120px 0 185px;
}
.sub_title{
    gap: 30px 0;
}
.s1_1_con1{
    margin-top: 100px;
}
.s1_1_con1 img{
    margin-top: 45px;
    width: 100%;
}
.mid_txt{
    margin: 80px 0 70px;
    padding: 55px 0;
    color: #238bc5;
    border-top: 1pt solid #e1e1e1;
    border-bottom: 1pt solid #e1e1e1;
}
.s1_1_con2>p{
    line-height: 2;
}
.s1_1_con2>div{
    margin-top: 75px;
    align-items: flex-end;
}
.s1_1_con2 img{
    margin: 50px 0 20px;
}

/* sub1_2 */
#sub1_2{
    padding: 120px 0 155px;
}
.s1_2_con{
    margin-top: 100px;
}
.s1_2_imgs{
    padding: 65px 0;
    text-align: center;
    border-bottom: 1pt solid #c9c9ca;
    border-top: 1pt solid #c9c9ca;
}
.s1_2_imgs img{
/*    max-width: 100%;*/
    width: 40%;
}
.s1_2_con ul{
    margin-top: 90px;
    gap: 25px 0;
}
.s1_2_con li{
    gap: 0 25px;
}
.s1_2_con p:first-child{
    border: 1pt solid #c9c9ca;
    box-sizing: border-box;
    border-radius: 50px;
    color: #0089d0;
    width: 147px;
    height: 43px;
}
.s1_2_con p .span1{
    letter-spacing: 1vw;
}
.s1_2_con p .span2{
    letter-spacing: 3vw;
}
.s1_2_con .img_box{
    margin: auto;
    margin-top: 100px;
    text-align: center;
    width: 80%;
}
.s1_2_con .img_box img{
    max-width: 100%;
}

/* sub1_3 */
#sub1_3{
    padding: 120px 0 180px;
}
.s1_3_con{
    margin-top: 100px;
    gap: 0 10vw;
    align-items: baseline;
}
.s1_3_con .left p{
    color: #1e93d4;
}
.s1_3_ul {
    gap: 90px 0;
}
.s1_3_con .year{
    transform: translateX(-10%);
}
.s1_3_con p.on{
    color: #0089d0;
}
.s1_3_ul ul{
    margin-top: 40px;
    gap: 15px 0;
    border-left: 1pt solid #c9c9ca;
    padding-left: 20px;
    box-sizing: border-box;
}
.s1_3_ul ul li{
    gap: 0 15px; 
}
.s1_3_ul ul p:first-child{
    border: 1pt solid #c9c9ca;
    box-sizing: border-box;
    border-radius: 50px;
    color: #0089d0;
    width: 147px;
    height: 43px;
    position: relative;
}
.s1_3_ul ul p:first-child::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #0089d0;
    top: 50%;
    left: -21px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}

/* sub1_4 */
#sub1_4{
    padding: 120px 0 180px;
}
.s1_4_con{
    margin: auto;
    margin-top: 100px;
    text-align: center;
    width: 80%;
}
.s1_4_con img{
    max-width: 100%;
}

/* sub1_5 */
#sub1_5{
    padding: 120px 0 170px;
}
.s1_5_con{
    margin-top: 100px;
}
.s1_5_ul{
    margin-top: 150px;
}
.s1_5_ul li{
    gap: 40px 0;
    width: 25%;
}
.s1_5_con .cc_wrap{
    border: 1pt solid #c9c9ca;
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.s1_5_con .circle{
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.s1_5_con .cc1{
    background-color: #0089d0;
}
.s1_5_con .cc2{
    background-color: #0066b4;
}
.s1_5_con .cc3{
    background-color: #4156a6;
}
.s1_5_con .cc4{
    background-color: #042f70;
}
.s1_5_con .cc_iner{
    border: 1pt solid #fff;
    box-sizing: border-box;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.s1_5_con .cc_iner p{
    font-style: italic;
}
.s1_5_con .img_box{
    margin: auto;
    margin-top: 170px;
    text-align: center;
    width: 80%;
}
.s1_5_con .img_box img{
    max-width: 100%;
}

/* sub1_6 */
#sub1_6{
    padding: 120px 0 160px;
}
.s1_6_con .imgs{
    margin: auto;
    text-align: center;
    margin-top: 100px;
    width: 80%;
}
.s1_6_con .imgs img{
    max-width: 100%;
}

/* sub1_7 */
#sub1_7{
    padding: 120px 0 160px;
}
.s1_7_con{
    margin-top: 100px;
}
.s1_7_con>p{
    color: #0089d0;
    margin-bottom: 100px;
}
.s1_7_ul {
    gap: 80px 0;
    margin-bottom: 100px;
}
.s1_7_ul li{
    width: 30%;
    text-align: center;
}
.s1_7_ul li img{
    max-width: 100%;
}
.s1_7_con .imgs{
    margin: auto;
    margin-top: 100px;
    width: 80%;
}
.s1_7_con .imgs img{
    max-width: 100%;
}

/* sub2_1 */
#sub2_1{
    padding: 90px 0 150px;
}
.s2_1_con1{
    margin-top: 135px;
    gap: 120px 0 ;
}
.s2_1_con1 .imgs1{
    width: 35%;
    margin: auto;
}
.s2_1_con1 .imgs2{
    width: 55%;
    margin: auto;
}
.s2_1_con1 img{
    max-width: 100%;
}
.s2_1_con2 {
    margin-top: 170px;
    gap: 135px 0;
}
.s2_1_con2 li{
    gap: 75px 0;
}
.s2_1_con2 .txts{
    width: 70%;
    padding: 40px 0;
    gap: 30px 0;
    border-top: 1px solid #c9c9ca;
    border-bottom: 1px solid #c9c9ca;
    box-sizing: border-box;
} 
.s2_1_con2 .txts span{
    color: #005bac;
}
.s2_1_con2 .txts p{
    color: #717070;
}
.s2_1_con2 .imgs{
    width: 70%;
    margin: auto;
}
.s2_1_con2 img{
    max-width: 100%;
}

/* sub2_2 */
#sub2_2{
    padding: 90px 0 100px;
}
.s2_2_con{
    margin-top: 100px;
    gap: 80px 0;
}
.s2_2_con>li{
    gap: 80px 0;
    width: 70%;
    margin: auto;
}
.s2_2_txt{
    border-top: 1px solid #c9c9ca;
    border-bottom: 1px solid #c9c9ca;
    box-sizing: border-box;
    padding: 50px 0;
}
.s2_2_txt p:first-child{
    color: #005bac;
}
.s2_2_txt p:nth-child(2){
    margin: 10px 0 5px;
}
.s2_2_img{
    gap: 50px 0;
}
.s2_2_img ul{
    gap: 0 45px;
}
.s2_2_img .right{
    justify-content: flex-end;
}
.s2_2_img li{
    gap: 20px 0;
}
.s2_2_img img{
    width: 100%;
}

/* sub2_3 */
#sub2_3{
    padding: 90px 0 200px;
}
.s2_3_con{
    margin-top: 120px;
    gap: 110px 0;
}
.s2_3_con li{
    gap: 90px 0;
    width: 75%;
    margin: auto;
}
.s2_3_title{
    background-color: #005bac;
    border-radius: 20px;
    padding: 20px 70px;
}
.s2_3_img img{
    max-width: 100%;
}
.s2_3_txt{
    border-top: 1px solid #c9c9ca;
    border-bottom: 1px solid #c9c9ca;
    box-sizing: border-box;
    padding: 65px 0;
}
.s2_3_txt{
    gap: 20px 0;
    width: 88%;
}
.s2_3_txt p:first-child{
    color: #005bac;
}

/* sub2_4 */
#sub2_4{
    padding: 90px 0 200px;
}
.s2_4_con{
    margin-top: 100px;
}
.s2_4_ul{
    gap: 50px 40px;
    margin-bottom: 60px;
}
.s2_4_ul li{
    gap: 20px 0;
    width: 30%;
}
.s2_4_ul .imgs{
/*    width: 439px;*/
    width: 100%;
/*    height: 292px;*/
    height: 247px;
}
.s2_4_ul .imgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* sub2_5 */
#sub2_5{
    padding: 90px 0 165px;
}
.s2_5_con{
    margin-top: 110px;
}
.s2_5_table{
    border-top: 1px solid #7f7f80;
    border-bottom: 1px solid #7f7f80;
    box-sizing: border-box;
    margin-bottom: 40px;
    width: 75%;
    margin: auto;
}
.s2_5_table table{
    width: 100%;
    border-collapse: collapse;
}
.s2_5_table th{
    padding: 15px 0;
    border-bottom: 1px solid #7f7f80;
    box-sizing: border-box;
}
.s2_5_table td{
    padding: 12px 0;
    border-bottom: 1px solid #cdcece;
    box-sizing: border-box;
    border-right: 15px solid #fff;
    padding-left: 30px;
}
.s2_5_table td.txt-center{
    padding-left: 0;
}
.s2_5_table td:last-child{
    border-right: 0;
}
.s2_5_table tr:last-child td{
    border-bottom: 0;
}

/* sub2_6 */
#sub2_6{
    padding: 90px 0 200px;
}


/* sub3 */
#sub3{
    padding: 120px 0 180px;
}
.s3_con{
    margin-top: 60px;
}
.s3_con>p{
    justify-content: flex-end;
}
.s3_con span{
    color: #b30007;
}
.s3_ul{
    margin-top: 25px;
    flex-wrap: wrap;
    gap: 20px 0;
}
.s3_ul li{
    padding: 20px 25px;
    border-radius: 20px;
    background-color: #f9f9f9;
    gap: 0 5vw;
}
.s3_ul .list1{
    width: 45%;
}
.s3_ul .list2, .s3_ul .list3{
    width: 100%;
}
.s3_ul p{
    width: 4vw;
}
.s3_ul input{
    color: #555;
    font-family: 'SUIT', sans-serif;
    font-weight: 500;
    border: 0;
    background-color: #f9f9f9;
    width: 20vw;
}
.s3_ul input::placeholder{
    color: #cccccc;
    font-family: 'SUIT', sans-serif;
    font-weight: 300;
}
.s3_ul textarea{
    width: 100%;
    color: #555;
    font-family: 'SUIT', sans-serif;
    font-weight: 500;
    border: 0;
    background-color: #f9f9f9;
    padding: 0 0 100px;
}
.s3_ul textarea::placeholder{
    color: #cccccc;
    font-family: 'SUIT', sans-serif;
    font-weight: 300;
}
.s3_submit{
    margin-top: 70px;
}
.s3_submit input{
    border: 0;
    border-radius: 10px;
    background-color: #222;
    width: 250px;
    height: 60px;
}

/* sub4 */
.sub4_intro .sub_nav li{
    width: 50%;
}
.s4_con{
    margin-top: 100px;
}
.s4_con table{
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #111111;
}
.s4_con tr{
    cursor: pointer;
}
.s4_con td{
    padding: 45px 20px;
    border-bottom: 1pt solid #d7d7d7;
}
.s4_con td:first-child,
.s4_con td:last-child{
    width: 10%;
}
.s4_con td:nth-child(2){
    width: 80%;
}
.s4_con td p:last-child{
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 90%;
}
.s4_con span{
    color: #111;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
}
.s4_con tr:hover span{
    color: #fff;
    background-color: #111;
}
.page_btn {
    margin-top: 50px;
}
.page_btn a{
    color: #666;
    margin: 0 15px;
}
.page_btn .page_num{
    color: #fff;
    margin: 0;
    background-color: #0089d0;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

/* sub4_d */
.s4_d_con{
    margin-top: 100px;
    border-top: 2px solid #111111;
}
.s4_d_title{
    padding: 40px 20px 30px;
    gap: 30px 0;
}
.s4_d_content{
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #000000;
    padding: 40px 20px 100px;
}
.s4_d_content img{
    max-width: 100%;
}
.back_btn{
    margin-top: 60px;
}
.back_btn p{
    border: 1px solid #d7d7d7;
    width: 200px;
    height: 60px;
    border-radius: 50px;
    cursor: pointer;
}

/* sub4_1 */
#sub4_1{
    padding: 120px 0 165px;
}

/* sub4_1_d */
#sub4_1_d{
    padding: 120px 0 230px;
}

/* sub4_2 */
#sub4_2{
    padding: 120px 0 165px;
}

/* sub4_2_d */
#sub4_2_d{
    padding: 120px 0 230px;
}


/* mobile */
@media screen and (max-width: 767px){
    #sub_intro{
        height: 500px;
    }
    #sub_intro>.center2 {
        padding-top: 230px;
        gap: 15px 0;
    }
    .sub_nav li{
        padding: 15px 0;
    }
    .sub_title {
        gap: 15px 0;
    }

    /* sub1_1 */
    #sub1_1 {
        padding: 80px 0 100px;
    }
    .s1_1_con1 {
        margin-top: 50px;
    }
    .s1_1_con1 img {
        margin-top: 25px;
    }
    .mid_txt {
        margin: 50px 0 40px;
        padding: 30px 0;
    }
    .s1_1_con2>div {
        margin-top: 35px;
    }
    .s1_1_con2 .imgs{
        width: 200px;
    }
    .s1_1_con2 img {
        width: 100%;
        margin: 25px 0 10px;
    }

    /* sub1_2 */
    #sub1_2 {
        padding: 80px 0 100px;
    }
    .s1_2_con {
        margin-top: 50px;
    }
    .s1_2_imgs {
        padding: 40px 0;
    }
    .s1_2_imgs img{
        width: 100%;
    }
    .s1_2_con ul {
        margin-top: 50px;
    }
    .s1_2_con li {
        flex-direction: column;
        gap: 10px 0;
        align-items: flex-start;
    }
    .s1_2_con p:first-child{
        width: 85px;
        height: 35px;
    }
    .s1_2_con .img_box {
        margin-top: 50px;
        width: 100%;
    }

    /* sub1_3 */
    #sub1_3 {
        padding: 80px 0 100px;
    }
    .s1_3_con{
        margin-top: 50px;
        flex-direction: column;
        gap: 50px 0;
    }
    .s1_3_con .year{
        transform: unset;
    }
    .s1_3_ul {
        gap: 50px 0;
    }
    .s1_3_ul ul {
        margin-top: 20px;
    }
    .s1_3_ul ul li{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px 0;
    }
    .s1_3_ul ul p:first-child{
        width: 90px;
        height: 35px;
    }
    
    /* sub1_4 */
    #sub1_4 {
        padding: 80px 0 100px;
    }
    .s1_4_con {
        margin-top: 50px;
        width: 100%;
    }

    /* sub1_5 */
    #sub1_5 {
        padding: 80px 0 100px;
    }
    .s1_5_con {
        margin-top: 50px;
    }
    .s1_5_ul {
        margin-top: 75px;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px 0;
        align-items: flex-start;
    }
    .s1_5_ul li{
        width: 48%;
    }
    .s1_5_con .cc_wrap{
        width: 150px;
        height: 150px;
    }
    .s1_5_con .circle{
        width: 130px;
        height: 130px;
    }
    .s1_5_con .cc_iner{
        width: 110px;
        height: 110px;
    }
    .s1_5_con .img_box {
        margin-top: 80px;
        width: 100%;
    }

    /* sub1_6 */
    #sub1_6 {
        padding: 80px 0 100px;
    }
    .s1_6_con .imgs {
        margin-top: 50px;
        width: 100%;
    }

    /* sub1_7 */
    #sub1_7 {
        padding: 80px 0 100px;
    }
    .s1_7_con {
        margin-top: 50px;
    }
    .s1_7_con>p{
        margin-bottom: 50px;
    }
    .s1_7_ul{
        gap: 40px 20px;
    }
    .s1_7_ul li {
        width: 28%;
    }
    .s1_7_con .imgs{
        width: 100%;
    }

    /* sub2_1 */
    #sub2_1 {
        padding: 80px 0 100px;
    }
    .s2_1_con1 {
        margin-top: 40px;
        gap: 50px 0;
    }
    .s2_1_con1 .imgs1{
        width: 100%;
    }
    .s2_1_con1 .imgs2{
        width: 100%;
    }
    .s2_1_con2 {
        margin-top: 80px;
        gap: 60px 0;
    }
    .s2_1_con2 li {
        gap: 40px 0;
    }
    .s2_1_con2 .txts{
        width: unset;
        padding: 20px 0;
        gap: 15px 0;
    }
    .s2_1_con2 .imgs{
        width: 100%;
    }

    /* sub2_2 */
    #sub2_2{
        padding: 80px 0 100px;
    }
    .s2_2_con{
        margin-top: 50px;
        gap: 40px 0;
    }
    .s2_2_con>li{
        gap: 40px 0;
        width: 100%;
    }
    .s2_2_txt{
        padding: 25px 0;
    }
    .s2_2_txt p:nth-child(2){
        margin: 5px 0 2px;
    }
    .s2_2_img{
        gap: 25px 0;
    }
    .s2_2_img ul{
        flex-direction: column;
        gap: 20px 0;
    }
    .s2_2_img .right{
        justify-content: flex-start;
    }
    .s2_2_img li{
        gap: 10px 0;
    }

    /* sub2_3 */
    #sub2_3{
        padding: 80px 0 100px;
    }
    .s2_3_con{
        margin-top: 50px;
        gap: 50px 0;
    }
    .s2_3_con li{
        gap: 45px 0;
        width: 100%;
    }
    .s2_3_title{
        padding: 10px 35px;
        border-radius: 10px;
    }
    .s2_3_txt{
        padding: 30px 0;
    }
    .s2_3_txt{
        gap: 10px 0;
        width: 100%;
    }

    /* sub2_4 */
    #sub2_4{
        padding: 80px 0 100px;
    }
    .s2_4_con{
        margin-top: 50px;
    }
    .s2_4_ul{
        gap: 25px 0px;
        justify-content: space-between;
        margin-bottom: 30px;
        align-items: flex-start;
    }
    .s2_4_ul li{
        gap: 10px 0;
        width: 48%;
    }
    .s2_4_ul .imgs{
        width: 100%;
        height: 100px;
    }

    /* sub2_5 */
    #sub2_5{
        padding: 80px 0 100px;
    }
    .s2_5_con{
        margin-top: 50px;
    }
    .s2_5_table{
        margin-bottom: 20px;
        overflow: auto;
        width: 100%;
    }
    .s2_5_table table{
        min-width: 100%;
        width: max-content;
    }
    .s2_5_table td{
        padding-left: 10px;
    }
    
    /* sub2_6 */
    #sub2_6{
        padding: 80px 0 100px;
    }

    /* sub3 */
    #sub3 {
        padding: 80px 0 100px;
    }
    .s3_con {
        margin-top: 40px;
    }
    .s3_ul{
        margin-top: 15px;
    }
    .s3_ul li{
        flex-direction: column;
        gap: 10px 0;
        align-items: flex-start;
    }
    .s3_ul .list1 {
        width: 100%;
    }
    .s3_ul p{
        width: unset;
    }
    .s3_ul input{
        width: unset;
        padding: 0;
    }
    .s3_submit {
        margin-top: 35px;
    }
    .s3_submit input{
        width: 120px;
        height: 45px;
    }

    /* sub4 */
    .s4_con {
        margin-top: 50px;
        overflow: auto;
    }
    .s4_con table{
        min-width: 100%;
        width: max-content;
    }
    .s4_con td {
        padding: 25px 10px;
    }
    .s4_con td p:last-child {
        margin-top: 10px;
    }
    .s4_con span{
        width: 40px;
        height: 40px;
    }
    .page_btn .page_num{
        width: 40px;
        height: 40px;
    }

    /* sub4_d */
    .s4_d_con {
        margin-top: 50px;
    }
    .s4_d_title {
        padding: 20px 10px 15px;
        gap: 15px 0;
    }
    .s4_d_content{
        padding: 20px 10px 100px;
    }
    .back_btn p{
        width: 130px;
        height: 45px;
    }

    /* sub4_1 */
    #sub4_1 {
        padding: 80px 0 100px;
    }

    /* sub4_1_d */
    #sub4_1_d {
        padding: 80px 0 100px;
    }

    /* sub4_2 */
    #sub4_2 {
        padding: 80px 0 100px;
    }

    /* sub4_2_d */
    #sub4_2_d {
        padding: 80px 0 100px;
    }

}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    #sub_intro{
        height: 600px;
    }
    #sub_intro>.center2 {
        padding-top: 270px;
        gap: 20px 0;
    }
    .sub_nav li{
        padding: 20px 0;
    }
    .sub_title {
        gap: 20px 0;
    }

    /* sub1_1 */
    #sub1_1 {
        padding: 90px 0 100px;
    }
    .s1_1_con1 {
        margin-top: 55px;
    }
    .s1_1_con1 img {
        margin-top: 30px;
    }
    .mid_txt {
        margin: 55px 0 45px;
        padding: 35px 0;
    }
    .s1_1_con2>div {
        margin-top: 40px;
    }
    .s1_1_con2 .imgs{
        width: 250px;
    }
    .s1_1_con2 img {
        width: 100%;
        margin: 30px 0 15px;
    }

    /* sub1_2 */
    #sub1_2 {
        padding: 90px 0 100px;
    }
    .s1_2_con {
        margin-top: 55px;
    }
    .s1_2_imgs {
        padding: 45px 0;
    }
    .s1_2_imgs img{
        width: 100%;
    }
    .s1_2_con ul {
        margin-top: 55px;
    }
    .s1_2_con li {
        gap: 0 10px;
    }
    .s1_2_con p:first-child{
        width: 110px;
        height: 40px;
    }
    .s1_2_con .img_box {
        margin-top: 55px;
        width: 100%;
    }

    
    /* sub1_3 */
    #sub1_3 {
        padding: 90px 0 100px;
    }
    .s1_3_con{
        margin-top: 55px;
        flex-direction: column;
        gap: 55px 0;
    }
    .s1_3_con .year{
        transform: unset;
    }
    .s1_3_ul {
        gap: 55px 0;
    }
    .s1_3_ul ul {
        margin-top: 25px;
    }
    .s1_3_ul ul li{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px 0;
    }
    .s1_3_ul ul p:first-child{
        width: 120px;
        height: 40px;
    }

    /* sub1_4 */
    #sub1_4 {
        padding: 90px 0 100px;
    }
    .s1_4_con {
        margin-top: 55px;
        width: 100%;
    }
    
    /* sub1_5 */
    #sub1_5 {
        padding: 90px 0 100px;
    }
    .s1_5_con {
        margin-top: 55px;
    }
    .s1_5_ul {
        margin-top: 80px;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 35px 0;
        align-items: flex-start;
    }
    .s1_5_ul li{
        width: 48%;
    }
    .s1_5_con .cc_wrap{
        width: 180px;
        height: 180px;
    }
    .s1_5_con .circle{
        width: 160px;
        height: 160px;
    }
    .s1_5_con .cc_iner{
        width: 140px;
        height: 140px;
    }
    .s1_5_con .img_box {
        margin-top: 85px;
        width: 100%;
    }

    /* sub1_6 */
    #sub1_6 {
        padding: 90px 0 100px;
    }
    .s1_6_con .imgs {
        margin-top: 55px;
        width: 100%;
    }

    /* sub1_7 */
    #sub1_7 {
        padding: 90px 0 100px;
    }
    .s1_7_con {
        margin-top: 55px;
    }
    .s1_7_ul{
        gap: 45px 25px;
    }
    .s1_7_ul li {
        width: 30%;
    }
    .s1_7_con .imgs{
        width: 100%;
    }

    /* sub2_1 */
    #sub2_1 {
        padding: 90px 0 100px;
    }
    .s2_1_con1 {
        margin-top: 50px;
        gap: 60px 0;
    }
    .s2_1_con2 {
        margin-top: 90px;
        gap: 70px 0;
    }
    .s2_1_con2 li {
        gap: 50px 0;
    }
    .s2_1_con2 .txts{
        width: unset;
        padding: 30px 0;
        gap: 20px 0;
    }

    /* sub2_2 */
    .s2_2_con {
        margin-top: 60px;
    }
    .s2_2_con>li{
        width: 100%;
    }
        

    /* sub2_3 */
    #sub2_3{
        padding: 90px 0 100px;
    }
    .s2_3_con{
        margin-top: 60px;
        gap: 60px 0;
    }
    .s2_3_con li{
        gap: 50px 0;
        width: 100%;
    }
    .s2_3_title{
        padding: 15px 40px;
    }
    .s2_3_txt{
        padding: 35px 0;
    }
    .s2_3_txt{
        gap: 15px 0;
        width: 100%;
    }

    /* sub2_4 */
    #sub2_4{
        padding: 90px 0 100px;
    }
    .s2_4_con{
        margin-top: 60px;
    }
    .s2_4_ul{
        gap: 30px 0px;
        justify-content: space-between;
        margin-bottom: 35px;
        align-items: flex-start;
    }
    .s2_4_ul li{
        gap: 15px 0;
        width: 48%;
    }
    .s2_4_ul .imgs{
        width: 100%;
    }

    /* sub2_5 */
    #sub2_5{
        padding: 90px 0 100px;
    }
    .s2_5_con{
        margin-top: 60px;
    }
    .s2_5_table{
        margin-bottom: 25px;
        overflow: auto;
        width: 100%;
    }
    .s2_5_table table{
        min-width: 100%;
        width: max-content;
    }
    .s2_5_table td{
        padding-left: 15px;
    }

    /* sub2_6 */
    #sub2_6{
        padding: 90px 0 100px;
    }

    /* sub3 */
    #sub3 {
        padding: 90px 0 100px;
    }
    .s3_con {
        margin-top: 45px;
    }
    .s3_ul{
        margin-top: 20px;
    }
    .s3_ul li{
        flex-direction: column;
        gap: 15px 0;
        align-items: flex-start;
    }
    .s3_ul .list1 {
        width: 100%;
    }
    .s3_ul p{
        width: unset;
    }
    .s3_ul input{
        width: unset;
        padding: 0;
    }
    .s3_submit {
        margin-top: 40px;
    }
    .s3_submit input{
        width: 150px;
        height: 50px;
    }

    /* sub4 */
    .s4_con {
        margin-top: 55px;
        overflow: auto;
    }
    .s4_con table{
        min-width: 100%;
        width: max-content;
    }
    .s4_con td {
        padding: 30px 15px;
    }
    .s4_con td p:last-child {
        margin-top: 15px;
    }

    /* sub4_d */
    .s4_d_con {
        margin-top: 55px;
    }
    .s4_d_title {
        padding: 25px 15px 20px;
        gap: 20px 0;
    }
    .s4_d_content{
        padding: 25px 15px 100px;
    }
    .back_btn p{
        width: 150px;
        height: 50px;
    }

    /* sub4_1 */
    #sub4_1 {
        padding: 90px 0 100px;
    }

    /* sub4_1_d */
    #sub4_1_d {
        padding: 90px 0 100px;
    }

    /* sub4_2 */
    #sub4_2 {
        padding: 90px 0 100px;
    }

    /* sub4_2_d */
    #sub4_2_d {
        padding: 90px 0 100px;
    }


}