@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1880px){
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt {font-size: 1em;}
}
@media screen and (max-width:1790px){	
#header .top_wrap .gnb_wrap .gnb > li .dp1 {padding: 0 1.05vw;}
    }
@media screen and (max-width:1700px){	
    
body{ font-size:15px;}
#header .top_wrap .gnb_wrap .gnb > li .dp1 {padding: 0 1.05vw;}
}
@media screen and (max-width:1600px){	
    
    body{ font-size:15px;}
    #header .top_wrap .gnb_wrap .gnb > li .dp1 {padding: 0 .85vw;}
    }
    
@media screen and (max-width:1490px){
/* HEADER */
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt {font-size: 1em;}
.box0{padding: 0 4vw;}

/* SUB **************/
#contents .sub_tab > .gnb{ max-width: 90%;}

}
@media screen and (max-width:1400px){
/* #header .top_wrap .gnb_wrap .gnb > li .dp1 {padding: 0 .65vw;} */
#header .top_wrap .etc_wrap .mem_wrap {display: none;}
}
@media screen and (max-width:1200px){	
#header .top_wrap .gnb_wrap {display: none;}

section.main_news > .box1 {flex-wrap: wrap; gap: 3em;}
section.main_news .wrap {width: 100%;}
section.main_news .pub_wrap {margin-top: 1em;}
.box1 {width: auto;}
}
@media screen and (max-width:1024px){
:root {
    --mainTopH : -6em!important;
}
    /* [data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;} */

/* .moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;} */

/* HEADER */#

/* MAIN **********/
.newsSlide{ padding-bottom: 1.5em;}
.newsSlide .swiper-pagination.newsSlide_pagination{ bottom: 0;}

.main_top .wrapIn ul > li .in .icon_wrap{ width: 5em; height: 5em;}
.main_top .wrapIn ul > li .in .txt_wrap .tit{ font-size: 1.25em;}
.main_top .wrapIn ul > li .in .txt_wrap .desc { display: none;}
.main_top .wrapIn ul > li .main_more{ zoom:.8}

.data_wrap{ gap:2em;}

section.main_news .pub_wrap .in .pub_list > li{ padding: 0.9em 1em .5em;}


/* SUB **********/
#contents .sub_visual_wrap .wrap_in{ height: 18em;}
#contents .sub_tab .gnb > li .dp2 > li > a { padding: .5em 0;}

/* 임원명단 */
.flex_table.org .td.wName{ flex: 0 0 25%}
.flex_table.org .td.wName3 { flex:0 0 35%; word-break: keep-all; } 

/* 관련기사 */
.board_gallery.s1 > li {width: calc((100% - 4em) / 3)!important;}

/* 주요활동 - view */
.board_table.edu tr{ padding:0}
.board_table.edu tr:not(.hoverN):hover{ background: none;}
.board_table.edu th{ width: 12em; }
.board_table.edu th.event_desc{ width: 100%;}

}

@media screen and (max-width:1000px){
section.main_search .box1{gap: 1em;}
#contents .sub_con_wrap .sub_lnb {display: none;}
section.main_search .keyword_wrap .tit {line-height: 25px;}

/*about*/
.p_wrap .p_box {width: 100%;}

}

@media screen and (max-width:850px){
/* SUB **********/
.table_wrap{ overflow-x: scroll; position: relative;}
.table_wrap::before{ 
    content: '※ 좌우로 밀어서 표 내용 전체를 확인해보세요.'; 
    display: block; 
    margin-bottom: 1em;
    font-size: .9375em;
    color:#555;
    position: sticky;
    left: 0;
}
.table_wrap .flex_table.w850{
    width: 850px;
}
/*about*/
.bgTxt_wrap .slogan .tt {font-size: 1.8em;}

/*footer*/
#footer .fWrapIn > div {flex-direction: column; gap: 2.5em;}
.Fcol{flex-direction: column !important;gap: 1.5em;}
#footer .info_wrap .info {width: 100%;}
.sns_st {width: 100%; order: -1;}
}


