@charset "utf-8";

.contents-inner {
	display: flex;
	flex-direction: column;
	padding: 40px 20px 98px;
	gap: 20px;
}

.logo-box {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #fbfbfb;
	height: 80px;
}

.logo-box img {
	height: 32px;
}
.logo-box.cn img {
	height: auto;
}

.logo-descript {
	margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
	color: #222;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: -0.5px;
}

.logo-descript .slogan {
	font-size: 20px;
	font-weight: 700;
}
.logo-descript h3.busan, .logo-descript h3.cn {
	margin-bottom: -20px;
}
.logo-descript h3.sejong {
	margin-bottom: -6px;
}
.logo-descript .text-sm {
	font-size: 14px;
}

.logo-detail-box {
	background: #fbfbfb;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.logo-detail-box li {
	display: flex;
	gap: 8px;
	align-items: flex-start;
}
.logo-detail-box li p {
	font-size: 14px;
	width: calc(100% - 68px);
}
.logo-detail-box li .color-tit {
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	width: 60px;
}
.logo-detail-box li .color-tit::before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #66b2e3;
	display: block;
}
.logo-detail-box li .color-tit.orange::before {
	background: #f0886d;
}
.logo-detail-box li .color-tit.green::before {
	background: #55b9a1;
}

/* 지역 사업 소개 박스 */
.promo-img-box, .promo-video-box {
	border-radius: 10px;
	overflow: hidden;
}
.promo-video-box.fit-cont {
	position: relative;
	padding-bottom: 56%;
}
.promo-video-box.fit-cont video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% ,-50%);
}
.promo-img-box img {
	width: 100%;
}
.video-wrapper {
	position: relative;
}
.video-wrapper::before {
	position: absolute;
	content: '';
	width: 68px;
	height: 68px;
	background: url("../images/ico/play_video.svg?ver=240220") 50% 50% no-repeat;
	background-size: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.video-wrapper.type1 {
	padding-bottom: 71.65%;
	width: 100%;
	display: block;
}
.video-wrapper.type1::before {
	display: none;
}
.video-wrapper.type1 .video-youtube {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.desc-box {
	background: #f5f5f5;
	padding: 24px 20px;
	border-radius: 12px;
	line-height: 1.6;
	margin-bottom: 0;
}

.desc-box .title {
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1.4;
	margin-bottom: 8px;
}

.desc-box .desc-text {
	display: block;
	margin-top: 8px;
}

.desc-box .desc-dtl-list li {
	padding-left: 12px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 6px;
}
.desc-box .desc-dtl-list li:last-child {
	margin-bottom: 0;
}
.desc-box .desc-dtl-list li::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	background: #bababa;
	border-radius: 100%;
	left: 0;
	top: 9px;
}
.desc-box .desc-dtl-list li .dtl-tit {
	font-weight: 500;
}
.desc-box .qna-dtl-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 24px;
}
.desc-box .qna-dtl-list .tit {
	font-size: 16px;
	font-weight: 700;
}
.desc-box .qna-dtl-list .qna-info {
	font-size: 14px;
	color: #888;
	margin-top: 12px;
}
.desc-box .qna-dtl-list .qna-info li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 8px;
}
.desc-box .qna-dtl-list .qna-info li:last-child {
	margin-bottom: 0;
}
.desc-box .qna-dtl-list .qna-info li::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #bababa;
	left: 0;
	top: 9px;
}

