:root {
  --drop-dur: 240ms;
  --drop-ease: ease;
}


.pc{}
.mo{display: none}


@media (max-width: 1640px) {
	
	

.event_date_keep .date_list{overflow-x: auto}
.event_date_keep .date_list li{flex:none}
	
.main_contact .box .left h2{font-size: 40px}

.inner,
.inner_in{padding: 0 5rem}

.up_down_are{overflow: hidden}

.open_drop_nav .left{padding-left: 5rem; width: 350px}
.open_drop_nav .left h3{font-size: 24px}


.header .drop_nav li h3{font-size: 18px}
.site_map{padding: 0 5rem}

.up_down_are .left{padding-left: 5rem}
.up_down_are .right{padding-right: 5rem}

.updown_slide_btn{right: 5rem}






.card_slide_txt .txt h3{font-size: 30px}
.card_slide_txt .txt p{font-size: 18px}
.card_slide_txt .txt p i{height: 10px}





}







@media (max-width: 1370px) {
	

.inner,
.inner_in{padding: 0 3rem}	

.main_contact .box{padding: 80px 50px}

.index_search{max-width: 1200px}


.open_drop_nav .left{width: 300px; padding: 60px 30px}


.site_map,
.main_contact{padding: 0 3rem}

.up_down_are .left{padding-left: 3rem}
.up_down_are .right{padding-right: 3rem}

.updown_slide_btn{right: 3rem}

.top_nav{gap:30px}

.grid_board li .box p.date.flex {
    flex-wrap: wrap;
}


.grid_board {
    gap: 50px 35px;
    flex-wrap: wrap;
}

.network_flex .network_list li{padding: 25px}

.header .logo img{max-width: 200px}

.sub_visual h2,
.sub_title h2,
.calendar_year h2,
.network_flex .network_title h2,
.board_detail .board_title h3,
.sub03_detail_top .sub03_detail_top_txt h3{font-size: 28px}

.sub_visual .sub_visual_ul li{font-size: 16px}

.card_slide_are .card_slide_btn{width: 60px; height: 60px}
.card_slide_are .card_slide_btn img{max-width: 10px}

.in_slide_are{padding: 50px}
.card_slide .slick-slide .in_slide{max-width: 860px}


.calendar_list li {
    width: calc(14% - 14px);
    transition-duration: .8s;
}


.grid_board li .box .tag{font-size: 14px}
.grid_board li .box h3{font-size: 18px}
.grid_board li .box .thum_txt p{font-size: 16px}

.grid_board li .box p.date,
.grid_board li .box .thum_txt p.date{font-size: 14px}


.board_tab a{font-size: 16px; min-width: 100px; padding: 15px 25px}

.board_are .board_top p.total{font-size: 16px}

.board_top_search input, .board_top_search select,
.board_top_search button{height: 54px;
line-height: 50px; font-size: 16px}

.board_detail .board_title ul li,
.board_detail_file a,
.board_detail_content *,
.prev_and_next_board li a,
.grid_board li .box p{font-size: 16px}


.foot_top_are img{max-width: 200px}


.calendar_list li.drop_calendar h4.date_long{font-size: 18px}

.calendar_list li.drop_calendar .calendar_flex .box h5,
.calendar_list li.date a p,
.sub03_detail_top .sub03_detail_top_txt p,
.sub03_detail_tlb table th, .sub03_detail_tlb table td,
.sub03_detail_content *,
.goto_list .list_btn{font-size: 16px}


.calendar_list li.drop_calendar .calendar_flex .box p{font-size: 14px}

.grid_board li .box .info_txt li,
.grid_board li .box .info_txt .board_box_btn{font-size: 16px}
.grid_board li .box .info_txt li + li{margin-top: 8px}



}


@media (max-width: 1280px) {


.grid_board li,
.grid_board.four li {
    width: calc(33.33% - 23.33px);
}

.top_nav{padding-left: 10rem}


}


