.wrap{width:100%; height:100%;}

.contents{ width: 100%; height:auto;  /*padding-top: 7.9rem;*/ background: #ffffff; box-sizing: border-box; margin-top:0;}
.c-in{ 
    width:100%; max-width:1280px; margin:0 auto; padding:6.0rem 0; height:auto; position:relative; 
        min-height: 59.0rem;
}
@media screen and (max-width: 1280px){
    .c-in{ 
         padding:6.0rem 2.0rem;
        }
    }

/*-------------------------------------------------------------------
	배너
-------------------------------------------------------------------*/
.banner-wrap{
    width:100%; height:15rem; display: flex; align-items: center; justify-content: center; background-size:contain;
    margin-top: 7.9rem;

    .banner-title{font-size:3.2rem; font-weight:bold; color:#ffffff;}

    &.banner-bg-01{background:url("../img/banner-bg-img-01.png") center no-repeat; background-size:cover;}
    &.banner-bg-02{background:url("../img/banner-bg-img-02.png") center no-repeat; background-size:cover;}
    &.banner-bg-03{background:url("../img/banner-bg-img-03.png") center no-repeat; background-size:cover;}
    &.banner-bg-04{background:url("../img/banner-bg-img-04.png") center no-repeat; background-size:cover;}
}


/*-------------------------------------------------------------------
	로케이션
-------------------------------------------------------------------*/
.location-wrap{
    width:100%; height:auto;
    border-bottom:1px solid var(--basic-border-color);

    .lw-in{
        width:100%; max-width:1280px; height:4.0rem; margin:0 auto; display: flex; align-items: center;   border:1px solid var(--basic-border-color); border-bottom:0; border-top:0; border-right:0;
        
        .lw-home{
            width:4.0rem; height:4.0rem; font-size:0; 
            border-right:1px solid var(--basic-border-color);
            img{width:100%;}
        }

        .loca-depth-wrap{
            display: flex; align-items: center;
             height:100%; border-bottom:0; border-top:0;   
            li{
                height:100%;
                border-right:1px solid var(--basic-border-color);
                select{
                    border:0; width:20.0rem; height:100%; padding:0 1.0rem; font-size:1.6rem;
                    background:url("../img/lw-arrow.svg") calc(100% - 1.0rem) no-repeat; 
                }
            }
        }
    }

    @media screen and (max-width: 870px){
            & .lw-in {
                & .loca-depth-wrap {
                    & li {
                        select {
                            width:auto; flex:1;
                        }
                    }
                }
            }
        }

    }








@media screen and (max-width: 870px){
    /* .contents .sub-in{padding:6.0rem 2.0rem 6.0rem 2.0rem!important; } */
    
}