@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
    .box1{ width: 92%; max-width: 90%;}

}
@media screen and (max-width:1440px) {
#sec_08 .notice_card_box .date_badge .year{ font-size: 1rem; font-weight: 500;}
#sec_08 .notice_card_box .text_wrap .title{ font-size: 1.5rem;}
#sec_08 .notice_card_box .text_wrap .desc{ font-size: 1.125rem;}
#sec_08 .notice_card_box .sub_notice_list .title{ font-size: 1.25rem;}
#sec_08 .notice_card_box .sub_notice_list .date{ font-size: 1rem;}
#sec_newsletter .main_tit .t2{ font-size: 2rem;}
#sec_newsletter .nlCard .txtW .date{ font-size: 0.9rem;}
#sec_newsletter .nlCard .txtW .tit{ font-size: 1rem;}
.partnerW .titW .t1{ font-size: 1.375rem;}
.visualSlide .swiper-wrapper > .el.world-map-slide .korea-marker-wrap {left:79%;}

/* 공통 */
#contents .sub_con_wrap .sub_conarea{ width: 76%;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2>li>a .va{ font-size: var(--font-size-md);}

/* sub */
.greetingWrapper .greetingT{ padding: 3rem 2rem 0;}
.greetingWrapper .greetingT > .t1{ font-size: 1.375rem;}
.greetingWrapper .greetingBanner .txt_wrap .s_tit{ font-size: 1.25rem;}
.greetingWrapper .greetingBanner .img_wrap img{ width: 290px;}

.journalIntro_bg .txtW{ padding: 2em 1em;}
.journalIntro_bg .txtW .tt{ font-size: var(--font-size-base;)}
.journalIntro_bg .txtW .t1::before{ top: -3.5em;}

.journalIntro_txt .tt{ font-size: var(--font-size-base)}
.journalIntro_txt .tt br{ display: none;}

.historyWrapper .history > div ul{ width: calc(100% - -176px);}
.historyWrapper .history > div ul:before{ left: 196px;}
.historyWrapper .history > div ul:after{ left: 180px;}
.historyWrapper .history > div ul li{ font-size: 1.375rem;}
.historyWrapper .history > div ul li .year{ width: 5.5rem;}
.historyWrapper .history > div .decade:after{ width: 185px;}
.historyWrapper .history .linewrap{ left: calc(150px + 257px - 80px);}
.historyWrapper .history:after{ left: calc(150px + 257px - 80px);}

.sub_org .in .t3{ font-size: var(--font-size-md);}
.sub_org .in.h_auto .tt > .position{ font-size: var(--font-size-base);}
.sub_org .in.h_auto .tt > .s_tt{ font-size: var(--font-size-base);}

.business_wrapper{ padding: 5rem 4rem;}
.business_wrapper .business_con li .txt_wrap .tt{ font-size: 1.375rem;}
.business_wrapper .business_con li .txt_wrap .point{ font-size: var(--font-size-base);}

.board_st td{ font-size: 1.25rem;}

.board_viewT .vTit{ font-size: var(--font-size-lg-2);}
.board_viewT .info{ font-size: 1.25rem;}

.board_viewF .wrap_con .list > li > a .tt{ font-size: 0.9rem;}

.board_comm_tit{ font-size: 1.125rem !important;}

.board_gallery > li{ width: calc((100% - 2rem) / 3) !important;}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size: var(--font-size-md) !important;}
.board_gallery > li .wrap_in .con_wrap .list_date{ font-size: 1rem !important;}


.board_search_wrap .search_inner .label_select .selectTit{ font-size: var(--font-size-base);}

.topBanner .txt_wrap .tt{ font-size: var(--font-size-lg-1);}

.dotList > li{ font-size: 1.375rem;}
.checkList > li > .con > .tt{ font-size: 1.25rem;}

.comment_area .comment_tit .tit .t1{ font-size: 1rem !important;}
.comment_area .comment_tit .tit .t2{ font-size: .9375rem !important;}
.comment_area .name{ font-size: 1.125rem !important;}
.comment_area .comment_tit .num{ font-size: 1.125rem !important;}
.comment_area .comment .comment_txt{ font-size: 1.125rem !important;}
.comment_area .comment .comment_btn{ font-size: 1.125rem !important;}

