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

}

@media screen and (max-width:1400px){
/* 설립목적 */
.mission_infog{flex-wrap: wrap;}
.mission_infog > li{width: auto; flex: 1 1 31%; max-width: 320px;}
}

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

}

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

/* header */
#header .logo{width: 12.5em;}
#header .gnb_wrap > .gnb > li .dp1{ padding: 0 1.55em;}
}

@media screen and (max-width:1200px){
/*main*/
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit{padding:0 1em;}
.mainSection2 .tcon .tcon_in{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox{flex:1 1 100%;}
.mainSection2 .tcon .tcon_in .boardBox .pdin{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox:last-of-type{margin-top:1.65em;}

.mainSection2 .bcon .bcon_in{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox{flex:1 1 100%;}
.mainSection2 .bcon .bcon_in .menuBox .pdin{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox:last-of-type{margin-top:1.65em;}

.business_wrap .business_con > .square{height:auto;}
.business_wrap .business_con > .square .img{height:100%;}
.resize.s6{padding-bottom:0; height:100%;}

.account_wrap{flex-direction:column;}
.account_wrap .account_con{width:100%; margin-right:0; margin-bottom:2em; background-size:cover;}
.account_wrap .account_icon{width:100%; flex-wrap:nowrap; justify-content:space-between;}
.account_wrap .account_icon .account_area{flex:0 1 32.33%; margin-right:0; max-width:inherit;}

.all_gnb> .gnb{flex-direction: column;}  
#header .all_wrap .all .all_gnb .gnb > li ~ li {border-left: none;}
#header .all_wrap .all .all_gnb .gnb > li{border-top:1px solid #e5e5e5;}
#header .all_wrap .all .all_gnb .gnb > li:first-of-type{border-top:none;}

/* 서브메뉴 - 보상관리사 (탭) */
.tab_wrap { flex-direction: column; gap: 1.25rem; }
.tabMenuContainer { position: sticky; top: 0; min-width: 100%; max-width: 100%; background-color: #fff; padding-top: 0.625rem; }
.tabMenuList { flex-direction: row; overflow-x: auto; padding-bottom: 0.625rem; border-bottom: 0.0625rem solid #f1f5f9; }
.tabMenuList::-webkit-scrollbar { display: none; }
.tabMenuItem { min-width: 6.25rem; width: auto; }
.tabMenuBtn { text-align: center; padding: 0.75rem 1rem; border-radius: 1.875rem; }
.tabMenuBtn:hover, .tabMenuBtn.active { transform: none; }
.tabContentPanel { padding-top: 1.875rem; margin-bottom: 2.5rem; }



}

@media screen and (max-width:1024px){
#header .top_wrap .menu.link{display:none;}

[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 .wrapH{ align-items: center; }

#header .menu_wrap{flex-direction: row; align-items: center; justify-content: flex-end;}
#header .gnb_wrap{display:none;}
#header .top_wrap .inner{flex-direction:column;}
#header .top_wrap .menu.util{margin-left:auto;}
#header .all_wrap{padding-bottom: 0; display: flex; justify-content: flex-end;}


/*main*/
.main .visualSlider_wrap .fullH{height:calc(100vh - 7.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 33.33%; max-width:inherit; margin-bottom:.75em;}
.mainquickMenu_wrap .list > li .in{padding:1.35em 3em 1.35em 1.5em;}

.slogan_wrap .inner .tw .t2{font-size:2em;}
.mainquickMenu_wrap .list > li .in .t1{font-size:1.1em;}

.mainQuick_wrap .quick_wrap{flex-direction:column-reverse; padding:1.35em 0;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:last-of-type .in:after{display:none;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon{position:relative; padding-bottom:1em;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon:before{position:absolute; content:""; right:0; bottom:0; height:1px; width:100%; background:#fff; opacity:.2;}

.business_wrap .business_con > .square{flex:1 1 50%; max-width:inherit;}

#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:1 1 100%; max-width:100%; border:none; padding:1.65em .5em;}

.mainQuickSlider_wrap .mainQuick{gap: 1.5em;}
.mainQuickSlider_wrap .mainQuick,
.mainQuickSlider_wrap .mainQuick .el > a{margin: 0;}
.mainQuickSlider_wrap .mainQuick .el{ width: calc((100% - 1.5em) / 2); flex: none; max-width:none;}
.mainQuick .el .wrap_in .posImg{bottom: 3em;}
.mainQuick .el .wrap_in .con_bg{ padding-bottom: 45%;}
.main_link .list{gap: 1.5em;}
.main_link .list > li .in{padding: 2em;}
.main_link .list > li .in .posImg{width: 34%; height: 27%;}
.main_link .list > li .in .posImg.st1{width: 21%;}

.main_con{ padding: 3em 0 5.5em;}

.main_board .list{flex-direction: column;}
.main_board .list > li{width: 100%;}

.memBannerSlider_wrap{padding: 1.5em 1em;}
/* .memBannerSlider_wrap .inner{flex-direction: column;} */
.memBannerSlider_wrap .tit_wrap{ width: 100%;}
.memBannerSlider_wrap > .box1{ overflow: hidden;}

.visual_container .visualInenr .item.right .topArea .boxInner{ padding: 1rem;}
.visual_container .visualInenr .item.right .topArea .boxInner .icon > img{ width: 3.5rem;}

/* sub */
#contents .sub_con_wrap .sub_lnb{display: none;}
.mem_agree .agree{padding: 2em 0;}
.page_txt > .t1{line-height: 1.5;}

.mem_form_inp > li.inp_wrap .tit{ width: 5em;}

/*sub1*/
.page_txt_wrap.st1 > .innerSec{flex-direction:column;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1.25em;}

/*sub2*/
.page_txt_wrap.st3 > .innerSec{flex-direction:column; padding-top: 3em;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{max-width:100%;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit,
.page_txt_wrap.st3 > .innerSec > .wrap_con,
.dp2_members .page_txt_wrap.st3 > .innerSec:first-of-type > .wrap_tit{padding: 1em;}

/* header */
#header .top_wrap .menu > li.font > .in{display:none;}

.pagePass_resultw .in .tx{margin:1em;}
#header .top_wrap .menu > li > .in{padding:0 .5em;}

.PHONE{display:block;}

#footer .info_wrap{padding-bottom:6em;}
#footerBar{ display:block !important; position:fixed; z-index:109; left:0; right:0; bottom:0; transform:translateY(100%); transition:.4s;}
.scroll #footerBar{ transform:translateY(0);}
#footerBar .inner{ background:#222222; box-shadow:0 2px .5em rgba(0,0,0,1);}
#footerBar .list > li{ flex:1;}
#footerBar .list > li .in{ height:5em; border-left:1px solid rgba(255,255,255,.15); color:#fff;}
#footerBar .list > li:first-child .in{ border-left-width:0;}
#footerBar .list > li .in .icon{ height:2.375em;}
#footerBar .list > li .in .xi{ font-size:1.625em;}
#footerBar .list > li .in .tt{ font-size:.875em;}

#footer .cs_wrap .cs_sec .wrap_in .t2{font-size: 1em;}
#footer .cs_wrap .cs_sec .wrap_in .btn .in{padding: 1.3em 1em;}
#footer .cs_wrap .cs_sec .wrap_in .btn .in .tt{font-size: 1em;}

/* 인사말 */
.techSymbol{display: none;}
.sub_greetings .bg{border-radius: 0;}

/* 연혁 */
.history_wrap .history > li .list .detail .tt{ font-size: 1.115em; line-height: 1.4;}

.history_wrap .his_topD{left: 1em;}
.history_wrap:before,
.history_wrap:after,
.history_wrap .lineAni{ left: 1em;}

.history-list > li > dl{ padding-left: calc(40% + 28PX);}
.history-list > li > dl > dt{ right: 60%;}
.history-list > li::before{ left: -11.8rem;}

.history-list > li > .year > .tit{ font-size: var(--font-size-xl-1);}

.history_wrap .history > li{ margin-left: .5em;}
.history_wrap .history > li .year{width: 100%;}
.history_wrap .history > li .year .wrap_in{width: 100%;}
.history_wrap .history > li .year .tt{ padding: 0 0.6em;}
.history_wrap .history > li .year .tt:before{display: none;}
.history_wrap .history > li{flex-direction: column;}
.history_wrap .history > li .list{width: 100%;}
.history_wrap .history > li .year .img{display: none;}
.history_wrap .history > li:nth-child(2){flex-direction: column-reverse;}
.history_wrap .history > li:nth-child(2n) .year{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .month{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .detail{order: unset;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content: flex-start;}
.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;}

/* 자격정보 */
.page_txt_wrap.st3 > .innerSec > .wrap_con .side_pd{margin-bottom: 1em;}

/* 응시자격 */
.wrap_con .page_ex_list > li > .in > .tt{font-size: 1.1em;}
.wrap_con .page_ex_list > li > .in > .tt.st1{ font-size: 0.97em;}
.wrap_con .border_Listin > li > .in .num_List > li > .num_in > .tt{font-size: 1em;}

/* 교육신청 */
.dp2_eduRece .page_box_list > .list > li{width: calc((100% - 1em) / 2); flex: none;}


/* 회비안내 */
.sub_Btmtxt{padding: 2em;}

/* 회원사 및 회원 검색 */
.suBpass.st1{width: 100%;}
.suBpass.st1 .flex_table.page_sec2.st1 .td.w1{flex: 1; border-right: 1px solid #ddd;}
.suBpass.st1 .flex_table .td.wAgency{display: none;}
.suBpass.st1 .flex_table.page_sec2.st1 .flex_table .tr{flex-direction: row;}
.suBpass.st1 .group_inpBtn.flex{flex-wrap: nowrap;}

.suBpass.st1 .mem_form_inp > li.inp_wrap .tit{width: 3.5em;}

.o_inbox.flex{flex-direction: column;}
.suBpass.st1 .pagePass_resultw .in{padding: 2em 0;}

/* 인사말 */
.greetingContainer .ceoInfo{ width: 26%;}
.member_infowrap .mem_infocon .mem_img{ flex: 1 1 36%;}

.eduSubmit > li{ width: calc((100% - 1rem) / 2);}
.eduSubmit > li > .inner > .contentWrap > .imgCon{ height: 10rem;}

/* 제증명 */
table .input_st:not([type=button]):not([type=submit]):not(button):not(a).btn_file_find {width:10em!important}
}


@media screen and (max-width:900px){
#contents .sub_con_menu .gnb > li .dp3 > li{flex:1 1 33.33%; max-width:33.33%;}

.board_photo > li{width:50%;}

.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}

.news_wrap .news_con{margin-left:1em;}
.news_wrap .news_con .square{flex:1 1 48%; margin-bottom:1em;}
.news_wrap .news_con .square:last-of-type{margin-right:1em;}

.half_wrap .half_con{flex:1 1 100%; margin-right:0; margin-bottom:1em;}

.book_wrap .book_con{flex:1 1 100%; max-width:inherit; padding-bottom:1em; border-right:none; border-bottom:1px dashed #d9d9d9;}
.book_wrap .book_con:last-of-type{border-bottom:none;}

/*footer*/
#footer .menu_wrap .inner{flex-direction:column;}
#footer .menu_wrap .family{margin-top:1.5em; margin-left:0;}

#footer .info_wrap .inner{flex-direction:column;}
#footer .info_wrap .inner .logo{margin-bottom:1.5em;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}
#mainSerchForm{display: none;}

.visual_container .visualInenr .item.left{ display: flex; flex-direction: column;}

.page_txt_wrap.st1 > .innerSec{padding:2em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1em;}

#contents .sub_con_menu .gnb > li .dp3 > li{flex:1 1 50%; max-width:inherit;}
#contents .sub_page_menu{display: none;}

.dp1_mypage #contents .sub_page_menu {display:block;}
.dp1_meminfo #contents .sub_page_menu {display:block;}
.dp2_fa #contents .sub_page_menu {display:block;}

.dp1_mypage #contents .sub_page_menu .dp1on {display:none}
.dp1_mypage #contents .sub_page_menu .drop_menu {/*  min-width: 9em!important; */}
.dp1_mypage #contents .sub_page_menu .drop_menu.on .gnb {min-width:9em;}
.dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit {min-width:0;}

.dp1_meminfo #contents .sub_page_menu .dp1on,
.dp1_meminfo #contents .sub_page_menu .dp2on {display:none;}
.dp2_fa #contents .sub_page_menu .dp1on,
.dp2_fa #contents .sub_page_menu .dp2on {display:none;}


#contents .sub_page_menu .drop_menu { min-width: 15em!important;}
#contents .sub_page_menu .drop_menu.on .gnb {min-width:15em;}

#contents .sub_con_menu .gnb > li .dp3 > li > a{height:4.5em;}

.dp1_introduce #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 25%;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 33.33%; max-width:inherit;}

/*main*/
.mainquickMenu_wrap{margin-top:3em;}
.main .visualSlider_wrap .fullH{height:calc(100vh - 4.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 50%;}


.main_link .list > li .in .posImg{ bottom: 8.4em; left: 2em; right: auto; display: none;} 
.main_more.st1{margin-left: auto; width: auto !important;}

/* sub */
.scr_i{display: inline-flex; align-items: center; gap:.2em; margin-bottom: 5px; color:var(--siteC);  position: sticky; left: 0; top: 0; }
.scr_i .xi{ transform: rotate(90deg);}
.scroll_wrap{width: 100%; overflow-x: auto;}

.mem_form_inp > li.inp_wrap.mg0:nth-child(2){width: 100%;}
.mem_form_inp.st2.flex{ flex-direction: column; align-items: flex-start;}

.mem_form_wrap .group_inpBtn{display: flex;}
.mem_form_wrap .group_inpBtn .input_st.w4{width: 70%;}
.mem_form_wrap .input_st.c7{width: 6em;}

.group_inpBtn.flex .input_st.c9{width: auto !important;}

.visual_container .visualInenr{ display: flex; flex-direction: column;}

/*subtop*/
#contents .sub_con_tit .con_tit{flex:1 1 100%; margin-bottom:1em;}
.page_txt_wrap > .innerSec.flex > .wrap_img{display:none;}
.page_txt_wrap.st2 > .innerSec.flex > .wrap_tit{max-width:100%; padding:0;}
.page_txt_wrap.odd.st2 > .innerSec.flex:nth-child(odd) > .wrap_tit{padding:0;}

.map_info2 .info_list > li{display:flex; flex-direction:column;}
.map_info2 .info_list > li.subway .info{margin:1em 0 0 0;}

.greetings_wrap .ceo_text{width:100%; text-align:center; margin-bottom:1em;}
.greetings_wrap .ceo_img{width:185px; margin:0 auto;}
.greetings_wrap .page_txt .tt.t4.t0.ar{text-align:center !important;}

/*footer*/
#footer .wrapF{ gap: 1rem; flex-direction: column;}
#footer .menu{ flex-direction: row;}


#footer .menu_wrap .menu{width:100%; flex-direction:row; align-items:flex-start; align-content:flex-start; gap: 1em;}
#footer .menu_wrap .menu > li > .in:after{display:none;}
#footer .menu_wrap .menu > li > .in{padding:.5em 0;}


#footer .info_wrap .info{width:100%; margin-top:1em; order:2; flex:1 1 100%;}
#footer .info_wrap .info .list{flex-direction:column;}
#footer .info_wrap .info .list > li{ padding: .375em 2.75em .375em 0;}
#footer .info_wrap .info .list > li:not(.br){padding:.4em 2.75em .4em 0;}
#footer .info_wrap .info .list > li .tt{font-size: 1em;}
#footer .info_wrap .logo{order:1;}
#footer .info_wrap .info .copy{margin-top:1em;}

/* board */
.flex_table.page_sec2{ width: 800px;}
.flex_table.page_sec2 .td,
.flex_table.page_sec2 .th{white-space: nowrap; font-size: 1.125em;}
.flex_table.page_sec2 .td.st1{text-wrap: unset;}

.flex_table.page_sec2.st1,
.flex_table.page_sec2.st2{ width: 100%;}
.flex_table.page_sec2.st1 .td,
.flex_table.page_sec2.st1 .th{ white-space: normal;}

.flex_table.page_sec2.st1 .flex_table .tr{flex-direction: column;}
.flex_table.page_sec2.st1 .td.w1{ flex: 0 0 3em; border-right: none;}
.flex_table.page_sec2.st1 .td.cr:after{ top: 12px; right: 44%;}

/* 인사말 */
.page_tit > .t9{font-size: 1.54em;}
.page_txt > .t6{font-size: 1.23em;}
.G_sub_in{padding: 0 2em;}

.member_infowrap .mem_infocon{flex-direction: column;}
.member_infowrap .mem_infocon .mem_img{position: static !important; width: 45%;}
.member_infowrap .mem_infocon .member_info{padding-top: 0;}

/* 설립목적 */
.page_twrap_img .wrap_con{width: 73%; padding: 4em 1.5em;}
.mission_infog{gap: 1em; justify-content: flex-start;}
.mission_infog > li{border-radius: 2em; margin: 0; border: 0; width: calc((100% - 1em) / 2); flex: none; max-width: none; height: 200px;}
.mission_infog > li::after{display: none;}
.mission_infog > li:before{border-radius: 2em;}

/* 조직 및 기구 */
.organ_Wrap .organ_con{ width: 650px; overflow-x: scroll;}

/* 자격정보 */
.member_table{width: 600px;}
.box_deinfo > li{flex: 1 1 50%; max-width: 50%;}
.box_deinfo > li > .in .in_box .b_txt{font-size: 1em; /* display: flex; min-height: 3em; align-items: center; padding: .5em 2em; */}

/* 활동분야 */
.bu_Wrap.st1 {flex-direction: column;}
.bu_Wrap.st1 .left_imgWrap > .in_img{ height: 250px;}

/* 교육연수일정 */
.wrap_con .border_Listin > li > .in > .page_cen_ttl > p br{display: none;}
.step_Wrap > li > .step_List{gap: 1em;}
.step_Wrap > li > .step_List .iBox{padding-right: 0; border-right: none; width: 100%;}
.step_Wrap > li > .step_List .iBox .step_Di{ padding: .3em 0;}
.step_Wrap > li > .step_List .iBox .icon_box{display: none;}
.step_Wrap > li > .step_List .tBox{width: 100%;}

/* 시험접수안내 */
.step_Wrap > li > .step_List{flex-direction: column;}

/* 개인정보 수정 */
.dp2_modify .mem_form_wrap .input_st:not(.w2){  width: 100%;}

/* 회원가입 */
.mem_form_wrap .memfinInfo .t1{ font-size: var(--font-size-lg-1);}

/* 인사말 */
.greetingContainer{ flex-direction: column; gap: 0;}
.greetingContainer .ceoInfo{ width: 100%; text-align: right;}
.greetingContainer .ceoInfo > .ceoImg{ display: none;}
.sub_more{ justify-content: flex-end;}

/* 협회소개 */
.purpose_container .purposeImg > .info > .t1{ font-size: var(--font-size-lg);}
.missionRound{ gap: 0.8em;}
.missionRound > li > .inner{ width: 10rem; height: 10rem; border: 20px solid var(--color-point);}
.missionRound > li > .inner > .tt{ font-size: var(--font-size-sm);}

/* 연혁 */
.history-list > li > .year{ display: none;}
.history-list > li > dl{ padding-left: 18%;}
.history-list > li > dl > dt{ right: 86%;}
.history-list > li::before{ left: -31.9rem;}

/* 조직도 */
.pageContainer .page .lineBoxInner > img{ min-width: 48rem;}

/* 자격검정 */
.stepContainer .stepLay{ flex-direction: column;}
.stepContainer .stepLay .itemBox .topCon > .icon > img{ height: 40px;} 
.stepContainer .stepLay .itemBox .btmCon > .listT{ font-size: var(--font-size-sm); font-weight: 600;}
.stepContainer .stepLay .arrow{ transform: rotate(90deg);}
.stepLay:first-child .itemBox:last-child { position:relative; }

.stepLay:first-child .itemBox:last-child::after {
    content:"\e90b";
    font-family:'xeicon';
    position:absolute;
    left:50%;
    bottom:-40px;
    transform:translateX(-50%) rotate(90deg);
    font-size:1.313em;
}
/* .w_file_text { width: 100% !important; }  */
.flie_wrap {gap:0!important;}

}

@media screen and (max-width:660px){
/*main*/
.mainScroll{display:none;}

.mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li{flex:1 1 100%; max-width:100%;}

.page_txt_wrap > .innerSec.head > .wrap_head{padding:.45em !important;}

.page_box_list > .list > li{flex:1 1 100%;}
.testrule_twrap .in_wrap .in{padding:1em;}

.local_wrap .local_con{flex:1 1 100%; margin-right:0; margin-bottom:1.25em;}

.movie_wrap .movie_con{width:100%; margin-bottom:1em;}
.movie_wrap .movie_con .movie_area{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2 .film{padding-bottom:44%;}
.movie_wrap .movie_con .movie_area3{width:100%;}

.mainQuick .el .wrap_in .con_wrap{padding: 1.7em;}
.mainQuick .el .wrap_in .posImg{width: 39%; right: -0.5em; bottom: 2em;}
.mainQuick .el .wrap_in .con_bg{padding-bottom: 65%;}
.mainQuick_wrap .quick_wrap .lcon{width:100%;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-of-type(3) .in:after{display:none;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1 1 33.33%}
.mainQuickSlider_wrap .mainQuick,
.main_link .list{gap: 1em;}

/*.mainQuickSlider_wrap .mainQuick .el, .main_link .list > li{ width: calc((100% - 1em) / 2);}*/
.main_link .list > li{flex: 1 1 32%;} 
.main_link .list > li .in .posImg{ bottom: 7.4em;}
.main_link .list > li .in .posImg:nth-child(1){width: 28%;}
.main_link .list > li .in .posImg.st1{width: 17% !important;}
.main_txt .t7{font-size: 1.38em;}

.main_more > .more{ height: 2.375em; padding: .5em 1em;}

/* 보상관리사 */
.bu_Wrap .bu_right{padding: 2em 1.5em;}
.bu_Wrap .bu_right .bu_list > li > .in:before{top: 17px;}
.bu_Wrap .bu_right .bu_list > li > .in > span{ font-size: 1.1em;}


}

@media screen and (max-width:500px){
/* header */
#header .logo{width: 11em;}

#header .all_wrap .all .all_top .tit_in {width: 50%;margin-bottom: 1rem;}
#header .all_wrap .all .all_img {width:0!important;}
#header .all_wrap .all .allconWrap {padding:2rem }
#header .all_wrap .all .all_gnb .gnb > li .dp2 {padding:1em 0 0 1em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li {padding:1em 0;}

.visual_container .bannerSlide_wrap{ height: 17.5em;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li > .con > .tt{ font-size: var(--font-size-sm-1);}

.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon{ width: 3.5rem; min-width: 1rem; height: 3.5rem;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon > img{ height: 31px;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .tit > .tt{ font-size: var(--font-size-base);}



/*  */
#contents .doc{ padding: 3.5em 0 8em 0;}
#contents .sub_page_menu .drop_menu .drop_tit{ min-width: 12em;}
#contents .sub_page_menu .drop_menu.on .gnb {min-width:12em;}

.dp1_mypage #contents .sub_page_menu { }
.dp1_mypage #contents .sub_page_menu .drop_menu { min-width:8em;}
.dp1_mypage #contents .sub_page_menu .drop_menu.on .gnb {min-width:8em;}
.dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit {min-width:0!important; padding:0.5rem; gap:1em;}
.dp1_mypage #contents .sub_page_menu .drop_menu {min-width:10em!important}


.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{max-width:5.5em}
.page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head{margin-left:.75em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{padding-left:.65em;}

#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li, #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{flex:1 1 100%; max-width:inherit;}
.sub_page_tab_wrap .list > li{flex:1 1 50%; max-width:inherit; margin-bottom:.65em;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%;}

.account_wrap .account_icon{flex-wrap:wrap;}
.account_wrap .account_icon .account_area{flex:1 1 100%; margin-bottom:1.25em;}
.main_txt .t7{font-size: 1.69em;}

.receiptBox{padding-top: 1em;}

/* main */
.mainQuickSlider_wrap .mainQuick .el{width: 100%;}
.mainQuick .el .wrap_in .con_bg{padding-bottom: 13em;}
.mainQuick .el .wrap_in .con_wrap{padding: 2.2em;}
.mainQuick .el .wrap_in .posImg{ right: 2em; width: 32%;}

.main_tab .tab > li.on .link .tt{ font-size: 1.23em;}
.main_tab .tab > li .link .ico{ font-size: 1.65em;}
.main_tab .tab > li:not(:last-child) .link:after{margin: 0 1em;}

/* sub */
#contents .sub_con_menu .gnb > li .dp3{flex-wrap: wrap;}
#contents .sub_con_menu .gnb > li .dp3 > li{ flex: 1 1 30%;}

/* footer */
#footer .cs_wrap .inner{flex-direction: column; gap: 3em;}
#footer .cs_wrap .cs_sec .wrap_in .ico_wrap{display: none;}

/* 인사말 */
.sub_greetings .wrap_in{ padding: 4em 2em;}
.G_sub_in{padding: 0 1em;}

/* 연혁 */
.history_wrap .history > li .year .tt{ font-size: 2.33em; padding: 0 .8em;}
.member_infowrap .mem_infocon .mem_img{width: 60%;}

/* 조직 및 기구 */
.organ_Wrap .organ_con{ width: 400px; }

/* 자격정보 */
.page_txt_wrap.st3 > .innerSec > .wrap_con .side_pd{padding: 0 1em; }
.box_deinfo > li{flex: 1 1 100%; max-width: 100%;}

/* 응시자격 */
.page_box_list > .list.max1 > li{ width: calc((100% - 1.5em) / 2);}

/* 신청확인 신청취소 */
.page_tit.icon.st1{margin-bottom: 1em;}
.page_tit > .t3{font-size: 1.58em;}

/* 교육신청 */
.dp2_eduRece .page_box_list > .list > li{width: 100%;}

/* 회비안내 */
.sub_Btmtxt{padding: 2em 0.5em;}

/* 개인정보처리방침 이용약관 */
.dp1_policy .mem_agree .agree strong{ padding: .5em 0; width: 100%;}

/* 비밀번호 찾기 */
.mem_form_inp > li .tit br{display: none;}

/* 회원가입 */
.mem_form_inp > li > .meminfo_W{flex-direction: column;}

.member_infowrap .mem_infocon .member_info .m_info_top .mc .name{ font-size: var(--font-size-lg-1);}

/* 협회소개 */
.purpose_container .purposeImg:before{ background: rgba(0,0,0,0.615);}
.pageContainer .page .lineBoxInner{ padding: 1rem;}
.purpose_container .purposeImg > .info{ padding: 1.5rem 3rem;}
.purpose_container .purposeImg > .info > .t1{ font-size: var(--font-size-md);}
.purpose_container .purposeImg > .info > .txt{ font-size: var(--font-size-sm);}
.missionRound > li > .inner{ width: 7rem; height: 7rem; border: 5px solid var(--color-point); gap: 0.6rem;}
.missionRound > li > .inner > .icon > img{ height: 47px;}
.missionRound > li > .inner > .tt{ text-align: center;}
.missionRound > li:first-of-type{ right: -15px;}
.missionRound > li:last-of-type{ left: -15px;}

/* 연혁 */
.history-list > li > dl{ padding-left: 21.4%;}
.history-list > li > dl > dt{ right: 84%;}
.history-list > li > dl > dd{ padding-left: 0.5em; font-size: 1rem;}
.history-list > li::before{ left: -19.65rem;}

/* 조직도 */
.pageContainer .page .lineBoxInner > img{ min-width: 40rem;}
#contents .sub_page_menu .drop_menu .drop_tit{ min-width: 12em;}


}

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

.slogan_wrap .inner .tw .t2{font-size:1.65em;}
#contents .sub_con_tit .con_nav{display:none;}

.mem_form_wrap .memfinInfo .t1{ font-size: var(--font-size-md-1);}
.mem_form_wrap .memfinInfo .t2{ font-size: var(--font-size-sm);}

.pageTit .tt{ font-size: var(--font-size-md);}

.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab::-webkit-scrollbar{display:none;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab>li{flex:none;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab>li>.con{padding:0 1.25rem;white-space:nowrap;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab>li.plus{width:2rem; min-width:2rem;}

/* 인사말 */
.greetingContainer .page_txt > li.t1{ font-size: var(--font-size-lg-1);}

/* 연혁 */
.history-bg{ height: 7.5rem;}
.history-bg .txt-wrap > .name{ font-size: var(--font-size-lg);}
.history-list > li > dl{ padding-left: 28.4%;}
.history-list > li > dl > dd{ padding-left: 0; font-size: .8rem;}
.history-list > li > dl > dt{ right: 76.5%; font-size: var(--font-size-md);}
.history-list > li::before{ display: none;}

.add_Infobox{ font-size: .8rem;}
#contents .sub_page_menu .drop_menu .drop_tit{ gap: 1rem;}
/* .dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit{ gap: 0;} */

#footer .logo{ height: 3.5rem;}

.guideBox > .icon > img{ height: 18px;}
}

@media screen and (max-width:380px){
body{ font-size:12px;}
.mainquickMenu_wrap .list > li{flex:1 1 100%;}
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
.slogan_wrap .inner .tw .t2{font-size:1.5em;}
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li{flex:1 1 33.33%; max-width:inherit}
.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 100%}
.dp1_customer #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}
.visual_container .visualInenr .item.left{ display: flex; flex-direction: column;}
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li > .con > .tt{ text-align: center;}
.visual_container .visualInenr .item.left .btmArea .notiList_container{ padding: 1rem;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner{ gap: 1rem;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon{ width: 2.5rem; height: 2.5rem;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con > .tit{ width: 60%;}
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon > img{ height: 20px;}
.board_photo > li{width:100%;}
.visual_container .visualInenr .item.right .visualSlide_Wrap{ height: 12rem; min-height: 1rem;}
.visual_container .visualInenr .item.right .topArea .addBox{display: flex; flex-direction: column; gap: 1rem;}
.partnerW .wrapF{ height: 4rem;}

.mem_step_wrap .mem_step > li .icon_wrap:after{right: -4px;}
.mem_step_wrap .mem_step > li .icon_wrap .icon{ width: 3.75rem; height: 3.75rem;}

.mem_form_wrap{ padding: 1.5rem;}

.pageTit .tt{ font-size: var(--font-size-md);}

/* 인사말 */
.greetingWideImg{ height: 8.5rem;}
.greetingContainer .page_txt > li{ font-size: var(--font-size-sm);}
.greetingContainer .page_txt > li.t1{ font-size: var(--font-size-md);}
.greetingContainer .ceoInfo .name{ font-size: var(--font-size-base);}

/* 협회소개 */
.purpose_container .purposeImg > .info {padding: 1.5rem 1rem;}
.purpose_container .purposeImg > .info > .t1{ font-size: var(--font-size-base);}

.missionRound{ flex-wrap: wrap;}
.missionRound > li:first-of-type{ right: 0;}
.missionRound > li:last-of-type{ left: 0;}
.missionRound > li > .inner > .icon > img{ height: 38px;}

#contents .sub_page_menu .drop_menu .drop_tit{ min-width: 11em;}
#contents .sub_page_tit .tit_inner{ top: 50%;}

.eduSubmit > li{ width: 100%;}

.mem_form_inp > li.inp_wrap .tit{ width: 4em;}
}


@media screen and (max-height:849px){
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
}



@media screen and (max-width:320px){
.mem_form_wrap{ padding: 1.5rem;}
#contents .sub_page_tit .tit_inner{ top: 52%;}
}

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

}