@charset "UTF-8";

@media (max-width:1024px) {
}

@media (max-width:768px) {
    #ft_wr {flex-direction: column-reverse;}
    #ft_wr #ft_sns {margin-bottom: 15px;}

    #hd, #hd:hover {background-color: rgba(255, 255, 255, .75);}
    #logo {filter: none;}
    #hd_wrapper {flex-wrap: wrap;}
    #mobile_menu_btn {display: block;order: 2; color: var(--mc);}
    #logo {order: 1;}
    #hd .gnb_2dul {padding: 0}
    #gnb #gnb_1dul {flex-wrap: wrap;}

    #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; line-height: 40px; font-size: 1rem;}
    #hd .menu_lang {height: 40px; display: flex; align-items: center;  padding-left: 15px;}
    #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;}

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

    #container .form_text {text-align: center;}
    #container .form_text h1 {font-size: 1.4rem;}
    #container .form_text h3 {font-size: 1rem;}

    .notice_bo_list#bo_list .board_disnone {display: none;}

    [class~=timeline] [class~=timeline-content] ul li img {height:auto}
    [class~=timeline] [class~=timeline-icon] {left:5%}
    [class~=timeline]::before {left:5%}
    [class~=timeline] [class~=timeline-content] {width:85%;margin-left: 10%}
    [class~=timeline][class~=timeline-alternating] [class~=timeline-block]:nth-of-type(2n+1) [class~=timeline-content] {text-align:left}
    [class~=timeline][class~=timeline-alternating]:not([class~=timeline-left]) [class~=timeline-block]:nth-of-type(2n) [class~=timeline-content] {left:0}
}

@media (max-width:425px) {
    #ft_wr #ft_sns {margin-bottom: 0;}
    #ft_menu {display: none;}

    #container .form_text h1 {font-size: 1.2rem;}

    .wrap_banner_inner p {font-size: 1.25rem; word-break: keep-all; /*width: 80%;*/ text-align: center;}
    .wrap_banner_inner h1 {font-size: 2em;}

    [class~=timeline] [class~=timeline-content] ul li {font-size:1em}

    #container .form-body {grid-template-columns: 1fr;}
}

@media (max-width:375px) {
    #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:320px) {}