/* 
	< 파일명 수정 안내 >
	sub_reno.css → sub.css  변경됨

*/

.comWrap-sub{max-width: 1080px; width:94%; margin: 0 auto; }

/* ////////////////// 서브배너 /////////////////// */
/* 확인필요 */
/* 과정 목록 알림 텍스트 */
/* .nUseCourT{
  font-family: 'Noto Sans KR';
  font-size: 22px;
  font-weight: 500;
  width: 100vw; height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
} */

.sub_content{width:100%; min-height: 400px; margin: 0 auto 150px;}
body:has(.sub_content):has(.pagination) .sub_content{margin: 0  auto 50px;}

/* ////////////////// sub_title ~ /////////////////// */
/* ------------- sub_title01 ------------- */
.sub_title01{
	margin-bottom: 12px; color: #26386d; 
	font-size: 18px; font-weight: 700; letter-spacing: -1px;
}

/* ////////////////// sub_tab ~ 메뉴 /////////////////// */
/* ------------- sub_tab01 ------------- */
.sub_tab01{ width: 100%; margin: 0 auto 40px; display: table; table-layout: fixed}
.sub_tab01 ul{width: 100%; display: table; table-layout: fixed}
.sub_tab01 li{border: 1px solid #bac6d7cc; border-left: 0; border-bottom: 1px solid #48658d; display: table-cell; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
.sub_tab01 li:first-child{border-left: 1px solid #bac6d7cc}
.sub_tab01 li a{padding: 17px; display: block; font-size: 17px;     font-weight: 500; word-break: keep-all; color: #163667;}
.sub_tab01 li.on{border-color: #163667; border-bottom-color: #ffffff}
.sub_tab01 li.on:before{content: ''; height: 100%; border-left: 1px solid #193b6a; position: absolute; top: 0; left: -1px}
.sub_tab01 li.on:after{content: ''; width: calc(100% + 2px); border-top: 2px solid #193b6a;  border-bottom: 0; position: absolute; top: -1px; left: -1px;}
.sub_tab01 li.on a{font-weight: 600}
/* ------------------------------------- */

/* ------------- sub_tab02 ------------- */
.sub_tab02{width: 100%; margin: 0 auto 60px; display: table; table-layout: fixed}
.sub_tab02 li{border: 1px solid #c9d6e7; border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center}
.sub_tab02 li:first-child{border-left: 1px solid #c9d6e7;}
.sub_tab02 li a, .sub_tab02 li span{padding: 10px 5px; display: block; color: #163667; font-size: 16px; letter-spacing: -1px; word-break: keep-all;}
.sub_tab02 li.on{border-color: #1C7DEC; background: #1C7DEC}
.sub_tab02 li.on:after{content: ''; position: absolute; left: 50%; bottom: -10px; border-top: 5px solid #1C7DEC; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; transform: translate(-50%, 0)}
.sub_tab02 li.on a, .sub_tab02 li.on span{color: #ffffff}
/* ------------------------------------- */


@media screen and (max-width:768px) {
	/* ------------- sub_tab01 ------------- */
	.sub_tab01 li a{padding: 10px; font-size: 14px}
	/* ------------------------------------- */

	/* ------------- sub_tab02 ------------- */
	.sub_tab02{display: flex; flex-flow: wrap}
	.sub_tab02 li{width: 50%; border-top: 0; display: block}
	.sub_tab02 li:nth-child(1),
	.sub_tab02 li:nth-child(2){border-top: 1px solid #c9d6e7}
	.sub_tab02 li:nth-child(1).on,
	.sub_tab02 li:nth-child(2).on{border-color: #1a72d8}
	.sub_tab02 li:nth-child(odd){border-left: 1px solid #c9d6e7}
	.sub_tab02 li.on:after{display: none}
}

@media all and (min-width:768px) {
	.comWrap-sub{width:95%;}
	.sub_title01{font-size:20px; margin-bottom: 20px;}
}

@media screen and (max-width:1050px) {.sub_content .sub_tab01{padding: 0}}
@media all and (min-width:1200px){.comWrap-sub{width: 100%;}}