@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}

}

@media screen and (max-width:1400px){
/* HEADER */
#header .top_wrap .etc_wrap .mem_wrap{ display: none;}

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

}

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

}

@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 */
#header .top_wrap .gnb_wrap{ display: none;}

/* 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;}


/* 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: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;
}

/* 주요활동 */
.sub2_ul li{ width: calc((100% - 1.5em) / 2);}

/* 기관회원소개 */
.siteList_wrap .siteList > li {width: calc((100% - 2em) / 3)}

}


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

/* 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;}


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

/* 연혁 */
.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;}

/* 오시는길 */
.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; */}

/* 관련기사 */
.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;}

}

@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)}

/* 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;} 

/*회원증*/
.popWin_doc .pop_page_print .txt_wrap{ bottom: 5%;}
.popWin_doc .pop_page_print .txt_wrap .titT_logo{ margin: 0 auto 2.5em;}
.popWin_doc .pop_page_print .txt_wrap .tit.kr{ font-size: 2.315em;}
.popWin_doc .pop_page_print .txt_wrap .info_wrap{ margin: 7% auto;}
.popWin_doc .pop_page_print .txt_wrap .info > li .t1{ font-size: 1em;}
.popWin_doc .pop_page_print .txt_wrap .txt.t3{ font-size: 1.25em;}
.popWin_doc .pop_page_print .txt_wrap .txt.t2{ font-size: 1.6em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ font-size: 1.415em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ font-size: 1.315em;}
.popWin_doc .pop_page_print .txt_wrap .sign .stamp img{ position:relative; top: 1em; width: 5em;}

}


}

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

/* main */
.visualSlide_wrap .slogan{ zoom: 0.85;}

/*  */
.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;}

/*회원증*/
.popWin_doc .pop_page_print .txt_wrap{ bottom: 3%;}
.popWin_doc .pop_page_print .txt_wrap .titT_logo{ margin: 0 auto 2em;}
.popWin_doc .pop_page_print .txt_wrap .tit.kr{ font-size: 2em;}
.popWin_doc .pop_page_print .txt_wrap .info_wrap{ margin: 5% auto;}
.popWin_doc .pop_page_print .txt_wrap .info > li .t1{ font-size: 1em;}
.popWin_doc .pop_page_print .txt_wrap .txt.t3{ font-size: 1.063em;}
.popWin_doc .pop_page_print .txt_wrap .txt.t2{ font-size: 1.215em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ font-size: 1.315em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ font-size: 1.215em;}
.popWin_doc .pop_page_print .txt_wrap .sign .stamp img{ position:relative; top: 1em; width: 5em;}

}

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


}

@media screen and (max-width:400px){
#postlayer { max-width: 90vw; max-height: 75vh; margin-top:5em!important;}


}

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

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

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

}

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

}

@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){

}