/*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_21{font-size: 21px; line-height: 1.67; letter-spacing: -.53px; color: #333;}
.fs_21 b{color: #000;}

.tit_box{background-color: #fff; border: solid 3px #ddd; padding: 47px 0; position: relative; z-index: 2; text-align: center;}
.tit_box::before{content: ''; display: block; width: 456px; height: 100%; position: absolute; top: 0; left: 0; background: url('../img/box_bg1.png') 50% / cover no-repeat; z-index: -1;}
.tit_box::after{content: ''; display: block; width: 438px; height: 100%; position: absolute; bottom: 0; right: 0; background: url('../img/box_bg2.png') 50% / cover no-repeat; z-index: -1;}

.logo_list{display: flex; flex-wrap: wrap; margin-top: 35px;}
.logo_list li{background-color: #fff; border: solid 1px #ddd; width: calc(33.3% - 18.3px); margin-right: 27.5px; text-align: center; position: relative; transition: .3s;}
.logo_list li::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid 2px #1c40a7; transition: .3s; opacity: 0;}
.logo_list li:nth-child(3n){margin-right: 0;}
.logo_list li:nth-child(n+4){margin-top: 27px;}
.logo_list li img{max-width: 100%;}

@media screen and (min-width:1024px){
    .logo_list li:hover{border-color: #1c40a7; }
    .logo_list li:hover::before{opacity: 1;}
}

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

    .sec_wrap br:not(.space){display: none;}
    .tit_box{padding: 30px 20px;}
    .fs_36{font-size: 32px;}
    .fs_21{font-size: 18px;}
    .bar::before{margin-bottom: 7px;}
    .logo_list{margin-top: 30px;}
    .logo_list li{width: calc(33.3% - 10px); margin-right: 15px;}
    .logo_list li:nth-child(n+4){margin-top: 15px;}

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

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

    .tit_box{padding: 20px 15px;}
    .fs_36{font-size: 30px;}
    .fs_21{font-size: 16px;}
    .bar::before{margin-bottom: 5px;}
    .logo_list{margin-top: 25px;}
    .logo_list li{width: calc(50% - 5px); margin-right: 10px;}
    .logo_list li:nth-child(3n){margin-right: 10px;}
    .logo_list li:nth-child(2n){margin-right: 0;}
    .logo_list li:nth-child(n+3){margin-top: 10px;}

}