/*chain*/
.chain {
    /* display: flex;
    flex-wrap:wrap; */
}
.chain_box {
    position: relative;
    width: 255px;
    border: 1px solid #ddd;
    border-radius: 1px 1px 30px;
    margin-right: 60px;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 70px;
}
.admin-chain .chain_box{
   margin-top:50px;
}
.chain_box:nth-child(4n){
    margin-right:0;
}
.chain_box div {
    margin: 2px 0;
}
.chain_last {
    margin-right: 0 !important;
}
.local {
    font-size: 2.8rem;
    font-weight: bold;
}
.chain_pic {
    margin: 13px 0px 9px !important;
}
.chain_pic img {
    width: 128px;
    height: 160px;
}
.chain_title {
    font-size: 16px;
    font-weight: normal;
    color: #8a8a8a;
}
.chain_name{
    font-size: 20px;
    font-weight: bold;
}
.chain_sub {
    color: #0d635a;
}

.chain-number{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top:-30px;
    right:0;
    left:0;
    font-size: 16px;
}
.chain-number span{
    display: inline-block;
}
.chain-modify{
    position: absolute;
    bottom:-50px;
    left:0;right:0;
    text-align: center;
}
.chain-view{
    vertical-align: baseline;
    color: #666;
}
.badge{
    display: inline-block;
    padding:4px 10px;
    border-radius:20px;
    font-size: 13px;
    border:1px solid #000;
    background: #fff;
}
.badge.badge-red{
    border-color: #e00000;
    color:  #e00000;
}
.badge.badge-gray{
    border-color: #585858;
    color:  #585858;
}
.badge.badge-black{
    color: #000;
}

.chain_title{
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #171717;
}
.chain-area-box{
    display: flex;
    flex-wrap:wrap;
    
}

/* 새로운 지부/지회/회원사 */
.chain-box-new{
   
    position: relative;
    border: 1px solid #ddd;
    border-radius: 1px 1px 30px;
    padding: 30px 50px;
    text-align: center;
    margin-bottom: 30px;
 
}
.chain-box-new-bottom{
    display: flex;
    gap:30px;
    color: #444;
    font-size: 1.6rem;

}
.chain-col01{
    text-align: left;
}
.chain-pic{

}
.chain-box-new h1{
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 10px;
    color: #444;
    
}
.chain-col02{
    width: 33%;
    text-align: left;
}
.chain-col02 div{
    margin-bottom: 5px;
}
.chain-col02 div:last-child{
    margin-bottom: 0px;
}
.chain-col03{
    width: 40%;
    margin-top: 38px;
    text-align: left;
   
}
.chain-box-new .chain-name{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.chain-box-new .chain-address{
    margin-top: 10px;
}

.chain-title{
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    width:90px;
}
.chain-cont{
    display: inline-block;
}
.chain-pic{
    width: 120px;
}
.chain-pic img{
    width: 100%;
}
.chain-part02,
.chain-part03{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px 30px;
}
.chain-part02 .chain-box-new,
.chain-part03 .chain-box-new{
    width: calc(50% - 30px);
}
.chain-part02 .chain-col02{
    width: calc(100% - 155px);
}
.chain-part03 .chain-col02{
    width: calc(100% - 100px);
}


.chain-part03-title{
    font-size: 2.6rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.chain-box-new-top{
    position: relative;
}
.chain-box-new.type-company .chain-box-new-top{
    height: 40px;
}


.chain-edit-wrap{
    position: absolute;
    right: -30px;
    top: 0;
}
.new-chain-search {
    margin-bottom: 10px;
}
.new-chain-search form{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
}
.new-chain-search select{
    display: inline-block;
}
.new-chain-search form input, 
.new-chain-search form select{
    height: 26px;
}


@media screen and (min-width:641px) and (max-width:1199px) {
    
    .chain_box {
        width: 32%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media screen  and (min-width:481px) and (max-width:740px) {

    .chain-box-new{
        padding: 20px 20px;
    }
    .chain-box-new-bottom {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        color: #444;
    }
    .chain-col01{
        width: 100%;
        text-align: center;
    }
    .chain-pic{
        display: inline-block;
    }
    .chain-col02,
    .chain-col03{
        width: calc(50% - 30px);
    }
    .chain-area-box{
        gap: 0 4px;
    }
    .chain_box {
        width: 49%;
        margin-right: 0;
        text-align: center;
        margin-bottom:20px;
    }
    .local {
        font-size: 2.3rem;
        font-weight: bold;
    }
    .chain_pic {
        width: 96%;
        height: auto;
    }
    .chain_pic img{
        width: 100%;
    }
    .chain-part02 .chain-box-new,
    .chain-part03 .chain-box-new {
        width: 100%;
    }

    .chain-part02 .chain-col02 ,
    .chain-part03 .chain-col02 {
        width: 100%;
    }

}

@media screen and (max-width:480px) {
    .chain-box-new{
        padding: 20px 20px;
    }
    .chain-box-new-bottom{
        flex-direction: column;
        gap: 20px;
    }
    .chain-col01{
        width: 100%;
        text-align: center;
    }
    .chain-pic{
        display: inline-block;
    }
    .chain-col02,
    .chain-col03{
        width: 100%;
        margin-top: 0;
    }

    .chain-part02 .chain-box-new,
    .chain-part03 .chain-box-new {
        width: 100%;
    }
    .chain-part02 .chain-col02 ,
    .chain-part03 .chain-col02 {
        width: 100%;
    }
    .new-chain-search form .search-wrap{
        width:50%;
    }
    .new-chain-search form input{
        width:calc(100% - 60px);
    }
    .new-chain-search form select{
        width:25%
    }


}