/* 미디어쿼리 */

@media all and (max-width:1800px){

    #menu {
        display: none !important;
    }

    

}

@media all and (max-width: 1440px) {

    /* */

    strong.stit {
        margin: 0 0 10px;
        font-size: 1.25rem;
    }

    strong.stxt {
        font-size: 24px;
    }

    .s_dec {
        font-size: 1rem;
    }

    /* */

    .img_wrap img {
        max-width: 100%;
    }

    .stop_menu {
        padding: 0 10px;
    }

    section.sec__3 .sec_inner {
        padding: 90px 10px 80px;
    }

    section .sec_inner {        
        padding: 90px 10px;
    }

    /* 메인 */

    .main_ban_conainer .txt {
        font-size: 1.6rem;
    }

    .main_ban_conainer .desc {
        font-size: 18px;
    }

    .visual .swiper-pagination {
        top: 5px;
        font-size: 14px;
    }

    /* footer */

    #ft_catch .service_tit {
        font-size: 14px;
    }

    #ft_catch .service_tell {
        font-size: 24px;
    }

    #ft_catch .service_txts {
        font-size: 14px;
    }

    .ft_area .mt20 {
        margin-top: 5px;
    }

    #ft_company ul li {
        font-size: 12px;
    }
  

}

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

    #contents .section,
    #contents .fp-tableCell {
        height: auto !important;
        min-height: auto !important;
    }

    /* 로고 */

    .mobile_head .mobile_logo img,
    #mobile_menu .mob_logo a img {
        width: 180px;
    }

    /* 배너 */

    .main_ban_conainer .txt {
        left: 10px;
    }

    .main_ban_conainer ul li {
        width: 120px;
    }

    .main_ban_conainer ul li a {
        font-size: 24px;
    }

    /* sec__1 */

    .sec__1 .item .text {
        margin-top: 120px;
    }

    .sec__1 .item {
        width: 100% !important;
        margin-right: 0;
    }

    .sec__1 .item:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .sec__1 .item dl dt {
        font-size: 24px;
    }

    .sec__1 .item dl dd {
        font-size: 16px;
    }

    .sec__1 .item dl dd p {
        font-size: 14px !important;
    }

    /* sec__2 */

    .sec__2 .grid strong.stit {
        font-size: 20px;
    }

    .con_area .notice_list a p.tit {
        font-size: 14px;
    }

    /* sec__3 */

    .tab ul li a {
        font-size: 20px !important;
    }

    .sec__3 .text-end a {
        font-size: 18px;
    }

    .map_info ul li {
        font-size: 18px;
    }

    .map_info ul li:nth-child(2) {
        font-size: 16px;
    }

    /* footer */

    #ft .grid {
        padding: 0 10px;
    }

    .auto-height-section footer {
        display: none;
    }

}

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

    .stop_menu,
    #mobile_menu .mob_menu_btn {
        display: none;
    }

    /* sec_1 */

    .sec__1 .sec_item ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* sec_2 */

    .sec__2 ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* sec_4 */

    .lst_down {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }

    .lst_down a {
        padding: 16px 25px;
        font-size: 14px;
    }

    /* footer */

    #ft_company {
        flex-wrap: wrap;
    }

    .ft_logo,
    .ft_area {
        width: 100%;
    }

}


@media screen and (min-width:1280px) {

    .sec__1 .flex-box {
        height:60vh;
    }

    .sec__1 .item {
        height:inherit;
        position:relative;
    }
    
    .sec__1 .item .text {
        position:absolute;
        width:100%;
        left:0;
        bottom:0;
    }

    /*1280px 이상일 경우 오시는길 섹션 좌우 120px 패딩*/    
    section.sec__3 .sec_inner {
        padding: 90px 120px 80px;
    }

}


/* 1뎁스 메뉴 게이지바 애니메이션 */
.main_menu > .dept1 > a {
  position: relative;
  overflow: hidden;
}
.main_menu > .dept1 > a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0; bottom: -1rem;
  width: 0%;
  height: 3px;
  background: #a67951; /* 게이지바 색상 */
  transition: width 0.3s cubic-bezier(0.4,0,0.2,1);
  z-index: 2;
}
.main_menu > .dept1:hover > a::after,
.main_menu > .dept1:focus-within > a::after,
.main_menu > .dept1 .sub_menu:hover ~ a::after,
.main_menu > .dept1 .sub_menu:focus-within ~ a::after {
  width: 100%;
}
.main_menu > .dept1 .sub_menu:hover ~ a::after,
.main_menu > .dept1 .sub_menu:focus-within ~ a::after {
  width: 100%;
}
.main_menu > .dept1 .sub_menu .dept2:hover ~ a::after,
.main_menu > .dept1 .sub_menu .dept2:focus-within ~ a::after {
  width: 100%;
}

/* 2뎁스 hover 시 1뎁스 게이지바 활성화 */
.main_menu > .dept1:hover > a::after,
.main_menu > .dept1:focus-within > a::after,
.main_menu > .dept1 > .sub_menu:hover ~ a::after,
.main_menu > .dept1 > .sub_menu:focus-within ~ a::after {
  width: 100%;
}



