@charset "utf-8";
/*인사말*/
.greetingWideImg { position:relative; border-radius: var(--radius-md); overflow: hidden; width: 100%; height: 14.5rem; margin-bottom: var(--space-6); } 
.greetingWideImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; } 
.greetingWideImg > img { width: 100%; height: 100%; object-fit: cover; } 
.greetingContainer { display: flex; align-items: start; gap: 4rem; } 
.greetingContainer .subT { font-size: var(--font-size-xl); font-weight: 700; line-height: 1; width: fit-content; color: var(--color-point); } 
.greetingContainer .page_txt { flex: 1; } 
.greetingContainer .page_txt > li { margin-bottom: var(--space-4); font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-black-4); } 
.greetingContainer .page_txt > li.t1 { font-size: var(--font-size-xl-1); color: var(--color-black-1); font-weight: 700; line-height: 1.3; } 
.greetingContainer .ceoInfo { width: 25%; } 
.greetingContainer .ceoInfo > .ceoImg { width: 100%; height: 22.5rem; border-radius: var(--radius-md); overflow: hidden; } 
.greetingContainer .ceoInfo > .ceoImg > img { width: 100%; height: 100%; object-fit: cover; } 
.greetingContainer .ceoInfo .name { font-size: var(--font-size-md-1); font-weight: 700; margin-top: var(--space-2); } 


