/* 인증현황 게시판 */



/*  인증현황 리스트 */
.certificate {
    width: 100%;
    margin-bottom: 100px;
}

.certificate_gall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 70px 1%;
    margin-bottom: 70px;
}

.certificate_gall .gall_li {
    width: 19%;
    position: relative;
    min-height: 1px;
}

.certificate_gall .gall_li .gall_con {
    position: relative;
    text-align: center;
}

.certificate_gall .gall_li .gall_con .gall_img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    cursor: pointer;
    margin-bottom: 10px;
}

.certificate_gall .gall_li .gall_con .gall_img .img {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 138%;
}

.certificate_gall .gall_li .gall_con .gall_img .img:before {
    content: '+';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    aspect-ratio: 1/1;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    border: 3px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    z-index: 1;
}

.certificate_gall .gall_li .gall_con .gall_img .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.certificate_gall .gall_li .gall_con .gall_img .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
}




.certificate_gall .gall_li .gall_con .gall_img .img:before,
.certificate_gall .gall_li .gall_con .gall_img .img:after {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    word-break: keep-all;
}

.certificate_gall .gall_li .gall_con .gall_img .img:hover:before,
.certificate_gall .gall_li .gall_con .gall_img .img:hover:after {
    opacity: 1;
}

.certificate_gall .gall_li .gall_con .gall_txt {
    text-align: center;
    position: relative;
    padding-bottom:10px;
}

.certificate_gall .gall_li .gall_con .gall_txt::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40%;
    height: 1px;
    background-color: #000;
    transform: translateX(-50%);
}

.certificate_gall .gall_li .gall_con .gall_txt p {
    transition: all 0.5s;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.certificate_gall .gall_li .gall_con .gall_txt.active p{
    transform: translateY(-5px);
}

@media screen and (max-width:1440px) {
    .certificate_gall .gall_li {
        width: 24%;
        position: relative;
        min-height: 1px;
    }
}

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


    .certificate_gall .gall_li {
        width: 32%;
    }
}


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

    .certificate {
        margin-bottom: 50px;
    }

    .certificate_gall {
        gap: 30px 0;
        justify-content: space-between;
    }

    .certificate_gall .gall_li {
        width: 49%;
    }
}


/* 인증현황 리스트 */


/* view */

.certificate-viewCont{
    width: 100%;
}

