@charset "utf-8";
/* CSS Document */

.res{ display:none}

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

}

@media screen and (max-width:1440px){
/* header */
#header .top_wrap{padding-right: 0;}


/* main */
/* .main_visual .slogan_wrap{height: auto;} */
.main_visual .slogan_wrap .inW{padding: 4em 2em 2em; margin: 0;}
.main_visual .slogan_wrap .slogan .t1{ font-size: 2.15em;}
.main_visual .slogan_wrap .slogan .t2{word-break: keep-all;}

.notice_wrap .notice_list .list{flex-wrap: wrap; }
.notice_wrap .notice_list .list .el{ width: 100%; box-sizing: border-box;}
.notice_wrap .notice_list .list .el .in .tit{min-height: unset;}

.main_con1 .con{align-items: flex-end;}
.bannerSlide_wrap .bannerSlide .banner_img{height: 23em;}


.main_con2 .page_txt{word-break: keep-all;}
.main_con2 .page_txt .txt1{display: inline;}

/* sub */


/* 인사말 */
.greet_top{width: 82%; padding: 2.5em 2em 12em;}
.greet_box{width: 92%;}
.greet_top .desc br{display: none;}
.greet_top .desc span{display: inline;}

}

@media screen and (max-width:1400px){
.res.w1400{ display: block}


}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}

/* sub */
#contents .sub_top_wrap .subTab .gnb .dp2 li{ width: 15.2vmin;}
}

@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}

/* header */
.allOn #header{padding-right: 0; height: 100%;}
.allOn #header:before{display: none;}
.allOn #header .all_wrap .allBtn .ico:before{color: #111;}
.allOn #header .gnb_wrap .gnb > li{width: 47%;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 47%;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ padding: 3.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 2.6vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.2em; }
.allOn #header .util_wrap{margin-right: 2em;}

#header .top_wrap .wrapF{ justify-content: space-between;}
html:not(.allOn) #header .top_wrap .gnb_wrap{display: none;}



/* main */
.main_visual{ align-items: center; margin-top: 0;}
.main_visual .slogan_wrap{position: absolute; background: unset; width: 47%;}
.main_visual .slogan_wrap .inW{margin-top: 4em;}
.visualSlide .el .inW{position: relative;}
.visualSlide .el .inW::before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.visualSlide .el .resize{ padding-bottom: 58%;}

.main_con1 .con{gap: 2em;}
.main_con1 .con .right_box{width: 33%;}
.bannerSlide_wrap .bannerSlide .banner_img{height: 23em;}

.main_con4 .page_con .box1{flex-direction: column;}
.main_con4 .leftW,
.main_con4 .rightWrap{width: 100%;}
.main_con4 .topC { justify-content: flex-start; gap: 3em;}
.main_con4 .topC .img{width: 17%;}

.main_con4 .page_con .box1 > div .inner{height: 100%; gap: 1em;}
.main_con4 .bottomC{ align-items: flex-end; justify-content: space-between;}

.main_con3 .innerCon.flex{flex-direction: column;}
.main_con3 .innerCon.flex .iconCon{ width: 100%;}
.ico_list > li .inner{ padding: 2em 1em;}
.ico_list > li .inner .icoW{ width: 3em; height: 100%;}
.ico_list > li .inner .icoW img{ width: 100%; height: 100%;}

.mainBusiness{width: 100%;}
.mainBusiness .wrapCon{margin-bottom: 2em;}

/* sub */
.box2{padding: 0 1em;}

#contents .sub_top_wrap .subTab{display: none;}
#contents .sub_tit_wrap .mWid{max-width: 100%;}

/* 테이블 스크롤 */
.scr_i{display: inline-flex; align-items: center; gap:.2em; margin-top: 5px; color:var(--siteC);  }
.scr_i .xi{ transform: rotate(90deg);}
.scroll_wrap{width: 100%; overflow-x: auto;}
.scroll_wrap table {min-width: 1000px; width: max-content; border-collapse: collapse;}
.scroll_wrap table.mt20{margin-top: .5em !important;}
.scroll_wrap.st1{overflow-x: unset;}
.scroll_wrap.st1 table{min-width: 0; width: auto;}

/* 인사말 */
.greet_box{width: 74%;}
.greet_box .inner{flex-direction: column-reverse; gap: 1.5em;}
.greet_box .inner:nth-child(2n){flex-direction: column;}
.greet_box .inner .txt_wrap{width: 100% !important;}
.greet_box .inner .img_wrap.st2{margin: 0 auto; width: 48%;}

