@charset "utf-8";
/*모바일 css*/
@media all and (max-width: 1400px){

}

@media all and (max-width: 1220px){}

@media all and (max-width: 1080px){
    .tbl_head01 table tr th.hidden_th{display:none;}
    .tbl_head01 table tr td.td_hidden{display:none;}
    .recruit_ul2 li .txt h2 {
        color: #fff;
        font-size: 20px !important;
        line-height:1
    }
    .recruit_ul2 li .txt p {
        font-size: 15px !important;
        word-break: keep-all;
    }
}

@media all and (max-width: 960px){
    #bo_list .tbl_head01 a {
        display: inline-block;
    }
    .recruit_ul2 li .txt h2 {
        color: #fff;
        font-size: 25px !important;
    }
    .recruit_ul2 li .txt p {
        position: absolute;
        bottom: 20px;
        color: #fff;
        width: 100%;
        text-align: center;
        left: 0;
        font-size: 15px;
    }
    .recruit_ul2 li {
        float: left;
        width: calc(32% - -1px);
        text-align: center;
        margin-right: 0px;
        margin-left: 5px;
        margin-bottom: 20px;
        position: relative;
    }

}

@media all and (max-width: 720px){
    #bo_list{margin-bottom:60px;}

    #bo_list .tbl_head01 thead th {
        padding: 8px 0;
        font-size: 16px;
        height: auto;
        border-right: 1px solid #ecf0f1;
    }
    .recruit_ul li {
        float: left;
        width: calc(100% / 3);
        text-align: center;
    }
    .recruit_ul li .txt {
        padding:2vw;
        /*padding: 10px 0;*/
        font-size: 15px;
    }

    #bo_list .td_datetime a {
        padding: 6px 22px;
        border: none;
        background: #dedede;
        color: #000;
        text-decoration: none;
        display: block;
        width: 120px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .recruit_ul2 li .txt{
        padding:10px
    }
    .recruit_ul2 li .txt h2 {
        color: #fff;
        font-size: 16px !important;
    }
    .recruit_ul2 li .txt h2 br{display:none;}

    .recruit_ul2 li .txt p {
        position: absolute;
        bottom: 20px;
        color: #fff;
        width: 100%;
        text-align: center;
        left: 0;
        font-size: 13px;
        line-height: 1;
    }
    .recruit_ul2 li {
        float: left;
        width: calc(32% - -1px);
        text-align: center;
        margin-right: 0px;
        margin-left: 5px;
        margin-bottom: 20px;
        position: relative;
    }
}

@media all and (max-width: 560px) {
    #bo_list .tbl_head01 thead th {
        padding: 8px 0;
        font-size: 13px;
        height: auto;
        border-right: 1px solid #ecf0f1;
    }
    #bo_list .tbl_head01 td {
        font-size: 14px;
    }
    .recruit_ul li .img {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    .recruit_ul li .txt {
        font-size: 13px;
    }
    .recruit_ul2 li .txt h2 {
        color: #fff;
        font-size:18px !important;
    }
    .recruit_ul2 li .txt p {
        position: absolute;
        bottom: 20px;
        color: #fff;
        width: 100%;
        text-align: center;
        left: 0;
        font-size: 15px;
    }
    .recruit_ul2 li {
        float: left;
        width: calc(50% - 10px);
        text-align: center;
        margin-right: 5px;
        margin-bottom: 20px;
        margin-left: 5px;
        position: relative;
    }
}

@media all and (max-width: 480px) {
    #bo_list{margin-bottom:40px;}
    #bo_list .td_datetime a {
        padding: 6px 22px;
        border: none;
        background: #dedede;
        color: #000;
        text-decoration: none;
        display: block;
        width: 120px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    #bo_list .tbl_head01 td {
        font-size: 12px;
        padding: 15px 10px;
        height: auto;
        border-right: 1px solid #ecf0f1;
    }
    .recruit_ul li .img {
        width: 85%;
        height: 26vw;
        margin: 0 auto;
    }
    .recruit_ul li .txt {
        /*padding: 10px 0;*/
        font-size: 11px;
    }

    .recruit_ul2 li .txt{
        padding:2vw 1vw;
        text-align: center;
    }
    .recruit_ul2 li .txt h2 {
        color: #fff;
        font-size: 4vw !important;
        line-height:1;
    }

    .recruit_ul2 li .txt p {
        position: absolute;
        bottom: 2vw;
        color: #fff;
        width: 100%;
        text-align: center;
        left: 0;
        font-size: 3vw;
        line-height: 1;
    }
    .recruit_ul2 li {
        float: left;
        width: calc(50% - 10px);
        text-align: center;
        margin-right: 5px;
        margin-bottom: 20px;
        margin-left: 5px;
        position: relative;
    }
}