/* common */
#c4_wrap .c_inner { width: 100%; max-width: 1500px; margin:0 auto; position: relative; padding:0 50px;}
#c4_wrap .c_tit h3 {font-size: 24px; font-weight: 600; color:#316ec3; margin-bottom: 5px;}

/* font size */
#c4_wrap .fs_69 {font-size: 69px; font-weight :700; line-height: 1.3; color:#000; font-family: 'Poppins', sans-serif; text-transform: uppercase;}
#c4_wrap .fs_25 {font-size: 25px; font-weight :800; line-height: 1.6; color:#000; }
#c4_wrap .fs_20 {font-size: 20px; font-weight :300; line-height: 1.9; color:#000;}
#c4_wrap .fs_18 {font-size: 18px; font-weight :300; line-height: 1.83; color:#333; letter-spacing: -0.36px;}

/*Content CSS*/
#c4_wrap {background:#fff; padding:110px 0 0; position: relative; z-index:1; overflow: hidden;}

#c4_wrap .top {display: flex; align-items: flex-start; margin-bottom: 70px; }
#c4_wrap .top .c_tit {flex-shrink: 0; margin-right: 80px; }


#c4_wrap .flex {display: flex; justify-content: space-between; margin-bottom: 120px;}
#c4_wrap .flex .txt {width: 100%;}
#c4_wrap .flex .img {overflow: hidden; border-radius: 30px; flex-shrink: 0; margin-left: 50px ;}
#c4_wrap .flex .img > img {transition: transform .7s; width: 100%; height: 100%; object-fit: cover;}
#c4_wrap .flex .img:hover > img {transform: scale(1.05);}
#c4_wrap .box_wrap {width: calc(100% - 100px); max-width: 1700px; margin: 0 auto; border-radius: 20px;  height: 581px; overflow: hidden; }

#c4_wrap .list {text-align: left; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;}
#c4_wrap .list > li:nth-child(n+2) {margin-top: 10px; }
#c4_wrap .list .box {border: 1px solid #ddd; padding: 37px 54px; display: block; height: 100%; display: flex; align-items: center; border-radius: 20px;}
#c4_wrap .list .txt {display: flex; align-items: center;}
#c4_wrap .list .icon {flex-shrink: 0; width: 52px; }
#c4_wrap .list .icon img {transition: transform .5s; }
#c4_wrap .list li:hover .icon img {transform: rotateY(180deg);}
#c4_wrap .list h4 { font-weight: 700; color:#000; flex-shrink: 0; width: 85px; margin-left: 30px; margin-right: 50px;}

#c4_wrap .bg_img {position: absolute; right: 0; top: 0; z-index: -1}

@media screen and (min-width:1025px) {

}


@media screen and (max-width:1700px) {
    #c4_wrap .obj.obj2 {left: 40%;  }
}

@media screen and (max-width:1450px) {
    #c4_wrap .list h4 {width: fit-content;}
}

@media screen and (max-width:1400px) {
    /* common */
    #c4_wrap br:not(.space) {display: none;}

    /* content */
    #c4_wrap .fs_30 {font-size: 23px;}
    #c4_wrap .fs_23 {font-size: 21px;}
    #c4_wrap .fs_25 {font-size: 20px}

    #c4_wrap .list .icon img {height: 35px;}
    #c4_wrap .list h4 {width: fit-content; margin-left: 13px; margin-right: 25px;}
    #c4_wrap .flex .img {margin-left: 25px; width: 50%}
    #c4_wrap .list .box {padding: 37px 45px}

    #c4_wrap .flex {margin-bottom: 100px;}
    #c4_wrap {padding-top: 90px}
}

@media screen and (max-width:1280px) {
    #c4_wrap .top {display: block;}

    #c4_wrap .flex .img {width: 50%; margin-left: 25px;}
    #c4_wrap .list .box {padding: 37px 35px}

}


@media screen and (max-width: 1024px) {
    /* common */
    #c4_wrap {padding: 70px 0 0; text-align: center;}
    #c4_wrap .c_inner {padding:0 30px; padding-top: 70px}
    #c4_wrap .c_tit h3 {font-size: 20px;  }
    /* font size */
    #c4_wrap .fs_69 {font-size:40px; }
    #c4_wrap .fs_25 {font-size: 20px; }
    #c4_wrap .fs_20 {font-size: 17px; }
    #c4_wrap .fs_18 {font-size: 16px; }

    /* content */
    #c4_wrap {overflow: hidden;}

    #c4_wrap .flex {flex-direction: column; }
    #c4_wrap .box_wrap { width: calc(100% - 60px); height:400px;}

    #c4_wrap .flex .img {width: 100%; margin-left: 0; margin-top: 20px;}
    #c4_wrap .flex .img img {width: 100%; height: 100%; object-fit: cover; max-height: 400px;}
    #c4_wrap .list .box {padding: 30px 35px;}
    #c4_wrap .top .c_tit {margin-right: 0}
    #c4_wrap .top {margin-bottom: 30px;}

    #c4_wrap .flex {margin-bottom: 0}
    #c4_wrap {padding: 0}
    c4_wrap .flex {margin-bottom: 100px;}

    #c4_wrap .bg_img img {height: 250px}

}

@media screen and (max-width: 640px) {
    /* common */
    #c4_wrap {padding: 50px 0 0;}
    #c4_wrap .c_inner {padding:0 20px;}
    #c4_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c4_wrap .fs_69 {font-size:30px; }
    #c4_wrap .fs_25 {font-size:16px; }
    #c4_wrap .fs_20 {font-size: 14px; }
    #c4_wrap .fs_18 {font-size: 13px; }


    /* content */
    #c4_wrap .list .box { padding: 20px;}
    #c4_wrap .list .icon {width:40px;}
    /* #c4_wrap .list h4 {width: 50px;} */
    #c4_wrap .flex {margin-bottom: 0px; }
    #c4_wrap .flex .img {margin: 20px 0 0; border-radius: 20px; }

    #c4_wrap .box_wrap { width: calc(100% - 40px); height:300px; border-radius: 20px;}
    #c4_wrap .list .icon img {height: 27px;}
    #c4_wrap .list h4 {margin-left: 5px; margin-right: 15px;}


}

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

    #c4_wrap .bg_img img {height: 200px}

}