@charset "utf-8";

/*==================
content__ : Sub head
==================*/
h2.sub-head-top { font-size: 36px; font-family: 'NotoSansKR-Bold'; line-height: 1.3;
text-align: center; border: 1px solid #111; border-width: 1px 0; padding: 10px 0; margin-bottom: 40px}

.sub-head, .sub-body, .sub-body table { font-size: 16px;}
.sub-head { position: relative; min-height: 160px; border-bottom: 1px solid #d4d4d4; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: flex-end;}

.sub-head.oc {
	align-items: flex-start;
}

.sub-head.pd {
	border-bottom: none;
	align-items: flex-start;
	min-height: 60px;
}

.sub-head h3 {
	display: flex;
	font-size: 34px;
	font-family: 'Noto Sans CJK KR';
	font-weight: 600;
	align-items: center;
	color: #001740;
}
.sub-head h3 span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-family: 'Montserrat-Regular';
	font-size: 32px;
	color: #fff;
	border-radius: 8px;
	background: #001740;
	margin-right: 10px
}

.sub-head p { position: relative; font-size: 21px; color: #545454; padding: 20px 0 40px 0; font-family: 'Noto Sans CJK KR'; font-weight: 400; letter-spacing: -0.15rem; line-height: 1.5;}
.sub-head .p-box { margin: 20px 100px 40px 0}
.sub-head p.dot { position: relative; line-height: 1.3; text-indent: -1.190em; padding: 0 0 0 1.190em}
.sub-head p.dot + p.dot { margin-top: 5px}
.sub-head p .small { display: block; font-size: 16px; line-height: 1.3}
.sub-head .img { margin-bottom: 40px;}

@media (max-width: 991px){
	h2.sub-head-top { font-size: 20px; margin-bottom: 20px}
	.sub-head, .sub-body, .sub-body table { font-size: 14px;}
	.sub-head {
		min-height: 90px;
		margin-bottom: 20px;
	}

	.sub-head h3 {
		font-size: 20px;
		line-height: 1.1;
		align-items: flex-start;
	}

	
	.sub-head.pd h3 {
		align-items: center;
	}

	.sub-head h3 span {
		flex: none;
		width: 30px;
		height: 30px;
		font-size: 18px;
		border-radius: 4px;
	}

	.sub-head p {
		font-size: 12px;
		padding: 10px 0px 15px 0;

	}
	.sub-head .p-box { margin: 10px 90px 10px 0}
	.sub-head p .small { font-size: 11px}
	.sub-head p br { }
	.sub-head p.on-br br { display: block}
	.sub-head .img { width: 80px; margin-bottom: 15px;}
	.gb_sp_info04_2024_07 {
		position: absolute;
		right: -10px;
		width: 65px !important;
	}
	.gb_ceic_info01_09 {
		width: 65px !important;
	}
	.lt_box {
		max-width: 260px;
	}

}


/*==================
content__ : Sub head2
==================*/
/*.sub-head2 { font-size: 16px;}
.sub-head2 { position: relative; min-height: 0px; margin-bottom: 5px}
.sub-head2 h3 { display: flex; font-size: 38px; font-family: 'NotoSansKR-Bold'; line-height: 1.3}
.sub-head2 h3 span { display: flex; align-items: center; justify-content: center; width: 100px; height: 50px; font-family: 'Montserrat-Regular'; font-size: 32px; color: #fff; border-radius: 8px; background: #292929; margin-right: 10px}
.sub-head2 p { font-size: 21px; color: #696969; padding: 20px 270px 40px 0}
.sub-head2 .img { position: absolute; bottom: -20px; right: 0; display: block; width: 250px}*/

.sub-head2 { position: relative; margin: 20px 0}
.sub-head2 h3 { display: flex; align-items: flex-start; font-size: 27px; font-family: "Noto Sans CJK KR"; font-weight: 700; line-height: 1.5}
.sub-head2 h3 span { display: inline-block; font-family: 'Noto Sans CJK KR'; font-weight: 700; font-size: 26px; color: #fff; letter-spacing: -1px; border-radius: 8px; background: #292929; padding: 0px 15px 0px 15px; margin-right: 10px}

@media (max-width: 991px){
	/*.sub-head2 { font-size: 14px;}
	.sub-head2 { min-height: 90px; margin-bottom: 20px}
	.sub-head2 h3 { font-size: 20px}
	.sub-head2 h3 span { flex: none; width: 26px; height: 26px; font-size: 16px; border-radius: 4px}
	.sub-head2 p { font-size: 12px; padding: 10px 90px 15px 0}
	.sub-head2 p br { display: none}
	.sub-head2 .img { width: 80px; bottom: -5px;}*/

	.sub-head2 { margin: 30px 0 10px 0}
	.sub-head2 h3 { font-size: 18px; line-height: 1.3}
	.sub-head2 h3 span { font-size: 15px; padding: 2px 10px 0 10px}
}


/*================================
content__ : Sub head3 (no image)
================================*/
.sub-head3 { font-size: 16px;}
.sub-head3 { position: relative; margin-bottom: 30px}
.sub-head3 h3 {
	display: flex;
	font-size: 34px;
	font-family: 'Noto Sans CJK KR';
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -1px;
	color: #001740;
}
.sub-head3 h3 span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-family: 'Montserrat-Regular';
	font-size: 32px;
	color: #fff;
	border-radius: 8px;
	background: #001740;
	margin-right: 10px
}
/*.sub-head3 p { font-size: 21px; color: #696969; padding: 20px 0; border: 1px solid #111; border-width: 1px 0; margin-top: 40px}*/
.sub-head3 p { position: relative; font-size: 21px; color: #545454; padding: 20px; font-family: 'Noto Sans CJK KR'; font-weight: 400; letter-spacing: -0.15rem; line-height: 1.5; background: #eee; border-radius: 8px; margin-top: 30px;}
.sub-head3 p strong { display: block; font-family: 'NotoSansKR-Regular'; margin-bottom: 5px}

@media (max-width: 991px){
	.sub-head3 { font-size: 14px;}
	.sub-head3 { margin-bottom: 20px}
	.sub-head3 h3 { font-size: 20px}
	.sub-head3 h3 span {
		flex: none;
		width: 30px;
		height: 30px;
		font-size: 18px;
		border-radius: 4px;
	}

	.sub-head3 p { font-size: 16px; line-height: 1.3; padding: 10px 20px; margin-top: 30px}
	.sub-head3 p br { display: none}
}


/*==================
content__ : Sub body
==================*/
.sub-body { position: relative;}
.sub-body h4.tit { position: relative; font-size: 26px; padding-left: 35px; margin-bottom: 20px; font-family: 'Noto Sans CJK KR'; font-weight: 600; letter-spacing: -0.1rem;}
.sub-body h4.tit::before { content: ""; position: absolute; left: 0; top: 9px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-size: 18px; font-family: "NotoSansKR-Bold"; color: #fff; border-radius: 50%; background: #014099;}
.sub-body h4.tit.tit1::before { content: "Ⅰ"}
.sub-body h4.tit.tit2::before { content: "Ⅱ"}
.sub-body h4.tit.tit3::before { content: "Ⅲ"}
.sub-body h4.tit.tit4::before { content: "Ⅳ"}
.sub-body h4.tit.tit5::before { content: "Ⅴ"}
.sub-body h4.tit .small { font-size: 22px; font-family: 'Noto Sans CJK KR'; font-weight: 400;}
.sub-body h5.tit { position: relative; font-size: 24px; padding-left: 35px; margin-bottom: 20px}
.sub-body h6.tit { position: relative; font-size: 18px; padding-left: 15px; margin-bottom: 5px}

.sub-body strong.tit { position: relative; display: block; font-size: 20px; padding-left: 25px; margin-bottom: 10px}
.sub-body strong.tit::before { content: ""; position: absolute; left: 0; top: 6px; width: 17px; height: 17px; background: url("../img/sub/icon_check.png") center /contain no-repeat;}
.sub-body strong.tit.in { margin-left: 35px}
.sub-body strong.tit.no-img { padding-left: 0;}
.sub-body strong.tit.no-img::before { content: none}
.sub-body strong.tit.flex { display: flex}
.sub-body strong.tit.flex span { display: block}

.sub-body .sub_tit {font-size: 18px; display: inline-block; font-family: 'NotoSansKR-Regular'; margin-left: 10px;}

.sub-body ul.dot { position: relative; margin-left: 25px; margin-bottom: 30px}
.sub-body ul.dot > li { position: relative; font-size: 18px; padding-left: 15px; font-family: 'Noto Sans CJK KR'; font-weight: 400; letter-spacing: -0.1rem;}
.sub-body ul.dot > li::before { content: ""; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #014099; z-index: -1}
/*.sub-body ul.dot > li::after { content: ""; position: absolute; left: 2px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #fff; z-index: 1}*/
.sub-body ul.dot.in { margin-left: 60px}

.sub-body ul.dot-small { position: relative}
.sub-body ul.dot-small > li { position: relative; text-indent: -15px; padding-left: 15px}
.sub-body ul.dot-small20 { position: relative}
.sub-body ul.dot-small20 > li { position: relative; text-indent: -20px; padding-left: 20px}
.sub-body p.dot { position: relative; text-indent: -10px; padding-left: 10px}
.sub-body p.dot20 { position: relative; text-indent: -20px; padding-left: 20px}
.sub-body span.dot { position: relative; display: block; text-indent: -10px; padding-left: 10px}
.sub-body span.dot20 { position: relative; display: block; text-indent: -20px; padding-left: 20px}
.sub-body em.dot { position: relative; display: block; text-indent: -10px; padding-left: 10px}
.sub-body em.dot20 { position: relative; display: block; text-indent: -20px; padding-left: 20px}
.sub-body .empty10 { display: block; margin-left: 10px}
.sub-body .empty15 { display: block; margin-left: 15px}
.sub-body .empty20 { display: block; margin-left: 20px}
.sub-body .empty30 { display: block; margin-left: 30px}

.sub-body .box { margin-bottom: 30px; margin-top: 15px;}
.sub-body .box.in { margin-left: 65px}
.sub-body .box.in2 { margin-left: 25px}
.sub-body .sub_box {margin: 10px 0; padding: 5px; border: 1px dashed #b0b0b0; text-align: center; font-family: 'Noto Sans CJK KR'; font-weight: 500; font-size: 16px;}
.sub-body p.in { margin-left: 65px}
.sub-body p.in2 { margin-left: 25px}
.sub-body .line-box { border: 1px solid #ddd; padding: 20px; margin: 10px 0 30px 0; border-radius: 10px;}
.sub-body .line-box.up { font-size: 17px;}
.sub-body .nemo { border: 1px solid #878787; border-radius: 10px; padding: 15px; margin: 5px 0}
.sub-body ul.flex-half { display: flex; flex-wrap: wrap}
.sub-body ul.flex-half li { width: 50%}

.sub-body .contact { display: flex; align-items: stretch; font-size: 18px; font-family: 'NotoSansKR-Medium'; padding-bottom: 40px; margin-top: 40px}
.sub-body .contact span { position: relative; display: flex; align-items: center; justify-content: center; width: 130px; color: #fff; border-radius: 12px; background: #292929; padding: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.sub-body .contact span em { position: relative; display: block; padding-left: 30px}
.sub-body .contact span em::before { content: ""; position: absolute; left: 0; top: 50%; width: 22px; height: 22px; background: url("../img/sub/icon_info.png") center /contain no-repeat; transform: translateY(-50%); margin-top: 1px}
.sub-body .contact p { flex: 1; border-radius: 12px; background: #e9e9e9; padding: 15px 30px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

@media (max-width: 991px){
	.sub-head.pd {
		min-height: 35px;
	}
	.sub-body h4.tit { font-size: 18px; padding-left: 27px; margin-bottom: 10px}
	.sub-body h4.tit::before { top: 4px; width: 20px; height: 20px; font-size: 12px}
	.sub-body h4.tit .small { font-size: 14px}
	.sub-body h5.tit { font-size: 17px; padding-left: 27px; margin-bottom: 10px}
		
	.sub-body strong.tit { font-size: 15px; padding-left: 17px; margin-bottom: 5px}
	.sub-body strong.tit::before { width: 13px; height: 13px}
	.sub-body strong.tit.in { margin-left: 27px}
	
	.sub-body ul.dot {
		margin-left: 17px;
		margin-bottom: 15px;
		overflow-x: scroll;
	}

	.sub-body ul.dot > li { font-size: 14px; padding-left: 13px;}
	.sub-body ul.dot > li::before { top: 8px; width: 8px; height: 8px}
	.sub-body ul.dot > li::after { top: 10px; width: 4px; height: 4px}
	.sub-body ul.dot.in { margin-left: 44px}
	
	.sub-body .box { margin-bottom: 15px}
	.sub-body .box.in { margin-left: 44px}
	.sub-body .line-box { padding: 10px}
	.sub-body .line-box.up { font-size: 14px;}
	.sub-body ul.flex-half li { width: 100%}
	
	.sub-body .contact { font-size: 14px; padding-bottom: 0px; margin-top: 30px}
	.sub-body .contact span { width: 80px; border-radius: 4px; padding: 10px 5px; margin-right: 5px}
	.sub-body .contact span em { position: relative; display: block; padding-left: 18px}
	.sub-body .contact span em::before { width: 14px; height: 14px;}
	.sub-body .contact p { line-height: 1.3; border-radius: 4px; background: #e9e9e9; padding: 10px; font-size: 1.2rem;}
}


/*==================
System
==================*/

/* 경상북도 : 금융지원 01 */
.sub-body ul.step { position: relative; display: flex}
.sub-body ul.step li { position: relative; flex:1}
.sub-body ul.step > li + li { margin-left: 20px}
.sub-body ul.step > li + li::before { content: "▶"; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); margin-top: -20px}
.sub-body ul.step li .top { display: flex; align-items: center; justify-content: center; height: 60px; color: #fff; line-height: 1.2; text-align: center; background: #292929}
.sub-body ul.step li p { display: flex; align-items: center; justify-content: center; height: 130px; text-align: center; line-height: 1.2; border: 1px solid #878787; padding: 5px 5px 10px; margin-top: 10px; font-family: 'Noto Sans CJK KR'; font-weight: 400;}
.sub-body ul.step li ul.dot-small { height: 90px; background: #e9e9e9; padding: 7px 5px 5px 5px; margin-top: 25px}
.sub-body ul.step li ul.dot-small::before { content: "↑"; position: absolute; top: -25px; left: 50%; font-family:'NotoSansKR-Bold'; transform: translateX(-50%)}
.sub-body ul.step li ul.dot-small li { font-size: 15px; line-height: 1.2; text-indent: -10px; padding-left: 10px; font-family: 'Noto Sans CJK KR'; font-weight: 500;}

/* 경상북도 : 기타지원 02 */
.sub-body ul.step.sub08_02 li {font-size: 17px;}
.sub-body ul.step.sub08_02 li .top {background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500; font-family: 'Noto Sans CJK KR';}
.sub-body ul.step.sub08_02 li p {height: 40px; margin-top: 0; border-top: none; padding: 5px 10px; }
.sub-body ul.step.sub08_02 > li + li::before {top: 70%;}

/* 경제진흥원 */
.sub-body ul.step.sub02_12 li .top {background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500; height: 40px}
.sub-body ul.step.sub02_12 li p {height: auto; min-height: 55px; margin-top: 0; border-top: none; padding: 5px 10px;}
.sub-body ul.step.sub02_12 li .bt {height: 40px; min-height: 40px; }
.sub-body ul.step.sub02_12 > li + li::before {top: 65%;}

.sub-body ul.step.sub02_13 li .top {background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500; height: 40px}
.sub-body ul.step.sub02_13 li p {height: auto; min-height: 80px; margin-top: 0; border-top: none; padding: 5px 10px;}
.sub-body ul.step.sub02_13 li .bt {height: 50px; min-height: 50px; }
.sub-body ul.step.sub02_13 > li + li::before {top: 60%;}

.sub-body ul.step.sub02_17 li {font-size: 17px;}
.sub-body ul.step.sub02_17 li .top {background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500; font-family: 'Noto Sans CJK KR';}
.sub-body ul.step.sub02_17 li p {height: 50px; margin-top: 0; border-top: none; padding: 5px 10px;}
.sub-body ul.step.sub02_17 > li + li::before {top: 70%;}

.sub-body ul.step.sub02_18 li {font-size: 17px;}
.sub-body ul.step.sub02_18 li .top {height: 40px; background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500; font-family: 'Noto Sans CJK KR';}
.sub-body ul.step.sub02_18 li p {height: auto; min-height: 75px; margin-top: 0; border-top: none; padding: 5px 10px;}
.sub-body ul.step.sub02_18 > li + li::before {top: 70%;}

/* 창조경제혁신센터 */
.sub-body ul.step.sub05_05 li .top {height: 45px; background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500;}
.sub-body ul.step.sub05_05 li p {height: 45px; margin-top: 0; border-top: none;}
.sub-body ul.step.sub05_05 > li + li::before {top: 70%;}

.sub-body ul.step.sub05_08 li .top {height: 70px; background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500;}
.sub-body ul.step.sub05_08 li .top.top2 {height: 30px; position: relative; min-width: 170px;}
.sub-body ul.step.sub05_08 li p {height: 70px; margin-top: 0; border-top: none;}
.sub-body ul.step.sub05_08 li p.top2_ {height: 35px;} 
.sub-body ul.step.sub05_08 > li + li::before {top: 70%;}
.sub-body ul.step.sub05_08 > li + li:last-child::before {display: none;}
.sub-body ul.step.sub05_08 li .top.top2::after { content: "▶"; position: absolute; left: -18px; top: 70%; color: #000;}

/* 환동해산업연구원 */
.sub-body ul.step.sub07_01 li .top {height: 55px; background-color: lightgray; border: 1px solid #878787; color: #000; font-weight: 500;}
.sub-body ul.step.sub07_01 li p {height: auto; min-height: 95px; margin-top: 0; border-top: none; padding: 5px 10px; border-right: none; border-left: none;}
.sub-body ul.step.sub07_01 li .bt {height: 40px; min-height: 40px; border-bottom: 1px solid #292929;}
.sub-body ul.step.sub07_01 > li + li::before {top: 60%;}

.sub-body ul.step.sub07_02 li .top {height: 212px; background:url('../img/sub/sub07_01_img01.png?new') center /contain no-repeat; background-color: none; border: none; color: #000; font-weight: 500;}
.sub-body ul.step.sub07_02 li .top.sec {background:url('../img/sub/sub07_01_img02.png?new') center /contain no-repeat;}
.sub-body ul.step.sub07_02 li .top.thi {background:url('../img/sub/sub07_01_img03.png?new') center /contain no-repeat;}
.sub-body ul.step.sub07_02 li .top.fou {background:url('../img/sub/sub07_01_img04.png?new') center /contain no-repeat;}
.sub-body ul.step.sub07_02 li p {height: auto; min-height: 95px; margin-top: 0; border-top: none; padding: 5px 10px; border-right: none; border-left: none;}
.sub-body ul.step.sub07_02 li .bt {height: auto; min-height: auto; border-bottom: none; text-align: left; margin-top: 10px;}
.sub-body ul.step.sub07_02 > li + li::before {display: none;}

/* 경상북도 : 금융지원 11 */
.sub-body ul.step2 { position: relative; display: flex}
.sub-body ul.step2 li { position: relative; flex:1}
.sub-body ul.step2 li + li { margin-left: 30px}
.sub-body ul.step2 li p { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; padding: 5px; font-size: 16px;}
.sub-body ul.step2 li p.left { text-align: left}
.sub-body ul.step2 li p.column { flex-direction: column}
.sub-body ul.step2 li p.arrow { height: 70px; border: 1px solid #878787; border-radius: 10px;}
.sub-body ul.step2 li + li p.arrow::before { content: "▶"; position: absolute; left: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step2 li.arr p.arrow::after { content: "▶"; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step2 li p.bg { height: 70px; background: #e9e9e9; margin-top: 10px; border-radius: 10px;}
.sub-body ul.step2 li p span { line-height: 1.2}

.sub-body ul.step2.p-h100 li { display: flex; flex-direction: column}
.sub-body ul.step2.sub_14.p-h100 li p.arrow { height: 100%; align-items: flex-start}

@media (max-width: 991px){
	.sub-body ul.step2 li p { font-size: 14px}
}

/* 경상북도 : 금융지원 12 */
.sub-body ul.step3 { position: relative; display: flex}
.sub-body ul.step3 li { position: relative; flex:1}
.sub-body ul.step3 li + li { margin-left: 30px}
.sub-body ul.step3 li p { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; padding: 5px;}
.sub-body ul.step3 li p.arrow { height: 70px; background: #e9e9e9; border: 1px solid #878787; border-radius: 10px;}
.sub-body ul.step3 li p.arrow.white { background: #fff}
.sub-body ul.step3 li + li p.arrow::before { content: "▶"; position: absolute; left: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step3 li p.txt { margin-top: 10px}

.sub-body.sub11-12 ul.step3 li:nth-child(2) .txt span { position: absolute; left: 110px; top: 0; display: block; white-space: nowrap}

/* 경상북도 : 금융지원 14 */
.sub-body ul.step2.sub_14 li p.arrow {padding: 10px 5px; min-height: 80px; height: auto;}
.sub-body ul.step2.sub_14 li p.bg {font-size: 17px; margin-bottom: 10px; font-weight: 700;}

@media (max-width: 991px){
	.sub-body ul.step2.sub_14 li p.bg { font-size: 15px}
}

/* 경상북도 : 기술지원 4 */
/*.sub-body ul.step4 { position: relative; display: flex}
.sub-body ul.step4 li { position: relative; flex:1}
.sub-body ul.step4 li + li { margin-left: 30px}
.sub-body ul.step4 li + li::before { content: "▶"; position: absolute; left: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4 li p { position: relative; display: flex; align-items: center; justify-content: center; height: 70px; text-align: center; line-height: 1.2; padding: 5px; border: 1px solid #878787;}
.sub-body ul.step4 li p.bg { background: #e9e9e9; }
.sub-body ul.step4 li p.txt { border-top: 0}
.sub-body ul.step4.line3 p.txt { height: 90px }
.sub-body ul.step4.line4 p.txt { height: 140px }*/
.sub-body ul.step4 { position: relative; display: flex}
.sub-body ul.step4 li { position: relative; flex:1; padding-top: 60px}
.sub-body ul.step4 li + li { margin-left: 30px}
.sub-body ul.step4 li + li::before { content: "▶"; position: absolute; left: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4 li.arr::after { content: "▶"; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4 li p { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; line-height: 1.2; padding: 5px; border: 1px solid #878787; border-radius: 10px;}
.sub-body ul.step4 li.all { padding-top: 0}
.sub-body ul.step4 li.all p { height: 100%}
.sub-body ul.step4 li.all p.bgc { background: #e9e9e9}
.sub-body ul.step4 li.all p.br2 { border: 2px solid #333}
.sub-body ul.step4 li p.bg { position: absolute; top: 0; left: 0; height: 60px; background: #e9e9e9; font-weight: 700;}
.sub-body ul.step4 li p.txt { text-align: center; padding: 10px 5px; margin-top: 10px; min-height: 62px;}
.sub-body ul.step4 li p.txt .long { text-indent: -10px; line-height: inherit; padding: 0 0 0 15px}
.sub-body ul.step4 li p.dott { border-top: 1px dashed #878787; padding: 10px 5px}
.sub-body ul.step4 li p.txt span.inner { display: block}
.sub-body ul.step4 li p.txt em.dot { display: block; text-indent: -10px; padding-left: 10px; font-style: normal; line-height: 1.3; word-break: break-all}
.sub-body ul.step4 li p.txt em.dot span { line-height: 1.3}

.sub-body ul.step4.free1 li { flex: none}

.sub-body ul.step4.sub03_01 li p.bg { height: 50px;}
.sub-body ul.step4.sub03_01 li p.txt { margin-top: 0; height: 100%}

.sub-body ul.step4.sub03_04 li p.bg { height: 50px;}
.sub-body ul.step4.sub03_04 li p.txt { margin-top: 0; min-height: 74px;}

.sub-body ul.step4.sub06_02 li p.bg { height: 50px;}
.sub-body ul.step4.sub06_02 li p.txt { margin-top: 0; min-height: 100px; height: 100%}
.sub-body ul.step4.sub06_02 li p.txt.flex-h { flex-direction: column; justify-content: flex-start}
.sub-body ul.step4.sub06_02 li p.txt .bb-dot { display: block; width: 100%; text-align: center; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dashed #878787}
.sub-body ul.step4.sub06_02 li p.txt span.ddot { display: block; width: 100%; line-height: 1.3; text-align: left; text-indent: -10px; padding-left: 10px;}

.sub-body ul.step4.sub06_03 li p.bg { height: 50px;}
.sub-body ul.step4.sub06_03 li p.txt { margin-top: 0; min-height: 106px;}

.sub-body ul.step4.sub03_11 li + li::before {display: none;}
.sub-body ul.step4.sub03_11 li p::before {content: "▶"; position: absolute; right: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4.sub03_11 li:last-child p::before {display: none;}
.sub-body ul.step4.sub03_11 li p.bg {background: #fff;}
.sub-body ul.step4.sub03_11 li p.txt {font-weight: 700;}

.sub-body ul.step4.sub07_02 li + li::before {display: none;}
.sub-body ul.step4.sub07_02 li p::before {content: "▶"; position: absolute; right: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4.sub07_02 li:last-child p::before {display: none;}
.sub-body ul.step4.sub07_02 li p.bg {background: #fff; min-height: 70px; height: 70px;}

.sub-body ul.step4.sub08_08 li + li::before {display: none;}
.sub-body ul.step4.sub08_08 li p {font-size: 16px;}
.sub-body ul.step4.sub08_08 li p::before {content: "▶"; position: absolute; right: -24px; top: 50%; transform: translateY(-50%);}
.sub-body ul.step4.sub08_08 li:last-child p::before {display: none;}
.sub-body ul.step4.sub08_08 li p.bg {font-weight: 500;}
.sub-body ul.step4.sub08_08 li p.txt {font-weight: 500;}

@media (max-width: 1310px){
	.sub-body ul.step4.free1 li { flex: 1}
}


/* 경북신용보증재단 : 신용보증 지원 1 */
.sub-body ul.step5 { position: relative;}
.sub-body ul.step5 > li { position: relative; display: flex; border: 1px solid #666}
.sub-body ul.step5 li + li { margin-top: 30px}
.sub-body ul.step5 li + li::before { content: "▼"; position: absolute; top: -30px; left: 50%; transform: translateX(-50%);}
.sub-body ul.step5 > li strong { display: block; flex: .7; text-align: center; padding: 10px 0}
.sub-body ul.step5 > li p { flex: 2.5; border-left: 1px solid #666; padding: 10px 0 10px 20px}


@media (max-width: 991px){
	.sub-body ul.step4 li { padding-top: 60px}
	.sub-body ul.step4 li p.bg { height: 60px}
}

/*==================
Table
==================*/
.cover { position: relative}
table.base { width: 100%; border-bottom: 1px solid #292929}
table.base th, table.base td { border-right: 1px solid #d4d4d4; padding: 10px 15px; vertical-align: middle}
table.base thead tr th:last-of-type, table.base tr td:last-of-type { border-right: 0}
table.base th { font-family: 'NotoSansKR-Medium'; text-align: center; background: #faffff; border-top: 1px solid #292929}
table.base tbody th { border-top: 1px solid #d4d4d4}
table.base tbody tr:first-of-type th { border-top: 1px solid #292929}
table.base tbody tr:first-of-type th + td { border-top: 1px solid #292929}
table.base td { border-top: 1px solid #d4d4d4; }
table.base td.center { text-align: center}
table.base .pad td {padding: 5px 12px;}

table.base.center td { text-align: center}
table.base.center td.left { text-align: left}

.para {font-size: 14.5px; display: inline-block;}
.para2 {font-size: 16px; display: inline-block;}
.sm {font-size: 13px; display: inline-block;}
.ml__ {display: inline-block; margin-left: 32px;}
.title__ {position: relative; font-size: 18px; margin-left: 25px; font-family: 'Noto Sans CJK KR'; font-weight: 400; margin-bottom: 10px; padding-left: 15px;}
.sub-body .title__::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #014099;
    z-index: -1;
}
.tit__{font-size: 20px; font-family: 'NotoSansKR-Medium'; text-align: center;}
.tit__.left {text-align: left; padding-top: 10px;} 
.tit2__ {font-size: 18px; font-family: 'NotoSansKR-Regular'; margin-left: 35px;}
.tit_sub {font-size: 19px; padding-left: 10px; margin-bottom: 10px; margin-top: 15px;}

table.base.lh13 th, table.base.lh13 td, table.base.lh13 p { line-height: 1.3}

table.base.inner__ { width: 98%; border: 1px solid #292929; text-align: center; font-weight: 500; margin: 5px 0px;}
table.base.inner__ th {background: #fff; padding: 5px 15px; line-height: 1.2; font-family: 'NotoSansKR-Regular'; border-right: 1px solid gray;}
table.base.inner__ td { padding: 2px 15px; border-top: 1px solid gray; border-right: 1px solid gray;}

table.base.inner__ .backslash { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}
table.base.inner__ .backslash { text-align: left;}
table.base.inner__ .backslash div { text-align: right;}

table.base.pad__ th {padding: 5px 15px;}

table.base.pad2__ th {padding: 5px 15px;}
table.base.pad2__ td {padding: 7px 15px;}

table.base.pad3__ th {padding: 5px 15px; font-family: 'NotoSansKR-Regular';}
table.base.pad3__ td {padding: 5px 15px;}

table.base.wh th {background: #fff; }

.br-gray { border-right: 1px solid #d4d4d4 !important}
.bt-gray { border-top: 1px solid #d4d4d4 !important}
.bt-dark { border-top: 1px solid #292929 !important}
.bl-dark { border-left: 1px solid #292929 !important}
.br-dark { border-right: 1px solid #292929 !important}

.tb_bg {background:#faffff}
.tb_bg_gray {background:#e9e9e9}

.tbl-top-text { font-size: 14px; text-align: right; margin-bottom: 2px}

.qr-box { width: 154px;}
.qr-box p { line-height: 1.3}

@media (max-width: 991px){
	.cover { overflow-x: auto}
	
	.tbl-top-text { font-size: 12px}

	.para {font-size: 13px; display: inline-block;}
	.para2 {font-size: 12.5px; display: inline-block;}
	.sm {font-size: 10px; display: inline-block;}
}
@media (max-width: 575px){
	.cover table, .cover > * { width: 700px}
}

/*==================
Common
==================*/
.d-inblock { display: inline-block !important}
.d-block { display: block !important}
.d-flex { display: flex !important}
.d-flex-co { display: flex !important; flex-direction: column;}
.flex05 { flex: 0.5 !important}
.flex1 { flex: 1 !important}
.flex15 { flex: 1.5 !important}
.shrink0 { flex-shrink: 0 !important}
.ai-start { align-items: flex-start !important}
.ai-end { align-items: flex-end !important}

.t-left { text-align: left !important}
.t-center { text-align: center !important}
.t-right { text-align: right !important}

.underline { text-decoration: underline !important}
.num {font-size: 14px; vertical-align: top; margin-right: 2px;}

.bold4-ns { font-family: 'NotoSansKR-Regular' !important}

.fs-14 { font-size: 14px !important}
.fs-15 { font-size: 15px !important}
.fs-16 { font-size: 16px !important}
.fs-17 { font-size: 17px !important}
.fs-18 { font-size: 18px !important}
.bold4 { font-weight: 400 !important}
.bold5 { font-weight: 500 !important}
.bold7 { font-weight: 700 !important}
.bold9 { font-weight: 900 !important}

.lh-1 { line-height: 1 !important}
.lh-11 { line-height: 1.1 !important}
.lh-12 { line-height: 1.2 !important}
.lh-13 { line-height: 1.3 !important}
.lh-14 { line-height: 1.4 !important}

.my5 { margin: 5px 0 !important}
.my10 { margin: 10px 0 !important}

.mt-1 { margin-top: -1px !important}
.mt-2 { margin-top: -2px !important}
.mt-3 { margin-top: -3px !important}
.mt-4 { margin-top: -4px !important}
.mt-5 { margin-top: -5px !important}
.mt0 { margin-top: 0!important;}
.mt5 { margin-top: 5px !important}
.mt10 { margin-top: 10px !important}
.mt15 { margin-top: 15px !important}
.mt20 { margin-top: 20px !important}
.mt30 { margin-top: 30px !important}
.mt40 { margin-top: 40px !important}
.mt80 { margin-top: 80px !important}
.mt-auto { margin-top: auto !important}

.mb0 { margin-bottom: 0px !important}
.mb5 { margin-bottom: 5px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb20 { margin-bottom: 20px !important}
.mb25 { margin-bottom: 25px !important}
.mb30 { margin-bottom: 30px !important}
.mb40 { margin-bottom: 40px !important}
.mb50 { margin-bottom: 50px !important}

.ml5 { margin-left: 5px !important}
.ml10 { margin-left: 10px !important}
.ml15 { margin-left: 15px !important}
.ml20 { margin-left: 20px !important}
.ml30 { margin-left: 30px !important}
.ml40 { margin-left: 40px !important}
.ml50 { margin-left: 50px !important}
.ml60 { margin-left: 60px !important}
.ml70 { margin-left: 70px !important}
.ml90 { margin-left: 90px !important}
.ml95 { margin-left: 5.938em !important}
.ml100 { margin-left: 6.25em !important}
.ml110 { margin-left: 8.5em !important}
.ml-auto { margin-left: auto !important}

.mr5 { margin-right: 5px !important}
.mr10 { margin-right: 10px !important}
.mr15 { margin-right: 15px !important}
.mr20 { margin-right: 20px !important}
.mr30 { margin-right: 30px !important}
.mr40 { margin-right: 40px !important}

.w100p { width: 100% !important}
.w60 { width: 60px !important}
.w65 { width: 65px !important}
.w70 { width: 70px !important}
.w75 { width: 75px !important}
.w100 { width: 100px !important}

.bt-0 { border-top: 0 !important}
.bb-0 { border-bottom: 0 !important}

.month-w.sml { display: inline-block; width: 95px}
.month-w.mdl { display: inline-block; width: 110px}
.month-w.big { display: inline-block; width: 120px}

@media (max-width: 575px){
	.mb-span-block span { display: block}
	.mb-span-block br { display: none}
}

.min_box_37_wrap {
	display: flex;
	justify-content: flex-start;
	position: relative;
}
.min_box_wrap {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
	padding-bottom: 45px;
	position: relative;
}
.min_box_3_wrap {
	display: flex;
	justify-content: flex-start;
	position: relative;
}
.min_box, .min_box_37, .min_box_3 {
	display: flex;
	flex-direction: column;
	border: 1px solid #292929;
	text-align: center;
	position: relative;
}
.min_box_37 {
	margin-right: 37px;
}
.min_box_3 {
	margin-right: 85px;
}
.min_box::after {
	position: absolute;
	display: inline-block;
	content: '▶';
	color: #000;
	font-size: 16px;
	top: 50%;
	transform: translateY(-50%);
	right: -23px;
}
.min_box_37::after {
	  position: absolute;
	  display: inline-block;
	  content: '▶';
	  color: #000;
	  font-size: 16px;
	  top: 50%;
	  transform: translateY(-50%);
	  right: -30px;
}
.min_box_3::after {
	position: absolute;
	display: inline-block;
	content: '▶';
	color: #000;
	font-size: 16px;
	top: 50%;
	transform: translateY(-50%);
	right: -54px;
}
.min_box:last-child::after, .min_box_37:last-child::after, .min_box_3:last-child::after {
	content: unset;
}
.min_box > div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 22px;
}
.min_box_37 > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 86px;
}
.min_box_3 > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 175px;
}

.min_box > div:nth-child(1) {
	background-color: lightgray;
}
.min_box_37 > div:nth-child(1) {
	background-color: lightgray;
	height: 46px;
	border-bottom: 1px solid #292929;
}
.min_box_3 > div:nth-child(1) {
	background-color: lightgray;
	height: 36px;
}
.min_box_37 > div:nth-child(2) {
	height: 86px;
}
.min_box_3 > div:nth-child(2) {
	height: 80px;
}
.min_box_2 {
	display: flex;
	border: 1px solid #292929;
	text-align: center;
	position: relative;
	margin-right: 63px;
}
.min_box_2::after {
	position: absolute;
	display: inline-block;
	content: '→';
	color: #000;
	font-weight: bold;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
	right: -41px;
}
.min_box_2:nth-child(5)::after {
	content: unset;
}
.min_box_2 > div {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: lightgray;
	width: 145px;
	height: 85px;
}
.min_box.min_box_3 > div {
	padding: 5px 43px;
}
.min_box.min_box_3::after {
	right: -30px;
}
.tab42_term01, .tab42_term02, .tab42_term03 {
	position: absolute;
	bottom: 0;
	text-align: center;
}
.tab42_term01::before, .tab42_term02::before, .tab42_term03::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	width: 1px;
	height: 20px;
	background-color: #000;
}
.tab42_term01::after, .tab42_term02::after, .tab42_term03::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	width: 1px;
	height: 20px;
	background-color: #000;
}
.tab42_term01 {
	width: 357px;
	left: 0;
}
.tab42_term02 {
	width: 146px;
	left: 421px;
}
.tab42_term03 {
	width: 359px;
	left: 629px;
}
@media screen and (max-width: 1400px) {
	.min_box_wrap, .min_box_37_wrap, .min_box_3_wrap {
		overflow-x: scroll;
	}
}

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


	.min_box {
		margin-right: 30px;
	}


}