@media screen and (max-width:768px){
body{ font-size:14px;}
.box1 {width: 95%;}
#contents .sub_con_wrap .sub_con .doc {max-width: 98%;}

/* FOOTER */
#footer .logo_wrap > .box2{ flex-wrap: wrap; gap:2em}
#footer .cs_wrap{ order:-1; width: 100%;}
#footer .cs_wrap .menu{ justify-content: flex-start;}
#footer .cs_wrap .menu li:first-child > a{ padding-left: .5em;}

/* MAIN **********/
.visualSlide_wrap .slogan .t2{ font-size: 2.5em;}

.main_top > .box2{ max-width: 100%;}
.main_top .wrapIn ul{ border-radius: 0; padding: 1.5em;}
.main_top .wrapIn ul > li + li{ padding-left: 1.5em;}

.data_wrap{ flex-wrap: wrap;}
.banner_wrap{ width: 100%;}
.bannerSlide_wrap .bannerSlide .banner_img{ height: auto;}

.visualSlider_wrap .slogan .t2{word-break: keep-all;}
.visualSlider_wrap .slogan .t2 br{display: none;}
.visualSlider_wrap .slogan .t3{ word-break: keep-all;}
.visualSlider_wrap .slogan .t3 br{display: none;}

section.main_board .main_tit_wrap{flex-direction: column; align-items: flex-start; gap: 1.2em;}


/* SUB **********/
#contents .sub_tab{ display: none;}
#contents .sub_visual_wrap .wrap_in { height: 10em;}

/**/
.search-top {width: 100%;}
.search-top .search-box {width: auto;}
.search-result {width: 96%;}
/* 연혁
.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em; margin-top:0;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;} */

/**/
.subbox_wrap.h35 {height: 30em;}

/* 오시는길 */
.map-Con .list{ gap:.5em; margin-top: 0;}
.map-Con .list > li{ flex: 0 0 calc((100% - .5em) / 2); box-sizing: border-box;}
.map-Con .list > li .in{ padding: 1em 0; border:1px solid #ddd; border-radius: .5em; /* border-width: 0 0 1px 1px; border-style: solid; border-color:#ddd; */}

.map_info .info_con .page_tt{flex-direction: column;}

/* 관련기사 */
.board_gallery.s1 > li {width: calc((100% - 2em) / 2)!important;}

/* 마이페이지 */
.table_st.response{}
.table_st.response tr{ display: block; border-top:1px solid #555}
.table_st.response td,
.table_st.response th{ display: block; height: auto; padding: .8em 1em;}

.total_wrap{display: none;}

}
@media screen and (max-width:680px){
section.main_quick .quick_list {flex-wrap: wrap;}
section.main_quick .quick_list > li {flex: 1 1 30%;}


/*gunsun*/
.subbox_wrap .txtwrap .t1 {font-size: .8em;}
.subbox_wrap.h35 {height: 26em;}
.w_no,
.w_name{display: none;}
}
@media screen and (max-width:630px){

}
@media screen and (max-width:600px){
/* MAIN **********/
.visualSlide .el{ height: 68vh;}
.visualSlide_wrap .slogan .t2{ font-size: 2em;}
.visualSlide_wrap .slogan .t3{ font-size: 1.125em;}

.main_txt .tit{ font-size: 1.75em;}
.main_more{ zoom:.85}

.main_top .wrapIn ul{ flex-wrap: wrap; padding: 0 1em;}
.main_top .wrapIn ul > li{ width: 100%; padding: 1em!important}
.main_top .wrapIn ul > li + li{ border-left: none; border-top:1px solid rgba(255, 255, 255, .3)}
.m_mypage {display: block !important;}



/* SUB **********/
.soon{ zoom:.8}
.soon .tt .t1{ font-size: 2em;}

#contents .sub_tit_wrap .nav{ display: none;}

/* 주요활동 */
.sub2_ul li{ width: 100%;}
/* 주요활동 - view*/
.board_table.edu tr{ gap:0;}
.board_table.edu th{ width: 100%; text-align: left!important;}
.board_table.edu td{ width: 100%; padding: 1.25em 1em;}

/* 기관회원소개 */
.siteList_wrap .siteList > li {width: calc((100% - 1em) / 2)}
/* 관련기사 */
.board_gallery.s1 > li {width: 100%!important;}

/* 회원가입 */
.dp2_join .load_label.st2{ flex-wrap: wrap;}
.dp2_join .load_label.st2 > .label_st{ flex: 0 0 calc((100% - .5em) / 2)}

.member_wrap .member_form{ padding: 1.5em 1em;}
.member_wrap .type_wrap > li .inner{ padding:1.5em;}

.page_step_wrap{zoom: .8;} 

.his_bgC .his_tit_con .tit {font-size: 2rem;}
.sub_container .sub_menu ul li a > .tt {font-size: 0.7em;}
.sub_container .history_ctt h4 {font-size: 30px;}
.sub_container .history_ctt span {font-size: 14px;}



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

#contents .doc {max-width: 94%;}

/* .subbox_wrap.h35 {height: 23em;} */
section.main_search .box1 {gap: 1em;flex-direction: column;}
section.main_search .search_wrap {width: 100%;}
section.main_search .keyword_wrap {width: 100%;}
section.main_search .keyword_wrap .tit {line-height: 60px;}
section.main_news .pub_wrap .in .bigImg {display: none;}
section.main_news .pub_wrap .in .pub_list {width: 100%;}

.mainBoard_tab .tab-list{ gap: 2em;}
.mainBoard_tab .tab-list > li .tab-tt {font-size: 1em;}
.mainBoard_tab .tab-list > li + li::before{ left: calc(-0.95em - 2px);}
.conLay .img_wrap {width: 100%;order: -1;}

.bgTxt_wrap .message .msgList > li .con {padding-left: .4rem;}
.num_list > li .tt {width: 90%;}

.all_gnb{margin-bottom: 3em;}
}
@media screen and (max-width:500px){

/* main */
.visualSlide_wrap .slogan{ zoom: 0.85;}
section.main_quick .quick_list > li {flex: 1 1 50%;}
.visualSlider_wrap .slogan .wrap_in{ padding: 0;}

.main_btn_more.st2{top: -35px;}

section.main_news > .box1,
.main_quick .box1,
.main_board .box1,
.memBannerSlider_wrap .box1{max-width: 92%;}
section.main_news .news_list .con{padding: 1em 0em 1em 1em;}


/*  */
.member_wrap .type_wrap{ flex-direction: column;}
.member_wrap .type_wrap > li .inner { border-left:none; border-top:1px solid #ddd;} 
.member_wrap .type_wrap > li:first-child .inner { border-top: none;} 

.letter_wrap .greet .txt_wrap .page_tt{ word-break: break-all;}

/**/
.his_bgC .his_tit_con .tit {font-size: 1.5rem;}
/*footer*/
#footer .cs_wrap .menu li > a {font-size: 0.91em;padding: 0 0.8em;}

}

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

.mainBoard_tab .tab-list > li .tab-tt {font-size: 1em;}

}

@media screen and (max-width:400px){
#postlayer { max-width: 90vw; max-height: 75vh; margin-top:5em!important;}
.his_bgC {padding: 2rem 0 2rem;}
.sub_container .history_ctt h4 {font-size: 26px;}
.sub_container .sub_menu ul li a {font-size: 2em;}
.w_form_tit {width: 4em;}
}

@media screen and (max-width:380px){
body{ font-size:12px;}

/* main */
section.main_news .pub_wrap .in .pub_list > li{padding: 1.3em 1em .5em;}

/* 기관회원소개 */
.siteList_wrap .siteList > li {width: 100%}

/* 회원가입 */
.page_step_wrap{zoom: .7;} 



}

@media screen and (max-width:320px){
.visualSlider_wrap .slogan .t2{font-size: 2.4em;}
.visualSlider_wrap .slogan .t3{font-size: 1.15em;}
}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}