.certificate-viewCont .certificate-tit{
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.certificate-tit h2{
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}

.certificate-viewCont .certificate-tb-box{
    margin-top: 15px;
    margin-bottom: 20px;
    border-top: 2px solid #6676aa;
}

.certificate-tb-box tr{
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.certificate-tb-box tr th{
    background-color: #f0f0f0;
    color: #000;
    font-weight: bold;
    text-align: center;
    width: 20%;
    padding: 20px 0;
    box-sizing: border-box;
}

.certificate-tb-box tr td{
    color: #4b4b4b;
    font-weight: 400;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: left;
}

.certificate-area{
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.certificate-area p{
    text-align: left;
    color: #191919;
}

.certificate-area img{
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
    max-width: 600px;
}



@media screen and (max-width:768px) {
    
.certificate-tit h2{
    font-size: 24px;
}

}

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

    .certificate-tit h2{
        font-size: 20px;
    }

    .certificate-tb-box tr th{
        width: 30%;
    }

    .certificate-area p{
        margin-bottom: 10px;
    }
    
}

/* ******************  시공사례 끝 ********************** */






/* 
*** 복지용구 (대여, 판매) / 중고판매 게시판 리스트 ***
*** 복지용구 (대여, 판매) / 중고판매 게시판 리스트 ***
*/


.equipment-nav{
    width: 100%;
    margin-bottom: 100px;
}

.equipment-nav .equipment-nav_ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 40px 10px;
    border: 1px solid #ee4c2c;
    border-radius: 50px;
}

.equipment-nav .equipment-nav_ul .equipment-nav_li{
    text-align: center;
}

.equipment-nav .equipment-nav_ul .equipment-nav_li a{
    padding: 0 5px 5px;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.5s;
    letter-spacing: -0.5px;
}

.equipment-nav .equipment-nav_ul .equipment-nav_li a:hover{
    color: #ee4c2c;
}

/* on */

.equipment-nav .equipment-nav_ul .equipment-nav_li.on a{
    color: #ee4c2c;
    border-bottom: 2px solid #ee4c2c;
}

/* on */

@media screen and (max-width:768px) {
    .equipment-nav .equipment-nav_ul{
        gap: 10px 5px;
        padding: 20px 10px;
    }
    .equipment-nav .equipment-nav_ul .equipment-nav_li a{
        font-size: 14px;
    }

    .equipment-nav .equipment-nav_ul .equipment-nav_li.on a{
        padding: 0 5px 3px;
        border-bottom: 1px solid #ee4c2c;
    }
}


.equipment{
    width: 100%;
}

.equipment .equipment-cont{
    width: 100%;
}

.equipment .equipment-cont .equipment_ul{
    display: flex;
    align-items: center;
    gap: 10px 1%;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

.equipment .equipment-cont .equipment_ul .equipment_li{
    width: 24%;
    margin-bottom: 20px;
    border-radius: 0 0 20px 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentImg-box{
    width: 100%;
    aspect-ratio: 1/1;
   overflow: hidden;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentImg-box img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 1s;
}


.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box{
    padding: 10px 10px 20px;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt-title-box{
    margin-bottom: 10px;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt-title-box .equipmentTxt_title{
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s;
    text-transform: uppercase;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul{
    display: flex;
    flex-direction: column;
   /*  gap: 5px; */
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li.color{
    color: #ee4c2c !important;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li .equipment_tit{
    font-weight: 500;
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li .equipment_pay{
    font-size: 15px;
    color: #555;
}


/* hover */

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link:hover .equipmentImg-box img{
    transform: scale(1.1);
}

.equipment .equipment-cont .equipment_ul .equipment_li .equipment_link:hover .equipmentTxt-box .equipmentTxt-title-box .equipmentTxt_title {
    transform: translateX(10px);
}


@media screen and (max-width:1024px) {
    .equipment .equipment-cont .equipment_ul{
        display: flex;
        align-items: center;
        gap: 10px 1%;
    }
    
    .equipment .equipment-cont .equipment_ul .equipment_li{
        width: 32%;
        margin-bottom: 20px;
    }

    .equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box{
        padding: 10px 10px 10px;
    }

    .equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li .equipment_tit{
        font-size: 15px;
    }
    .equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentTxt-box .equipmentTxt_ul .equipmentTxt_li .equipment_pay{
        font-size: 14px;
    }
}


@media screen and (max-width:768px) {
    .equipment .equipment-cont .equipment_ul{
        display: flex;
        align-items: center;
        gap: 5px 1%;
    }
    
    .equipment .equipment-cont .equipment_ul .equipment_li{
        width: 49%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:480px) {
    .equipment .equipment-cont .equipment_ul{
        gap: 0;
    }
    
    .equipment .equipment-cont .equipment_ul .equipment_li{
        width: 100%;
        margin-bottom: 10px;
    }

    .equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentImg-box{
        aspect-ratio: 4 / 3;
    }
    .equipment .equipment-cont .equipment_ul .equipment_li .equipment_link .equipmentImg-box img{
        object-fit: cover;
    }
}


/* 페이징 */

.paging_wrapper{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}

.paging_wrapper .prev_page,
.paging_wrapper .next_page
{
    color: #ee4c2c;
    opacity: .7;
}

.paging_wrapper .prev_page:hover,
.paging_wrapper .next_page:hover
{
    opacity: 1;
}

.paging_wrapper .paging_ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
}

.paging_wrapper .paging_ul .paging_li{
    border: 1px solid #ddd;

}

.paging_wrapper .paging_ul .paging_li a{
    display: block;
    color: #888;
    font-size: 12px;
    padding: 2px 9px 4px;
}

.paging_wrapper .paging_ul .paging_li.active{
    border: 1px solid #ee4c2c;
}

.paging_wrapper .paging_ul .paging_li.active a{
    background-color: #ee4c2c;
    color: #fff;
    font-size: 14px;
    cursor: default;

}

.paging_wrapper .paging_ul .paging_li a:hover{
    background-color: #ee4c2c;
    color: #fff;

}


/* 페이징 */

/* 목록버튼 */

.view-btn-box{
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    display: flex;
}

.view-btn-box .view-btn{
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid #ee4c2c;
    color: #ee4c2c;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s ;
    border-radius: 3px;
}

.view-btn-box .view-btn:hover{
    background-color: #ee4c2c;
    color: #fff;
}

/* 목록버튼 */




/* 
*** 복지용구 (대여, 판매) / 중고판매 게시판 리스트 ***
*** 복지용구 (대여, 판매) / 중고판매 게시판 리스트 ***
*/




/* 
*** 복지용구 (대여, 판매) / 중고판매 게시판 상세보기 ***
*** 복지용구 (대여, 판매) / 중고판매 게시판 상세보기 ***
*/

.equipment_view{
    width: 100%;
    margin-bottom: 100px;
}

.equipment_view .equipmentTit-Box{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.equipment_view .equipmentTit-Box .equipment_title{
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.equipment_view .equipment_content{
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.equipment_view .equipment_content .equipmentCont-flex{
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentImg-box{
    width: 70%;
    max-width: 960px;

}

.equipment_view .equipment_content .equipmentCont-flex .equipmentImg-box img{
    display: block;
    margin: 0 auto;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box {
    width: 30%;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul + .equipmentInfo_ul{
    margin-top: 30px;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li{
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li + .equipmentInfo_li{
    margin-top: 20px;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li em{
    font-style: normal;
    color: #555;
    font-size: 15px;
    font-weight: 500;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li em .red{
    color: #ff0000;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li span {
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li span .red{
    color: red;
}

/* 필수 항목 */
.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul.point .equipmentInfo_li em{
    display: inline-block;
    font-size: 16px;
    position: relative;
}

.equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul.point .equipmentInfo_li em::after{
    content: ' * ';
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 12px;
    color: #ee4c2c;
}
/* 필수 항목 */

.equipment_view .equipment_content .equipmentCont-txt {
    font-size: 16px;
    line-height: 1.6;
}

.equipment_view .equipment_content .equipmentCont-txt p,
.equipment_view .equipment_content .equipmentCont-txt p span
{
    font-family: "Noto Sans KR", sans-serif !important;
}

.equipment_view .equipment_content .equipmentCont-txt img{
    display: block;
    margin-bottom: 30px;
    max-width: 100%;
    width: auto;
}


/* 반응형 */
@media screen and (max-width:1024px) {
    .equipment_view .equipment_content .equipmentCont-flex {
        flex-direction: column;
    }

    .equipment_view .equipment_content .equipmentCont-flex .equipmentImg-box{
        width: 100%;
    }
    .equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .equipment_view{
        margin-bottom: 50px;
    }

    .equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li em{
        font-size: 14px;
    }

    .equipment_view .equipment_content .equipmentCont-flex .equipmentInfo-box .equipmentInfo_ul .equipmentInfo_li span{
        font-size: 15px;
    }

    .equipment_view .equipment_content .equipmentCont-txt{
        font-size: 15px;
    }
}

/* 
*** 복지용구 (대여, 판매) / 중고판매 게시판 상세보기 ***
*** 복지용구 (대여, 판매) / 중고판매 게시판 상세보기 ***
*/






/* 
**** 내 주변 주간보호 / 방문요양 ****
**** 내 주변 주간보호 / 방문요양 ****
*/

/* select box setting */
div.dv-select {display:inline-block;zoom:1;position:relative;width:100%;height:35px;padding:0;border: 1px solid #d8d8d8;background:#fff;box-sizing:border-box;overflow:hidden;}
div.dv-select > label {display:inline-block; opacity:0; zoom:1;position:absolute;top:0;right:0;width:100%;line-height:35px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer; display: none;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:0;right:5px;width:35px;height:35px;margin:0;padding:0;background:url(../../images/common/sel-arrow.png) no-repeat;background-size:20px;background-position:center;box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:absolute; left: 0; top: 0; width:100%; /* height:35px; */ padding:0 35px 0 10px;border:none;background:none;outline:none; -webkit-appearance:none;filter:alpha(opacity=0);z-index:1; color:#666; font-weight:300; font-size:13px;}

/* 검색영역 */
.selArea {display:block;width:100%;max-width:400px; vertical-align:top; text-align:center; box-sizing:border-box;}
.selArea div.dv-select {display:inline-block;width:10%;margin:0 5px 0 0;}
.selArea span.input {display:inline-block;position:relative;width:25%;margin:0 5px 0 0;}
.selArea span.input input[type=text] {width:100%;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-moz-placeholder {color:#ddd; } /* firefox 19+ */
.selArea span.input input[type=text]:-ms-input-placeholder {color:#ddd;} /* ie */
.selArea span.input input[type=text]:-moz-placeholder {color:#ddd;}
.selArea span.search {display:inline-block;position:relative;width:10%;margin:0 5px 0 0;}
.selArea .btnOrange {display:inline-block;width:100%;line-height:35px;font-size:13px;color:#fff;background:#000;height:35px;text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}


.boardListArea{display:block; width: 100%; margin:0 auto;padding:0;box-sizing:border-box;} 



.branchTop{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.branchTop .total{color:#111; font-size:18px; font-weight:500;}
.branchTop .total span{vertical-align:baseline;color: #eb2a2e;}
.branchTop .selArea{position:relative; border-bottom:2px solid #111; margin-bottom:40px;}
.branchTop .selArea form{display: flex;}
.branchTop .selArea div.dv-select{ display: inline-block; width:100px;height:60px; line-height:60px; border:none; margin:0;}
.branchTop .selArea .dv-select > label{height:60px; line-height:60px; border:none}
.branchTop .selArea .dv-select > span.spn-sel-arrow{height:60px;}
.branchTop .selArea select{/* height:60px; */ /* line-height:60px; */ border:none; margin:0; font-size:16px;color: #111;font-weight: 600;}
.branchTop .selArea input{height:60px; line-height:60px; border:none;  margin:0; font-size:16px;}
.branchTop .selArea span.input{display: inline-block; width:calc(100% - 110px); margin:0;}
.branchTop .selArea span.search{position:absolute; right:0; margin:0; }
.branchTop .selArea span.search input{background:url('../../images/common/sel_search.png') no-repeat center center; text-indent:-9999px;}

.branchList .listTable ul{border-top:2px solid #111;}
.branchList .listTable ul li{border-bottom:1px solid #ddd; padding:60px; position:relative;}
.branchList .listTable ul li:after{content:''; width:0; height:2px; position:absolute; right:0; bottom:-1px; background:#eb2a2e; transition:all ease .3s;}
.branchList .listTable ul li:hover:after{width:100%; right:auto; left:0;}
.branchList .listTable ul li a .title{height: 105px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: calc(100% - 340px);}
.branchList .listTable .title h3{font-size:27px; margin:0 0 15px; color:#111; line-height:1.2; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.branchList .listTable .title p{font-size:18px;  white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.branchList .listTable p.date{font-size:17px; color:#aaa; margin:20px 0 0;}
.branchList .listTable .thumb{width:300px; height:200px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:absolute; right:40px; top:30px; opacity:0; transition:all ease .3s; }
.branchList .listTable ul li:hover .thumb{opacity:1; right:60px;}

.branchList .btnGray{background:#111; border-color:#111; font-size:16px; padding: 15px 50px;} 


/* branch */ 
.branch .posting-list ul{border-top: 2px solid #000;margin-bottom: 60px;}
.branch .posting-list ul .top{padding: 30px}
.branch .posting-list ul .top b{color:#222;}
.branch .posting-list ul .top b:nth-of-type(1){width: 20%;}
.branch .posting-list ul .top b:nth-of-type(2){width: 80%;}
.branch .posting-list ul .top b:nth-of-type(3){width: 20%;}
.branch .posting-list ul li{border-bottom: 1px solid #ddd;display: flex;align-items: center; text-align: center;padding: 16px 30px;font-weight: 500;font-size: 16px;}
.branch .posting-list ul li p{font-size: 15px; padding:0 10px;}
.branch .posting-list ul li p:nth-of-type(1){width: 20%;}
.branch .posting-list ul li p:nth-of-type(2){width: 80%;} 
.branch .posting-list ul li p:nth-of-type(3){width: 20%; } 
.branch .posting-list ul li a{display: inline-block;border-bottom: 1px solid transparent; box-sizing: border-box;} 
.branch .posting-list ul li a:hover{color: #ee4c2c;border-bottom: 1px solid #ee4c2c;font-weight: 700;} 
.branch .posting-list ul li > span { width: 5.8%;padding: 6px 0;display: inline-block;border-radius: 3px;background-color: #B5B5B5;color: #fff;font-size: 14px; display: none;}
.branch .posting-list ul li > .on{background-color: #ee4c2c;color: #fff;}  
.branch .app-btn {text-align:center;margin-bottom: 50px;}
.branch .app-btn a{border: 1px solid #000;display: inline-block;background-color:#111;color:#fff;padding: 20px 55px ;font-weight: 600;}


@media screen and (max-width:820px) {
    /* branch */
 	.branch .posting-list ul{margin-bottom:30px;}
     .branch .posting-list ul li{padding: 20px 0; flex-direction: column; text-align: left; gap: 5px;}
     .branch .posting-list ul .top{display: none;} 
     .branch .posting-list ul li p:nth-of-type(1){
        width: 100%;
     }
     .branch .posting-list ul li p:nth-of-type(2){
        width: 100%;
     }
     .branch .posting-list ul li p:nth-of-type(3){
        width: 100%;
     }
     /* .branch .posting-list ul .top b:nth-of-type(2){width: 20%;}
     .branch .posting-list ul .top b:nth-of-type(3){width: 40%;} */
     /* .branch .posting-list ul li p:nth-of-type(1){display:none;}
     .branch .posting-list ul li p:nth-of-type(2){width: 20%; } 
     .branch .posting-list ul li p:nth-of-type(3){width: 40%; } 
     .branch .posting-list ul li p:nth-of-type(4){width: 20%;} 
     .branch .posting-list ul li p:nth-of-type(5){width: 20%;}  */
     .branch .posting-list ul li > span{width: 20%;font-size: 13px;} 
     .branch .app-btn{margin-bottom:30px;}
     .branch .app-btn a{padding: 15px 40px; font-size:14px;}
}