/* sub4_1 */
.sub4_1 { padding-bottom: 0 !important; }
.sub4_1 .sub_intro { background: url(/image/sub/sub4/sub4_1_intro.jpg) no-repeat center/cover; }

.sub4_1 .contents1 { margin-top: 100px; padding: 80px 0; overflow: hidden; background-color: #f2f2f2; }
.sub4_1 .contents1 .desc1 { padding-bottom: 55px; text-align: center; font-size: 46px; color: #000; line-height: 1.35; }
.sub4_1 .contents1 .desc1 b { font-weight: 700; }
.sub4_1 .contents1 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub4_1 .contents1 ul li { width: 30.5%; }
.sub4_1 .contents1 ul li .scrbox { padding: 35px 15px; text-align: center; background-color: #063972; border-radius: 100px; }
.sub4_1 .contents1 ul li .scrbox .scr1 { font-weight: 700; font-size: 30px; color: #fff; letter-spacing: -0.025em; line-height: 1.25; }
.sub4_1 .contents1 ul li .scrbox .scr2 { font-size: 18px; color: #fff; line-height: 1.55; letter-spacing: -0.025em; }
.sub4_1 .contents1 ul li .scrbox .bar { display: inline-block; margin: 17px 0; width: 20px; height: 1px; background-color: #fff; }

.sub4_1 .contents2 { padding: 90px 0 100px; overflow: hidden; background: url(/image/sub/sub4/sub4_1_img1.jpg) no-repeat center/cover; }

.sub4_1 .contents5 ul { padding-top: 35px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub4_1 .contents5 ul li { width: 23.3333%; background-color: #5390c9; text-align: center; }
.sub4_1 .contents5 ul li .imgbox { background-color: #fff; }
.sub4_1 .contents5 ul li .imgbox img { width: 100%; }
.sub4_1 .contents5 ul li .scrbox { padding: 22px 13px; }
.sub4_1 .contents5 ul li .scrbox .scr1 { position: relative; padding-bottom: 10px; margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #fff; line-height: 1.35; letter-spacing: -0.025em; }
.sub4_1 .contents5 ul li .scrbox .scr1::after { display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 20px; height: 1px; background-color: #fff; }
.sub4_1 .contents5 ul li .scrbox .scr2 { font-size: 18px; color: #fff; line-height: 1.55; letter-spacing: -0.025em; }

@media (max-width: 1660px) {
    .sub4_1 .contents1 ul li .scrbox { padding: 30px 15px; }
    .sub4_1 .contents1 ul li .scrbox .bar { margin: 15px 0; width: 17px; }

    .sub4_1 .contents5 ul li .scrbox { padding: 20px 11px; }
}
@media (max-width: 1440px) {
    .sub4_1 .contents1 ul li .scrbox { padding: 25px 12px; }
    .sub4_1 .contents1 ul li .scrbox .scr1 { font-weight: 600; }
    .sub4_1 .contents1 ul li .scrbox .bar { margin: 13px 0; width: 15px; }

    .sub4_1 .contents5 ul li .scrbox { padding: 20px 10px; }
}
@media (max-width: 1279px) {
    .sub4_1 .contents5 ul { flex-wrap: wrap; margin: 0 auto; max-width: 500px; }
    .sub4_1 .contents5 ul li { width: 48%; }
    .sub4_1 .contents5 ul li:nth-of-type(n + 3) { margin-top: 4%; }
    .sub4_1 .contents5 ul li .scrbox { padding: 17px 8px; }
    .sub4_1 .contents5 ul li .scrbox .scr1 { font-weight: 500; }
}
@media (max-width: 1023px) {
    .sub4_1 .contents1 ul { display: block; }
    .sub4_1 .contents1 ul li { width: 100%; }
    .sub4_1 .contents1 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub4_1 .contents1 ul li .scrbox { padding: 10px 15px; }
    .sub4_1 .contents1 ul li .scrbox .scr1 { font-weight: 500; }
    .sub4_1 .contents1 ul li .scrbox .scr2 br { display: none; }
    .sub4_1 .contents1 ul li .scrbox .bar { margin: 5px 0; width: 10px; }

    .sub4_1 .contents5 ul li .scrbox { padding: 15px 7px; }
}
@media (max-width: 524px) {
    .sub4_1 .contents5 ul { display: block; }
    .sub4_1 .contents5 ul li { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }
    .sub4_1 .contents5 ul li:nth-of-type(n + 3) { margin-top: initial; }
    .sub4_1 .contents5 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub4_1 .contents5 ul li .imgbox { width: 200px; min-width: 200px; }
    .sub4_1 .contents5 ul li .scrbox { padding: 15px; width: 100%; text-align: left; }
    .sub4_1 .contents5 ul li .scrbox .scr1::after { left: initial; transform: translateX(0); }
    .sub4_1 .contents5 ul li .scrbox .scr1 br { display: none; }
    .sub4_1 .contents5 ul li .scrbox .scr2 br { display: none; }
}
@media (max-width: 460px) {
    .sub4_1 .contents5 ul li { align-items: initial; }
    .sub4_1 .contents5 ul li .imgbox { width: 140px; min-width: 140px; }
    .sub4_1 .contents5 ul li .imgbox img { display: none; }
    .sub4_1 .contents5 ul li:nth-of-type(1) .imgbox { background: url(/image/sub/sub4/sub4_1_item1.jpg) no-repeat center/cover; }
    .sub4_1 .contents5 ul li:nth-of-type(2) .imgbox { background: url(/image/sub/sub4/sub4_1_item2.jpg) no-repeat center/cover; }
    .sub4_1 .contents5 ul li:nth-of-type(3) .imgbox { background: url(/image/sub/sub4/sub4_1_item3.jpg) no-repeat center/cover; }
    .sub4_1 .contents5 ul li:nth-of-type(4) .imgbox { background: url(/image/sub/sub4/sub4_1_item4.jpg) no-repeat center/cover; }
}
@media (max-width: 380px) {
    .sub4_1 .contents5 ul li { display: block; background: #406e9d !important; }
    .sub4_1 .contents5 ul li .imgbox { width: 100%; min-width: initial; }
    .sub4_1 .contents5 ul li .imgbox img { display: inline-block; width: 100%; }
}

/* sub4_2 */
.sub4_2 .sub_intro { background: url(/image/sub/sub4/sub4_2_intro.jpg) no-repeat center/cover; }
.sub4_2 .contents1 { margin-top: 80px; padding: 80px 0; overflow: hidden; background: url(/image/sub/sub4/sub4_2_img1.jpg) no-repeat center/cover; }
.sub4_2 .contents1 .desc1 { padding-bottom: 55px; text-align: center; font-size: 46px; color: #fff; line-height: 1.35; }
.sub4_2 .contents1 .desc1 b { font-weight: 700; }
.sub4_2 .contents1 .desc2 { margin-top: 55px; text-align: center; font-size: 18px; color: #ffff00; line-height: 1.55; }

.sub4_2 .contents2 { position: relative; margin-top: 80px; }
.sub4_2 .contents2 ul { display: flex; flex-wrap: wrap; margin: -17px; padding-top: 60px; }
.sub4_2 .contents2 ul li { width: 33.3333%; padding: 17px; }
.sub4_2 .contents2 ul li .cont { padding: 30px; text-align: center; height: 100%; border: 1px solid #8e8e8e; }
.sub4_2 .contents2 ul li .cont .imgbox img { display: inline-block; width: 180px; }
.sub4_2 .contents2 ul li .cont .scrbox { margin-top: 20px; }
.sub4_2 .contents2 ul li .cont .scrbox .scr1 { margin-bottom: 5px; font-weight: 700; font-size: 22px; color: #000; letter-spacing: -0.025em; line-height: 1.25; }
.sub4_2 .contents2 ul li .cont .scrbox .scr2 { font-size: 16px; color: #000; letter-spacing: -0.025em; line-height: 1.47; }
.sub4_2 .contents2 ul li .cont .scrbox .scr2 b { display: inline-block; margin-bottom: 3px; font-size: inherit !important; font-weight: 700; color: #5390c9; }

.sub4_2 .contents3 { position: relative; margin-top: 70px; }
.sub4_2 .contents3 { }



@media (max-width: 1660px) {
    .sub4_2 .contents2 ul { margin: -15px; }
    .sub4_2 .contents2 ul li { padding: 15px; }
    .sub4_2 .contents2 ul li .cont { padding: 25px; }
    .sub4_2 .contents2 ul li .cont .imgbox img { width: calc(100px + 4.5vw); }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 17px; }
}
@media (max-width: 1440px) {
    .sub4_2 .contents2 ul { margin: -13px; }
    .sub4_2 .contents2 ul li { padding: 13px; }
    .sub4_2 .contents2 ul li .cont { padding: 20px; }
    .sub4_2 .contents2 ul li .cont .imgbox img { width: calc(90px + 4vw); }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 15px; }
}
@media (max-width: 1279px) {
    .sub4_2 .contents2 ul { margin: -11px; }
    .sub4_2 .contents2 ul li { padding: 11px; }
    .sub4_2 .contents2 ul li .cont { padding: 17px; }
    .sub4_2 .contents2 ul li .cont .imgbox img { width: calc(80px + 3.5vw); }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 13px; }
}
@media (max-width: 1023px) {
    .sub4_2 .contents2 ul { margin: 0; justify-content: space-between; }
    .sub4_2 .contents2 ul li { width: 48%; padding: 0; }
    .sub4_2 .contents2 ul li:nth-of-type(n + 3) { margin-top: 4%; }
    .sub4_2 .contents2 ul li .cont { padding: 15px; }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 12px; }
}
@media (max-width: 767px) {
    .sub4_2 .contents1 .desc2 br { display: none; }

    .sub4_2 .contents2 ul { display: block; }
    .sub4_2 .contents2 ul li { width: 100%; }
    .sub4_2 .contents2 ul li:nth-of-type(n + 3) { margin-top: initial; }
    .sub4_2 .contents2 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub4_2 .contents2 ul li .cont { display: flex; flex-wrap: nowrap; }
    .sub4_2 .contents2 ul li .cont .imgbox { min-width: max-content; margin-right: 25px; }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 0; width: 100%; text-align: left; }
    .sub4_2 .contents2 ul li .cont .scrbox .scr2 .br1 { display: none; }
}
@media (max-width: 424px) {
    .sub4_2 .contents2 ul li .cont { display: block; }
    .sub4_2 .contents2 ul li .cont .imgbox { min-width: initial; margin-right: 0; }
    .sub4_2 .contents2 ul li .cont .scrbox { margin-top: 10px; text-align: center; }
}


/* sub4_3 */
.sub4_3 { padding-bottom: 0 !important; }
.sub4_3 .sub_intro { background: url(/image/sub/sub4/sub4_3_intro.jpg) no-repeat center/cover; }

.sub4_3 .contents1 { margin-top: 100px; padding: 80px 0; overflow: hidden; background-color: #f2f2f2; }
.sub4_3 .contents1 .desc1 { padding-bottom: 55px; text-align: center; font-size: 46px; color: #000; line-height: 1.35; }
.sub4_3 .contents1 .desc1 b { font-weight: 700; }
.sub4_3 .contents1 .desc2 { margin-top: 40px; text-align: center; font-size: 18px; color: #000; line-height: 1.65; }
.sub4_3 .contents1 .morebtn { margin-top: 30px; text-align: center; }
.sub4_3 .contents1 .morebtn a { display: inline-block; padding: 11px 35px; font-weight: 700; font-size: 18px; color: #fff; border-radius: 100px; background-color: #063972; transition: background-color 0.3s; }
.sub4_3 .contents1 .morebtn a:hover { background-color: #333; }
.sub4_3 .contents1 ul { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1040px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 1.38; letter-spacing: -0.025em; }
.sub4_3 .contents1 ul * { font-size: inherit; color: inherit; line-height: inherit; }
.sub4_3 .contents1 ul li { width: 25%; padding: 18px; }
.sub4_3 .contents1 ul li .circle { position: relative; padding-bottom: 100%; background-color: #5390c9; border-radius: 50%; }
.sub4_3 .contents1 ul li .circle p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }

.sub4_3 .contents2 { padding: 110px 0; overflow: hidden; background: url(/image/sub/sub4/sub4_3_img1.jpg) no-repeat center/cover; }
.sub4_3 .contents2 ul { margin-top: 55px; font-size: 18px; color: #333; line-height: 1.55; background-color: #fff; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }
.sub4_3 .contents2 ul * { font-size: inherit; color: inherit; line-height: inherit; }
.sub4_3 .contents2 ul li { display: flex; }
.sub4_3 .contents2 ul li .cont { display: flex; align-items: center; justify-content: center; width: 50%; padding: 30px 20px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; text-align: center; }
.sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 17px; font-weight: 600; color: #063972; }
.sub4_3 .contents2 ul li .cont.ver2 { flex-direction: column; align-items: initial; justify-content: initial; border: none; padding: 0 !important; }
.sub4_3 .contents2 ul li .cont.ver2 .cont { width: 100%; }

@media (max-width: 1660px) {
    .sub4_3 .contents1 ul { max-width: 920px; }

    .sub4_3 .contents2 ul li .cont { padding: 25px 17px; }
    .sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 15px; }
}
@media (max-width: 1440px) {
    .sub4_3 .contents1 ul { max-width: 820px; }
    .sub4_3 .contents1 ul li { padding: 14px; }
    .sub4_3 .contents1 .morebtn a { font-weight: 600; }

    .sub4_3 .contents2 ul li .cont { padding: 20px 15px; }
    .sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 13px; }
}
@media (max-width: 1023px) {
    .sub4_3 .contents1 ul { max-width: 700px; }
    .sub4_3 .contents1 ul li { padding: 10px; }
    .sub4_3 .contents1 .morebtn a { font-weight: 500; }

    .sub4_3 .contents2 ul li .cont { padding: 17px 13px; }
    .sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 11px; }
}
@media (max-width: 724px) {
    .sub4_3 .contents1 ul { max-width: 600px; justify-content: initial; }
    .sub4_3 .contents1 ul li { width: 33.3333%; }

    .sub4_3 .contents2 ul li .cont { padding: 15px 10px; }
    .sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 10px; }
}
@media (max-width: 624px) {
    .sub4_3 .contents2 ul li { display: block; }
    .sub4_3 .contents2 ul li .cont { width: 100% !important; padding: 10px; }
    .sub4_3 .contents2 ul li .cont .scr1 { margin-bottom: 5px; }
}
@media (max-width: 524px) {
    .sub4_3 .contents1 ul { max-width: 300px; justify-content: space-between; }
    .sub4_3 .contents1 ul li { width: 48%; padding: 0; }
    .sub4_3 .contents1 ul li:nth-of-type(n + 3) { margin-top: 4%; }
}