/*****************************************
 * facilities.css
 * 설비 페이지
 *****************************************/

/*-----------------------------------------
 * 인트로 영역
 -----------------------------------------*/
#fc-intro {
    position: relative;
    width: 100%;
    padding: 6rem 0;
    color: white;
    text-align: center;
    overflow: hidden;
}
#fc-intro #fc-intro-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh; /* 100 * 16 / 9 */
    height: 100%;
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    object-fit: cover;
}
#fc-intro .container {
    position: relative;
}
#fc-intro .row .img-fluid {
    max-width: 400px;
}
#fc-intro h2 {
    margin-top: 3rem;
    font-size: 3rem;
}
#fc-intro strong {
    margin-top: 1.5rem;
    font-size: 1.5rem;
}
@media (max-width: 575.98px) {
    #fc-intro h2 {
        margin-top: 2.5rem;
        font-size: 2.5rem;
    }
    #fc-intro strong {
        margin-top: 1rem;
        font-size: 1rem;
    }
}
/*
@media (max-width: 767.98px) {
    #fc-intro h2 {
        margin-top: 3.5rem;
        font-size: 3.5rem;
    }
    #fc-intro strong {
        margin-top: 1.5rem;
        font-size: 1.5rem;
    }
}
@media (max-width: 991.98px) {
}
*/


/*-----------------------------------------
 * 슬로건 영역
 -----------------------------------------*/
#fc-slogan {
    padding-top: 6rem;
    padding-bottom: 6rem;
    font-size: 3rem;
    text-align: center;
}
#fc-slogan i{font-size:1rem;vertical-align: text-top}
#fc-slogan span {font-weight: lighter}
#fc-slogan strong {font-weight: bold}
@media (max-width: 991.98px) {
    #fc-slogan {
        padding-top: 6rem;
        padding-bottom: 6rem;
        font-size: 3rem;
    }
    #fc-slogan i{font-size:2rem;vertical-align: middle}
}
@media (max-width: 767.98px) {
    #fc-slogan {
        padding-top: 5rem;
        padding-bottom: 5rem;
        font-size: 2.5rem;
    }
    #fc-slogan i{font-size:1.5rem;vertical-align: middle}
}
@media (max-width: 575.98px) {
    #fc-slogan {
        padding-top: 4rem;
        padding-bottom: 4rem;
        font-size: 2rem;
    }
    #fc-slogan i{font-size:1rem;vertical-align: middle}
}

/*-----------------------------------------
 * 설비안내 영역
 -----------------------------------------*/
#fc-desc {
    padding-top: 12rem;
    padding-bottom: 12rem;
    background-color: black;
    background-image: url("/static/img2021/home/facilities/fc-desc-back.jpg");
    background-size: cover;
    background-position: center;
}
#fc-desc h2 {
    margin-bottom: 5rem;
    text-align: center;
    font-size: 4rem;
    color: white;
}
#fc-desc .desc-box {
    padding: 3rem;
    border-radius: 3rem;
    text-align: right;
}
#fc-desc .desc-box h3{
    font-size: 2.5rem;
    text-align:left;
}
#fc-desc1 {background-color: rgb(95,208,92);}
#fc-desc1 .txt-1 {color:rgb(51,133,49);}
#fc-desc1 .txt-2 {color:white;}
#fc-desc2 {background-color: rgb(19,19,19);}
#fc-desc2 .txt-1 {color:rgb(166,166,166);}
#fc-desc2 .txt-2 {color:white;}
#fc-desc3 {background-color: rgb(249,249,249);}
#fc-desc3 .txt-1 {color:rgb(174,174,174);}
#fc-desc3 .txt-2 {color:black;}
@media (max-width: 991.98px) {
    #fc-desc {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    #fc-desc h2 {
        margin-bottom: 6rem;
        font-size: 3rem;
    }
    #fc-desc .desc-box{
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.5rem;
    }
    #fc-desc #fc-desc3{margin-bottom: 0;}
    #fc-desc .desc-box h3{
        font-size: 2.5rem;
    }
    #fc-desc .desc-box img{max-height: 6rem;}
}
@media (max-width: 767.98px) {
    #fc-desc {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    #fc-desc h2 {
        margin-bottom: 5rem;
        font-size: 2.5rem;
    }
    #fc-desc .desc-box{
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }
    #fc-desc #fc-desc3{margin-bottom: 0;}
    #fc-desc .desc-box h3{
        font-size: 2rem;
    }
    #fc-desc .desc-box img{max-height: 5rem;}
}
@media (max-width: 575.98px) {
    #fc-desc {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    #fc-desc h2 {
        margin-bottom: 4rem;
        font-size: 2rem;
    }
    #fc-desc .desc-box{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }
    #fc-desc #fc-desc3{margin-bottom: 0;}
    #fc-desc .desc-box h3{
        font-size: 1.5rem;
    }
    #fc-desc .desc-box img{max-height: 3.5rem;}
}

/*-----------------------------------------
 * 기타설비 영역
 -----------------------------------------*/
#fc-etc{
    padding-top: 8rem;
    padding-bottom: 14rem;
}
#fc-etc-header{padding-bottom: 6rem;}
#fc-etc-header h2 {font-size: 3rem;}
#fc-etc .item{padding-right: 20px; padding-bottom: 50px;}
#fc-etc .item .title {
    display: inline-block;
    padding-bottom: 1.8rem;
    font-size: 1.8rem;
}
#fc-etc .item img {
    border-radius: 2rem;
    box-shadow: 10px 20px 20px 5px rgba(0,0,0,0.3);
}
@media (max-width: 991.98px) {
    #fc-etc{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    #fc-etc-header{padding-bottom: 5rem;}
    #fc-etc-header h2 {font-size: 2.5rem;}
    #fc-etc .item{text-align: center;}
    #fc-etc .item .title {
        padding-bottom: 1rem;
        font-size: 1.8rem;
    }
}
@media (max-width: 767.98px) {
    #fc-etc{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    #fc-etc-header{padding-bottom: 5rem;}
    #fc-etc-header h2 {font-size: 2.5rem;}
    #fc-etc .item{text-align: center;}
    #fc-etc .item .title {
        padding-bottom: 1rem;
        font-size: 1.8rem;
    }
}
@media (max-width: 575.98px) {
    #fc-etc{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    #fc-etc-header{padding-bottom: 4rem;}
    #fc-etc-header h2 {font-size: 2rem;}
    #fc-etc .item{text-align: center;}
    #fc-etc .item .title {
        padding-bottom: 1rem;
        font-size: 1.3rem;
    }
}