/*Content CSS*/
#rnd2 {overflow: hidden;}
section > article{padding: 100px 0;}
section > article:nth-child(n+2){padding-top: 40px;}
/* section > article:nth-child(even){background-color: #f7f7f7} */
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_32{font-size: 32px; font-weight: 700; color: #1d1d1f; line-height: 1;}
.fs_22{font-size: 22px; font-weight: 700; color: #111;}
.fs_18{font-size: 18px; line-height: 1.78; color: #1d1d1f;}
.fs_17{font-size: 17px; line-height: 26px;}
.tit {text-align: center;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block; line-height: 1;}
.tit p{margin-top: 19px;}

.img_wrap{ height: 350px; background: url('../img/rnd2_img.jpg') 50% / cover no-repeat; margin: 30px 0 50px; border-radius: 20px;}
.wrap h4{text-align: center; margin-bottom: 30px;}
.icon_list{display: flex; flex-wrap: wrap;}
.icon_list li{border-radius: 10px; padding: 45px 35px 30px 35px; transition: .3s; flex: 1;}
.icon_list li:last-child{margin-right: 0 !important}
.icon_list li i{min-height: 67px; line-height: 67px; position: relative; display:inline-block; }
.icon_list li i img{transition: .3s;}
.icon_list li i img + img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 0;}
.icon_list li h5{transition: .3s; margin: 18px 0 10px;}
.icon_list li p{transition: .3s; font-weight: 300;}

.sec1 .icon_list li{border: solid 1px #0074f7; margin-right: 13px;}
.sec4 .icon_list li{border: solid 1px #00b4f7; text-align: center; margin-right: 20px;}

.text_list{display: flex; flex-wrap:wrap;}
.text_list li{width: calc(50% - 10px); margin-right: 20px; border-radius: 10px; border: solid 1px #1d1d1f; transition: .3s; padding: 45px 20px 35px; text-align: center;}
.text_list li:nth-child(2n){margin-right: 0;}
.text_list li:nth-child(n+3){margin-top:27px;}
.text_list li h5{margin: 0 0 12px; transition: .3s;}
.text_list li p{transition: .3s; }

.flex_wrap{display: flex; align-items: flex-end;}
.flex_wrap .img{flex-shrink: 0; margin-right: 59px; border-radius: 10px; overflow: hidden;}
.flex_wrap .text{}
.num_list{flex-grow: 1; border-top: solid 1px #1d1d1f; margin-top: 30px;}
.num_list li{padding: 30.5px 0; display: flex; align-items: center; border-bottom: solid 1px #ddd;}
.num_list li .num{display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; background-color: #1d1d1f; border-radius: 50%; font-size: 20px; font-weight: 700; color: #fff; margin-right: 25px; flex-shrink: 0;}
.num_list li  h6{margin-bottom: 6px;}


@media screen and (min-width:1025px) {
    .sec1 .icon_list li:hover {background-color:#0074f7; }
    .sec4 .icon_list li:hover {background-color:#00b4f7; }

    .icon_list li:hover i img{opacity: 0;}
    .icon_list li:hover i img + img{opacity: 1;}
    .icon_list li:hover h5{color: #fff;}
    .icon_list li:hover p{color: #fff;}
    .text_list li:hover{background-color: #195ba6; border-color: #195ba6;}
    .text_list li:hover h5{color: #fff;}
    .text_list li:hover p{color: #fff;}

}
@media screen and (max-width:1400px) {
    #rnd2 br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_32{font-size: 28px;}
    .fs_22{font-size: 20px;}
    .fs_18{font-size: 17px; line-height: 1.7}
    .fs_17{font-size: 16px; line-height: 1.7}
    .tit span{margin-bottom: 10px}


}

@media screen and (max-width:1280px) {
    .icon_list li{padding: 30px 20px 20px;}
    .icon_list li i img{transform: scale(.8);}
    .icon_list li h5{margin: 10px 0;}
    .text_list li{padding: 30px 20px;}
    .text_list li h5{margin-bottom: 7px;}
    .flex_wrap{display: block;}
    .flex_wrap .img{margin-right: 0; margin-bottom: 40px;width: 100%; height: 300px;}
    .flex_wrap .img img{width: 100%; height: 100%; object-fit: cover;}
    .flex_wrap h4{text-align: center;}
    .num_list{margin-top: 20px;}
    .num_list li{padding: 20px 0;}
    .num_list li .num{margin-right: 15px;}
    .num_list li  h6{margin-bottom: 4px;}


}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    section > article:nth-child(n+2){padding-top: 20px;}
    .sub_inner{padding: 0 30px;}

    .fs_50{font-size: 40px;}
    .fs_32{font-size: 24px;}
    .fs_22{font-size: 19px;}
    .fs_18{font-size: 16px; }
    .fs_17{font-size: 15px;}

    .wrap h4{margin-bottom: 20px;}
    .img_wrap{height: 250px;}
    .icon_list li{padding: 20px;}
    .sec1 .icon_list li{width: 100%; flex: initial; margin-right: 0; text-align: center;}
    .sec1 .icon_list li + li{margin-top: 15px;}
    .sec4 .icon_list li{width: calc(50% - 7.5px); margin-right: 15px; flex: initial;}
    .sec4 .icon_list li:nth-child(2n){margin-right: 0;}
    .sec4 .icon_list li:nth-child(n+3){margin-top: 15px;}

    .text_list li{width: calc(50% - 7.5px); margin-right: 15px; padding: 30px 20px;}
    .text_list li:nth-child(2n){margin-right: 0;}
    .text_list li:nth-child(n+3){margin-top: 15px;}



}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_32{font-size: 22px; }
    .fs_22{font-size: 18px;}
    .fs_18{font-size: 16px;}
    .fs_17{font-size: 14px;}

    .img_wrap{height: 150px;}

    .sec1 .icon_list li + li{margin-top: 10px;}
    .sec4 .icon_list li{width: 100%; margin-right: 0; }
    .sec4 .icon_list li:nth-child(n+2){margin-top: 10px;}

    .text_list li{width: 100%; margin-right: 0; }
    .text_list li:nth-child(n+2){margin-top: 10px;}

    .num_list li{padding: 15px 0; align-items: baseline;}
    .num_list li .num{margin-right: 10px; width: 25px; height: 25px; font-size: 17px;}



}