@charset "utf-8";

/*
============================================================

1.	작 업 일 : 2019.04.18
2.	작 성 자 :  정 연 주
3.	마지막 수정일 : 2019.04.22
4.  마지막 작업자 : 정 연 주

============================================================
*/

/*s ###### 기본화면 모바일 기준 ######*/

/*s=====제목=====*/
#contents{
    padding: 65px 0 0 0;
}

.tit_visual{
    width: 100%;
    height: 150px;
    position: relative;
}
#contents .tit{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
    width: 100%;
    z-index: 80;
}
#contents .tit p{
    line-height: 1.2em;
}
#contents .tit p:nth-child(1){
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 5px;
}
#contents .tit p:nth-child(2){
    font-size: 35px;
    width: 100%;
    letter-spacing: 1.5px;
    margin-top: 5px;
}

.tit_visual .slider li{
    width: 100%;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tit_visual .slider li:nth-child(1){
    background-image: url(../img/history/h_slider_tit1.jpg);
}
.tit_visual .slider li:nth-child(2){
    background-image: url(../img/history/h_slider_tit2.jpg);
}
.tit_visual .slider li:nth-child(3){
    background-image: url(../img/history/h_slider_tit3.jpg);
}

.tit_visual .bx-controls{
    display: none;
}
/*e=====제목=====*/

/*e ###### 기본화면 모바일 기준 ######*/




/*s ###### 태블릿화면 ###### */

@media screen and (min-width:768px){
    .tit_visual{
        height: 180px;
    }
    #contents .tit p:nth-child(2){
        font-size: 40px;
        letter-spacing: 3px;
    }

    .tit_visual .slider li{
        height: 180px;
    }
}

/*e ###### 태블릿화면 ###### */
    


/*s ###### PC화면1 ###### */

@media screen and (min-width:1200px){
    #contents{
        padding: 78px 0 0 0;
    }

    .tit_visual{
        height: 240px;
    }
    #contents .tit p:nth-child(2){
        font-size: 45px;
    }

    .tit_visual .slider li{
        height: 240px;
    }
    
}

/*e ###### PC화면1 ###### */