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

.fs_36{font-size: 36px; font-weight: 800; font-family: 'NanumSquare'; text-align: center; }
.bar::before{content: ''; display: block; width: 30px; height: 3px; background-color: #1c40a7; margin: 0 auto 5px;}
.fs_25{font-size: 25px; font-weight: 800; font-family: 'NanumSquare';}
.fs_18{font-size: 18px; font-weight: 700; line-height: 1.7; color: #333; }
.fs_16{font-size: 16px; line-height: 1.7; letter-spacing: -.38px; color: #555;}


.img_list{display: flex; flex-wrap: wrap; margin-top: 40px;}
.img_list li{width: calc(33.3% - 18.3px); margin-right: 27.5px;}
.img_list li:nth-child(3n){margin-right: 0;}
.img_list li:nth-child(n+4){margin-top: 65px;}
.img_list li .img{overflow: hidden; position: relative;}
.img_list li .img img{transition: .3s; width: 100%;}
.img_list li .img span{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #1c40a7; color: #fff; font-size: 22px; letter-spacing: -.44px; font-weight: 800; font-family: 'NanumSquare'; }
.img_list li .text{margin-top: 34px;}
.img_list li .text h4{padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #ddd;}
.img_list li .text p{margin-top: 11px;}

@media screen and (min-width:1025px){
    .img_list li:hover .img img{transform: scale(1.1);}

}
@media screen and (max-width:1400px){
    .sec_wrap br:not(.space){display: none;}
    .fs_25{font-size: 22px;}

}

@media screen and (max-width:1280px){
    section > article{padding: 70px 0;}

    .tit_box{padding: 30px 20px;}
    .fs_36{font-size: 32px;}
    .fs_25{font-size: 21px;}
    .fs_18{font-size: 17px;}
    .fs_16{font-size: 15px;}
    .bar::before{margin-bottom: 7px;}

    .img_list{margin-top: 35px;}
    .img_list li{width: calc(50% - 10px); margin-right: 20px;}
    .img_list li:nth-child(2n){margin-right: 0;}
    .img_list li:nth-child(3n){margin-right: 20px;}
    .img_list li:nth-child(n+3){margin-top: 50px;}
    .img_list li .img span{width: 45px; height: 45px; font-size: 20px;}
    .img_list li .text h4{margin-bottom: 15px; padding-bottom: 15px;}
    .img_list li .text p{margin-top: 8px;}
    .img_list li .text{margin-top: 20px;}


}
@media screen and (max-width:1024px){
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    .fs_25{font-size: 20px;}
    .fs_18{font-size: 16px;}
    .fs_16{font-size: 14px;}


    .img_list li{width: calc(50% - 7.5px); margin-right: 15px;}
    .img_list li:nth-child(3n){margin-right: 15px;}
    .img_list li:nth-child(n+3){margin-top: 40px;}
    .img_list li .img span{width: 40px; height: 40px; font-size: 18px;}
    .img_list li .text h4{margin-bottom: 9px; padding-bottom: 9px;}
    .img_list li .text p{margin-top: 5px;}
    .img_list li .text{margin-top: 15px;}



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


}
@media screen and (max-width:640px){
    .sub_inner{padding: 0 20px;}

    .tit_box{padding: 20px 15px;}
    .fs_36{font-size: 30px;}
    .fs_25{font-size: 19px;}
    .fs_18{font-size: 15px;}
    .fs_15{font-size: 13px;}
    .bar::before{margin-bottom: 5px;}


    .img_list{margin-top: 30px;}
    .img_list li{width: 100%; margin-right: 0 !important;}
    .img_list li:nth-child(n+2){margin-top: 30px;}
    .img_list li .img span{width: 35px; height: 35px; font-size: 16px;}



}

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



}