/*=================================================
			RECRUIT
=================================================*/
.recruit-wrap .section-wrap{
    padding: 0 160px 100px;
}

.recruit-wrap .bottom-wrap{
    padding: 20px 0 0;
}

.recruit-wrap .bottom-wrap .ratio-custom::before{
    padding-top: 78.5%;
}

.recruit-wrap .bottom-wrap .left .ratio-box:hover .ratio-content .title{
    opacity: 0;
}

.recruit-wrap .bottom-wrap .left .ratio-content .title{
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);

    opacity: 1;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.recruit-wrap .bottom-wrap .left .desc{
    padding: 15px 0 0;
}

.recruit-wrap .bottom-wrap .right{
    padding: 0 30px 0 0;
}

.recruit-wrap .bottom-wrap .right .recruit-lists-wrap{
    padding: 0;
}

.recruit-wrap .bottom-wrap .right ul.list-inline li {
    padding: 11px 0 11px;
}

.recruit-wrap .bottom-wrap .right ul.list-inline li:first-child{
    padding-top: 25px;
}

.recruit-wrap .bottom-wrap .right .more-wrap{
    padding: 14px 0 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
    .recruit-wrap .section-wrap{
        padding: 0 0 100px;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .recruit-wrap .section-wrap{
        padding: 0 20px 30px;
    }

    .recruit-wrap .bottom-wrap .right {
        padding: 30px 0 0;
    }

    .recruit-wrap .bottom-wrap .left .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .recruit-wrap .section-wrap{
        padding: 0 20px 30px;
    }

    .recruit-wrap .bottom-wrap .right {
        padding: 30px 0 0;
    }

    .recruit-wrap .bottom-wrap .left .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .recruit-wrap .section-wrap{
        padding: 0 20px 30px;
    }

    .recruit-wrap .bottom-wrap .right {
        padding: 30px 0 0;
    }

    .recruit-wrap .bottom-wrap .left .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }
}

/*=================================================
			JOB
=================================================*/
.job-wrap .section-wrap {
    padding: 0 160px;
}

.job-wrap .title-line{
    height: 3px;
}

.job-wrap .ratio-custom::before{
    padding-top: 31.6%;
}

