@charset "UTF-8";
/* pubMain 반응형 */
@media all and (min-width: 360px){
    .section-1 .top_div .inner p.maintit{
        font-size: 24px;
    }
    .section-2 .mid_div{
        padding: 60px 20px;
    }
    .section-1 .top_div .search-keyword-section input{
        min-width: 300px;
    }
    .section-1 .baner-zone .baner_wrap .baner_inner{
        gap: 30px;
    }
    .search_result{
        max-width: 300px;
        top: 365px;
    }
}
@media all and (min-width: 400px){
    .section-2 .new_wrap .ns_inner .card_wrap .card_box.blue{
        background: #EEF6FF url("/cbsp/public/images/main/go02.svg") no-repeat 120% 56%;
    }
    .section-2 .new_wrap .ns_inner .card_wrap .card_box.purp{
        background: #E9E7FF url("/cbsp/public/images/main/go04.svg") no-repeat 125% -60%
    }
}
@media all and (min-width: 450px){
    .section-1 .baner-zone .baner_wrap .baner_inner{
        gap: 50px;
    }
}
@media all and (min-width: 500px){
    .section-1 .baner-zone .baner_wrap .baner_inner{
        padding: 0 10px;
        gap: 0px;
    }
    .section-1 .top_div .search-keyword-section input{
        min-width: 450px;
    }
    .section-1 .top_div .inner h3 br{
        display: none;
    }
    .section-2 .new_wrap .ns_inner .card_wrap .card_box.blue{
        background: #EEF6FF url('/cbsp/public/images/main/go02.svg') no-repeat 100% 56%;
    }
    .section-2 .new_wrap .ns_inner .card_wrap .card_box.green{
        background: #DDF6F6 url('/cbsp/public/images/main/go05.svg') no-repeat 93% 64%;
    }
    .search_result{
        max-width: 450px;
        top: 320px;
    }
}
@media all and (min-width: 620px){
    .section-2 .new_wrap .ns_inner .card_wrap{
        flex-wrap: wrap;
        flex-direction: row;
    }
}
@media all and (min-width: 768px){
    .header-mob{
        display: none;
    }
    .util-ul{
        display: flex;
        flex-direction: row;
        gap: 5px;
    }
    .head-btn span{
        display: block;
    }
    .head-btn button{
        width: 200px;
    }
    .section-1 .top_div .inner h3 {
        font-size: 48px;
    }
    .section-1 .baner-zone .baner_wrap .baner_inner{
        gap: 10px;
        padding: 0 10px;
    }
    .section-1 .baner-zone .baner_wrap .baner_control{
        gap: 0;
    }
    .section-1 .top_div .search-keyword-section input{
        font-size: 16px;
    }
    .section-2 .mid_div{
        gap: 0;
    }
    .section-2 .new_wrap .ns_inner .card_wrap{
        flex-direction: row;
        gap: 20px;
    }
    .footer .inner .wrap_div{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
        font-size: 16px;
    }
    .footer .inner .wrap_div .logo_box{
        flex-direction: row;
        gap: 40px;
    }
    .ft_menu ul{
        gap: 20px;
        flex-direction: row;
    }
    .footer{
        max-height: 200px;
    }
    .footer .inner .wrap_div .ad_box{
        align-items: flex-start;
    }
    .head-logo .left .no-mob{
        display: block;
    }
    .head-logo .left .mob{
        display: none;
    }
    .section-1 .top_div .inner{
        padding: 90px 0;
    }
    .mobile_gnb{
        display: none;
    }
    .section-1 .top_div .search-keyword-section input{
        min-width: 550px;
    }
    .search_result{
        max-width: 550px;
        top: 380px;
    }
}
@media all and (min-width: 900px){
    .section-1 .baner-zone .baner_wrap .baner_inner{
        padding: 0 15px;
    }
}
@media all and (min-width: 1080px){
    .section-2 .new_wrap .ns_inner .card_wrap .card_box{
        width: calc(100% / 5 - 16px);
    }
}
@media all and (min-width: 1280px){
    .header-mid{
        padding: 15px 0px;
    }
    .section-1 .baner-zone .baner_wrap {
        padding: 0 15px;
    }
}
@media all and (min-width: 1400px){

}