/*-------------------------------------------------------------------
	인사말 및 회사 연혁
-------------------------------------------------------------------*/
.img-total{
    width:100%;
    max-width:100.0rem;
    margin:0 auto;
    font-size:0;
    margin-bottom:4.0rem;
    img{width:100%;}

    &.line{
        /* max-width:100%; */
        border: 2px solid #dddddd;
        padding:1.5rem;
        border-radius:1.0rem;
    }
}

/*-------------------------------------------------------------------
	경매사 소개, 중도매인소개, 유통관련기관, 포토앨범
-------------------------------------------------------------------*/
.card-wrap.int{
    width:100%;
    .int-box{
        display: flex;
        padding:3.0rem;
        box-sizing:border-box;
        gap:2.0rem;
        .int-img{
            width:19.2rem;
            height:17.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:0;
            border:1px solid #dddddd; border-radius:1.0rem; overflow:hidden;
            img{width:100%;}
        }

        .int-info{
            width:100%;
            ul{
                width:100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                /* border:2px solid red; */
                height:100%;
                li{
                    display: flex; align-items: center; justify-content: start; gap:1.0rem;
                    border-bottom:2px dashed #dddddd;
                    h5{
                        font-size:1.8rem; font-weight:bold; display: flex; align-items: center; justify-content: space-between; gap:0.5rem; position:relative; padding-left:1.7rem;
                        flex:3;
                        &::before{position:absolute; top:50%; transform:translateY(-50%); left:0; display: inline-block; content:''; width:0.7rem; height:0.7rem; background:#1c1c1c; color:#c1c1c1; margin-left:0.5rem; border-radius:1.0rem;}
                        &::after{display: inline-block; content:':'; color:#c1c1c1; margin-left:0.5rem;}
                    }
                    p{  
                        flex:10;
                        font-size:1.8rem; 
                    }

                    &:first-child{
                        p{
                            font-weight:bold;
                        }
                    }
                }
            }

        }

        
    }

    @media screen and (max-width: 840px){
        .int-box{
            align-items:center;
            gap:1.0rem;
            padding:1.5rem;
            & .int-info {
            & ul {
                gap:1.0rem;
                & li {
                    gap:0.5rem;
                    h5 {flex:5; font-size:1.6rem;}
                    p {flex:12; font-size:1.6rem;}
                    
                }
            }
        }
        }
    }

    &.no-img{
        .int-box{
            .int-info{
                ul{
                gap:1.0rem;
                    li{
                        h5{flex:6;}
                        p{flex:13;}
                    }
                }
            }
        }

        @media screen and (max-width: 840px){
            .int-box{
                align-items:center;
                & .int-info {
                & ul {
                    gap:1.0rem;
                    & li {
                        
                        h5 {flex:6;}
                        p {flex:11;}
                        
                    }
                }
            }
            }
        }
    }



    /*-- 중도매인소개 --*/
    &.vege-group,
    &.fruits-group{
            & .int-box {
            & .int-info {
                & ul {
                    & li:nth-child(1),
                    & li:nth-child(2){
                        color:var(--red-color);
                    }
                }
            }
        }
    }

    /*-- 유통관련기관 --*/
    &.dist-group{
            & .int-box {
            & .int-info {
                & ul {
                   /* flex-direction: column; */
                   display: flex; flex-direction: row;
                   justify-content: space-between; gap:1.0rem;
                   
                   li{flex:1; border-bottom:0;
                        
                        &:nth-child(1){flex:1; justify-content: center;}
                        &:nth-child(2){flex:1; justify-content: center; text-align:center;}
                        &:nth-child(3){flex:1; justify-content: center;}
                    
                        .dist-logo{font-size:0; border:1px solid #dddddd; width:100%; max-width:15.0rem; img{width:100%; min-width:9.0rem;}}
                        h5{
                            &:before{display: none;}
                        }

                        .link{font-size:1.6rem;}
                    }
                }
            }
        }
    }

    /*-- 포토앨범 --*/
    &.photo-group{ margin-bottom:2.0rem;
        & .int-box {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding:2.0rem;
            gap:1.0rem;

            & .int-img{
                width:100%; 
                img{width:100%;}
            }

            & .int-info {
                & ul {
                   /* flex-direction: column; */
                   display: flex; 
                   /* flex-direction: row; */
                   justify-content: center;
                    gap:1.0rem;
                   
                   li{flex:1; border-bottom:0;
                        border-bottom:2px dashed #dddddd;
                        padding-bottom:0.5rem;
                        p{
                        -webkit-box-orient: vertical; display: -webkit-box !important; display: block; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;
                        }
                        &:nth-child(1){width:100%; text-align:center;}
                        &:nth-child(2){width:100%; text-align:center;}
                        &:nth-child(3){width:100%; text-align:center;}
                    
                        .dist-logo{font-size:0; border:1px solid #dddddd; width:100%; max-width:15.0rem; img{width:100%; min-width:9.0rem;}}
                        h5{
                            &:before{display: none;}
                        }

                        .link{font-size:1.6rem;}
                    }
                }
            }
        }
    }

}

/*-------------------------------------------------------------------
	재무재표 안내
-------------------------------------------------------------------*/

.card-wrap.data-img{
    width:100%;
    
    .di-box{
        width:100%;
        height:100%; 
        padding:2.0rem;
        text-align:center;
        .di-img{display: inline-flex; align-items: center; width:100%; font-size:0; overflow:hidden;  height:calc(100% - 2.5rem); 
            img{width:100%;}
        }
        .text-01{font-weight:bold; height:2.5rem;}
    }
}

/*-------------------------------------------------------------------
	오시는 길 안내
-------------------------------------------------------------------*/
.img-total{
    .cont{display: none;}
}

/*-------------------------------------------------------------------
	유통과정
-------------------------------------------------------------------*/
.img-wrap{
    border:2px solid var(--gray300-color); 
    border-radius:1.5rem;
    padding:2.0rem;
}

/*-------------------------------------------------------------------
	상세
-------------------------------------------------------------------*/
.table-detail{
    width:100%; height:auto; line-height:1.5; 
    border: 1px solid var(--td-color); 
    border-bottom:0;
    border-radius: 1.0rem;
    overflow:hidden;
    .td-header,
    .td-body,
    .td-footer{width:100%; 
        /* border-bottom: 1px solid var(--td-color);  */
        ul{width:100%; overflow:hidden; display: flex; 
            &:last-child{border-bottom:0;}
            li{ flex:1; display: flex; align-items: center; border-right:1px solid var(--td-color);  background: var(--red-bg-opa-10);
                &:last-child{border-right:0;}
                border-bottom:1px solid var(--td-color);
                 
                h4{font-size:1.6rem; font-weight:bold; padding:1.0rem 1.0rem; width:15.0rem; text-align:center; height:100%;  display: inline-flex; align-items: center; justify-content: center;}   
                p{font-size:1.6rem; padding:1.0rem 1.0rem; width:calc(100% - 15.0rem); background:#ffffff;}

                
                .down{
                    font-size:1.6rem;  padding:1.0rem 1.0rem; text-decoration: underline; position:relative; display: flex; align-items: center; gap:1.0rem; background:#ffffff;
                    &:before{content:''; display: inline-block; background:var(--gray500-color) url("/img/icon-btn-down-01.svg") no-repeat center; width:3.0rem; height:3.0rem; border-radius:0.5rem;}
                }

                > ul.list-wrap{
                                        /* padding: 1.0rem 1.0rem; */
                    width: calc(100% - 15.0rem);
                    background:#ffffff!important;
                    display: inline-flex; 
                    flex-direction: column;
                    > li{background:#ffffff; border:0;}

                    > .down{display: inline-block; align-items: center; }
                }

                .link{
                    font-size:1.6rem; padding:1.0rem 1.0rem; background:#ffffff; width:calc(100% - 15.0rem);
                    &:hover{text-decoration: underline;}
                }

                .form-box{
                    width:calc(100% - 15.0rem); height:100%; background:#ffffff; padding:1.0rem 1.0rem; display: flex; gap:0.5rem;  align-items:center;
                    input{width:100%;}
                    textarea{width:100%; height:35.0rem;}
                    .warn{ padding:0; color:var(--red-color);}
                    .warn::before{content:'*'}
                }

                .t-area{
                    width:100%;
                    padding:1.5rem;
                    background:#ffffff;
                    font-size:1.6rem;
                     /* border:2px solid red; */
                }
            }
        }

        @media screen and (max-width: 840px){
            ul{
                flex-direction: column;
                li{
                    border-right:0;
                    h4{width:9.0rem;}
                    p,
                    /* .down, */
                    .link,
                    .form-box,
                    ul.list-wrap{width:calc(100% - 9.0rem);}
                }
            }
        }


    }

}

/*-------------------------------------------------------------------
	텍스트위주 페이지(민원안내 )
-------------------------------------------------------------------*/
.text-content{
    .tc-box{
        width:100%; 
        margin-bottom:3.0rem;
        
        &:last-child{margin-bottom:0;}
    }

    .down::before{
        width:2.5rem;
        height:2.5rem;
        background-size:60%;
    }

    .text-01{
        margin-bottom:0.5rem;
        &:last-child{margin-bottom:0;}
    }

    @media screen and (max-width: 840px){
        .text-01{text-align:justify;}
     }

}
    .line-01{border:1px solid #dddddd; border-radius:1.0rem; padding:1.5rem;}