@charset "UTF-8";
/*=================================================
		서비스 companyintroservice.php
=================================================*/
.companyintroservice-section-wrap{
    background-size: 140px 274px;
    background-position: left bottom;
    background-repeat: repeat-x;
}
.m-introduce-item-wrap{
    padding: 35px 0 0;
}

.m-introduce-item-wrap .txt-wrap {
    border-top: 0;
    padding: 0 10px;
}

.m-introduce-item-wrap .txt-wrap .title{
    color: #171717;
}

.m-introduce-item-wrap .txt-wrap .subtitle{
    color: #585858;
    padding: 0 0 5px;
}

/*=================================================
		이용방법 companyintrouse.php
=================================================*/
.companyintrouse-section-wrap{
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 40%;
}

.companyintrouse-section-wrap .item-wrap{
    padding: 65px 0 0;
}

.companyintrouse-section-wrap .item-wrap .ratio-box.ratio-use::before{
    /* padding-top: 51%; */
    padding-top: 31%;
}

.companyintrouse-section-wrap .item-wrap .row{
    height: 100%;
}

.companyintrouse-section-wrap .col-sm-6 .inner{
    text-align: left;
}

.companyintrouse-section-wrap .col-sm-6.pull-sm-6 .inner{
    text-align: right;
}

.companyintrouse-section-wrap .txt-wrap{
    display: block;
    height: 100%;
    padding: 55px;
}

.companyintrouse-section-wrap .item-wrap .title{
    color: #171717;
    padding: 10px 0 0;
}

.companyintrouse-section-wrap .item-wrap .desc{
    padding: 12px 0 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .companyintrouse-section-wrap .item-wrap .ratio-box.ratio-use::before{
        padding-top: 60%;
    }

    .companyintrouse-section-wrap .txt-wrap{
        padding: 0;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .companyintrouse-section-wrap .item-wrap .ratio-box.ratio-use::before{
        padding-top: 140%;
    }

    .companyintrouse-section-wrap .txt-wrap{
        padding: 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .companyintrouse-section-wrap .item-wrap .ratio-box.ratio-use::before{
        padding-top: 230%;
    }

    .companyintrouse-section-wrap .txt-wrap{
        padding: 0;
    }
}

/*=================================================
		중간배너 companyintromiddlebanner.php
=================================================*/
.companyintromiddlebanner-section-wrap .section-wrap{
    padding: 0;
}

.companyintromiddlebanner-section-wrap .section-wrap{
    position: relative;
    width: 100%;
    height: 650px;
    overflow-y: hidden;
}

.companyintromiddlebanner-section-wrap .logo-wrap{
    position: absolute;
    top: 50%;
    left: 50%;

    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.companyintromiddlebanner-section-wrap .logo-wrap img{
    width: 300px;
}


/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
    
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
   
}

/***** xs *****/
@media (max-width: 575px) {
    .companyintromiddlebanner-section-wrap .section-wrap{
        height: 250px;
    }
}