@media (max-width: 1024px) {
	
.header{height: 100px}	
	
.pc{display: none}
.mo{display: block}
	
	
.foot_bottom_are {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
    flex-direction: column;
    gap: 30px;
}
	
	
.main_contact .box .left, .main_contact .box .right {
    width: 100%;
}	
	
	
.main_contact .box {
    flex-wrap: wrap;
    gap:50px
}	
	
.event_date_keep .date_list{flex:1}

.tab_flex {
    flex-wrap: wrap;
}
	
.tab_flex .tab{width: 100%}
	
.tab_flex .tab__item{width: auto; padding: 15px 20px}
	
.up_down_are .left{display: none}
.up_down_are{padding: 0 3rem}	
.up_down_are .right{position: relative;
padding: 25px 40px 25px 40px}
.updown_slide_btn{right: 40px}
	
	
	
.flex_main_mid {
    flex-direction: column;
}
	
.flex_main_mid .box{width: 100%}	
	
.main_icon_flex {
    margin-top: 40px;
    justify-content: center;
    padding: 0 20px;
    gap:20px
}

.index_search{background: #fff; padding:60px 3rem 80px 3rem}
	
	
.site_map .drop_nav {
    height: 100%;
    flex-direction: column;
    gap:30px
}

.site_map .drop_nav li h3 + .drop_list{margin-top: 00px}
.site_map .drop_nav li .drop_list a + a{margin-top: 10px}
	
.site_map .drop_nav li .drop_list{
	 max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    max-height var(--drop-dur) var(--drop-ease),
    opacity    var(--drop-dur) var(--drop-ease);
  will-change: max-height, opacity;
  /* 깜빡임 방지용 (배경 색상 이슈 있을 때) */
  background-clip: padding-box;
}
.site_map .drop_nav li .drop_list.is-open {
   /* 열릴 때 JS가 --open-h에 scrollHeight를 넣어줌 */
  max-height: var(--open-h, 1000px);
  opacity: 1;
  pointer-events: auto;
  margin-top: 20px
}
	
.open_drop_nav{display: none}	
.site_map .drop_nav li + li{border: 0}
.site_map .drop_nav li{padding: 0; flex:none}	
	
.site_map .drop_nav {
    height: 100%;
    align-items: flex-start;
    justify-content: center;
}
	
	
	
.header .top_nav{display: none}	

.foot_top_are img{display: none}


.card_slide_txt .qr_code {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0 25px;
    margin-top: 30px
    }

.card_slide_txt .qr_code .qr_code_img{width: 100%; height: auto}
.card_slide_txt .qr_code .qr_code_img img{max-width: 100%; display: block; margin: 0 auto}

.card_slide_txt .qr_code p{display: none}

.card_slide .slick-list{padding: 0}

.card_slide .slick-slide{padding: 0 5px}

.card_slide_are{padding: 0 50px}

.card_slide_are .card_slide_btn.card_slide_slide_prev{left: 25px}
.card_slide_are .card_slide_btn.card_slide_slide_next{right: 25px}




.grid_board{gap:40px 20px}

    .grid_board li, .grid_board.four li {
        width: calc(50% - 10px);
    }

.calendar_list{gap:10px}

    .calendar_list li {
        width: calc(14% - 6px);
        transition-duration: .8s;
    }



.network_flex {
    gap: 50px;
    flex-direction: column;
}

.network_flex .network_title{width: 100%}
.network_flex .network_title .icon{display: none}


}


@media (max-width: 860px) {
	

.sub_section{padding: 100px 0}

.grid_board li .box{border-radius: 5px; padding: 25px}
.grid_board li .box .thum_txt,
.grid_board li .box .top_txt,
.grid_board li .box .info_txt{padding: 25px}

.grid_board li .box .info_txt ul{padding: 0}

.network_flex .network_list{gap:20px 10px}
.network_flex .network_list li{width: calc(50% - 5px)}

.board_top_search{display: none}

.calendar_list li{flex: 0 0 calc((100% - (10px * 6)) / 7); ; width: auto}

.calendar_list li.drop_calendar{flex:none}

.calendar_list li.date a{padding: 5px}
.calendar_list li.week{padding: 10px 5px; text-align: center}

.calendar_list li.week p,
.calendar_list li.date a p{font-size: 14px}

.calendar_list li.date a i{width: 14px; height: 14px; margin: 0}

.calendar_list li.drop_calendar .calendar_flex{gap:20px 10px}

.calendar_list li.drop_calendar .calendar_flex .box{width: 100%}




.grid_board li .box .info_txt li {
    flex-wrap: wrap; gap:10px
}

.grid_board li .box .info_txt li b{width: auto}

.grid_board li .box .info_txt .board_box_btn{opacity: 1; visibility: visible}


}


@media (max-width: 600px) {




	
body{overflow-x: hidden}
	
.index_search{padding: 60px 25px 80px}	

.header .logo{top: 20px; left: 20px}
.header .all_btn{right: 20px; top: 30px}

.search_index{height: 60px; border-radius: 5px; padding: 10px 10px 10px 15px; margin-bottom: 30px}
.search_index button{
	width: auto;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 5px;
}


.search_goods {
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.search_goods .txt {
    gap: 10px 15px;
    align-items: center;
    flex-wrap: wrap;
}

.search_goods label{font-size: 16px; border-radius: 4px}
.search_goods p{font-size: 16px}

.inner,
.inner_in{padding: 0 25px}


.flex_box {
    gap: 15px;
    flex-direction: column;
}


.index_search h2{font-size: 20px}

.main_title h2{font-size: 20px}

.flex_box a{padding: 30px 25px; border-radius: 4px}
.flex_box a i{right: 25px}
.flex_box a h3{font-size: 16px}
.flex_box a p{font-size: 14px}


.main_icon_flex {
        margin-top: 20px;
        justify-content: center;
        padding: 0;
        gap: 20px;
        flex-wrap: wrap;
    }


.main_icon_flex a span{margin-top: 15px; font-size: 14px}
.mid_slide a{border-radius: 5px}
.up_down_are{padding: 0 25px; margin: 30px 0}

.up_down_are .right{padding: 20px; width: 100%}
.updoen_slide a{gap:5px}
.updoen_slide a p{font-size: 14px}
.updoen_slide a p span.thum{display: none}
.updown_slide_btn{display: none}


.common_btn{font-size: 16px; padding: 10px 20px; height: auto; position: relative; border-radius: 5px}

.main_title .common_btn{position: relative; margin-top: 20px}
.tab_flex .tab__item{padding: 10px 10px; border-radius: 5px}
.tab_flex .tab__item a{font-size: 14px}

.main_tab_list li a{padding: 30px 25px; border-radius: 5px}
.main_tab_list li .dday{padding: 5px; font-size: 14px; border-radius: 2px}

.main_tab_list li h4{font-size: 14px}
.main_tab_list li h3{font-size: 16px;}
    .main_tab_list li p.date {
        font-size: 14px;
        flex-direction: column;
        gap: 2px;
    }


.event_date_keep{padding: 20px 15px; border-radius: 4px}


.event_date_keep_slide .box .date{font-size: 12px}
.event_date_keep_slide .box .subject{font-size: 16px}
.event_date_keep_slide .box .txt{font-size: 14px}

.event_date_keep_slide{margin: 0}
.event_date_keep_slide .slick-slide{padding: 0}

.event_date_keep_slide_are{margin-top: 30px}
.site_map, .main_contact{padding: 0 25px}
.main_contact .box{padding: 30px 25px; border-radius: 5px}

.main_contact .box .left h2,
.main_partner_title h2{font-size: 20px}

.main_contact .box .main_form li{width: 100%}
.main_contact .box .main_form li label{font-size: 14px}


.main_contact .box .main_form li input,
.main_contact .box .main_form li textarea{font-size: 16px}

.form_ck {
    margin-top: 20px;
    gap: 5px;
    flex-wrap: wrap;
}


.main_form_btn button{height: auto; line-height: normal; font-size: 16px; padding: 15px; width: 100%}

.main_partner_title{margin-bottom: 40px}

.main_partner{padding: 100px 0}

.foot_link{gap:4px 12px; flex-wrap:wrap}
.foot_link a,
.foot_bottom_are .txt p{font-size: 14px; line-height: 150%}
.foot_link i{display: none}

.foot_sns{display: none}


.foot_top_btn{width: 60px; height: 60px; right: 25px;}


.pop-layer .pop-container{width: 96%}


.pop-layer .pop_title,
a.btn-layerClose{font-size: 16px; padding: 14px 10px}

.pop-layer .pop_conts{height: 60vh; padding: 25px}


.pop-layer .pop_conts .txt h3{font-size: 16px}
.pop-layer .pop_conts .txt p{font-size: 14px; margin-top: 8px}

.pop-layer .pop_conts .txt{margin-bottom: 20px}

.pop_tlb table th, .pop_tlb table td{font-size: 14px; padding: 10px}



.sub_visual_are{padding: 0 25px}

.sub_visual{height: 30vh; border-radius: 5px}



.sub_visual h2, .sub_title h2, .calendar_year h2, .network_flex .network_title h2, .board_detail .board_title h3, .sub03_detail_top .sub03_detail_top_txt h3{font-size: 20px}

.sub_visual .sub_visual_ul{gap:4px; margin-top: 10px}
.sub_visual .sub_visual_ul li{font-size: 12px}
.sub_visual .sub_visual_ul li.icon img{display: none}
.sub_visual .sub_visual_ul li.icon:after{content: '·'}


.board_are .board_top p.total{font-size: 14px}


.sub_title{margin-bottom: 40px}
.grid_board li, .grid_board.four li{width: 100%}


.board_detail .board_title ul li, .board_detail_file a, .board_detail_content *, .prev_and_next_board li a, .grid_board li .box p{font-size: 14px}

.pagenation a{font-size: 12px; height: auto; width: auto; }
.pagenation ul{gap:10px}
.pagenation ul li{flex:1}

.pagenation ul li.page_on a,
.pagenation a{border: 0}

.card_slide_are{padding: 0 25px}
.card_slide .slick-slide{padding: 0}
.card_slide .in_slide .slick-dots{display: none !important}

.card_slide .box{border-radius: 5px;}
.in_slide_are{padding: 0}

.board_tab a{font-size: 14px; padding: 10px; border-radius: 5px}

.card_slide_are .card_slide_btn.card_slide_slide_prev{left: 5px}
.card_slide_are .card_slide_btn.card_slide_slide_next{right: 5px}

.card_slide_txt .txt h3{font-size: 18px}
.card_slide_txt .txt p{font-size: 14px}

.sub_visual .sub_visual_ul {
    flex-wrap: wrap;
}


.sub03_detail_top {
    gap: 40px;
    margin-bottom: 40px;
    flex-direction: column;
}

.sub03_detail_tlb table th.left_th{width: auto}
.sub03_detail_tlb table th, .sub03_detail_tlb table td,
.sub03_detail_tlb.main_tlb table th, .sub03_detail_tlb.main_tlb table td{padding: 10px}

.sub03_detail_title h3{font-size: 20px}

.calendar_list li.drop_calendar .calendar_flex .box h5, .calendar_list li.date a p, .sub03_detail_top .sub03_detail_top_txt p, .sub03_detail_tlb table th, .sub03_detail_tlb table td, .sub03_detail_content *, .goto_list .list_btn{font-size: 14px}


.sub03_detail_tlb table td.center_mid,
.sub03_detail_tlb.main_tlb table td.date{width: auto}

.sub03_detail_tlb {
    overflow-x: auto;
}



.board_detail .board_title ul {
    margin-top: 15px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.board_detail .board_title ul li i{height: 4px}

.board_detail_content{padding: 25px}

.prev_and_next_board li{padding: 15px; gap:10px}
.prev_and_next_board li a.with_icon{width: auto}


    .calendar_list {
        gap: 2px;
    }

    .calendar_list li {
        flex: 0 0 calc((100% - (2px * 6)) / 7);
        width: auto;
    }

.calendar_list li.week{border-radius: 2px}

.calendar_list li.date{border-width: 1px; padding-bottom: 0}

.calendar_list li.date a{gap:4px; border-radius: 2px}

.calendar_list li.date a.on, .calendar_list li.date a:hover{border: 0; background:rgba(0, 74, 216,0.2 ) }
.calendar_list li.date a i{width: 4px; height: 4px}

.calendar_list li.drop_calendar{padding: 25px}




}





@media (max-width: 360px) {

 
 
 
 
}