.contents-title {
	font-size: 20px;
	font-weight: 700;
}
.desc-box .text-semibold {
	font-weight: 500;
}
.desc-box .text-semibold + .text-semibold {
	margin-top: 8px;
}
.desc-box .col-orange {
	color: #fc5b00;
}
/* 기본 - 지원 대상*/
.desc-box .title::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/intro/ico-intro-title-01.png") 50% 50% no-repeat;
	background-size: 100%;
}
/* 지원범위 */
.desc-box .title.type2::before {
	background-image: url("../images/intro/ico-intro-title-02.png");
}
/* 문의하기 */
.desc-box .title.type3::before {
	background-image: url("../images/intro/ico-intro-title-03.png");
}
/* 지급 기준 */
.desc-box .title.type4::before {
	background-image: url("../images/intro/intro_01_09_03.webp?ver=240220");
}
/* 이용 방법 */
.desc-box .title.type5::before {
	background-image: url("../images/intro/intro_01_09_04.svg?ver=240220");
}
/* 적립대상 */
.desc-box .title.type6::before {
	background-image: url("../images/intro/intro_01_09_02.webp?ver=240220");
}
/* notice 타이틀 */
.desc-box .noti-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: #222;
	margin-bottom: 20px;
}
.desc-box .noti-title::before {
	content: url("../images/intro/intro_01_09_07.webp?ver=240220");
	display: block;
	width: 24px;
	height: 24px;
}
.desc-box .desc-info-text {
	margin-top: 20px;
}
.desc-box .text-bold + .desc-info-text {
	margin-top: 8px;
}
.desc-box .desc-info-text li {
	color: #888;
	font-size: 14px;
	display: flex;
	padding-left: 12px;
	position: relative;
	margin-bottom: 12px;
}
.desc-box .desc-info-text li:last-child {
	margin-bottom: 0;
}
.desc-box .desc-info-text li::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	background: #bababa;
	border-radius: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.desc-box .desc-info-text.type1 li {
	gap: 8px;
}
.desc-box .desc-info-text.type1 li p {
	min-width: max-content;
	color: #222;
}
.desc-box .desc-info-text.type2 li {
	gap: 6px;
	flex-direction: column;
	color: #222;
	font-size: 16px;
}
.desc-box .desc-info-text.type2 li::before {
	top: 9px;
	transform: none;
}
.desc-box .desc-info-text.type2 li p {
	font-weight: 500;
}
.desc-box .desc-info-text.type2 li p.text {
	font-weight: 400;
}
.desc-box .desc-info-text.type1 li::before {
	top: 9px;
	transform: none;
}
.desc-box .desc-info-text.order-info li {
	color: #222;
	display: block;
	padding-left: 16px;
	margin-bottom: 20px;
}
.desc-box .desc-info-text.order-info li::before {
	content: attr(data-order);
	width: auto;
	height: auto;
	color: #222;
	background: none;
	transform: none;
	top: 0;
	font-weight: 500;
}
.desc-box .desc-info-text.order-info li p {
	font-weight: 500;
}
.desc-box .desc-info-text.order-info.type1 li {
	font-size: 16px;
}
.desc-box .desc-info-text.order-info.type1 li p {
	min-width: auto;
}
.desc-box .desc-info-text.order-info li:last-child {
	margin-bottom: 0;
}
.desc-box .text-bold {
	font-weight: 700;
	font-size: 14px;
}
.desc-box .table {
	margin: 0;
	table-layout: fixed;
}
.desc-box .table thead th {
	font-weight: 400;
	font-size: 13px;
}
.desc-box .table thead th .web-show {
	display: none;
}
.desc-box .table tbody th {
	font-weight: 500;
}
.desc-box .table tbody td {
	padding: 10px 5px;
}
.desc-box .table.type1 tbody td {
	padding: 0;
}
.desc-box .table strong {
	font-weight: 700;
	color: #222;
}

.desc-box .step-info {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
    font-size: 14px;
	color: #888;
}
.desc-box .step-info strong {
	font-weight: 700;
	color: #222;
}
.desc-box .step-info ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.desc-box .benefit-info {
	display: block;
}

.mob-br {display: block;}
.web-br {display: none;}

@media(min-width: 1025px) {
	.mob-br {display: none;}
	.web-br {display: block;}
	
	.contents-inner {
		max-width: 800px;
		margin: 0 auto;
		padding: 12px 0 0;
	}
	.desc-box .table thead th .web-show {
		display: block;
	}
	.promo-img-box {
		border-radius: 20px;
	}
	.desc-box .desc-dtl-list li {
		flex-direction: row;
		letter-spacing: -0.5px;
		gap: 8px;
	}
	.desc-box .desc-dtl-list li p {
		width: calc(100% - 58px);
	}
	.desc-box .desc-info-text.order-info li {
		margin-bottom: 8px;
	}
	.desc-box .desc-info-text.order-info li p {
		font-weight: 700;
	}
	.desc-box .desc-dtl-list li .dtl-tit {
		width: 50px;
	}
	.desc-box .desc-dtl-list li .dtl-tit.type1 {
		width: 70px;
	}
	.desc-box .desc-dtl-list li .dtl-tit.type1 + p {
		width: calc(100% - 78px);
	}
	.desc-box .qna-dtl-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.desc-box .qna-dtl-list > li {
		width: calc(33.33% - 14px);
	}
	.logo-box {
		height: 110px;
	}
	.logo-box img {
		height: auto;
	}
	.desc-box .noti-title {
		margin-top: 20px;
	}
	.desc-box .text-semibold + .text-semibold {
		margin-top: 10px;
	}
}