@charset "UTF-8";

@media (max-width:1023px) {
    #hd_wrapper {flex-wrap: wrap;}
    #mobile_menu_btn {display: block;order: 2;}
    #logo {order: 1;}
    #hd .gnb_2dul {padding: 0}

    #gnb {width: 100%;max-height: 0;overflow: hidden;background: rgba(0, 0, 0, 0.95);order: 3;transition: max-height 0.45s ease-in-out, margin-top 0.45s ease-in-out;padding-right: 0;margin-top: 0;}
    #gnb.on {max-height: 100vh;margin-top: 15px;transition: max-height 0.45s ease-in-out, margin-top 0.45s ease-in-out}
    #hd .gnb_1dli {width: 100%;display: flex;flex-direction: column;align-items: flex-start;padding: 8px 0;box-sizing: border-box;position: relative;}
    #hd .gnb_1da {flex-grow: 1;color: #fff;}
    .submenu_toggle {background: none;border: none;display: inline-block;color: #fff;font-size: 1.2rem;cursor: pointer;padding-right: 15px;position: absolute;top: 20px;right: 0;}

    #hd .gnb_2dul {display: none !important;position: static;transform: none !important;width: 100%;}
    #hd .gnb_1dli.open > .gnb_2dul {display: block !important;}
    #hd .gnb_2dul .gnb_2dul_box {box-shadow: none;border: none;}
    #hd .gnb_2da {text-align: left;padding: 8px 15px;}

    #aside_btn {display: none;}

    #info_hello .hello_inner {flex-direction: column-reverse;}
    #info_hello .hello_inner>div {width: 100%; text-align: center;}
    #info_hello .hello_inner .hello_text {border: none; padding: 0; margin-top: 30px;}
    #info_hello .hello_title {font-size: 1.6rem; word-break: keep-all;}

    section#index_ssc .issc_wrapper {grid-template-columns: none; gap: 20px; justify-items: center;}
    section#index_ssc .issc_wrapper>section {width: 70%;}
    section#index_ssc .issc_inner>a {border-radius: 0; aspect-ratio: auto;}
    section#index_ssc>h3 {bottom: -20px; font-size: 9rem;}
    section#index_ssc>h4 {top: -5px; font-size: 4rem;}

    div.info_table_wrap {overflow-x: scroll;}
    ol.cs_note li.pc_none {display: block;}
    table.info_table thead {font-size: 0.9rem;}
    table.info_table tbody {font-size: 0.9rem; word-break: keep-all;}
    div.info_table_wrap ol.cs_note>li {text-indent: 5px;}
}

@media (max-width:767px) {
    .ft_wrap {flex-direction: column; gap: 20px;}
    #ft_wr span.mobile_none {display: none;}
    #ft_company>p br.pc_none {display: inline;}
    #ft_wr #ft_sns {margin-bottom: 15px;}

    #upper_banner {height: 300px;}
    #upper_banner .banner_title>h1 {font-size: 2rem; letter-spacing: 2px;}

    .notice_bo_list#bo_list .tbl_head01 thead th,
    .notice_bo_list#bo_list .td_num2, .notice_bo_list#bo_list .td_num, .notice_bo_list#bo_list .td_name, .notice_bo_list#bo_list .td_datetime, .notice_bo_list#bo_list .td_file {display: none;}
    .notice_bo_list#bo_list .bo_tit .fa-download {display: inline-flex;}

    .gallery_bo_gall#bo_gall .gall_li {width: 50%;}
    .gallery_bo_gall#bo_gall .gall_row .box_clear {clear: none;}

    #container #faq_sch .frm_input {width: 60%;}

    .qna_bo_list#bo_list .tbl_head01 thead,
    .qna_bo_list#bo_list .td_num2, .qna_bo_list#bo_list .td_num, .qna_bo_list#bo_list .td_datetime {display: none;}
    .qna_bo_list#bo_list .td_subject, .qna_bo_list#bo_list#bo_list .td_name {font-size: 0.8rem;}

    #info_hello .hello_inner .hello_text>p {text-align: justify;}

    #container .slide_bn .slide_text {font-size: 1.8rem;}
    #container .slide_bn .slide_title {font-size: 3.2rem;}

    section#index_field .if_inner>.if_list {grid-template-columns: repeat(2, 1fr);}
    section#index_map .im_inner>h1,
    section#index_field .if_inner>h1 {font-size: 2rem;}

    section#index_map.info_map .im_inner>ul {flex-direction: column; gap: 10px; align-items: center; text-align: center;}

    #restore_menu ul {grid-template-columns: repeat(2, 1fr);}
    #restore_menu ul li:nth-of-type(1) {border-bottom: 1px solid var(--mc);}
    #restore_menu ul li:nth-of-type(2) {border-bottom: 1px solid var(--mc); border-right: none;}

    .restore_item .restore_img>img {width: 100% !important;}

    #restore_smpn .restore_grid {grid-template-columns: repeat(2, 1fr); gap: 15px;}
}

@media (max-width:600px) {
    #restore_smpn .restore_grid {grid-template-columns: 1fr;}
}

@media (max-width:424px) {
    .gallery_bo_gall#bo_gall #gall_ul .gall_li {width: 100%;}

    section#index_ssc .issc_wrapper>section {width: 100%;}
    section#index_ssc>h3 {font-size: 6rem;}
    section#index_ssc>h4 {right: 0; font-size: 3rem;}

    section#index_field .if_inner>.if_list {grid-template-columns: 1fr;}

    #container .slide_bn .slide_text {font-size: 1.3rem;}
    #container .slide_bn .slide_title {font-size: 2.7rem;}
    #container .slide_bn .slide_btn {font-size: 1.1rem; padding: 8px 18px;}

    #restore_menu ul li>a,
    .restore_box_text,
    .restore_item .restore_text .restore_list,
    .restore_item .restore_text .restore_desc {font-size: 1rem !important;}
    .restore_item .restore_text .restore_title {font-size: 1.8rem;}
}

@media (max-width:374px) {
    #upper_banner .banner_title>p {font-size: 1rem;}
    #upper_banner .banner_title>h1 {font-size: 1.5rem;}

    .notice_bo_list#bo_list .bo_cate_link,
    .notice_bo_list#bo_list .bo_tit {font-size: 0.9rem;}
}

@media (max-width:319px) {
    #ft_wr {flex-direction: column-reverse;}
    .ft_wrap {width: 100%;}
    #ft_wr #ft_sns {justify-content: flex-end; width: 100%;}

    #container #faq_sch .btn_submit {width: 45px;}
    #container #faq_sch .btn_submit>span {display: none;}

    #restore_menu ul {grid-template-columns: 1fr;}
    #restore_menu ul li {border-bottom: 1px solid var(--mc); border-right: none;}
    #restore_menu ul li:last-of-type {border-bottom: none;}
}