.postNavi .post_st .form_lab .lab_con > .board_aTit{ font-size: var(--font-size-md-1);}

.table_st2 th, .table_st2 td{ font-size: var(--font-size-md-1);}

.memoSt > li .tt .t1{ font-size: 1.25rem;}
.memoSt > li .tt .t2{ font-size: 1.125rem;}

.form_lab .tit1{ font-size: 1.25rem;}
textarea.input_st{ font-size: 1.125rem;}

.agree_box{ font-size: 1.125rem;}

#footer .footerWrapper .footerTop{ flex-direction: column-reverse;}
#footer .footerWrapper .footerTop .leftInfo{ width: 100%; flex-direction: column;}
#footer .footerWrapper .footerTop .leftInfo > .logoCon{ width: 100%; margin-bottom: 0.5rem;}
#footer .footerWrapper .footerTop .rightInfo{ width: 100%; flex-direction: row-reverse;}
#footer .menu > li > .in{ font-size: 1.25rem;}
}
@media screen and (max-width:1024px) {
    .PHONE{ display: block;}
html:not(.allOn) .top_wrap .gnb_wrap{ display: none;}
.visualSlide_wrap{ height: calc(var(--vh, 1vh) * 80);}
.allOn #header .gnb_wrap .gnb > li{ flex: 0 0 31%;}


#sec_newsletter .newsletterContent{ flex-wrap: wrap;}
#sec_newsletter .nlCard{ flex: 0 0 31%;}
#sec_newsletter .nlCard .imgW{ height: 385px;}

/* 공통 */
.allOn #header .gnb_wrap .gnb{ margin-bottom: 1rem;}

#contents .sub_con_wrap{ gap: 4rem;}
#contents .sub_con_wrap .sub_lnb{ min-width: 12rem;}
#contents .sub_con_wrap .sub_conarea{ width: 100%;}
.nav > li{ font-size: 1.125rem;}

/* sub */
.greetingWrapper .greetingBanner{ padding: 3rem 2rem; }
.greetingWrapper .greetingBanner .txt_wrap .t1{ font-size: var(--font-size-lg-2);}
.greetingWrapper .greetingBanner .txt_wrap .t2{ width: 100%;}
.greetingWrapper .greetingBanner .img_wrap{ right: 0;}
.greetingWrapper .greetingBanner .img_wrap img{ width: 18rem;}
.greetingWrapper .greetingT .ceo_name{ font-size: var(--font-size-lg-1);}

.journalIntro_bg .txtW .t1{ font-size: 1.625rem;}
.journalIntro_bg .txtW .tt{ font-size: 1.1875rem;}
.journalIntro_bg .txtW .tt br{display: none;}
.journalIntro_txt .tt{ font-size: 1.25rem;}

.historyWrapper .top_img{ height: 17em;}
.historyWrapper .top_img .bg_tit p{ font-size: 2.25rem;}

.dotList > li{ font-size: 1.25rem;}
.dotList > li br{display: none;}

.flagWrapper .bottomBox .in .txt_wrap .t1{ font-size: 1.3125rem;}

.login_wrap{ width: 60rem !important;}

/* 찾아오시는길 */
.locationContainer .mapInfoWrap{ flex-direction: column;}
.locationContainer .mapInfoWrap .leftInfo,
.locationContainer .mapInfoWrap .rightInfo{width: 100%;}

}
@media screen and (max-width:900px){
.scr_i { display: block; margin-bottom: 1rem;} 
.scr_i .xi-scroll{ transform: rotate(90deg);}

.processWrapper{overflow-x:auto;overflow-y:hidden}
.processWrapper .con_org{width:max-content;min-width:100%}
.processWrapper .sub_org{width:max-content}
.processWrapper .sub_org.d1{min-width:900px}    

.scroll_wrap{ width: 100%; overflow-x: auto;}
.scroll_wrap table{min-width: 1000px;}
}
@media screen and (max-width:768px) {
.wrap_bg{background-image:var(--mo-bg);}  
.sub_slogan_hide #contents .sub_visual .slogan_wrap .slogan{display:none;}

.allOn #header .gnb_wrap .gnb > li.m_guide{ right: -2vmin; bottom: -2em;}
.allOn #header .gnb_wrap .gnb > li.m_guide .dp2{ height: 2rem;}

#header .top_wrap .logo > a img{ height: 50px;}
#header .top_wrap .etc_wrap{ gap: 2rem;}
#header .etcLinkWrpper > li:first-of-type{ display: none;}

.main_tit .t1{ font-size: var(--font-size-xl-1);}

#sec_link .link_container{ align-items: start; flex-direction: column; gap: 0;}
#sec_link .linkBoxList,
#sec_link .link_container .leftBox{ width: 100%;}
#sec_link .link_container .leftBox{ padding: 2rem;}
#sec_link .linkBoxList > li{ width: 50%; flex: unset;}
#sec_link .linkBoxList > li > .inner{ padding: 2rem;}

#sec_newsletter .mainTop{ flex-direction: column; gap: 1.5rem; align-items: center; margin-bottom: var(--space-4);}
#sec_notice .noticeSlide .noticeSt{ height: 15rem;}
#sec_newsletter .nlCard{ flex: 0 0 46%; }
#sec_newsletter .nlCard .imgW {height: 200px}

.visualSlide .slogan_wrap .slogan .title > .t1{ font-size: var(--font-size-lg-2);}

#sec_notice .notiBtn > li > .con{ height: auto; padding: 0; border: none;}
#sec_notice .notiBtn > li.on > .con{ border: none; background: transparent;}
#sec_notice .notiBtn > li.on > .con > .tt{ color: var(--color-point);}
#sec_notice .notiBtn{ gap: 1.25rem;}
#sec_notice .notiBtn > li > .con > .tt{ font-size: var(--font-size-md);}
.main_box{ padding: 3.5rem 0;}
.main_box.p2{ padding-top: 1.5rem;}
#sec_about .intro_Wrap > .tit{ font-size: var(--font-size-lg);}

#sec_news .newsList,
#sec_news .videoList{ flex-direction: column;}
#sec_news .newsList > li,
#sec_news .videoList > li{ width: 100%;}
#sec_news .newsList{ gap: 1.5rem;}

#sec_about .intro_Wrap .introDesc > li{ font-size: var(--font-size-sm);}

#sec_news .videoList > li > .inner .info > .tit{ height: 3.5rem;}
#sec_news .videoList > li > .inner .info{ padding: 1.5rem;}
#sec_notice .noticeSlide .noticeSt{ padding: 1.5rem;}

.partnerW .swiperControl,
.partnerW .titW{ display: none;}

.partnerSlideW .swiper-slide{ width: 25%;}

#sec_notice .noticeSlide .noticeSt .conW .titW>.t1{ height: 3.5rem;}

#quick{ display: none;}

/* 공통 */
#contents .sub_con_wrap{ gap: 2rem;}
#contents .sub_con_wrap .sub_lnb .tit .t1{ font-size: 1.75rem;}
#contents .sub_con_wrap .sub_conarea .sub_con_tit .inner .con_tit .tt{ font-size: var(--font-size-lg-2);}
#contents .sub_visual .slogan_wrap .slogan{ text-align: center;}

.page_tit .t6{ font-size: var(--font-size-lg-2);}
/* sub */
.greetingWrapper .greetingBanner::before{ width: 30rem; height: 134px;}
.greetingWrapper .greetingT > .t1 br{ display: none;}
.greetingWrapper .greetingBanner .img_wrap img {width:12rem; }

.journalIntro_txt{ padding: 0 3em;}
.journalIntro_bg .txtW .t1{ font-size: 1.375rem;}
.journalIntro_bg .txtW .tt{ font-size: 1rem;}
.journalIntro_txt .tt{ font-size: 1.125rem;}

.historyWrapper .history .linewrap{ left: calc(150px + 40px - 80px);}
.historyWrapper .history:after{ left: calc(150px + 40px - 80px);}
.historyWrapper .history > div ul{ padding-left: 2rem;}
.historyWrapper .history > div ul:before{ left: -20px;}
.historyWrapper .history > div ul:after{ left: -34px;}
.historyWrapper .history > div .decade{ font-size: 2.1875rem;}
.historyWrapper .history > div .decade:before{ display: none;}
.historyWrapper .history > div .decade:after{ display: none;}

.business_wrapper{ padding: 3rem 2rem;}
.business_wrapper .business_con{gap:0; justify-content: center;}
.business_wrapper .business_con li{width: calc((100% - 5rem) / 2); padding:2rem 1rem}
.business_wrapper .business_con li::before,.business_wrapper .business_con li::after{display:none}
.business_wrapper .business_con li:nth-child(odd){border-right:1px solid rgb(184 184 184)}
.business_wrapper .business_con li:nth-child(n+3){border-top:1px solid rgb(184 184 184)}

.business_wrapper .business_con li .img_wrap{ height: 3.8rem;}
.business_wrapper .business_con li .txt_wrap .tt{ font-size: 1.125rem;}

.locationContainer .mapInfoWrap{ gap: 1rem; padding: 2rem;}

.w_no,.w_hit{ display: none;}
.board_viewT .vTit{ font-size: var(--font-size-lg);}

.board_gallery > li{ width: calc((100% - 1rem) / 2) !important;}

.postNavi .post_st .form_lab{display:flex;align-items:center;}
.postNavi .post_st .form_lab .lab_tit{width:50px;min-width:50px;margin-right:15px;padding-left:0;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;}
.postNavi .post_st .form_lab .lab_con{flex:1;min-width:0;}
.postNavi .post_st li:nth-child(1) .lab_tit .boardIco{order:1;}
.postNavi .post_st li:nth-child(1) .lab_tit .tit1{order:2;}
.postNavi .post_st li:nth-child(2) .lab_tit .tit1{order:1; margin-top: 2em;}
.postNavi .post_st li:nth-child(2) .lab_tit .boardIco{order:2;}

.page_tit.dot1::before{ top: 9px;}
.page_tit.dot1::after{ top: 15px;}

.flagWrapper .boxC .flag .in{ padding: 1rem 0;}
.flagWrapper .bottomBox .flagList.w5 li{ width: calc((100% - 4rem) /3);}

.ttBox .checkList li .con .numDot::before{ top: 8px;}

.membership_type{ padding: 3rem;} 
.membership_type li .t1{ font-size: var(--font-size-lg);}
.membership_type li .img_wrap{ width: 8rem; height: 8rem;}

.donate_wrap .top_wrap .tt{ font-size: var(--font-size-lg);}

.form_lab .tit1{ font-size: 1.25rem;}
.input_st.s3{ font-size: 1.125rem;}
.label_st .xi ~ span{ font-size: 1.125rem;}

.login_wrap{ width: 44rem !important;}

#footer .footerWrapper .footerTop{ flex-direction: column;}
#footer .footerWrapper .footerTop .leftInfo > .logoCon{ margin-bottom: 0;}
#footer .footerWrapper .footerTop .leftInfo > .logoCon > img{ height: 30px;}
#footer .footerWrapper .footerTop .leftInfo{ flex-direction: column; gap: 1rem;}
#footer .footerWrapper .footerTop .rightInfo,
#footer .footerWrapper .footerTop .leftInfo{ width: 100%;}

#footer .menu > li > .in{ font-size: var(--font-size-xs);}
#footer .footerWrapper .footerBtm .copyright > .tt{ font-size: var(--font-size-sm);}
#footer .site_wrap .btn{ font-size: var(--font-size-xs);}
#footer .footerWrapper .footerTop .leftInfo > .logoCon img {height: 30px;}
#footer .footerWrapper .footerTop .leftInfo > .info > li {font-size: var(--font-size-xs)!important;}

.jodit-wysiwyg {font-size : 1rem!important;}
.nav > li {font-size: 0.8rem; }

#header .top_wrap .logo { height: 4rem;}

#sec_08 .notice_card_box .date_badge {width: 3rem; height: 3rem; }

#sec_08 .notice_card_box .sub_notice_list .title {font-size: 1rem; }
#sec_08 .notice_card_box .sub_notice_list .date {font-size: 0.9rem;}
#sec_08 .notice_card_box .date_badge .day {font-size: 1rem}
#sec_08 .notice_card_box .date_badge .year {font-size: 0.6rem;}
#sec_08 .notice_card_box .featured_post {padding: 0.8rem; margin-bottom: 0.8rem;}
#sec_08 .notice_card_box .notice_body {padding: 1rem;}

#sec_newsletter .newsletterContent {gap: 1rem; }
#sec_newsletter .nlCard .txtW .tit {font-size: 1.2rem;}
#sec_newsletter .nlCard .txtW .date {font-size: 0.9rem;}

#sec_newsletter .nlCard .txtW {padding: 0.5rem 1rem;}
#sec_09 .marqueeTrack  {gap: 0.8rem;}
#sec_09 .partnersSt .imgW {padding: 0 .5rem;}
.mainTop {margin-bottom: var(--space-3)}
#sec_09 {padding: 4rem 0 ; }

#sec_10 .shortcutSt .conW .textGroup .mainTitle {font-size: 1.5rem; }
#sec_10 .shortcutSt {height: 15rem;}

.visualSlide .swiper-wrapper > .el.world-map-slide .korea-marker-wrap {top: 45%; left:79%; }

.greetingWrapper .greetingT > .t1 {font-size: 1.1rem; margin-bottom: 1rem;  }
.greetingWrapper .greetingT {padding: 1.5rem 0.5rem}

/* 찾아오시는길 */
.locationContainer .mapInfoWrap .rightInfo{ font-size: var(--font-size-lg);}
}



