@charset "utf-8";

#wrap {height:880px;}
#container {height:100%}

.slider-container {
    overflow-x:hidden; 
    overflow-y:hidden;
    position:relative; 
    width:100%; 
    height:100%; 
    margin:0 auto;
}
.slider-wrapper {
    width:100%;
    height:100%;
    font-size:0;
    white-space:nowrap;

    transition:transform .5s ease;
    -webkit-transition:-webkit-transform .5s ease;
    -moz-transition:transform .5s ease;
}
.slider-slide {
    display:inline-block;
    position:relative;
    width:100%; 
    height:100%;
    text-align:center;
    vertical-align:top;
    
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
}
.tit_area {
    position:absolute;
    top:10%;
    width:100%; 
}
.tit_slide, 
.desc_slide {
    width:100%;
    text-align:center;
    color:#0056AF; 
}
.tit_slide {margin-bottom:10px; font-size:39px; font-weight:400;}
.desc_slide {font-size:20px; font-weight:100;}
.img_slide {
    position:absolute; 
    left:50%; 
    bottom:21%; 
    width:85%;
    max-width:85%;
    /* height:38%;  */
    max-height:38%;
    
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
}

.slider-pagination {
    position:absolute; 
    left:50%; 
    bottom:12%; 
    text-align:center; 
    font-size:0;

    transform:translate(-50%, 0); 
    -webkit-transform:translate(-50%, 0); 
    -moz-transform:translate(-50%, 0); 

}
.slider-pagination button {
    display:inline-block; 
    width:12px; 
    height:12px;
    border-radius:12px; 
    margin-right:12px;
    margin-bottom:0; 
    font-size:0; 
    background-color:rgba(0, 86, 175, 0.15); 
}
.slider-pagination button:last-child {margin-right:0;}
.slider-pagination button.active {background-color:rgba(0, 86, 175, 1);}

.btn_foot {
    display:block;
    overflow-x:hidden; 
    overflow-y:hidden;
    position:absolute;
    left:0;
    bottom:0;
    height:0;
    margin-bottom:0;
    /* visibility:hidden; */
    opacity:0;
    transition:all .7s ease;
}


/* 키오스크 미디어쿼리 */
@media (min-height:1800px) {
    .tit_slide {font-size:110px;}
    .desc_slide {font-size:50px;}
    .slider-pagination button {width:24px; height:24px; margin-right:20px;}
}