/* 하단 버튼 */
.btnBox{margin-bottom: 100px;}
.btnBox > li {background-size: contain; }
.btnBox > li > a { text-align: center; font-weight: bold; color: #565656; text-decoration: none; display: block; }
@media all and (min-width: 1080px) {
  .btnBox { width: 628px; margin: 0 auto; margin-bottom:100px; }
  .btnBox > li { width: 147px; height: 43px; float: left; background-image: url(/assets/_img/sub/community/noticeNP.png); margin: 0 5px; }
  .btnBox > li > a { width: 137px; height: 38px; line-height: 38px; padding-bottom: 5px; padding-right: 10px; font-size: 15px; } 
}
@media (min-width: 641px) and (max-width: 1079px) {
  .btnBox { width: 588px; margin: 0 auto; }
  .btnBox > li { width: 137px; height: 43px; float: left; background-image: url(/assets/_img/sub/community/noticeNP.png); margin: 0 2px; }
  .btnBox > li > a { width: 127px; height: 37px; line-height: 37px; padding-bottom: 6px; padding-right: 10px; font-size: 15px; } 
}
@media (max-width: 640px) {
  .btnBox { width: 280px; height: 60px; margin: 0 auto; margin-bottom:5%; }
  .btnBox > li { width: 60px; height: 100%; float: left; background-image: url("/assets/_img/sub/community/noticeNM.png"); margin: 0 5px; }
  .btnBox > li > a { width: 100%; height: 100%; line-height: 50px; padding-bottom: 6px; font-size: 12px; }
}

/* ----- comTab02 ----- */
.comTab02Wrap{border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; position: relative;}
.comTab02Scroll{
  white-space: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;  /* Firefox */
}
.comTab02Scroll::-webkit-scrollbar {display: none; /* Chrome, Safari */}
.comTab02{
	display: flex; align-content: center; justify-content: flex-start; gap: 20px;
  padding-right: 25px; padding-left: 21px;
  width: fit-content;
}
.comTab02__lst{
	padding-bottom: 12px; box-sizing: border-box;
	font-size: 16px; font-weight: 400; line-height: 19px; color: #555;
	white-space: nowrap; cursor: pointer;
}
.comTab02__lst.on{border-bottom: 2px solid #2296F3; font-weight: 700; color:#2296F3;}
.comTab02__lst:not(:has(a)):hover{font-weight: 700; color:#2296F3;}
.scrollArrow{display: none;}
.comTab02Cont{display: none;}
.comTab02Cont.active{display: block;}

@media (max-width: 767px) {
  /* ----- comTab02 ----- */
  .comTab02Wrap {position: relative; margin-bottom: 40px;}
  .comTab02Wrap:has(.scrollArrow.visible){width: calc(100% - 10px);}
  .comTab02 {padding-left: 15px;}
  .comTab02__lst{font-size: 14px; line-height: 16px; padding-bottom: 10px;}
  .scrollArrow.visible{display: flex;}
  .scrollArrow{
    position: absolute; top: 12px; right: -6px; z-index: 10; transform: translateY(-50%);
    padding: 5px 8px 14px 8px; background-color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .comTab02Wrap {margin-bottom: 60px;}
}

@media all and (min-width:1024px){
  .comTab02Wrap {margin-bottom: 80px;}
  .comTab02{gap: 30px;}
  .comTab02__lst{font-size: 18px;}
}



/* 본문 내용 */
table{width: 100%; font-weight: 400;}
table th, td{vertical-align: middle; text-align: center; box-sizing: border-box; padding: 7px;}
table th{height: 49px;}
table td, th.thToTd{height: 39px;}
.brdrRnone{border-right: none !important;}
.brdrLnone{border-left: none !important;}
.brdrBdott, .brdrBdott *{border-bottom-style: dotted !important;}
.brdrTdott, .brdrTdott *{border-top-style: dotted !important;}

.sprtDocLst__tableWrap{
  overflow-x: auto;  
  -webkit-overflow-scrolling: touch; 
  margin-bottom: 20px; margin-top: 20px;
}
.sprtDocLst__tableWrap::-webkit-scrollbar{height: 2px; cursor: pointer;}
.sprtDocLst__tableWrap::-webkit-scrollbar-thumb{
  background-color: #cacaca; border-radius: 10px; cursor: pointer;
}
.sprtDocLst__tableWrap::-webkit-scrollbar-track{background-color: #e8e8e8;}
@-moz-document url-prefix() {
  /* firefox 브라우져 css 별도 적용 */
  .sprtDocLst__tableWrap{
    scrollbar-color: #cacaca; /* 스크롤바 색상 (thumb, track) */
    scrollbar-width: thin; /* 스크롤바 너비 (auto, thin, none) */
  }
}
.sprtDocLst__tableType1 th,.sprtDocLst__tableType1 td{border: 1px solid #2296F3;}
.sprtDocLst__tableType1 th{background-color: rgba(34 150 243/ 7%);}
.sprtDocLst__tableType1 td, th.thToTd{font-weight: 400;}

.sprtDocLst__tableType2 th{background-color: rgb(112 112 112 / 5%);}
.sprtDocLst__tableType2 th, .sprtDocLst__tableType2 td{border: 1px solid #707070;}

.supportSec{padding-top: 60px; padding-bottom: 150px; font-family: 'Pretendard';}
.container{max-width: 1080px; width: 91.5%; margin: 0 auto;}
.sprtDocLstGrp{display: flex; flex-direction: column; row-gap: 100px;}
.sprtDocLst{word-break: keep-all; color: #222; font-weight: 500;}
.sprtDocLst__ft--700, .sprtDocLst__ft--700 *{font-weight: 700 !important;}
.sprtDocLst__ft--500, .sprtDocLst__ft--500 *{font-weight: 500 !important;}
.sprtDocLst__ft--400, .sprtDocLst__ft--400 *{font-weight: 400 !important;}
.sprtDocLst__clr--red, .sprtDocLst__clr--red *{color: #E7134C !important;}
.sprtDocLst__clr--blue, .sprtDocLst__clr--blue *{color: #2296F3 !important; font-weight: 500;}
.sprtDocLst__clr--gray, .sprtDocLst__clr--gray *{color: #707070 !important;}
.sprtDocLst__mnStrTit{font-weight: 700; margin-bottom: 20px;}
.sprtDocLst__mnTit, .sprtDocLst__mnTit *{margin-bottom: 20px;}
.sprtDocLst__subTit, .sprtDocLst__subTit *{font-weight: 700;  margin-bottom: 20px;}

.sprtDocLst__underLine{border-bottom: 1px solid #707070; padding-bottom: 10px;}
.sprtDocLst__dot{display: flex; flex-direction: column; row-gap: 10px;}
.sprtDocLst__dot p{position: relative; padding-left: 10px;}
.sprtDocLst__dot p::after{
  content: '·';
  font-size: inherit; font-weight: inherit; color: inherit;
  position: absolute; top: 10px; left: 0; transform: translateY(-50%);
}
.sprtDocLst__dot--inner p:after{
  content: '·';
  font-size: inherit; font-weight: inherit; color: inherit;
  position: absolute; top: 10px; left: 0; transform: translateY(-50%);
}
.sprtDocLst__lst{display: flex; flex-direction: column; row-gap: 10px;}
.sprtDocLst__lst.sprtDocLst__subTxt{row-gap: 5px;}
.sprtDocLst__indt12{padding-left: 12px; text-indent: -12px;}
.sprtDocLst__indt20{padding-left: 20px; text-indent: -20px;}
.sprtDocLst__lst--grd4{display: grid; row-gap: 10px;}
.sprtDocLst__smBox{
  border: 1px solid #2296F3;
  border-radius: 15px; padding: 19px 0; min-height: 93px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;
  position: relative;
}
.sprtDocLst__smBox *{line-height: 24px !important;}
.sprtDocLst__smBox::after{
  content: url('/assets/_img/sub/curriculum/supportSystem/suppport_arrow.png'); display: inline-block;
  width: 13px; height: 24px;
  position: absolute; right: -26px; top: 50%;
  transform: translateY(-50%);
}
.sprtDocLst__smBox:last-child::after{content: none;}
.sprtDocLst__smBox--grd5{display:grid; column-gap: 35px; row-gap: 25px;}
.sprtDocLst__bigBox{border: 1px solid #2296F3; margin-top: 30px; margin-bottom: 30px;}
.sprtDocLst__bigBox .sprtDocLst__clr--blue.sprtDocLst__ft--700{margin-bottom: 18px;}
.sprtDocLst__bigBox--gray{border: 1px solid #707070;}
.sprtDocLst__bigBox--flexGp30{display: flex; align-items: center; gap: 30px;}

/* 과정별 훈련비 지원 사항 table */
.crsFeeSuprt thead th:first-child,
.crsFeeSuprt tbody tr td:first-child{ text-align: left; padding: 10px 30px;}

/* 수급자격 및 지원 내용 */
.nJobSuprt{min-width: 360px;}
.nJobSuprt col:first-child{min-width: 50px;}
.nJobSuprt td{padding: unset; vertical-align: baseline;}
.nJobSuprt__cont1{ 
  padding: 12px 20px !important;
  /* display: flex; flex-direction: column; row-gap: 12px; */
  height: max-content; box-sizing: border-box; text-align: left;
}
/* Firefox만 제외하고 적용 */
@supports not (-moz-appearance: none) {.nJobSuprt__cont1{height: 100%;}}
.nJobSuprt__cont1 > div{display: flex; flex-direction: row; column-gap: 10px;}
.nJobSuprt__cont1 > div p:first-child{width: 55px;}
.nJobSuprt__cont1 > div p{line-height: 20px;} 
.nJobSuprt__cont1 > div p:last-child{flex: 1;}
.nJobSuprt__cont2{
  padding: 18px 20px; text-align: center;
  display: flex; flex-direction: column; row-gap: 10px;
}

/* 국민취업지원제도 베너 */
.sprtBannr{
  display: flex; justify-content: space-between;
  background-color: #74C1F2;
  margin-bottom: 60px; height: 230px; overflow: hidden;
}
.sprtBannr .sprtDocLst__subTit{margin-bottom: 7px; font-weight: 500;}
.sprtBannr__tit{font-weight: 700;}
.sprtBannr__txt{display: flex; align-items: center; gap: 13px;}
.sprtBannr__donImg{display: flex;}
.sprtBannr__donImg img{width: 100%; object-fit: cover;}
.sprtBannr__bnrImg{display: flex;}

/* 국민취업지원제도 참여기준 */
.partiReq{display: flex; align-items: center; column-gap: 86px; row-gap: 10px; flex-wrap: wrap;}

/* 국민취업지원제도 참여할 수 없는 대상 */
.exTargets .exTargets__cont.sprtDocLst__underLine{ padding-bottom: 20px; margin-bottom: 20px;}
.exTargets__cont{
  display: flex; flex-direction: row; align-items: flex-start;
  column-gap: 35px; row-gap: 10px;
}
.exTargets__cont .sprtDocLst__mnTxt{width: 45px;}
.exTargets__cont .sprtDocLst__indt12{font-weight: 400;}


/* 국민취업지원제도 주요 취업지원 서비스 */
.mnJobSrpt{
  display: flex; column-gap: 20px; row-gap: 20px; 
  flex-wrap: wrap; width: 100%;
  flex-direction: row; text-align: center;
}
.mnJobSrpt .sprtDocLst__bigBox{flex: 1; margin: unset;}
.mnJobSrpt .sprtDocLst__subTit{margin-bottom: 36px;}
.mnJobSrpt__img{height: clamp(45px, 8vw, 72px);}
.mnJobSrpt__img img{height: 100%; object-fit: cover;}
.mnJobSrpt__cont{
  display: grid; grid-template-columns: repeat(2, 1fr);
}
.mnJobSrpt__cont > div{
  border-bottom: 1px dotted #707070; border-right: 1px dotted #707070;
  display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 15px;
  padding: 30px 20px;
}
.mnJobSrpt__cont > div:nth-child(1),
.mnJobSrpt__cont > div:nth-child(2){padding: 0 20px 18px 20px;}

.mnJobSrpt__cont > div:nth-child(3),
.mnJobSrpt__cont > div:nth-child(4){padding: 30px 20px 0 20px;}

.mnJobSrpt__cont > div:nth-child(2),
.mnJobSrpt__cont > div:nth-child(4){border-right: unset;}
.mnJobSrpt__cont > div:nth-child(3),
.mnJobSrpt__cont > div:nth-child(4){border-bottom: unset;}



@media (max-width: 767px) {
  .supportSec{padding-bottom: 100px;}
  .sprtDocLstGrp{row-gap: 60px;}
  .sprtDocLst__mnStrTit{font-size: 20px; margin-bottom: 15px;}
  .sprtDocLst__mnTit, .sprtDocLst__mnTit *{font-size:16px; line-height: 24px; margin-bottom: 15px;}
  .sprtDocLst__subTit, .sprtDocLst__subTit *{font-size:15px; line-height: 24px; margin-bottom: 15px;}
  .sprtDocLst__mnTxt, .sprtDocLst__mnTxt * {font-size:14px; line-height: 21px;}
  .sprtDocLst__subTxt,.sprtDocLst__subTxt *{font-size:14px; line-height: 21px;}
  .sprtDocLst__bigBox{border-radius: 15px; padding: 20px;}
  .sprtDocLst__bigBox .sprtDocLst__clr--blue.sprtDocLst__ft--700{margin-bottom: 15px;}
  .sprtDocLst__bigBox--flexGp30 figure{display: none;}
  .sprtDocLst__lst{row-gap: 7px;}
  .sprtDocLst__lst--grd4{grid-template-columns: auto;}
  .sprtDocLst__smBox--grd5{
    grid-template-columns: repeat(1, 1fr);
    row-gap: 35px;  max-width: 400px; margin: 0 auto;
  }
  .sprtDocLst__smBox::after{
    right: unset; top: unset; bottom: -32px; left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .sprtDocLst__tableWrap{padding-bottom: 10px;}
  .sprtDocLst__tableType1 th,
  .sprtDocLst__tableType1 td, th.thToTd{font-size: 14px; line-height: 21px;}

  .sprtDocLst__tableType2 th, .sprtDocLst__tableType2 td{font-size: 14px; line-height: 21px;}

  .sprtDocLst__indt12{text-indent:-10px; padding-left:10px;}
  .sprtDocLst__indt20{text-indent:-15px; padding-left:15px;}

  /* 과정별 훈련비 지원 사항 table */
  .crsFeeSuprt thead th:first-child,
  .crsFeeSuprt tbody tr td:first-child{padding: 10px 15px;}

  /* 수급자격 및 지원 내용 */
  .nJobSuprt__cont1 {padding: 12px; row-gap: 18px; text-align: center;}
  .nJobSuprt__cont1 > div{flex-direction: column; row-gap: 5px; align-items: center;}
  .nJobSuprt__cont1 > div p:first-child{width: auto;}
  .nJobSuprt__cont2{padding: 12px; row-gap: 5px;}

  /* 국민취업지원제도 배너 */
  .sprtBannr{border-radius: 15px; height: auto; align-items: center;}
  .sprtBannr__txtBox{padding: 6%; width: 100%;}
  .sprtBannr__tit{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
  .sprtBannr__bnrImg{display: none;}
  .sprtBannr__txt{gap: 10px;}
  .sprtBannr__donImg{width: 22px; height: 22px;}

    /* 국민취업지원제도 참여할 수 없는 대상 */
  .exTargets__cont{flex-direction: column;}

  /* 국민취업지원제도 주요 취업지원 서비스 */
  .mnJobSrpt{flex-direction: column; margin:0 auto; max-width: 400px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sprtDocLst__mnStrTit{font-size: 28px;}
  .sprtDocLst__mnTit, .sprtDocLst__mnTit *{font-size:20px; line-height: 36px;}
  .sprtDocLst__subTit, .sprtDocLst__subTit *{font-size:18px; line-height: 30px;}
  .sprtDocLst__mnTxt, .sprtDocLst__mnTxt * {font-size:16px; line-height: 26px;}
  .sprtDocLst__subTxt,.sprtDocLst__subTxt *{font-size:14px; line-height: 21px;}
  .sprtDocLst__bigBox{border-radius: 20px; padding: 25px;}
  
  .sprtDocLst__lst--grd4{column-gap: 25px; grid-template-columns: auto auto;}
  .sprtDocLst__lst--grd4:nth-child(1) {grid-row: 1; grid-column: 1; } 
  .sprtDocLst__lst--grd4:nth-child(3) {grid-row: 1; grid-column: 2; } 
  .sprtDocLst__lst--grd4:nth-child(2) {grid-row: 2; grid-column: 1; } 
  .sprtDocLst__lst--grd4:nth-child(4) {grid-row: 2; grid-column: 2; }
  .sprtDocLst__smBox--grd5{grid-template-columns: repeat(3, 1fr);}

  /* 과정별 훈련비 지원 사항 table */
  .crsFeeSuprt thead th:first-child, .crsFeeSuprt tbody tr td:first-child{padding: 10px 20px;}
  
  /* 수급자격 및 지원 내용 */
  .nJobSuprt__cont2{row-gap: 5px;}

  /* 국민취업지원제도 배너 */
  .sprtBannr{border-radius: 20px;}
  .sprtBannr__txtBox{padding: 4% 0 0 32px;}
  .sprtBannr__tit{font-size: 22px; line-height: 32px; margin-bottom: 20px;}
  .sprtBannr__txt *{line-height: 22px;}
  .sprtBannr__bnrImg{margin-right: -16%;}

  /* 국민취업지원제도 참여기준 */
  .partiReq{column-gap: 40px;}
}

@media all and (min-width:900px){.sprtBannr__bnrImg{margin-right: -6%;}}

@media all and (min-width:1024px){
  .sprtDocLst__mnStrTit{font-size: 34px;}
  .sprtDocLst__mnTit, .sprtDocLst__mnTit *{font-size:24px; line-height: 32px;}
  .sprtDocLst__subTit, .sprtDocLst__subTit *{font-size:20px; line-height: 32px;}
  .sprtDocLst__mnTxt, .sprtDocLst__mnTxt * {font-size:18px; line-height: 26px;}
  .sprtDocLst__subTxt,.sprtDocLst__subTxt *{font-size:16px; line-height: 24px;}
  .sprtDocLst__bigBox{border-radius: 30px; padding: 30px;}
  .sprtDocLst__lst--grd4{column-gap: 30px; grid-template-columns: auto auto auto auto; }
  .sprtDocLst__smBox--grd5{grid-template-columns: repeat(4, 1fr);}

  .sprtDocLst__tableType1 th{font-size: 18px; line-height: 30px;}
  .sprtDocLst__tableType1 td, th.thToTd{font-size: 16px; line-height: 27px;}

  .sprtDocLst__tableType2 th, .sprtDocLst__tableType2 td{font-size: 16px; line-height: 27px;}

  .nJobSuprt__cont2 .sprtDocLst__subTxt{line-height: 28px;}

  .sprtDocLst__indt20 .pcBlock{display: block; margin-left: 20px;}
  .sprtDocLst__indt12 .pcBlock{display: block; margin-left: 12px;}
  
  /* 수급자격 및 지원 내용 */
  .nJobSuprt__cont1 > div p{line-height: 27px;}

  /* 국민취업지원제도 배너 */
  .sprtBannr{border-radius: 30px;}
  .sprtBannr__tit{font-size: 28px; line-height: 36px; margin-bottom: 36px;}
  .sprtBannr__txtBox{padding: 36px 0 0 44px;}

  /* 국민취업지원제도 주요 취업지원 서비스 */
  .mnJobSrpt .sprtDocLst__bigBox{padding: 26px 30px 26px 30px;}
}
@media all and (min-width:1200px){
  .sprtDocLst__lst--grd4{column-gap: 45px;}
  .sprtDocLst__smBox--grd5{grid-template-columns: repeat(5, 1fr);}

  .sprtBannr__txtBox{padding: 42px 0 0 54px;}
  .sprtBannr__bnrImg{margin-right: unset;}
}