@media screen and (max-width:570px){
.mob{display: block;}

html:not(.allOn) #header .top_wrap .etc_wrap{ gap: 1rem;}
#header .all_btn{ width: 1.5625rem; height: 1.5625rem;}

.allOn #header .gnb_wrap{ height: 70rem;}    
.allOn #header .gnb_wrap .gnb > li{ flex: 0 0 48%;}   
.allOn #header .top_wrap .etc_wrap{ gap: 1em;}

.allOn #header .gnb_wrap .gnb > li.m_guide .dp2{ flex-wrap: wrap;}

/* 공통 */
#contents .sub_visual{height:calc(var(--headH + 14rem));}
#contents .sub_con_wrap{position:relative;margin-top:2rem;align-items:flex-start;flex-direction:column;justify-content:center;}
#contents .sub_con_wrap .sub_conarea{width:100%;}
#contents .sub_con_wrap .sub_conarea .sub_con_tit{flex-direction:column;align-items:center;}
#contents .sub_con_wrap .sub_lnb{position:absolute;z-index:100;left:50%;top:-6.9375rem;width:100%;min-width:0;max-width:22rem;flex-shrink:0;margin:0;padding-bottom:0;transform:translateX(-50%);}
#contents .sub_con_wrap .sub_lnb>.pc{display:none;}
#contents .sub_con_wrap .sub_lnb>.mob{display:flex;width:100%;gap:5px;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_menu{position:relative;min-width:0;width:100%;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_tit{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;padding:0 1em;background:rgba(255, 255, 255, 0.05);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);box-sizing:border-box;color:#111;font-size:.9em;font-weight:500;line-height:1.2;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_tit .tt{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #fff;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_tit .xi{flex:none;margin-left:.5em;font-size:.8em;transition:.2s; filter:invert(1) brightness(1.5);}
#contents .sub_con_wrap .sub_lnb>.mob .mob_menu.open .mob_tit .xi{transform:rotate(180deg);}
#contents .sub_con_wrap .sub_lnb>.mob .mob_list{display:none;position:absolute;top:100%;left:0;width:100%;padding:0;margin:0;background:#fff;border:1px solid #ddd;box-sizing:border-box;z-index:50;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_menu.open .mob_list{display:block;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_list li{display:block;width:100%;margin:0;padding:0;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_list li a{display:block;width:100%;padding:1em;box-sizing:border-box;border-bottom:1px solid #eee;color:#555;font-size:.85em;line-height:1.3;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_list li:last-child a{border-bottom:0;}
#contents .sub_con_wrap .sub_lnb>.mob .mob_list li.on a{background:#f7f7f7;color:var(--color-point);font-weight:700;}

.page_tit{ margin-bottom: var(--space-1);}
.page_tit .t6{ font-size: var(--font-size-lg-2);}

.ttBox{ padding: 2.5rem 2rem; }

/* sub */
.journalIntro_bg .txtW .tt{ font-size: 1.0625rem;}
.journalIntro_txt .tt{ font-size: 1.125rem;}

.historyWrapper .top_img{ height: 12em;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.375rem;}
.historyWrapper .history{ padding: 3.125rem 0 3.125rem;}
.historyWrapper .history .linewrap{ left: calc(150px + 40px - 203px);}
.historyWrapper .history:after{ left: calc(150px + 40px - 203px);}
.historyWrapper .history > div{ flex-direction: column;}
.historyWrapper .history > div ul{ width: 100%;}
.historyWrapper .history > div ul li{ font-size: 1.125rem;}
.historyWrapper .history > div ul li .in{ gap: 0.3em; flex-direction: column;}

.business_wrapper{ padding: 3rem;}
.business_wrapper .business_con li{ width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .5);}
.business_wrapper .business_con li:last-child{ border-bottom: none;}
.business_wrapper .business_con li:nth-child(odd){ border-right: none;}
.business_wrapper .business_con li:nth-child(n+3){border-top: none;}

