@media (max-width: 1640px) {


}






@media (max-width: 1580px) {

.header .logo{left: 20px}
.top_right{right: 20px}

.footer_are{padding: 0 0px}

.foot_btn{right: 30px; bottom: 30px}

}


@media (max-width: 1440px) {

.header .top_nav .main_deps{font-size: 17px;}
.header .top_nav {gap:50px}
.all_nav .top_nav{gap:4rem}

.ceo{padding: 0 20px}


}





@media (max-width: 1280px) {

.header .top_nav{gap:30px}
.all_nav .top_nav{gap:3rem}


.sub_title h2,
.sub_head_title h2{font-size: 40px}
.board_list_txt2 h3{font-size: 18px}
.board_list_txt2 p{font-size: 16px; line-height: 150%; word-break: keep-all}


.gall_list_style {
    gap: 40px 20px;
}

.gall_list_style li {
    width: calc(33.33% - 13.33px);
}

#bo_v_file li a{font-size: 16px}
.board_tlb table td,
.board_tlb table td.date p{font-size: 16px}


.sub_visual{height: 45vh}

.ceo{gap:5rem}


.regulations .collapsible{font-size: 24px;}
.regulations .content .box h3{font-size: 18px}


}




@media (max-width: 1024px) {

.header{height: 100px}	
.header .top_nav{display: none}

.all_nav .top_nav {
    flex-direction: column;
    text-align: center;
    gap:40px
}
.all_nav .top_nav .main_deps{margin-bottom: 0}


.all_nav .top_nav .sub_deps{overflow: hidden; visibility: hidden; height: 0; transition-duration: .5s; max-height: 0px}


.all_nav .top_nav .open_mo .sub_deps{height: auto; max-height: 1000px; visibility: visible; margin-top: 15px}



.main_icon{padding: 50px 0}

.flex_main_icon {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    padding-bottom: 10px
}

.flex_main_icon a{flex:0 0 auto}

.main_visual .txt h2{font-size: 40px}
.main_visual .txt p{font-size: 18px}

.main_title h2{font-size: 40px}


.main_board_flex {
    gap: 60px;
    width: 100%;
    flex-direction: column;
}

.gall_slide_are{width: 100%}


.main_news {
    padding: 50px 0 ;
}




.ceo {gap: 5rem; flex-direction: column-reverse;}
.ceo .left,
.ceo .right{width: 100%}

.ceo .right .box + .box {
    margin-top: 0;
}


.organization_flex{gap:20px}
.organization_flex .box,
.organization_flex.box_4 .box,
.gall_list_style li,
.form_in ul li{width: calc(50% - 10px)}

.gall_news_style li {
    padding: 30px 20px;
}


.form_in ul {
    gap: 30px 20px;
    flex-wrap: wrap;
}



}




@media (max-width: 860px) {


.agree_pop_content{max-width: 94%}	
	
.common_btn{height: 60px; padding: 0 30px}
.common_btn p{font-size: 16px}

.form_in ul li{width: 100%}
.gall_news_style .gall_con{gap:30px}

.history_are .history_down{display: none}
.history_are:after{display: none}


.history_flex {
    flex-wrap: wrap;
}


.history_flex .box{width: 100%; padding: 0 !important}

.history_flex .box h2:after{display: none}

.history_flex .box:first-child {
    padding-right: 100px;
    text-align: left;
}

.history_flex .box:first-child p b {
    left: 0;
    right: auto
}


.sub_title{margin-bottom: 60px}

.history_are .history_down + .history_flex {
    margin-top: 0;
}

.organization h3{font-size: 24px}


.gall_news_style .gall_con .gall_img{width: 150px;}
.gall_news_style .gall_con .gall_img img{max-width: 100%}
.board_list_txt2{flex:1}

.board_list_txt2 p.list_date{margin-top: 20px}

}




@media (max-width: 600px) {
	
.header{height: 80px}
.header .logo{width: 100px}
.top_right{top: 30px}

.all_nav .all_in{padding: 80px 20px}

.all_nav .top_nav .main_deps{font-size: 18px}
.all_nav .top_nav .sub_deps a{font-size: 16px}
.all_nav .top_nav .sub_deps a + a{margin-top: 10px}

.main_visual .slide_btn{bottom: 30px}
.main_visual .slide_btn .slide_btn_box{height: 40px; padding: 0 15px}

.main_visual,
.main_visual .box{height: calc(100vh - 80px)}

.main_visual .txt h2{font-size: 30px}

.main_title{text-align: center; margin-bottom: 30px}
.main_title h2{font-size: 24px}

.tab_board .tab__item a{font-size: 18px}

.board_least li p{font-size: 16px; padding-right: 10px}
.board_least li .date{font-size: 14px; text-align: right}


.footer_are .foot_top {
    padding: 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}

.footer_are .foot_top p{font-size: 14px}

.foot_sns {
    position: relative;
    right: 0;
	 gap: 15px;
    margin-top: 30px;
}

.foot_btn {width: 60px; height: 60px; bottom: 20px; right: 20px; gap:0}
.foot_btn span{font-size: 12px}
.foot_btn:hover{gap:0}

.foot_copy {
    padding: 20px 0;
}

.foot_copy p{font-size: 14px; text-align: center; word-break: keep-all}



.sub_title h2, .sub_head_title h2,
.ceo .left h2{font-size: 24px}
.sub_head_title ul li{font-size: 12px}

.sub_page{padding: 80px 0}
.form_in ul li label{font-size: 14px}

.form_in ul li input, .form_in ul li select,
.form_in ul li textarea,
.file_are button,
.ck_agree p{font-size: 16px}


    .organization_flex .box, .organization_flex.box_4 .box, .gall_list_style li, .form_in ul li {
        width: 100%;
    }


.board_top_flex{display: none}


.board_list_txt p,
#bo_v_file li a{font-size: 14px}
.board_list_txt h3,
.board_list_txt2 h3{font-size: 16px}
.sub_title.board_title p {
    font-size: 14px;
    margin-top: 20px;
    color: #aaa;
}

.board_list_txt2 p{font-size: 14px}

.gall_news_style .gall_con {
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.gall_news_style .gall_con .gall_img {
        width: 100%;
    }

.board_tlb table td.date{display: none}

.regulations .collapsible{font-size: 18px; padding: 20px 0}
.regulations .collapsible:after{top: 25px}


.organization_flex .box {
    padding: 25px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap:30px
}

.ceo .left h2{margin-bottom: 40px}
.ceo .left p{font-size: 16px;}
.ceo .left h4{font-size: 16px; text-align: left}

.ceo .right{gap:20px}


}



@media (max-width: 360px) {


   
   
}