/*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_20{font-size: 20px; font-weight: 800; font-family: 'NanumSquare';}
.fs_15{font-size: 15px; line-height: 1.67; letter-spacing: -.38px; color: #555;}

.icon_list{display: flex; justify-content: center; margin-top: 40px; padding-top: 65px; border-top: solid 1px #ddd; }
.icon_list > li{text-align: center; margin-right: 70px;}
.icon_list > li:last-child{margin-right: 0;}
.icon_list > li .text{margin-top: 20px;}
.icon_list > li .text span{display: block; width: 40px; line-height: 20px; border-radius: 10px; font-size: 13px; font-weight: 700; color: #fff; margin: 0 auto 16px; text-align: center;}
.icon_list > li:nth-child(odd) .text span{background-color: #1c40a7;}
.icon_list > li:nth-child(even) .text span{background-color: #333;}
.icon_list > li i img{max-width: 100%;}

.dot_list{margin-top: 10px;}
.dot_list li + li{margin-top: 2px;}

.flex_wrap{display: flex; padding: 70px; background-color: #fff; border: solid 1px #ddd; margin-top: 40px;}
.icon_list2{position: relative; top: 15px;}
.icon_list2 li{display: flex;}
.icon_list2 li i{display: block; margin-right: 24px;}
.icon_list2 li .text{padding-top: 12px;}
.icon_list2 li .text h4{margin-bottom: 15px;}
.icon_list2 li:nth-child(1){margin-left: -43px; margin-bottom: 60px;}
.icon_list2 li:nth-child(2){margin-left: 8px; margin-bottom: 70px;}
.icon_list2 li:nth-child(3){margin-left: -36px;}

.num_list{display: flex; margin-top: 27px;}
.num_list li{width: calc(25% - 20px); margin-right: 30px; border: solid 1px #ddd; background-color: #fff; position: relative; padding: 0 31px 48px; text-align: center;}
.num_list li span{display: flex; align-items: center; justify-content: center; width: 92px; height: 46px; border-radius: 0 0 46px 46px; position: relative; top: -3px;  font-size: 23px; font-weight: 800; letter-spacing: -.58px; font-family: 'NanumSquare'; color: #fff; margin: 0 auto 25px;;}
.num_list li:last-child{margin-right: 0;}
.num_list li h4{line-height: 1.5; display: flex; justify-content: center; align-items: center; min-height: 81px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #ddd; word-break: keep-all;}
@media screen and (min-width:1025px){
    .num_list li:nth-child(odd){border-top: solid 3px #1c40a7}
    .num_list li:nth-child(even){border-top: solid 3px #333;}
    .num_list li:nth-child(odd) span{background-color: #1c40a7}
    .num_list li:nth-child(even) span{background-color: #333;}
}
@media screen and (max-width:1400px){
    .sec_wrap br:not(.space){display: none;}
    .fs_20{font-size: 19px;}

    .num_list li{padding: 0 25px 40px; width: calc(25% - 15px); margin-right: 20px;}

}

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

    .tit_box{padding: 30px 20px;}
    .fs_36{font-size: 32px;}
    .fs_20{font-size: 18px;}
    .fs_15{font-size: 14px;}
    .bar::before{margin-bottom: 7px;}
    .icon_list{padding-top: 50px;}
    .icon_list > li{margin-right: 35px;}
    .flex_wrap{padding: 70px 30px 70px 0;}

    .icon_list2 li:nth-child(1){margin-left: -43px; margin-bottom: 50px;}
    .icon_list2 li:nth-child(2){margin-left: 8px; margin-bottom: 60px;}
    .icon_list2 li:nth-child(3){margin-left: -36px;}

}
@media screen and (max-width:1024px){
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .icon_list{flex-wrap: wrap; justify-content: flex-start; margin-top: 30px; padding-top: 30px;}
    .icon_list > li{width: calc(33.3% - 15px); margin-right: 20px; border: solid 1px #ddd; padding: 20px 15px;}
    .icon_list > li:nth-child(3n){margin-right: 0;}
    .icon_list > li:nth-child(n+4){margin-top: 20px;}
    .icon_list > li .text span{margin-bottom: 10px;}
    .icon_list > li .text{margin-top: 10px;}
    .dot_list{margin-top: 5px}
    .dot_list li + li{margin-top: 0;}

    .flex_wrap{display: block; padding: 0 30px; text-align: center;}
    .icon_list2{top: 0; text-align: left;}
    .icon_list2 li{padding: 20px 0; border-top: solid 1px #ddd;}
    .icon_list2 li:nth-child(1){margin-left: 0; margin-bottom: 0;}
    .icon_list2 li:nth-child(2){margin-left: 0; margin-bottom: 0;}
    .icon_list2 li:nth-child(3){margin-left: 0;}
    .flex_wrap .img img{width: auto; max-width: 100%;}
    .icon_list2 li i{min-width: 51px; margin-right: 15px;}
    .icon_list2 li .text h4{margin-bottom: 7px;}
    .num_list {flex-wrap: wrap;}
    .num_list li{padding: 0 25px 40px; width: calc(50% - 10px); margin-right: 20px;}
    .num_list li:nth-child(2n){margin-right: 0;}
    .num_list li:nth-child(n+3){margin-top: 20px;}

    .num_list li:nth-child(3n + 1){border-top: solid 3px #1c40a7}
    .num_list li{border-top: solid 3px #333;}
    .num_list li:nth-child(3n + 1) span{background-color: #1c40a7}
    .num_list li span{background-color: #333;}
    .num_list li h4{min-height: 0;}
    .num_list li span{width: 85px; height: 42px; border-radius: 0 0 42px 42px; font-size: 19px; margin-bottom: 20px;}





}
@media screen and (max-width:768px){
    .icon_list > li{width: calc(50% - 5px); margin-right: 10px; padding: 15px 10px;}
    .icon_list > li:nth-child(3n){margin-right: 10px;}
    .icon_list > li:nth-child(2n){margin-right: 0;}
    .icon_list > li:nth-child(n+3){margin-top: 10px;}

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

    .tit_box{padding: 20px 15px;}
    .fs_36{font-size: 30px;}
    .fs_20{font-size: 16px;}
    .fs_15{font-size: 13px;}
    .bar::before{margin-bottom: 5px;}
    .num_list li{ width: 100%; margin-right: 0; padding: 0 15px 30px;}
    .num_list li:nth-child(n+2){ margin-top: 15px;}

    .num_list li:nth-child(odd){border-top: solid 3px #1c40a7}
    .num_list li:nth-child(even){border-top: solid 3px #333;}
    .num_list li:nth-child(odd) span{background-color: #1c40a7}
    .num_list li:nth-child(even) span{background-color: #333;}
    .num_list li h4{min-height: 0;}
    .num_list li span{width: 80px; height: 40px; border-radius: 0 0 40px 40px; font-size: 18px; margin-bottom: 15px;}

}

@media screen and (max-width:480px){
    .icon_list > li{width: 100%; margin-right: 0 !important; padding: 15px 10px;}
    .icon_list > li:nth-child(n+2){margin-top: 10px;}


}