.locationContainer .mapInfoWrap{ flex-direction: column;}
.locationContainer .mapInfoWrap .leftInfo{ width: 100%;}
.locationContainer .mapInfoWrap .rightInfo{ width: 100%;}

.board_gallery > li{ width: 100% !important;}

.board_viewT .vTit{ font-size: 1.1875rem;}
.board_viewT .info{ font-size: 0.8rem;}
.board_viewM{ padding: 2rem;}

.comment_area .name{ width: 14rem;}
.comment_area .comment{ padding-right: 102px;}

.flagWrapper .line{ height: 3.5em;}
.flagWrapper .bottomBox .flagList.w5 li{ width: calc((100% - 2rem) / 2);}

.membership_type li .img_wrap{ width: 6rem; height: 6rem;}
.membership_type li .img_wrap img{ height: 4rem;}

.donate_wrap{ padding: 2.5rem 2rem;}
.donate_wrap .top_wrap .tt{ font-size: var(--font-size-lg-1);}

.form_lab{ flex-direction: column; }
.form_lab .lab_tit{ margin: 0 1em 0 .5em;}
.form_lab .lab_tit, .form_lab .lab_con{ width: 28em;}

.login_wrap{ width: 34rem !important;}

#footer .menu{ flex-wrap: wrap; justify-content: flex-start; gap: 0.8em;}
}