.sub_more { } 
.sub_more .btn { display: flex; align-items: center; justify-content: center; border-radius: var(--radius-pill); height: 2.5rem; padding: 0 1.25rem; border: 1px solid transparent; color: #111; transition: .25s; gap: .5em; align-items: center; text-align: center; } 
.sub_more .btn.block { display: inline-block; } 
.sub_more .btn.btn1 { background: var(--color-point); color: #fff; font-size: var(--font-size-xs); } 
.sub_more .btn.btn1:hover { } 
.sub_more .btn.btn2 { background: var(--color-point); color: #fff; border: 1px solid var(--color-point); } 

/*설립목적*/
.purpose_container { } 
.purpose_container .purposeImg { position:relative; width: 100%; border-bottom-right-radius: var(--radius-lg); overflow: hidden; } 
.purpose_container .purposeImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; } 
.purpose_container .purposeImg > .info { position:relative; padding: 3.5rem 2rem; text-align: center; } 
.purpose_container .purposeImg > .info > .t1 { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
.purpose_container .purposeImg > .info > .line { margin: 1rem auto; width: 60px; height: 3px; background: #fff; } 
.purpose_container .purposeImg > .info > .txt { font-size: var(--font-size-base); line-height: var(--line-height-normal); color: rgba(255,255,255, .915); } 
.missionRound { display: flex; align-items: center; justify-content: center; } 
.missionRound > li { position:relative; } 
.missionRound > li > .inner { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; width: 14rem; height: 14rem; border: 24px solid var(--color-point); border-radius: var(--radius-pill); } 
.missionRound > li:nth-child(2) > .inner { border-color: var(--color-point4); } 
.missionRound > li:nth-child(3) > .inner { border-color: var(--color-point2); } 
.missionRound > li:first-of-type { right: -24px; } 
.missionRound > li:last-of-type { left: -24px; } 
.missionRound > li > .inner > .icon { } 
.missionRound > li > .inner > .icon > img { height: 65px; object-fit: contain; } 
.missionRound > li > .inner > .tt { font-size: var(--font-size-md-1); font-weight: 600; } 

 /*연혁*/
.history-bg { position:relative; display: flex; align-items: center; justify-content: center; height: 14.5rem; border-radius: var(--radius-md); overflow: hidden; } 
.history-bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.history-bg .txt-wrap { position: relative; z-index: 2; } 
.history-bg .txt-wrap > .name { letter-spacing: 2rem; font-size: var(--font-size-xl); font-weight: 600; color: rgba(255,255,255, 1); opacity: 0; transition: 2s; } 
.load .history-bg .txt-wrap > .name { letter-spacing: 1rem; opacity: 1; } 
.history-bg .txt-wrap > .tt { color: rgba(255,255,255, .8); text-align: center; font-size: var(--font-size-base); font-weight: 500; letter-spacing: .1rem; opacity: 0; transform: translateY(1em); transition: 2s; } 
.load .history-bg .txt-wrap > .tt { transform: translateY(0); opacity: 1; } 
.history-con { padding: 5rem 0; } 
.history-list { } 
.history-list > li { padding-bottom: 8rem; position: relative; } 
.history-list > li:last-of-type { padding-bottom: 0em; } 
.history-list > li > .year { position:absolute; top: -10px; left: 0; } 
.history-list > li > .year > .tit { font-size: var(--font-size-xxl); font-weight: 700; line-height: 1; color: var(--crBlack); transition: .3s; } 
.history-list > li::before { content: ''; position: absolute; top: 5px; left: 0; right: 0; margin: auto; width: 1px; height: calc(100%); background: #ddd; } 
.history-list > li:last-child:before { height: calc(90%); } 
.history-list > li > dl { position:relative; flex-direction: column; padding-left: calc(50% + 30px); padding-bottom: 5em; } 
.history-list > li > dl:last-of-type { padding-bottom: 0em; } 
.history-list > li > dl > dt::before { content: ''; position: absolute; top: 0; right: -5px; bottom: 0; margin: auto; width: 12px; height: 12px; background: var(--color-point); transform: rotate(45deg); transition: 0.3s; } 
.history-list > li > dl > dt { position: absolute; top: -7px; right: 50%; padding-right: 25px; padding-left: 0; font-size: var(--font-size-lg); font-weight: 800; color: var(--color-point); transition: .8s; } 
.history-list > li > dl > dd { position: relative; margin-bottom: 1em; padding-left: 1em; font-size: 1.125rem; color: #666; } 
.history-list > li > dl > dd:before { position: absolute; left: -1.9em; top: 6px; transform: rotate(45deg); width: 10px; height: 10px; background: #ddd; content: ''; } 
.history-list > li > dl > dd:first-of-type:before { display: none; } 
.history-list > li > dl > dd > p { font-weight: 500; } 

/*pageContainer*/
.pageContainer { } 
.pageContainer .page { padding-bottom: var(--space-6); } 
.pageContainer .page:last-of-type { padding-bottom: 0; } 
.pageContainer .page:first-of-type { padding-top: var(--space-6); } 
.pageContainer .page.ptN{ padding-top: 0;}
.pageContainer .page .lineBoxInner { padding: 2.5rem; box-sizing: border-box; border: 1px solid var(--gray-line-1); border-radius: var(--radius-md); overflow-x: auto;} 
.pageContainer .page .lineBoxInner > img{ display: block; width: 100%; min-width: 56.25rem; margin: 0 auto; object-fit: contain;}
.pageContainer .page .pageInner{}
.pageContainer .page .pageInner .pageItem{ padding-bottom: var(--space-6);}
.pageContainer .page .pageInner .pageItem:last-of-type{ padding-bottom: 0;}
.pageContainer .page .pageInner .pageItem:first-of-type{ padding-top: 0;}
.pageContainer .page .pageInner .pageItem .itemTit{ font-size: var(--font-size-md); font-weight: 700; margin-bottom: var(--space-2);}
.pageTit { position: relative; margin-bottom: var(--space-4); } 
.pageTit .tt { position:relative; font-size: var(--font-size-lg); font-weight: 700; padding-left: 2rem; } 
.pageTit .tt:before { content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%) rotate(136deg);width: 10px;height: 10px;border: 6px solid #dfe5f3;background: var(--color-point);border-radius: 15%;transform-origin: 50% 50%; } 

/*pageDot*/
.descDotList{}
.descDotList > li{ margin-bottom: var(--space-1);}
.descDotList > li:last-of-type{ margin-bottom: 0;}
.descDotList > li > .tt{ position: relative; padding-left: .75rem; font-size: var(--font-size-base); color: var(--color-black-4);}
.descDotList > li > .tt > i{ vertical-align: baseline;; font-weight: 600; color: var(--color-point);}
.descDotList > li > .tt:before{ position: absolute; top: -2px; left: 0; content: '•';}
.descDotList.noDot > li > .tt:before{ display: none;}

/*table memo*/
.tableMemo{ margin-top: var(--space-1); padding: 1rem 1.5rem; box-sizing: border-box; border-radius: var(--radius-sm); background: var(--color-bg-1);}
.tableMemo > li{ margin-bottom: .15rem;}
.tableMemo > li:last-of-type{ margin-bottom: 0;}
.tableMemo > li > .tt{ position:relative; padding-left: .75rem; font-size: var(--font-size-xs); font-weight: 400; line-height: 1.4; color: var(--color-black-6);}
.tableMemo > li > .tt:before{ position: absolute; left: 0; content: '-';}

/*서브 탑이미지*/
.sub_TopBg { min-height: 15em; border-radius: 1em; } 
.sub_Btmtxt { padding: 2em 3em; } 
.sub_Btmtxt .wrap_con { } 
.sub_Btmtxt .wrap_con .txt_list { } 
.sub_Btmtxt .wrap_con .txt_list > li { margin-bottom: .5em; } 
.sub_Btmtxt .wrap_con .txt_list > li:last-of-type { margin-bottom: 0em; } 
.sub_Btmtxt .wrap_con .txt_list > li > .in { } 
.sub_Btmtxt .wrap_con .txt_list > li > .in > .tt { color: #222; line-height: 1.6; font-size: 1.05em; font-weight: 400; } 

/*보상관리사*/
.box_deinfo { margin: 0 0 -1em -1em; } 
.box_deinfo > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.box_deinfo > li > .in { margin: 0 0 1em 1em; background: #f9f9f9; padding: 2em 1em; border-radius: 1em; border: 1px solid #ddd; text-align: center; display: flex; align-items: center; justify-content: center; } 
.box_deinfo > li > .in .in_box { } 
.box_deinfo > li > .in .in_box > img { width: 3.5em; } 
.box_deinfo > li > .in .in_box .box_line { width: 20px; height: 2px; background: var(--color-point); margin: 1.5em auto; } 
.box_deinfo > li > .in .in_box .b_ttl { font-size: 1.2em; font-weight: 700; } 
.box_deinfo > li > .in .in_box .b_txt { font-size: .85em; margin-top: 1em; background: var(--crGrad1); color: #fff; padding: .5em 1em; border-radius: 3em; display: inline-block; } 

.payback_list { margin: 0 0 -1em -1em; } 
.payback_list > li { flex: 1 1 50%; max-width: 50%; } 
.payback_list > li > .in { margin: 0 0 1em 1em; } 
.payback_list > li > .in .in_F { background: #f9f9f9; padding: 1.5em; border: 1px solid #ddd; align-items: center; } 
.payback_list > li > .in .in_F > i { color: var(--color-point); margin-right: .3em; font-size: 1.45em; } 
.payback_list > li > .in .in_F .F_tit { font-size: 1em; font-weight: 500; } 
.payback_list > li > .in .in_F .F_txt { font-size: 1em; font-weight: 700; } 

.box_inBg { height: 14em; border-radius: 1em; margin-bottom: 2em; } 

/*guideBox*/
.guideBox{ display: flex; align-items: start; gap: 2rem; padding: .75rem 2rem; box-sizing: border-box; border: 1px solid var(--gray-line-2); border-radius: var(--radius-sm);}
.guideBox > .icon{ display: flex; align-items: center; gap: .5rem;}
.guideBox > .icon > img{ height: 28px; object-fit: contain;}
.guideBox > .icon > .tt{ font-size: var(--font-size-base); font-weight: 600;}
.guideBox > .txt{ position:relative; top: 2px;}
.guideBox > .txt > .tt{ position:relative; padding-left: .75rem; font-size: var(--font-size-sm); color: var(--color-black-8); line-height: var(--line-height-normal);}
.guideBox > .txt > .tt:before{ position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: var(--color-point); border-radius: var(--radius-pill); opacity: .65; content: '';}

/**/
.pagePass_resultw .table_st .profile{}
.pagePass_resultw .table_st .profile > img{ height: 100px; object-fit: contain;}
.pagePass_resultw .table_st .call{ display: flex; align-items: center; gap: .5rem;}
.pagePass_resultw .table_st .call > .xi{ color: var(--color-point); width: 1.5rem; min-width: 1.5rem;} 
.pagePass_resultw .table_st .call > .tt{ font-size: var(--font-size-sm-1); color: var(--color-black-6); font-weight: 500;}

/*교육신청*/
.eduSubmit{ display: flex; gap: 1rem; flex-wrap: wrap;}
.eduSubmit > li{ width: calc((100% - 2rem) / 3);}
.eduSubmit > li > .inner{ display: block; position: relative; }
.eduSubmit > li > .inner > .contentWrap{}
.eduSubmit > li > .inner > .contentWrap > .imgCon{ position:relative; width: 100%; height: 15rem; border-radius: var(--radius-sm); overflow: hidden; }
.eduSubmit > li > .inner > .contentWrap > .imgCon:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .215); content: ''; z-index: 1;}
.eduSubmit > li > .inner > .contentWrap > .imgCon .imginfo{ position: absolute; top: 2.5rem; left: 1.5rem; z-index: 2;}
.eduSubmit > li > .inner > .contentWrap > .imgCon .imginfo .name{ font-size: var(--font-size-xs); font-weight: 700; color: rgba(255,255,255, .615); letter-spacing: 4px;}
.eduSubmit > li > .inner > .contentWrap > .imgCon .imginfo .name > i{ color: #fff;}
.eduSubmit > li > .inner > .contentWrap > .imgCon .imginfo .tit{ font-size: var(--font-size-md); font-weight: 600; color: #fff;}
.eduSubmit > li > .inner > .contentWrap > .imgCon > img{ width: 100%; height: 100%; object-fit: cover; transition: .5s ease;}
.eduSubmit > li > .inner > .contentWrap > .infoCon{ margin-top: var(--space-3); padding: 0 .35rem; box-sizing: border-box;}
.eduSubmit > li > .inner > .contentWrap > .infoCon > .tit{ font-size: var(--font-size-md-1); font-weight: 500;}
.eduSubmit > li > .inner > .contentWrap > .infoCon > .txt{ font-size: var(--font-size-sm); margin-top: var(--space-1); font-weight: 400; line-height: 1.3; color: var(--color-black-8); height: 2.5rem;}
.eduSubmit > li > .inner > .btnWrap{ display: flex; align-items: center; justify-content: center; height: 3rem; border-radius: .25rem; margin-top: var(--space-4); background: var(--color-point);}
.eduSubmit > li > .inner > .btnWrap > .tt{ font-size: var(--font-size-sm); font-weight: 500; color: #fff;}

.eduSubmit > li > .inner:hover > .contentWrap > .imgCon > img{ transform: scale(1.05);}
.eduSubmit > li > .inner:hover > .contentWrap > .infoCon > .tit{ text-decoration: underline;}

/**/
.wrap_con .border_Listin > li > .in .num_List { } 
.wrap_con .border_Listin > li > .in .num_List > li { margin-bottom: .5em; } 
.wrap_con .border_Listin > li > .in .num_List > li:last-of-type { margin-bottom: 0em; } 
.wrap_con .border_Listin > li > .in .num_List > li > .num_in { gap: .5em; } 
.wrap_con .border_Listin > li > .in .num_List > li > .num_in > .num { display: flex; align-items: center; justify-content: center; width: 4.5em; background: var(--color-point2); color: #fff; font-weight: 600; border-radius: .3em; font-size: .9em; box-shadow: 2px 0 6px rgba(0,0,0, .25); } 
.wrap_con .border_Listin > li > .in .num_List > li > .num_in > .tt { width: 100%; text-align: left; display: flex; align-items: center; border: 2px solid var(--color-point2); border-radius: .3em; padding: .8em 1em; font-size: .95em; font-weight: 600; } 

/*절차*/
.step_Wrap { } 
.step_Wrap > li { position:relative; border-left: 4px solid var(--color-point2); margin-bottom: 2.25em; } 
.step_Wrap > li .down_icon { position: absolute; top: 99.5%; left: 50%; transform: translate(-50%, 0%); } 
.step_Wrap > li .down_icon > i { color: var(--color-point2); font-size: 1.65em; } 
.step_Wrap > li:nth-child(2n-1) > .step_List { background: var(--crGray6); } 
.step_Wrap > li:nth-child(2n) > .step_List .iBox .icon_box { background: #f9f9f9; } 
.step_Wrap > li > .step_List { border: 1px solid #ddd; padding: 1.5em; gap: 2em; align-items: center; } 
.step_Wrap > li > .step_List .iBox { flex: 1 1 15%; border-right: 2px dashed #ccc; padding-right: 2em; } 
.step_Wrap > li > .step_List .iBox .step_Di { text-align: center; background: var(--color-point2); text-align: center; padding: .3em .5em; border-radius: .5em; margin-bottom: .5em; } 
.step_Wrap > li > .step_List .iBox .step_Di > .tt { text-transform: uppercase; font-size: .8em; color: #fff; } 
.step_Wrap > li > .step_List .iBox .icon_box { display: flex; align-items: center; justify-content: center; background: #fff; padding: 0.5em 1em; border-radius: 0.5em; } 
.step_Wrap > li > .step_List .iBox .icon_box > img { width: 3em; } 
.step_Wrap > li > .step_List .tBox { flex: 1 1 85%; } 
.step_Wrap > li > .step_List .tBox .tbox_ttl { margin-bottom: .5em; } 
.step_Wrap > li > .step_List .tBox .tbox_ttl > .tt { font-size: 1.15em; font-weight: 700; color: #111; } 


/*회장 약력*/
.stickyT { position: sticky; top: 10em; } 
.member_infowrap { } 
.member_infowrap .mem_infocon { gap: 4em; } 
.member_infowrap .mem_infocon .mem_img { flex: 1 1 25%; border-radius: 1em; overflow: hidden; height: 22.5rem; box-shadow: 3px 0 9px rgba(0,0,0,.15); } 
.member_infowrap .mem_infocon .mem_img:before { } 
.member_infowrap .mem_infocon .mem_img > img { width: 100%; height: 100%; object-fit: cover; } 
.member_infowrap .mem_infocon .member_info { flex: 1 1 75%;} 
.member_infowrap .mem_infocon .member_info .m_info_top { padding-bottom: 3em; } 
.member_infowrap .mem_infocon .member_info .m_info_top .en_name { font-size: 1.65em; font-weight: 500; color: #666; margin-bottom: .5em; } 
.member_infowrap .mem_infocon .member_info .m_info_top .mc { align-items: flex-end; gap: 0.65em; } 
.member_infowrap .mem_infocon .member_info .m_info_top .mc .name { font-size: var(--font-size-xl-1); line-height: 1; font-weight: 700;} 
.member_infowrap .mem_infocon .member_info .m_info_top .mc .company { font-size: var(--font-size-base); line-height: 1; font-weight: 700; } 
.member_infowrap .mem_infocon .member_info .m_info_top .mf_line { margin-top: 2em; margin-bottom: 3em; width: 60px; height: 2px; background: #111; } 

.member_infowrap .mem_infocon .member_info .m_info_middle { } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap { position:relative; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_ttl { display: inline-block; text-align: center; padding: 0.5em 1.5em; background: var(--color-point2); border-radius: 0.5em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_ttl:before { } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_ttl .record { display: flex; align-items: center; gap: 0.5em; font-size: var(--font-size-base); font-weight: 600; color: #fff; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_list { padding: 1.5em 2.5em; background: #f9f9f9; margin: 1em 0 2.5em 0em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_list > li { position:relative; font-size: 1em; color: #333; font-weight: 500; margin-bottom: .9em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_list > li:before { position: absolute; top: 6px; left: -11px; border-radius: 50%; background: var(--color-point2); width: 4px; height: 4px; content: ''; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .info_list > li:last-of-type { margin-bottom: 0em; } 

.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list { margin: 1em 0 2.5em 0em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li { padding: .75em 0; border-bottom: 1px dashed #ddd; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li:last-of-type { border-bottom: none; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li .record_box { align-items: center; gap: 1em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li .record_box .year { /* flex: 1 1 5%; min-width: 7em; text-align: center; padding: 0.5em 1.35em; border-radius: 3em; background: #f9f9f9; font-size: .85em; color: var(--color-point2); font-weight: 700; box-shadow: 1px 0 3px rgba(0,0,0, .135); */ width: 5px; height: 5px; border-radius: 50%; background: var(--color-point); } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li .record_box .txt { flex: 1 1 90%; position:relative; /* padding-left: 1em; */ font-size: 1em; } 
.member_infowrap .mem_infocon .member_info .m_info_middle .info_sec_wrap .doc_list > li .record_box .txt:before { /* position: absolute; left: 4px; content: '-'; */ } 

/*절차*/
.stepContainer{}
.stepContainer .stepLay{ display: flex; margin-bottom: var(--space-5);}
.stepContainer .stepLay:last-of-type{ margin-bottom: 0;}
.stepContainer .stepLay .arrow{ display: flex; align-items: center; justify-content: center; margin: 0 1rem;}
.stepContainer .stepLay .itemBox{ position:relative; flex: 1; padding: 40px 20px; box-sizing: border-box; background: var(--color-bg-2); border-radius: var(--radius-md);}
.stepContainer .stepLay .itemBox .topCon{ position: relative; display: flex; align-items: center; justify-content: space-between;}
.stepContainer .stepLay .itemBox .topCon .stepNum{ position:relative; line-height: 1; font-size: var(--font-size-sm); font-weight: 600; color: var(--color-point);}
.stepContainer .stepLay .itemBox .topCon .stepNum:before{ position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: var(--color-point); content: '';}
.stepContainer .stepLay .itemBox .topCon > .icon{ position: absolute; right: 0px; top: -10px;}
.stepContainer .stepLay .itemBox .topCon > .icon > img{ height: 60px; object-fit: contain;}
.stepContainer .stepLay .itemBox .btmCon{ margin-top: var(--space-3);} 
.stepContainer .stepLay .itemBox .btmCon > .listT{ font-size: var(--font-size-base); font-weight: 700; color: var(--color-point3);}
.stepContainer .stepLay .itemBox .btmCon > .descDotList{ margin-top: var(--space-2);}
.stepContainer .stepLay .itemBox .btmCon > .descDotList > li > .tt{ font-size: var(--font-size-sm-1);}

/*설립목적*/
.page_twrap_img { position:relative; padding-bottom:7em } 
.page_twrap_img .wrap_con { width:70%; background: #fff; position:relative; z-index:1; box-sizing:border-box; padding:4em 3em; padding-bottom:4em } 
.page_twrap_img .wrap_con .p_ttl { font-size: 1.85em; font-weight: 700; margin-bottom: 1em; } 
.page_twrap_img .wrap_con:before { content:""; position:absolute; left:0; top:0; width:2em; height:2em; border:.25em solid var(--color-point); border-right:none; border-bottom:none } 
.page_twrap_img .wrap_img { position:absolute; left:0; bottom:0; width:100%; height:70% } 
.page_twrap_img .wrap_img .img { height:100% } 
.page_twrap_img.st1 { padding-bottom:5em } 
.page_twrap_img.st1 .wrap_con { width:80%; margin:0 auto; text-align:center; padding:3em; border-top:1px solid #111 } 
.page_twrap_img.st1 .wrap_con:before { display:none } 
.page_twrap_img.st1 .wrap_img { height:80% } 

.mission_dia { margin-top:50px; } 
.mission_dia .tit { margin:0 auto;; text-align:center; } 
.mission_dia .tit > span { font-weight:600; font-size:1.375em; padding: 1em 2em; color:#fff; display: inline-block; background:var(--crGrad1); border-radius:10em; } 
.mission_infog { display:flex; justify-content:center; margin:2em 0; } 
.mission_infog > li { width:320px; height:320px; margin:0 1em; padding:2em; box-sizing:border-box; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; border: 7px solid #fff; } 
.mission_infog > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; border-radius: 50%; } 
.mission_infog > li:nth-child(1) { background-image:url(../images/sub/purpose_img04.jpg) } 
.mission_infog > li:nth-child(2) { background-image:url(../images/sub/purpose_img05.jpg) } 
.mission_infog > li:nth-child(3) { background-image:url(../images/sub/purpose_img06.jpg) } 
.mission_infog > li::after { content:''; width:165px; height:165px; border-radius: 0 0 200px 0; position:absolute; right:-10px; bottom:-10px; z-index:-1; background: var(--color-point); } 
.mission_infog > li .icon { display: inline-block; width:60px; height:60px; margin-bottom:30px; background-repeat:no-repeat; background-position:center; background-size:cover; } 
.mission_infog > li:nth-child(1) .icon { background-image:url(../images/icon/purpose_icon01.svg) } 
.mission_infog > li:nth-child(2) .icon { background-image:url(../images/icon/purpose_icon02.svg) } 
.mission_infog > li:nth-child(3) .icon { background-image:url(../images/icon/purpose_icon03.svg) } 
.mission_infog > li .tt { font-weight:500; font-size:1.325em; color: #fff; text-align: center; } 
.mission_infog > li .box { position:relative; z-index: 2; text-align: center; } 

.page_arrow { padding-bottom:7%; background:url(../images/sub/page_arrow.svg) no-repeat; background-size:100% 100%; margin:1em 0 2em 0 } 

/*보상관리사*/
.bu_Wrap { border-radius: 1.5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0,0,0, .15); } 
.bu_Wrap .bu_right { position:relative; flex: 1 1 50%; padding: 2em 3em; background: #2a48ae; color: #fff; display: flex; flex-direction: column; justify-content: center; } 
.bu_Wrap .bu_right .bu_icon { display: block; position: relative; top: 0%; left: 50%; width: 1.375em; height: 0.375em; background: #fff; border-radius: 6em; transform: rotate(-45deg) translateX(-50%); margin-bottom: 2em; } 
.bu_Wrap .bu_right .bu_list { } 
.bu_Wrap .bu_right .bu_list > li { } 
.bu_Wrap .bu_right .bu_list > li > .in { position:relative; padding-left: 1em; padding: 1em; border-bottom: 2px dashed #ddddddb0; } 
.bu_Wrap .bu_right .bu_list > li:last-of-type > .in { border-bottom: none; } 
.bu_Wrap .bu_right .bu_list > li > .in:before { position: absolute; top: 22px; left: 3px; width: 5px; height: 5px; background:#fff; border-radius: 50%; content: ''; } 
.bu_Wrap .bu_right .bu_list > li > .in > span { } 
.bu_Wrap .left_imgWrap { flex: 1 1 50%; } 
.bu_Wrap .left_imgWrap > .in_img { height: 100%; } 
.bu_Wrap .left_imgWrap > .in_img.hst1 { height: 20em; } 
.bu_Wrap .left_imgWrap > .in_img > img { width: 100%; height: 100%; object-fit: cover; } 

/*자격현황*/
.wrap_con .border_Listin { } 
.wrap_con .border_Listin > li { } 
.wrap_con .border_Listin > li > .in { margin-bottom: 3em; padding-bottom: 3em; border-bottom: 1px dashed #ddd; } 
.wrap_con .border_Listin > li:last-of-type > .in { margin-bottom: 0em; padding-bottom: 0em; border-bottom: none; } 
.wrap_con .border_Listin > li > .in > .page_cen_ttl { } 
.wrap_con .border_Listin > li > .in > .page_cen_ttl > p { font-size: 1.315em; font-weight: 700; color: #111; } 
.wrap_con .border_Listin > li > .in > .page_cen_txt { margin-bottom: 2.5em; } 
.wrap_con .border_Listin > li > .in > .page_cen_txt > p { padding: .65em 1.5em; border-radius: 3em; color: var(--color-point); border: 1px solid var(--color-point); } 
.wrap_con .border_Listin > li > .in > .wrap_in_line { } 
.wrap_con .border_Listin > li > .in > .agency_list { margin: 0 0 -1em -1em; } 
.wrap_con .border_Listin > li > .in > .agency_list > li { flex: 1 1 25%; max-width: 25%; } 
.wrap_con .border_Listin > li > .in > .agency_list > li > .a_in { margin: 0 0 1em 1em; } 
.wrap_con .border_Listin > li > .in > .agency_list > li > .a_in .in_box { border: 2px solid var(--color-point2); border-radius: .5em; } 
.wrap_con .border_Listin > li > .in > .agency_list > li > .a_in .in_box > .tit { display: flex; align-items: center; justify-content: center; background: var(--color-point2); color: #fff; padding: .5em; text-align: center; } 
.wrap_con .border_Listin > li > .in > .agency_list > li > .a_in .in_box > .con { padding: 1.5em; box-sizing: border-box; height: 7em; display: flex; } 
.wrap_con .border_Listin > li > .in > .agency_list > li > .a_in .in_box > .con > img { width: 100%; object-fit: contain; } 

.tit_ico2 { position:relative; padding-bottom:1em; margin-bottom:1.5em } 
.tit_ico2:before,
.tit_ico2:after { content:""; position:absolute; left:0; bottom:0; width:1.35em; height:2px; background:#999 } 
.tit_ico2:after { left:1em; background: var(--color-point2); } 
.tit_ico2.ac:before { left:auto; right:50% } 
.tit_ico2.ac:after { left:50%; } 

/*연혁*/
.page_ttbg_bg3 { position: relative; background: url(../images/sub/his_bg.jpg) center; padding: 6em 0; margin: 0 0; background-attachment: fixed; } 
.page_ttbg_bg3:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.page_ttbg_bg3 .page_tit { position: relative; z-index: 2; } 
.history_wrap { position:relative; overflow:hidden; padding:5em 0 } 
.history_wrap .his_topD { position: absolute; left: 50%; top: 1em; margin-left: -0.4em; width: 1em; height: 1em; background: #fff; border: 0.25em solid var(--gradC1); border-radius: 100%; box-sizing: border-box; } 
.history_wrap:before,
.history_wrap .lineAni { content:""; position:absolute; left:50%; top:2em; width:2px; height:100%; background:#ddd } 
.history_wrap .lineAni { height:0; background: var(--crGrad2); transition:.3s } 
/*.history_wrap .lineAni:before,*/
.history_wrap:after { content:""; position:absolute; left:50%; top:0; margin-left:-.4em; width:1em; height:1em; background:#fff; border:.25em solid var(--color-point); border-radius:100%; box-sizing:border-box } 
.history_wrap:after { top:auto; bottom:0 } 
.history_wrap .history > li { margin-top:4em } 
.history_wrap .history > li:first-child { margin-top:0 } 
.history_wrap .history > li .year { width:50%; overflow:hidden; justify-content:flex-end } 
.history_wrap .history > li .year .wrap_in { position:relative; overflow:hidden; width:30em } 
.history_wrap .history > li .year .tt { display:inline-block; position:relative; padding:0 .5em; font-size:3em; font-weight:700; letter-spacing:-3px; color:var(--color-point); } 
.history_wrap .history > li .year .img { margin-top:2em; margin-right: 2em; display: inline-block; padding: 2em; background-color: #f9f9f9; border-radius: 1em; } 
.history_wrap .history > li .year .tt:before { content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:8em; border-top:2px dotted #aaa } 
.history_wrap .history > li .year .tt:after { content:"'"; font-weight:400; font-style:italic } 
.history_wrap .history > li .list { width:50%; margin-top:1em } 
.history_wrap .history > li .list > li { margin-top:.5em } 
.history_wrap .history > li .list > li:first-child { margin-top:0 } 
.history_wrap .history > li .list .wrap_in { padding:0 2em; margin-top:1em; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize { padding-bottom:50% !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r { text-align:right !important; } 
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l { text-align:left !important; } 
.history_wrap .history > li .list .month { flex:0 0 6em } 
.history_wrap .history > li .list .month .tt { color:#333; font-size:1.1em; font-weight:700; } 
/*.history_wrap .history > li .list .month .tt:after { content:" ì›”"; font-size:.813em; font-weight:400; } */
.history_wrap .history > li .list .detail > li { margin-top:.5em } 
.history_wrap .history > li .list .detail > li:first-child { margin-top:0 } 
.history_wrap .history > li .list .detail .tt { position:relative; padding:0 1.5em; margin-top:.125em; font-size: 1em; font-weight: 400; margin-bottom: .3em; } 
.history_wrap .history > li .list .detail .tt:last-of-type { margin-bottom: 0em; } 
.history_wrap .history > li .list .detail .tt:before { content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd } 
.history_wrap .history > li:nth-child(2n) .year { justify-content:flex-start; text-align:right } 
.history_wrap .history > li:nth-child(2n) .year .tt:before { left:auto; right:100% } 
.history_wrap .history > li:nth-child(2n) .list { order:-1 } 
.history_wrap .history > li:nth-child(2n) .list > li > .flex { justify-content:flex-end } 
.history_wrap .history > li:nth-child(2n) .list .month { text-align:right } 
.history_wrap .history > li:nth-child(2n) .list .detail { order:-1 } 
.history_wrap .history > li:nth-child(2n) .list .detail .tt { text-align:right } 
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before { left:auto; right:0 } 
.history_wrap .history > li:nth-child(2n) .year .img { margin-right: 0em; margin-left:2em; } 

/*조직구성*/
.a-memWrap { } 
.a-memWrap .list_amem { margin: 0 0 -1.5em -1.5em; padding-top: .5em; } 
.a-memWrap .list_amem > li { flex: 1 1 50%; max-width: 50%; } 
.a-memWrap .list_amem.w100 > li { flex: 1 1 100%; max-width: 100%; } 
.a-memWrap .list_amem > li > .in { min-height: 14em; } 
.a-memWrap .list_amem > li > .in .view_more { position: absolute; right: 0; bottom: 0; width: 2.5em; height: 2.5em; color: var(--color-point); cursor: pointer; border: 1px solid var(-siteC); border-top: 1px solid #ddd; border-left: 1px solid #ddd; display: flex; align-items: center; justify-content: center; transition: .2s; } 
.a-memWrap .list_amem > li > .in .view_more.rotate { background: var(--color-point); color: #fff; transition: .2s; } 
.a-memWrap .list_amem > li > .in .view_more > .xi { transition: .2s; } 
.a-memWrap .list_amem > li > .in .view_more.rotate > .xi { transform: rotate(45deg); transition: .2s; } 
.a-memWrap .list_amem > li > .in { position:relative; margin: 0 0 1.5em 1.5em; border: 1px solid #ddd; } 
.a-memWrap .list_amem > li > .in .profile { flex: 1 1 35%; height: 15em; } 
.a-memWrap .list_amem > li > .in .profile > img { width: 200px; height: 100%; object-fit: cover; } 
.a-memWrap .list_amem > li > .in .info { flex: 1 1 65%; padding: 1.5em 2em; box-sizing: border-box; } 
.a-memWrap .list_amem > li > .in .info .top_info { } 
.a-memWrap .list_amem > li > .in .info .top_info .t-tit { gap: 1em; } 
.a-memWrap .list_amem > li > .in .info .top_info .t-tit .name { font-size: 1.85em; font-weight: 500; } 
.a-memWrap .list_amem > li > .in .info .top_info .t-tit .certi { padding: 0.65em 1em; background: var(--color-point); color: #fff; border-radius: 4em; font-size: .85em; } 
.a-memWrap .list_amem > li > .in .info .top_info .cla { margin-top: 1em; font-size: 1em; font-weight: 500; text-align: left; } 
.a-memWrap .list_amem > li > .in .info .btm_info { margin-top: 1.2em; padding-top: 1.2em; border-top: 1px solid #ddd; font-size: .9em; } 
.a-memWrap .list_amem > li > .in .info .btm_info .list { padding-bottom: .35em; align-items: center; gap: 0.5em; } 
.a-memWrap .list_amem > li > .in .info .btm_info .list > i { color: var(--color-point); padding: 0.3em; background: var(--color-point); color: #fff; border-radius: 50%; font-size: 1.15em; } 
.a-memWrap .list_amem > li > .in .info .btm_info .list:last-of-type { padding-bottom: 0em; } 
.a-memWrap .list_amem > li > .in .info .btm_info .tel1 { } 
.a-memWrap .list_amem > li > .in .info .btm_info .tel2 { } 
.a-memWrap .list_amem > li > .in .info .btm_info .mail { } 

.a-memWrap.search { margin-top: 2em; } 
.a-memWrap.search .list_amem { margin: 0 0 -1.5em 0; } 
.a-memWrap.search .list_amem > li > .in { margin: 0 0 1.5em 0; } 


/* width */
.p_ex.open::-webkit-scrollbar { width: 4px; } 

/* Track */
.p_ex.open::-webkit-scrollbar-track { } 
 
/* Handle */
.p_ex.open::-webkit-scrollbar-thumb { background: #d1d1d1; border-radius: 5px; } 
.a-memWrap .list_amem > li > .in .p_ex { float:left; width:100%; border-bottom: 1px solid #ddd; height:0; overflow:hidden; transition:.2s; } 
.a-memWrap .list_amem > li > .in .p_ex.open { height:15em; overflow-y:auto; } 
.a-memWrap .list_amem > li > .in .p_ex > dl:after { display:block; clear:both; content:''; } 
.a-memWrap .list_amem > li > .in .p_ex > dl { overflow:hidden; padding:20px; } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dt { float:left; width:18%; } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dt .p_tit { position:relative; padding:0 0 0 10px; font-size:1.125em; color:#222; line-height:20px; } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dt .p_tit:before { content:''; position:absolute; left:0px; top:3px; width:4px; height:15px; background:var(--color-point); } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dd { float:left; width:79%; font-size:.85em; color:#747e88; line-height: 1.4; padding-right:10px; } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dd .p_txt { position:relative; margin-bottom: .45em; } 
.a-memWrap .list_amem > li > .in .p_ex > dl > dd .p_txt:before { position: absolute; width: 4px; height: 4px; background: var(--color-point); top: 7px; left: -10px; border-radius: 50%; content: ''; } 

/*인사말*/
.sub_greetings { position:relative; overflow:hidden; background:rgba(0,96,174,.1); border-radius:0 0 1em 0 } 
.sub_greetings .bg { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0 0 100em 0; overflow:hidden } 
.sub_greetings .wrap_in { padding:4em; position:relative; color:#fff; z-index:1 } 
.sub_greetings .wrap_in::before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; } 
.sub_greetings .wrap_in .page_txt > p,
.sub_greetings .wrap_in .page_tit > p { color: #fff; } 
.sub_greetings .dot { position:absolute; border-radius:50%; width:11%; padding-bottom:11% } 
.sub_greetings .dot.d1 { right:3%; bottom:8%; border: 16px solid var(--color-point); opacity:1 } 
.sub_greetings .dot.d2 { right:6%; bottom:24%; border:.25em dashed #fff; transform:scale(.5) } 
.G_sub_in { padding: 0 4em; } 
.techSymbol { position: absolute; z-index: 11; bottom: 42%; left: 92%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; } 
.techSymbol .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: transparent; } 
.techSymbol .circle.s1 { width: 8rem; height: 8rem; border: 16px solid var(--color-point); } 
.techSymbol .circle.s2 { width: 5rem; height: 5rem; border: 4px solid #fff; } 
.techSymbol .rotBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.techSymbol .rotBox .rotateBox { display: inline-block; border-radius: 0.4rem; background: var(--color-point); width: 2rem; height: 2rem; transform: rotate(45deg); } 
.main-about .main-in .txt-con { color: #fff; } 
.txt-con .enTit { position: relative; display: inline-block; } 
.txt-con .enTit::after { content: ''; position: absolute; right: -0.5rem; top: -0.5rem; width: .625rem; height: .625rem; border-radius: 50%; background: var(--color-point2); } 

/*배너광고*/
.mem_Company { } 
.mem_Company .mem_logoList { margin: 0 0 -2em -1em; } 
.mem_Company .mem_logoList > li { flex: 1 1 25%; max-width: 25%; display: flex; align-items: center; flex-direction: column; } 
.mem_Company .mem_logoList > li > .in { margin: 0 0 2em 1em; } 
.mem_Company .mem_logoList > li > .in .logo_con { padding: 2em; box-sizing: border-box; border: 1px solid #ddd; } 
.mem_Company .mem_logoList > li > .in .title_Con { padding: 1em; text-align: center; background: #f5f5f5; color: #222; border-radius: 1.25em 1.25em 0 0; border: 1px solid #ddd; border-bottom: none; } 
.mem_Company .mem_logoList > li > .in .title_Con > p { font-size: 1em; font-weight: 600; } 
.mem_Company .mem_logoList > li > .in .logo_con > img { width: 100%; object-fit: cover; transition: .35s; } 
.mem_Company .mem_logoList > li > .in .hover_btn { display: flex; transition: .35s; color: #333; align-items: center; justify-content: center; padding: 1.25em .5em; text-align: center; font-size: .9em; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.mem_Company .mem_logoList > li > .in .hover_btn > i { padding-right: .5em; } 
.mem_Company .mem_logoList > li > .in:hover .logo_con > img { transform: scale(1.05); transition: .25s; } 
.mem_Company .mem_logoList > li > .in:hover .hover_btn { background: var(--crGrad2); color: #fff; transition: .25s; } 

/*회원가입*/
.join_ttl { margin-bottom: 2em; } 
.join_ttl .garT { font-size: 2.25em; font-weight: 800; background-image: var(--crGrad2); margin-bottom: .5em; } 
.join_ttl .join_txt { font-size: 1em; font-weight: 500; } 

/*Ani*/
.rotateAni { animation-name: rotateAni; animation-duration: 20s; transform-origin:center; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes rotateAni {100% { transform:rotate(360deg); } 
 }
.rotateAni:not(.hovnot):hover { animation-name: none } 

.line1 { height:.5em; background: repeating-linear-gradient(-45deg, #ddd, #ddd 2px, rgba(255,255,255,0) 0, rgba(255,255,255,0) 4px); margin: 2.5em 0; } 

.G_sub_in .t_con .ceo { margin-top: 3em; } 
.G_sub_in .t_con .ceo > p { font-size: 1.15em; font-weight: 700; } 

/**/
.add_Infobox { padding: .75rem; background: var(--color-gray-2); margin-top: var(--space-2); border-radius: 0.5rem; font-size: .95rem; align-items: center; } 
.add_Infobox > i { min-width: 1em; margin-right: .2em; color: var(--color-point2) } 
.add_Infobox > span { } 

/*5mb 이하 파일*/
.datainfo { font-size: .9em; font-weight: 400; }