@charset "utf-8";

/* section1 */
.section1{
    margin-top: 5.20vw;
    width: 100vw;
    height: 20.60vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section1 .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section1 .bg figure{
    width: 100%;
    height: 100%;
}
.section1 .bg figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section1 .text{
    position: relative;
    text-align: center;
    color: #fff
}
.section1 .text p{
    font-size: 0.93vw;
    font-weight: 700;
    letter-spacing: 1.11vw;
}
.section1 .text h1{
    font-size: 2.08vw;
    margin-top: 1.56vw;
    padding-bottom: 2.08vw;
    margin-bottom: 2.08vw;
    position: relative;
    font-weight: 700;
}
.section1 .text h1::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 7.81vw;
    height: 1px;
    background-color: #fff;
}
.section1 .text span{
    font-size: 1.04vw;
}
.section1 .text span br{
    display: none;
}
/* section1 */



/* section2 */
.section2.mobile{
    display: none;
}
.section2{
    padding: 100px 0;
    width: 70.3125vw;
    margin: 0 auto;
}
.section2 .up{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.64vw;
}
.section2 .up > h1{
    width: 15.625vw;
    height: 2.60vw;
    background-color: #153F91;
    color: #fff;
    font-size: 1.30vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.52vw 0.52vw 0 0;
}
.section2 .up .text{
    width: 100%;
    height: 13.02vw;
    border-radius: 1.56vw;
    background-color: rgba(17, 144, 208, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5.20vw;
}
.section2 .up .text > p{
    font-size: 1.04vw;
    margin-bottom: 1.92vw;
    line-height: normal;
    font-weight: 500;
}
.section2 .up .text .box{
    display: flex;
}
.section2 .up .text .box h1{
    font-size: 1.04vw;
    font-weight: 700;
    color: #153F91;
    margin-right: 1.19vw;

}
.section2 .up .text .box ul li{
    font-size: 1.04vw;
    font-weight: 700;
    margin-bottom: 0.78vw;
    display: flex;
}
.section2 .up .text .box ul li span{
    color: #153F91;
}
.section2 .up .text .box ul li p{
    font-weight: 500;
}
.section2 .down{
    width: 100%;

}
.section2 .down table{
    width: 100%;
}
.section2 .down table thead{
    border-top: 1px solid #000;
    background: rgba(21, 62, 145, 0.1);
    height: 2.60vw;
}
.section2 .down table thead th{
    vertical-align: middle;
    font-size: 1.04vw;
    font-weight: 700;
}
.section2 .down table thead th br{
    display: none;
}
.section2 .down table tbody tr{
    height: 2.60vw;
    border-bottom: 1px solid #C7C7C7;
}
.section2 .down table tbody tr:nth-child(1){
    border-top: 1px solid #C7C7C7;
}
.section2 .down table tbody tr td{
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    font-size:1.04vw;
    border-right: 1px solid #C7C7C7;
}
.section2 .down table tbody tr td{
    line-height: normal;
}
.section2 .down table tbody tr td:first-child br{
    display: none;
}
.section2 .down table tbody tr td:nth-child(2) br{
    display: none;
}
.section2 .down table tbody tr td span{
    color: #153F91;
}
.section2 .down table tbody tr:nth-child(1) td:last-child{
    border-right: none;
}
.section2 .down table tbody tr:nth-child(6) td:last-child{
    border-right: none;
}
.section2 .down table tbody tr:nth-child(14) td:last-child{
    border-right: none;
}
.section2 .down table tbody tr:nth-child(20) td:last-child{
    border-right: none;
}

/* section2 */



/* section3 */
.section3.mobile{
    display: none;
}
.section3{
    padding-bottom: 100px;
    width: 70.3125vw;
    margin: 0 auto;

}
.section3 > h1{
    font-size: 2.08vw;
    font-weight: 500;
    margin-bottom: 2.60vw;
}
.section3 > h1 span{
    font-weight: 700;
}
.section3 table{
    width: 100%;
}
.section3 table thead tr{
    height: 3.64vw;
    background-color: #153F91;
    color: #fff;
    font-weight: 700;
    font-size: 1.04vw;
}
.section3 table thead tr th{
    border-top: 1px solid #000;
    vertical-align: middle;
    line-height: normal;
}
.section3 table thead tr th span{
    font-size: 0.93vw;
}
.section3 table tbody tr{
    height: 13.02vw;
    border-bottom: 1px solid #C7C7C7;
    font-size: 0.93vw;
    line-height: 1.5;
    font-weight: 500;

}
.section3 table tbody tr:nth-child(1){
    border-top: 1px solid #C7C7C7;
}
.section3 table tbody tr td{
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #C7C7C7;
    
}
.section3 table tbody tr td:last-child{
    border-right: none;
    font-weight: 700;
}
.section3 table tbody tr td:nth-child(2){
    text-align: left;
    padding-left: 2vw;
}
.section3 table tbody tr td:nth-child(3){
    text-align: left;
    padding-left: 2vw;
}
.section3 table tbody tr td:nth-child(4){
    text-align: left;
    padding-left: 2vw;
}
.section3 table tbody tr:nth-child(2) td:last-child{
    text-align: center;
    padding-left: 0;

}

/* section3 */



/* section4 */
.section4.mobile{
    display: none;
}
.section4{
    padding-bottom: 2.60vw;
    width: 70.3125vw;
    margin: 0 auto;

}
.section4 > h1{
    font-size: 2.08vw;
    font-weight: 500;
    margin-bottom: 2.60vw;
}
.section4 > h1 span{
    font-weight: 700;
}
.section4 table{
    width: 100%;
}
.section4 table thead tr{
    border-top: 1px solid #000;
    height: 2.60vw;
    background-color: #153F91;
    color: #fff;
    font-weight: 700;
    font-size: 1.04vw;

}
.section4 table thead tr th{
    vertical-align: middle;
}
.section4 table tbody tr{
    height: 10.41vw;
    border-bottom: 1px solid #C7C7C7;
}
.section4 table tbody tr:first-child{
    border-top: 1px solid #C7C7C7;
}
.section4 table tbody tr td{
    vertical-align: middle;
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 1.5;
}
.section4 table tbody tr td:first-child{
    background: #F8FBFB;
    text-align: center;
}
.section4 table tbody tr td:last-child{
    padding-left: 2vw;
}
/* section4 */



/* section5 */
.section5{
    padding-bottom: 100px;
    width: 70.3125vw;
    margin: 0 auto;
    font-weight: 500;
}
.section5 .up{
    width: 100%;
    padding-left: 2.60vw;
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
    height: 15.625vw;
    margin-bottom: 100px;
}
.section5 .up ul li{
    margin-bottom: 1.04vw;
    display: flex;
}
.section5 .up ul li span{
    width: 13.02vw;
    height: 2.60vw;
    border-radius: 0.52vw;
    background-color: #153F91;
    color: #fff;
    font-size: 1.30vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.04vw;

}
.section5 .up ul li p{
    font-size: 1.04vw;
    line-height: 1.5;
    margin-top: 0.5vw;
}
.section5 .down{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.section5 .down h1{
    width: 15.625vw;
    height: 2.60vw;
    background-color: #153F91;
    color: #fff;
    font-size: 1.30vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.52vw 0.52vw 0 0;

}
.section5 .down .text{
    width: 100%;
    height: 13.02vw;
    border-radius: 1.56vw;
    background-color: rgba(17, 144, 208, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5.20vw;

}
.section5 .down .text ul li{
    font-size: 1.04vw;
    font-weight: 500;
    margin-bottom: 0.52vw;
    line-height: normal;
}
.section5 .down .text ul li:last-child{
    margin-bottom: 0;
}
/* section5 */






/* 반응형 */
@media screen and (max-width:500px) {
        /* section1 */
        .section1{
            margin-top: 50px;
            height: 80vw;
        }
        .section1 .text p{
            font-size: 2.4vw;
            letter-spacing: 1.92vw;
        }
        .section1 .text h1{
            font-size: 6vw;
            margin-top: 3vw;
            padding-bottom: 4vw;
            margin-bottom: 4vw;
        }
        .section1 .text h1::after{
            width: 20vw;
        }
        .section1 .text span{
            font-size: 3.2vw;
            line-height: 2;
        }
        .section1 .text span br{
            display: block;
        }

        /* section1 */




        /* section2 */
        .section2.pc{
            display: none;
        }
        .section2.mobile{
            display: block;
        }
        .section2{
            width: 100%;
        }
        .section2 .up{
            margin-bottom: 10vw;
        }
        .section2 .up > h1{
            width: 40vw;
            height: 8vw;
            border-radius: 2vw 2vw 0 0;
            font-size: 4vw;
        }
        .section2 .up .text{
            height: 50vw;
            border-radius: 6vw;
            padding-left: 8vw;
        }
        .section2 .up .text > p{
            font-size: 3.2vw;
            margin-bottom: 4vw;
        }
        .section2 .up .text .box h1{
            font-size: 3.6vw;
        }
        .section2 .up .text .box ul li{
            font-size: 3.2vw;
            display: block;
            margin-bottom: 2vw;
            line-height: normal;
        }
        .section2 .up .text .box ul li p{
            display: inline;
        }
        .section2 .down table thead{
            height: 10vw;
        }
        .section2 .down table thead th{
            font-size: 2.8vw;
        }
        .section2 .down table thead th br{
            display: block;
        }
        .section2 .down table tbody tr{
            height: 10vw;
        }
        .section2 .down table tbody tr td{
            font-size: 2.4vw;
        }
        .section2 .down table tbody tr td:first-child br{
            display: block;
        }
        .section2 .down table tbody tr td:nth-child(2) br{
            display: block;
        }
        /* section2 */



        /* section3 */
        .section3.pc{
            display: none;
        }
        .section3.mobile{
            display: block;
        }
        .section3{
            width: 100%;
        }
        .section3 > h1{
            padding-left: 20px;
            font-size: 5vw;
            margin-bottom: 10vw;
        }
        .section3 table thead tr th{
            height: 14vw;
            font-size: 2.4vw;
        }
        .section3 table thead tr th span{
            font-size: 2.4vw;
        }
        .section3 table tbody tr{
            height: 35vw;
            font-size: 2.4vw;
        }
        /* section3 */


        /* section4 */
        .section4.pc{
            display: none;
        }
        .section4.mobile{
            display: block;
        }
        .section4{
            width: 100%;
            padding-bottom: 100px;
        }
        .section4 > h1{
            padding-left: 20px;
            font-size: 5vw;
            margin-bottom: 10vw;
        }
        .section4 table thead tr{
            height: 10vw;
            font-size: 2.8vw;

        }
        .section4 table tbody tr{
            height: 40vw;
        }
        .section4 table tbody tr td{
            font-size: 2.4vw;
        }
        .section4 table tbody tr td:last-child{
            padding-left: 5vw;
        }
        
        /* section4 */




        /* section5 */
        .section5{
            width: 100%;
        }
        .section5 .up{
            height: 80vw;
            padding-left: 20px;
        }
        .section5 .up ul li{
            flex-direction: column;
            margin-bottom: 6vw;
        }
        .section5 .up ul li:last-child{
            margin-bottom: 0;
        }
        .section5 .up ul li span{
            width: 20vw;
            height: 6vw;
            border-radius: 2vw;
            font-size: 2.8vw;
            margin-right: 0;
            margin-bottom: 2vw;
        }
        .section5 .up ul li p{
            font-size: 2.4vw;
        }
        .section5 .down h1{
            width: 40vw;
            height: 8vw;
            border-radius: 2vw 2vw 0 0;
            font-size: 4vw;

        }
        .section5 .down .text{
            height: 50vw;
            border-radius: 6vw;
            padding: 0 20px;

        }
        .section5 .down .text ul li{
            font-size: 3.2vw;
            margin-bottom: 3.6vw;
        }
        /* section5 */
    
    
}
/* 반응형 */