/* 학회소개 */
.intro_wrap .innerCon .left {flex-direction: column-reverse;}
.intro_wrap .innerCon .left .memo_box.w2{width: 100%; box-sizing: border-box;}
.intro_wrap .innerCon .left .imgbox,
.intro_wrap .innerCon .left .imgbox img{width: 100% !important;} 

/* 학회회칙 */
.btn_list > li{ flex: calc((100% - 2.5em) / 5); max-width: calc((100% - 2.5em) / 5);}
}

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

/* main */
.notice_wrap .notice_top { padding-bottom: 3.5em; }

.main_con1 .con{flex-direction: column;}
.main_con1 .con .right_box{width: 100%;}

.bannerSlide_wrap .bannerSlide .banner_img{height: auto;}

.main_con2 .innerCon{flex-direction: column-reverse; gap: 2em;}

.page_con.bg1{height: 100%;}
.main_con2 .leftCon{margin-left: 0;}
.main_con2 .leftCon,
.main_con2 .rightCon{width: 100%; }

.main_con4 .rightWrap{flex-direction: column;}
.main_con4 .rightW,
.main_con4 .middW{width: 100%;}
.mainBusiness .wrapCon .con_wrap{margin-top: 5em;}

.mainBusiSlide .el{width: 83vmin;}
.mainBusiSlide .el .con{ bottom: 14%;}

/* footer */
#footer .foot-menu .box1.flex{ flex-direction: column-reverse; align-items: flex-start; gap: 1em;}
#footer .bottom_wrap{ flex-direction: column; align-items: start; margin: 0; padding-top: 3em;}
#footer .info_wrap{margin-left: 0; margin-top: 0; padding-top: 0;}

/* sub */
.sub .innerCon:first-child{margin-top: 0 !important;}
#contents .sub_tit_wrap .wrapF{ flex-direction: column;}

.wrap_idx .sub-tab{border-radius: 1em;}
.wrap_idx .sub-tab>li{flex: 1 100%; border-bottom: 1px solid #ddd;}
.wrap_idx .sub-tab > li:last-child{border-bottom: none;}

.top_bg {padding: 3em 2em;}
.top_bg .t3 br{display: none;}

/* 테이블 스크롤 */
.scroll_wrap table {min-width: 700px; width: max-content; border-collapse: collapse;}

/* 학회소개 */
.c_wrap .circlelist > li .in{width: 12em; height: 12em;}
.c_wrap .circlelist > li .in.bg1{ transform: translateX(30px);}
.c_wrap .circlelist > li .in.bg3{ transform: translateX(-30px);}
.c_wrap .circlelist > li .in.bg3 .icoC .bgfix,
.c_wrap .circlelist > li .in.bg2 .icoC .bgfix,
.c_wrap .circlelist > li .in.bg1 .icoC .bgfix{ width: 5em !important; height: 5em !important;}
.c_wrap .circlelist > li .in .txtC .tt{font-size: 1em;}

.ttdot br{display: none;}

/* 연혁 */
.history_wrap .history{margin-left: 3em;}
.history_wrap .history > li .con_wrap{padding-left: 0;}
.history_wrap .history > li .img_wrap{width: 100%; padding-bottom: 0;}
.history_wrap .history > li .img_wrap .resize{padding-bottom: 67%;}
.history_wrap:before, .history_wrap .lineAni{ left: 1em;}

/* 학회임원 */
.journalW_list > li{ width: calc((100% - 2em) / 2);}

/* 사전등록 */
.sym-list > li .inner .mid_info{ flex-direction: column-reverse;}
.sym-list > li .inner .mid_info .right{ width: 100%;}
.sym-list > li .inner .mid_info .left{width: 95%;}

/* 논문검색 */
.journal_info {flex-direction: column; align-items: center;}
.journal_info .memo_box{width: 100%; }
.journal_info .left_img{width: 64%;}
}

