@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ) {
    /* 공통 :: 레이아웃 */
    #fullpage .section:not(#mainVisual) {
        height: auto !important;
    }

    #fullpage .fp-section .fp-tableCell {
        height: auto !important;
    }
}

@media all and ( max-width: 800px ) {
    /* 메인 비주얼 :: 텍스트 */
    .main-visual-txt-box .main-visual-txt1 {
        font-size: 2rem
    }

    .main-visual-txt-box .main-visual-txt2 {
        font-size: 3.5rem;
    }

    /* 메인 비주얼 :: Dots */
    .main-visual-con .slick-dots-wrapper {
        text-align: center;
        bottom: 10px;
    }

    /* 메인 비주얼 :: 화살표 */
    .main-visual-con .slick-arrow {
        display: none !important;
    }

    /* 메인 비주얼 :: 스크롤아이콘 */
    .main-scroll-icon {
        display: none
    }
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ) {
    /* 공통 :: 타이틀 */
    .main-tit-box .main-tit {
        font-size: 3rem;
    }
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
@media all and ( max-width: 800px ) {
    .main-quick-list {
        margin: -1rem 0;
    }

    .main-quick-list li {
        width: 100%;
        margin: 1rem 0;
    }
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(갤러리) -------- */
@media all and ( max-width: 800px ) {
    .main-notice-con {
        flex-wrap: wrap;
    }

    .main-notice-con .main-tit-box {
        width: 100%;
    }

    .main-notice-con .main-notice-list-con {
        width: 100%;
    }

    .main-notice-list-con ul {
        gap: 2rem;
    }

    .main-notice-list-con ul li {
        width: calc(50% - 1rem);
    }

    .main-notice-list-con ul li a {
        padding: 2rem;
    }

    .main-notice-list-con ul li a .tit {
        font-size: 2rem;
    }

    .main-notice-list-con ul li a .arrow {
        right: 2rem;
        bottom: 2rem;
    }
}

/* -------- 메인 컨텐츠 :: 컨텐츠3(배너 및 메뉴) -------- */
@media all and ( max-width: 1280px ) {
    .main-menu-con {
        padding: 0.5rem 5rem;
    }
}

@media all and ( max-width: 800px ) {
    .main-menu-con {
        padding: 2rem 1rem
    }

    .main-menu-list {
        flex-wrap: wrap;
    }

    .main-menu-list li {
        width: 50%;
    }

    .main-menu-list li a .icon {
        width: 6rem;
        height: 6rem;
    }

    .main-menu-list li a strong {
        font-size: 1.8rem;
        margin-left: 0;
    }
}