@media screen and (max-width:480px){
  :root {
    --headH: 4rem;
  }
.allOn #header .gnb_wrap{ height: 110rem;}
.allOn #header .gnb_wrap .gnb > li{ flex: 0 0 100%;}
.allOn #header .gnb_wrap .gnb > li .dp1{ height: 3em; margin-bottom: 2em;}
.allOn #header .top_wrap .etc_wrap{ gap: 1em;}
html:not(.allOn) #header .top_wrap .etc_wrap{ gap: 1em;}
html:not(.allOn) #header .top_wrap .etc_wrap .etcLinkWrpper{ display: none;}
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .logo .logo_white{ display: none;}
html:not(.scroll):not(.sub) #header:not(.allOn) .top_wrap .logo .logo_2{ display: block; height: 100%; }
#header .top_wrap .logo > a img{ height:40px;}
#header .etcLinkWrpper .mem_wrap {flex-direction: column; gap: .5rem; align-items: flex-end ;  }
#header .etcLinkWrpper {height: 4rem; }
#header .etcLinkWrpper .mem_wrap .point > a .t1,
#header .etcLinkWrpper > li .etcTit {font-size: var(--font-size-sm)}

/* .visualSlide_wrap{ height: calc(var(--vh, 1vh) * 50);} */
.visualSlide .slogan_wrap .slogan .title > .t1{ font-size: var(--font-size-lg);}
    
#sec_08{ padding: 3rem 0;}
#sec_08 .notice_card_box .sub_notice_list .item_link{ flex-direction: column; align-items: flex-start;}   
#sec_08 .notice_card_box .text_wrap .title{ font-size: 1rem;} 
#sec_08 .notice_card_box .text_wrap .desc {font-size: 0.9rem;}
#sec_newsletter .main_tit .t2{ font-size: 1.3rem;}

.visualSlide .swiper-wrapper > .el.world-map-slide .korea-marker-wrap {top: 48%}

/* 공통 */
#contents .sub_visual{ height: calc(var(--headH) + 14rem);}
#contents .sub_visual .slogan .t1{ font-size: 2rem;}
#contents .sub_con_wrap .sub_conarea .sub_con_tit .inner .con_tit .tt{ font-size: var(--font-size-xl-1);}

.page_tit .t2{ font-size: var(--font-size-lg-1);}
.page_tit .t5{ font-size: var(--font-size-lg-1);}

.page_tit.dot1::before{ top: 2px;}
.page_tit.dot1::after{ top: 9px;}

/* sub */
.greetingWrapper .greetingBanner .txt_wrap .t1{ font-size: var(--font-size-lg-1);}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo{ font-size: var(--font-size-lg);}
.greetingWrapper .greetingT .ceo_name{ margin-right: 0;}

.greetingWrapper .greetingBanner {padding: 1.5rem 1rem; }
.greetingWrapper .greetingBanner::before {width: 15rem; left: 0; bottom: 0; }
.journalIntro_txt{ padding: 0 1em;}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo {margin: 0;}
.greetingWrapper .greetingBanner .img_wrap img{ width: 10rem;}
.historyWrapper .top_img{ height: 12em;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.875rem;}

.board_st td{ font-size: 1rem;}

.board_viewF{ padding: 1.5rem; align-items: flex-start; margin-top: var(--space-2); flex-direction: column;}

.postNavi .post_st .form_lab{ flex-direction: row;}
.postNavi .post_st .form_lab .lab_tit{ width: 13svw;}

.comment_area .name{ width: 25rem;}
.comment_area .comment{ padding-right: 0 !important; display: flex !important; flex-direction: column !important; align-items:stretch !important;}
.comment_area .comment .comment_txt{ display: block; box-sizing: border-box; width: 25rem !important; height: 120px !important; font-size: 1rem !important;}
.comment_area .comment .comment_btn{ position:static !important;float:none !important;display:block !important;align-self:flex-end;margin-top:10px; width: 100px !important; height: 50px !important;}

.topBanner .txt_wrap .t1{ font-size: var(--font-size-lg); margin-bottom: var(--space-2); padding-bottom: var(--space-2);}
.topBanner .txt_wrap .t1::before{ top: 2.5rem;}
.topBanner .txt_wrap .tt{ font-size: var(--font-size-md);}

.flagWrapper .line{ height: 2.5em;}
.flagWrapper .bottomBox .flagList li{ width: calc((100% - 2rem) / 2);}

.ttBox{ padding: 2.5rem 1rem;}
.page_btn .input_st{ height: 3.5em; font-size: 1rem;}

.form_lab .lab_tit, .form_lab .lab_con{ width: 23em;}

.topBanner .img_wrap{ height: 13em;}
.membership_type li .t1{ font-size: var(--font-size-lg-1);}
.membership_type li .img_wrap img{ height: 3rem;}

.error-container .form_lab .lab_con{ width: 24em;}
#captchaImg{ height: 2em !important;}
#captcha_code{ width: 16rem;}

.login_wrap{ width: 28rem !important;}
.login_wrap .login_tit.flexR{ flex-direction: column !important;}

.join_choice{ flex-wrap: wrap; }
.join_choice .in{width: 30% !important;}

.dotList > li{ font-size: 1rem;}
.checkList > li > .con > .tt{ font-size: 1rem;}

.form_lab .lab_con .w2{ width: 5em;}


}
@media screen and (max-width:412px) {
.allOn #header .gnb_wrap{ height: 114rem;}

#contents .sub_visual{ height: calc(var(--headH) + 12rem);}
#contents .sub_con_wrap .sub_lnb{ top: -3.9375rem;}

#header .top_wrap .logo{ max-width: 11em;}

#sec_newsletter .nlCard{ flex: 0 0 100%;}
#sec_newsletter .nlCard .imgW{ height: 27rem;}

/* 공통 */
.main_tit .t1{ font-size: var(--font-size-lg-2);}
.page_tit .t2{ font-size: var(--font-size-md);}
.page_tit .t6{ font-size: var(--font-size-lg-1);}

.more_btn{ padding: 1rem 1.5rem;}
.mt-7{ margin-top: var(--space-6) !important;}

/* sub */
.greetingWrapper .greetingT{ padding: 3rem 1rem 0;}
.greetingWrapper .greetingT > .t1{ font-size: 1rem;}
.greetingWrapper .greetingBanner{ padding: 2rem 1rem; margin-top: 2rem;}
.greetingWrapper .greetingBanner .txt_wrap .t1{ margin-bottom: var(--space-3); font-size: 1.125rem;}
.greetingWrapper .greetingBanner .txt_wrap .t2{ font-size: .875rem;}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo{ font-size: 1rem;}
.greetingWrapper .greetingBanner .txt_wrap .t2 .ceo i{ font-size: 1rem;}
.greetingWrapper .greetingBanner .txt_wrap .s_tit{ font-size: 1rem;}
.greetingWrapper .greetingBanner .img_wrap img{ width: 8rem;}
.greetingWrapper .greetingT .ceo_name{ flex-direction: column; align-items: flex-end;}
.greetingWrapper .greetingT .ceo_name .t1{ font-size: 1.125rem;}
.ceo_name .ceo_sign{ height: 50px;}

.journalIntro_bg .txtW{ width: 100%;}
.journalIntro_bg .img_wrap{ height: 10em;}

.historyWrapper .history > div .decade{ font-size: 1.75rem;}
.historyWrapper .top_img .bg_tit p{ font-size: 1.0625rem;}

.business_wrapper{ padding: 2rem;}
.business_wrapper::before{ backdrop-filter: blur(46px);}
.business_wrapper .business_con li .img_wrap{ height: 3.8rem;}
.business_wrapper .business_con li .txt_wrap .tt{ font-size: 1.25rem;}

.locationContainer .mapInfoWrap .leftInfo > .tit{ font-size: var(--font-size-lg);}
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi{ font-size: 1.125rem; top: -2px;}
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon{flex-wrap: wrap;}
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in > .plus{ right: .5rem; bottom: .5rem; width: 1rem; height: 1rem;}

.w_name{ display: none;}
.board_search_wrap .search_inner .input_search input{ width: 13rem;}
.page_btn{ flex-direction: column; margin-top: 2em;}
select.input_st{ width: 146px;}
.w_date{ width: 7em;}
.postNavi .post_st .form_lab .lab_tit{ width: 15svw; padding-left: 0; margin-right: var(--space-3);}
.board_viewT .vTit{ font-size: 1.25rem;}

.topBanner .txt_wrap .t1{ font-size: 1.375rem;}
.topBanner .txt_wrap .tt{ font-size: 1.125rem;}
.topBanner .txt_wrap .tt br{display: none;}
.ttBox{padding: 2.5rem 1rem;}
.page_tit .t5{ font-size: 1.25rem;}

.dotList > li{ font-size: 1.125rem;}
.dotList > li br{ display: none;}

.flagWrapper .bottomBox .flagList li{ width: 100%;}
.flagWrapper .bottomBox .flagList.w5 li{ width: 100%;}

.form_lab .lab_tit, .form_lab .lab_con{ width: 18em;}

.membership_type{ flex-wrap: wrap; padding: 2rem; gap: 1rem;}
.membership_type li{ width: 100%;}
.membership_type li::before{ display: none;}

.donate_wrap .bottom_wrap{ padding: 1rem; margin-top: 1.5rem;}

.form_lab .lab_con .max1{ max-width: 13.25em;}
.error-container .form_lab .lab_con{ width: 17em;}

.dlSt > dd{ padding: 1em;}
.login_wrap { width: 22rem !important;}
.login_wrap .login{ padding: 1em !important; padding-top: 1.5em !important;}
.login_wrap .btn{ width: 7rem;}
.login_wrap .link_wrap{ gap: 0 1em; flex-wrap: wrap;}
.label_st .xi ~ span{ font-size: .9375rem;}
.stepSt{ gap: 0 2em !important;}

.login_wrap .login_tit .t1{ font-size: 2em !important;}
.fin_box{ padding: 1em;}
.fin_box .fin_ico{ font-size: 3em;}

#footer .menu > li:not(:last-child) > .in:after{ display: none;}

.visualSlide .swiper-wrapper > .el.world-map-slide .marker-logo {width: 4rem; height: 4rem; }

#captcha_code{ width: 10rem;}
}

@media screen and (max-width: 320px){
.allOn #header .gnb_wrap{ height: 110rem;}

#contents .sub_con_wrap .sub_lnb{ width: 18rem; max-width: 18rem;}
.locationContainer .mapInfoWrap .rightInfo .mapOpen > li > .in > .plus .xi-plus-min{ font-size: .875rem;}
.form_lab .lab_con:not(.flex) > *{ flex: 1 1 100%;}
}