@media screen and (max-width:500px){
/* header */
.allOn #header .gnb_wrap .gnb > li{width: 100%;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 100%;}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 5.1vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{padding: 5.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{font-size: 1.125em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.3em; padding: 1.5vmin 1vmin;}

#header .top_wrap .logo{ height: 2.6em;}
#header .top_wrap .etc_wrap .mem_wrap2{ gap: 5vmin;}

/* main */
.main_visual .slogan_wrap{width: 80%;}
.visualSlide .el .resize{ padding-bottom: 100%;}

.notice_wrap .notice_top .main_tab{gap: 1.2em;}
.notice_wrap .notice_top .main_tab > li{font-size: 1.23em;}

.ico_list > li{ width: calc((100% - 1em) / 2);}

.main_con4 .topC{flex-direction: column; align-items: flex-start; gap: 2em;}
.main_con4 .topC .img{width: 30%;}
.main_con4 .topC .txt{width: 100%; display: flex ; flex-direction: column;}
.main_con4 .bottomC ul{flex-direction: column;}
.main_con4 .bottomC ul li{width: 100%;}
.main_con4 .bottomC ul li .btnL{margin-bottom: 0.3em;}
.main_con4 .bottomC ul li .page_txt .asR{text-align: center;}
.main_con4 .page_con .box1 > div .inner.st3{flex-direction: column; align-items: flex-start;}
.main_con4 .rightW .rightC .img{ justify-content: flex-end;}
.main_con4 .rightW .leftC{width: 100%;}
.main_con4 .rightW .rightC{width: 100%; margin-top: 1em;}
.main_con4 .rightW .rightC .img img{width: 50%;}
.main_con4 .bottomC{ flex-direction: column; align-items: start;} 
.main_con4 .bottomC .imgC{margin-left: auto;}

.page_txt:not(:last-child){margin-bottom: 1.6em;}

.mainBusiness .wrapCon .con_wrap .Conbg::before{display: none;}

.mainBusiSlide .el .bg .resize{top: 2%; transform: translateY(0);}
.mainBusiSlide .el .con{ bottom: 9%;}
.mainBusiSlide .el.swiper-slide-active .bg .resize{height: 80%;}
.mainBusiSlide .el .con .tit{font-size: 1em;}

/* footer */
.memBannerSlider_wrap{ padding: 1em 0;}
.memBannerSlider{ width: 100%; flex: none;}

#footer .menu{gap: 1.5em;}
#footer .menu > li > a{ padding-right: 0;}
#footer .menu > li > a:after{ right: -11px;}

/* sub */
#contents .sub_top_wrap{ height: 50vmin;}
#contents .sub_top_wrap .subTit .t1{font-size: 1.92em;}
#contents .sub_top_wrap .subTit .t2{ font-size: 1em;}
#contents .sub_top_wrap .subTit .wrapF{gap: 1em;}

.memo_box.st3,
.memo_box.st4{padding: 1.2em;}

/* 인사말 */
.greet_top .tit{ justify-content: center; flex-direction: column; gap: 0.5em;}
.greet_top .tit::after{margin-left: 0;}
.greet_top .desc{text-align: center; font-size: 1.38em;}
.greet_top .desc br{display: none; }
.greet_box{width: 89%; padding: 2em 0 !important;}
.greet_box .page_tit .t9{margin-top: 1em;}
.greet_box .txt_wrap .ceo{flex-direction: column; gap: 1em;}
.greet_box .inner .img_wrap.st2{width: 73%;}

/* 학회소개 */
.c_wrap .circlelist{ flex-direction: column; gap: 1em; margin: 2em 0;}
.c_wrap .circlelist > li .in { width: 58vw; height: 58vw; }
.c_wrap .circlelist > li .in.bg1,
.c_wrap .circlelist > li .in.bg3{transform: translateX(0);}

/* 연혁 */
.history_wrap .history{margin-left: 1em;}
.history_wrap:before,
.history_wrap .lineAni{left: 0.5em;}

.history_wrap .history > li .list .wrap_in{padding: 0;}
.history_wrap .history > li .year{width: 100%;}
.history_wrap .history > li .year .tt{ padding: 0 .5em 0 0; font-size: 2.46em;}

.history_wrap .table_st.st3{width: 100%;}
.history_wrap .table_st.st3 colgroup col:nth-child(1){width: 30%;}

/* 학회임원 */
.journalW_list > li{ width: 100%;}

/* 학회회칙 */
.btn_list {height: auto;}
.btn_list > li{ flex: calc((100% - .7em) / 2); max-width: calc((100% - .7em) / 2);}

/* 찾아오시는 길 */
.map_info1 .map_info_con.flex{ flex-direction: column; gap: 1em;}

/* 사전등록 */
.edu_w5{width: 8em;}

.symposium-wrap .sym-list{flex-direction: column;}

/* 논문검색 */
.journal_info .left_img{width: 100%;}
}

@media screen and (max-width:425px){
#header .quick{width: 3.8em;}
/* #header .top_wrap{padding-right: calc(var(--quickW) - 0.8em);} */
#header .lang_wrap:before{ left: -30%;}

/* main */
/* #contents{padding-right: 3.8em;} */
}

@media screen and (max-width:380px){
/* main */
/* #contents{padding-right: .8em;} */

}
@media all and (orientation:landscape){

}