.job-wrap .img-wrap .ratio-content{
    opacity: 0;
    
    -webkit-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.job-wrap .img-wrap .ratio-content.active{
    opacity: 1;
}

.job-wrap .content-wrap{
    margin: 40px 0 0;
    padding: 40px 0 100px;
}

.job-wrap .content-wrap .top .left{
    padding: 0 0 0 80px;
}

.job-wrap .content-wrap .top .left .desc{
    padding: 40px 0 0;
}

.job-wrap .content-wrap .top .right{
    padding: 0 0 0 40px;

    border-left: 1px solid #d9d9d9;
}

.job-wrap .content-wrap .top .right ul li{
    padding: 0 0 30px;
    cursor: pointer;
}

.job-wrap .content-wrap .top .right ul li.active{
    margin-left: -10px;
}

.job-wrap .content-wrap .top .right ul li:first-child{
    padding-top: 10px;
}

.job-wrap .content-wrap .top .right ul li:last-child{
    padding-bottom: 10px;
}

.job-wrap .content-wrap .bottom{
    margin: 70px 0 0;
    padding: 70px 0 0;

    border-top: 1px solid #d9d9d9;
}

.job-wrap .content-wrap .bottom .list-wrap{
    padding: 60px 0 0;
}

.job-wrap .content-wrap .bottom .ratio-custom::before{
    padding-top: 50.9%;
}

.job-wrap .content-wrap .bottom .ratio-box:hover .ratio-content .title{
    opacity: 0;
}

.job-wrap .content-wrap .bottom .link{
    color: #ff8f43;

    border-bottom: 1px solid #ff8f43;
}

.job-wrap .content-wrap .bottom .link i{
    padding: 0 0 0 5px;

    font-size: 10px;
}

.job-wrap .content-wrap .bottom .layer .title{
    padding: 24px 0 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
    .job-wrap .section-wrap {
        padding: 0 20px;
    }

    .job-wrap .content-wrap .top .left{
        padding: 0;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .job-wrap .section-wrap{
        padding: 0 20px;
    }

    .job-wrap .content-wrap .top .left{
        padding: 0;
    }

    .job-wrap .content-wrap .top .right{
        padding: 30px 0 0;

        border-left: 0;
    }

    .job-wrap .content-wrap .bottom .ratio-custom::before {
        padding-top: 80%;
    }

    .job-wrap .content-wrap .bottom .txt-h4{
        font-size: 24px;
    }

    .job-wrap .content-wrap .bottom .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }

    .job-wrap .ratio-box .layer, .job-wrap .ratio-box .slide-layer {
        display: inherit;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .job-wrap .section-wrap{
        padding: 0 20px;
    }

    .job-wrap .content-wrap {
        margin: 30px 0 0;
        padding: 30px 0;
    }

    .job-wrap .content-wrap .top .left{
        padding: 0;
    }

    .job-wrap .content-wrap .top .right{
        padding: 30px 0 0;

        border-left: 0;
    }

    .job-wrap .content-wrap .bottom {
        margin: 30px 0 0;
        padding: 30px 0 0;
    }

    .job-wrap .content-wrap .bottom .list-wrap {
        padding: 30px 0 0;
    }

    .job-wrap .content-wrap .bottom .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }

    .job-wrap .ratio-box .layer, .job-wrap .ratio-box .slide-layer {
        display: inherit;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .job-wrap .section-wrap{
        padding: 0 20px;
    }

    .job-wrap .content-wrap {
        margin: 30px 0 0;
        padding: 30px 0;
    }

    .job-wrap .content-wrap .top .left{
        padding: 0;
    }

    .job-wrap .content-wrap .top .right{
        padding: 30px 0 0;

        border-left: 0;
    }

    .job-wrap .content-wrap .bottom .ratio-custom::before {
        padding-top: 60%;
    }

    .job-wrap .content-wrap .bottom {
        margin: 30px 0 0;
        padding: 30px 0 0;
    }

    .job-wrap .content-wrap .bottom .list-wrap {
        padding: 30px 0 0;
    }

    .job-wrap .content-wrap .bottom .ratio-box:hover .ratio-content .title{
        opacity: 1;
    }

    .job-wrap .ratio-box .layer, .job-wrap .ratio-box .slide-layer {
        display: inherit;
    }
}

/*=================================================
			PERSONNEL
=================================================*/
.img-wrap .section-wrap{
    padding: 120px 0 !important;
}

.img-wrap ul li::before{
    content: "• ";
    color: #ff8f43;
    font-size: 30px;
}

#personneltab1 .img-wrap .item-wrap{
    padding: 0 129px;
}

#personneltab2 .img-wrap .item-wrap{
    padding: 0 200px 0 115px;
}

#personneltab3 .img-wrap .item-wrap{
    padding: 0 44px 0 57px;
}

.img-wrap .item-wrap .item{
    padding: 30px 0 50px;

    border-top: 1px solid #d9d9d9;
}

.img-wrap .item-wrap .item:first-child{
    border: 0;
}

.img-wrap .title-wrap{
    padding: 80px 0 0;
}

.img-wrap .title-wrap .title{
    padding: 12px 0 0;
}

#personneltab1 .detail-img-wrap .ratio-box{
    margin: 10px 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
    #personneltab1 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab2 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab3 .img-wrap .item-wrap{
        padding: 0;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .img-wrap .section-wrap {
        padding: 70px 0 !important;
    }

    #personneltab1 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab2 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab3 .img-wrap .item-wrap{
        padding: 0;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .img-wrap .section-wrap {
        padding: 70px 0 !important;
    }

    #personneltab1 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab2 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab3 .img-wrap .item-wrap{
        padding: 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .img-wrap .section-wrap {
        padding: 40px 0 !important;
    }

    #personneltab1 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab2 .img-wrap .item-wrap{
        padding: 0;
    }

    #personneltab3 .img-wrap .item-wrap{
        padding: 0;
    }

    .img-wrap .title-wrap {
        padding: 30px 0 0;
    }

    .img-wrap ul{
        padding: 30px 0 0;
    }

    .img-wrap ul li::before{
        font-size: 20px;
    }

    .img-wrap .item-wrap .txt-h10{
        font-size: 16px;
    }

    .img-wrap .item-wrap .lh-16{
        line-height: 1.2;
    }
}