@charset "utf-8";

/*타이틀 부분*/
.works-lists-inner {
    position: relative;
    height: 750px;
    /*    padding-top: 188%;*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    color: #fff;
    z-index: 10;
}

.works-category {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 14px;
    z-index: 10;
}

/*타이틀*/
.works-lists .title {
    position: absolute;
    top: 40%;
    ;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    z-index: 10;
}

/*타이틀 큰거*/
.works-lists .title-big {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 50px;
    font-weight: 600;
    z-index: 10;
}




@media screen and (max-width:1024px) {

    /*타이틀*/
    .works-lists-inner {
        height: 70vh;
    }

    .works-lists .title {
        font-size: 21px;
    }

    /*타이틀 큰거*/
    .works-lists .title-big {
        font-size: 40px;
    }

}

@media screen and (max-width:768px) {

    /*타이틀*/
    .works-lists .title {
        font-size: 18px;
        text-align: center;
    }

    /*타이틀 큰거*/
    .works-lists .title-big {
        font-size: 35px;
        text-align: center;
    }

    .works-category {
        top: 15px;
        left: 20px;
        font-size: 16px;
    }

    .works-lists-inner {
        padding-top: 0;
        height: 60vh;
        width: 90%;
        margin: auto;
    }

    .works-lists {
        margin-top: 50px;
    }

    .margin-f {
        margin-top: 0px;
    }
}



.headline .title {
    position: absolute;
    top: 20%;
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    transform: translateY(-50%);
}

.headline .sub-title {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
}

.headline .sub-title h3 {
    font-size: 5vmin;
    font-weight: 700;
    display: inline-block;
    padding: 5px;
}









/*개별설정*/

/* 고령2 */
.goryeong2 .title-m {
    top: 30% !important;
}

.goryeong2 .title-big {
    letter-spacing: -3px;
}

.goryeong2 .title-big_m {
    top: 120%;
    line-height: 1.1;
    letter-spacing: -5px;
}

/* 민하 */
.minha .title-m {
    top: 30%;
}

.minha .title-big_m {
    line-height: 1.1;
}

/* 나무그늘 */
.namu

/* 법무법인 자연 */
.jayeon .title-big {
    top: 100%;
}

/* 에코그린 */
.ecogreen .title-big {
    top: 100%;
}

/* 서로커피 */
.coffee .title-big {
    top: 100%;
}

/*약령시*/
.gin .title-big {
    font-size: 5vmin;
    top: 100%;
}

.gin .title {
    top: 35%;
}


/*집밥연구소*/

.homemade .title-big {
    top: 130%;
}

/*사마르 대학교*/
.samar .title {
    top: 30%;
}

.samar .title-big {
    font-size: 5vmin;
    top: 100%;
}

@media screen and (max-width:1024px) {

    .gin .title-big {
        font-size: 4vmin;
        top: 130%;
    }


    /*사마르 대학교*/

    .samar .title-big {
        font-size: 4vmin;
        top: 130%;
    }

}

@media screen and (max-width:425px) {

    .gin .title-big {
        font-size: 7vmin;

    }


    /*사마르 대학교*/

    .samar .title-big {
        font-size: 7vmin;
    }

}

.threem .title-big {
    top: 0;
    transform: translate(-50%, -30%);
    line-height: 60px;
}

@media screen and (max-width:768px) {
    .threem .title-big {
        top: 35px;
    }
}

.threem_1 .title-big {
    line-height: 60px;
}


/*계명*/
.km_uni .title {
    top: 50%;
}

.km_uni .title-big {
    top: 100%;
}

@media screen and (max-width:768px) {
    .km_uni .title {
        top: 45%;
    }
}

/* 다채몰 */
.dachaemol .title-big {
    top: 100%;
}

/* ICT */
.ict .title-big {
    top: 100%;
}

/* 영천 */
.km .title-big {
    top: 100%;
}

/* 은해사캠핑장 */
.camping .title-big {
    top: 100%;
}

/*장애인경제*/
.ko_disabled .title {
    top: 45%;
}

.ko_disabled .title {
    padding-top: 290px;
}

.marketing_disabled .title-big {
    top: 100%;
}

@media screen and (max-width:768px) {
    .ko_disabled .title {
        top: 40%;
        position: absolute;

    }

    .ko_disabled .title {
        padding-top: 230px;
    }
}

.ko_disabled_dg .title {
    top: 45%;
}

.ko_disabled_dg .title p {
    padding-top: 290px;
}

@media screen and (max-width:768px) {
    .ko_disabled_dg .title {
        top: 40%;
    }

    .ko_disabled_dg .title p {
        padding-top: 230px;
    }
}

/* 대구 스마트 */
.smart .title-big {
    top: 100%;
}

/* 장애인기업신문 */
.ko_disabled_news .title-big {
    top: 100%;
}

/* 우리몰 */
.uri .title-big {
    top: 100%;
}

.ko_aroma .title-big {
    top: 100%;
}

/*아로마 타이틀 큰거*/
.aroma .title-big {
    top: 100%;
    line-height: 60pxpx;
}

@media screen and (max-width:768px) {
    .aroma .title {
        top: 170px;
    }

    .aroma .title-big {
        top: 80px;
    }
}

/* 땅땅 */
.ddang .title-big {
    top: 100%;
}


/*모든엘리*/
.all .title-big {
    top: 100%;
}

@media screen and (max-width:768px) {
    .all .title-big {
        top: 50px;
    }
}

/* 대구고 */
.daeguhigh .title-big {
    top: 100%;
}

/* 리튼에이치앤 */
.hn .title-big {
    top: 100%;
}

/* 플래시라이딩 */
.riding .title-big {
    top: 100%;
}

/* 이음 */
.ieum .title-big {
    top: 100%;
}

/* 에어돔 */
.airdom .title-big {
    top: 100%;
}

/* 에코스타트 */
.eco .title-big {
    top: 100%;
}

/* 국태 */
.kooktae .title {
    top: 30%;
}

.kooktae .title-big {
    top: 100%;
}

/* 도테라 */
.dotera .title-big {
    top: 100%;
}

/* 재윤 */
.jaeyoon .title-big {
    top: 100%;
}

/* abc vpn */
.abc .title {
    top: 30%;
}

.abc .title-big {
    top: 100%;
    line-height: 60px;
}

/* 미샵 */
.misharp .title-big {
    top: 100%;
}

/* 늘포잠 */
.sleep .title-big {
    top: 100%;
}

/* SFAC */
.sfac .title-big {
    top: 100%;
}

/* 태진 */
.taejin .title-big {
    top: 100%;
}

/* 브로떼 */
.brotte .title-big {
    top: 100%;
}

/* 행운이바지 */
.luck .title-big {
    top: 100%;
}

/* 하나통상 */
.hana .title-big {
    top: 100%;
}

/* 키토산 */
.kotosan .title-big {
    top: 100%;
}

/* 르네르트 */
.rene .title-big {
    top: 100%;
}

/* 네오젠 */
.neogen .title-big {
    top: 100%;
}

/* project_mobile.html */
.jjin .title-big {
    top: 100%;
}

/* project_mobile.html 끝 */

/* project_web.html */
.only .title {
    top: 30%;
}

.only .title-big {
    top: 100%;
}

.andfun .title-big {
    top: 110%;
}

.km_uni_web .title {
    top: 40%;
}

.saeron21 .title {
    top: 30%;
}

/* .saeron21 .title-big {
    top: 30%;
} */

/* project_web.html 끝 */

/* project_marketing.html */
.sw .title {
    top: 30%;
}

.sw .title-big {
    top: 100%;
}

.danyang .title-big {
    top: 100%;
}

/* project_marketing.html 끝 */

/*로고부분*/

.works-lists .work-brand {
    position: absolute;
    bottom: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    z-index: 10;
}

.works-lists .work-brand01 {
    position: absolute;
    bottom: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    z-index: 10;
}

.works-lists .work-brand02 {
    position: absolute;
    bottom: 90px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    z-index: 10;
}

@media screen and (max-width:1024px) {
    .works-lists .work-brand02 {
        position: absolute;
        bottom: 95px;
        color: #fff;
        font-size: 16px;
    }
}

@media screen and (max-width:768px) {

    .works-lists .work-brand {
        left: 50%;
        bottom: 5%;
        transform: translate(-50%, -50%);
    }

    .works-lists .work-brand01 {
        bottom: 90px;
        left: 10%;
    }

    .works-lists .work-brand02 {
        bottom: 90px;
        right: 10%;
    }

}

@media screen and (max-width:425px) {

    .works-lists .work-brand {
        bottom: 5%;
    }

    .works-lists .work-brand01 {
        bottom: 10%;
        left: 10%;
    }

    .works-lists .work-brand02 {
        bottom: 10%;
        right: 10%;
    }

}