.expand-less {
	width: 30px;
}

/* header -----------------*/
#header-app {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 999;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}

#header-app.gnb-open {
	background: #fff !important;
	z-index: 9999;
}

#header-app.gnb-open:after {
	content: "";
	display: block;
	width: 100%;
	background: #aaa;
}

#header-app.gnb-open:before {
	content: "";
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	width: 100%;
	height: 355px;
	background-color: #FFF4EF;
	border-top: 1px solid #e3e3e3;
}

#header-app .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1460px;
}

#header-app h1.logo {
	position: absolute;
	top: 18px;
}

#header-app h1.logo .icon-header-logo {
	display: inline-block;
	width: 205px;
	height: 80px;
	vertical-align: top;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/logox45.svg') 0 0 no-repeat;
	background-size: cover;
}

.professional {
	
}

.main-container-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#header-app .gnb-nav {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#header-app .gnb-nav:after {
	content: "";
	display: block;
	clear: both;
}

#header-app .gnb-nav a {
	display: block;
	letter-spacing: -0.06em;
}

#header-app .gnb-nav ul {
	overflow: hidden;
}

#header-app .gnb-nav ul:after {
	content: "";
	clear: both;
	display: block;
}

#header-app .gnb-nav ul li {
	text-align: center;
	list-style-type: none;
}

#header-app .gnb-nav>ul {
	display: inline-block;
}

#header-app .gnb-nav>ul>li {
	float: left;
	min-width: 150px;
	text-align: center;
	cursor: pointer;
}

#header-app .gnb-nav>ul>li>h2 {
	color: #25282B;
	font-weight: 700;
	margin-bottom: 4px;
}

#header-app .gnb-nav>ul>li>h2>a {
	padding: 24px 0px;
	color: #25282B;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
	border-bottom: solid 1px transparent;
	margin-top: 4px;
}

#header-app .gnb-nav>ul>li:hover>h2>a, #header-app .gnb-nav>ul>li:focus>h2>a,
	#header-app .gnb-nav>ul>li.on>h2>a {
	color: #FF4A53;
}

#header-app .gnb-nav>ul>li:hover>h2>a {
	margin-top: 4px;
	border-bottom: 3px solid #FF4A53;
}

#header-app ul.sub-menu {
	display: none;
	transition: all 0.5s ease;
	transition-duration: 0.5s;
}

#header-app.gnb-open ul.sub-menu {
	visibility: visible;
	opacity: 1;
	display: block;
}

#header-app .gnb-nav>ul>li>ul {
	padding: 16px 0px;
	height: 318px;
}

#header-app .gnb-nav>ul>li:hover>ul {
	background: #FFE8DF;
}

#header-app .gnb-nav>ul>li>ul>li {
	line-height: 1.6em !important;
	height: auto !important;
}

#header-app .gnb-nav>ul>li>ul>li>a {
	color: #4D5053;
	font-size: 17px;
	line-height: 1.5;
}

#header-app .gnb-nav>ul>li>ul>li>a:hover {
	color: #D82337;
	font-weight: bold;
}

.header-active {
	color: #D82337 !important;
	font-weight: bold;
}
/* 로그인 */
#header-app .util-menu {
	position: absolute;
	top: 1px;
	right: 0;
}

#header-app .menu-btn-div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 16px 0px;
	box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1);
}

#header-app .menu-btn {
  	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #FFE8DF;
	padding: 12px 24px;
	border-radius: 50px;
}

#header-app .util-menu .btn-log-in, #header-app .util-menu .btn-mypage {
	border: 0px;
	background: transparent;
	cursor: pointer;
	font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR',
		malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
}
#header-app .util-menu .btn-log-in>span, #header-app .util-menu .btn-mypage>span
	{
	color: #FF4A53;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header-app .util-menu .btn-log-in:hover>span, #header-app .util-menu .btn-mypage:hover>span
	{
	color: #FFA0A0;
}

#header-app .util-menu .btn-log-in>span::before, #header-app .util-menu .btn-mypage>span::before
	{
	content: "";
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url('/static/homepage/sub/assets/2025-nav-log-in-e973894ff5d6733310374f75c7da68f7.svg')
		center no-repeat;
	background-size: contain;
}

#header-app .util-menu .btn-mypage>span::before {
	background: url('/static/homepage/sub/assets/nav-mypage-26c9de4e6cbcb33b8d2e2bb3aa360ce2.svg') center
		no-repeat;
}

#header-app .util-menu .btn-join, #header-app .util-menu .btn-log-out {
	border: 0px;
	background: transparent;
	cursor: pointer;
	font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR',
		malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
}

#header-app .util-menu .btn-join>span, #header-app .util-menu .btn-log-out>span
	{
	color: #FF4A53;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#header-app .util-menu .btn-join:hover>span, #header-app .util-menu .btn-log-out:hover>span {
	color: #FFA0A0;
}

#header-app .util-menu .btn-join>span::before, #header-app .util-menu .btn-log-out>span::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url('/static/homepage/sub/assets/nav-join-374670bcddd7bc58f3e471eeed558d04.svg') center
		no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#header-app .util-menu .btn-log-out>span::before {
	background: url('/static/homepage/sub/assets/nav-log-out-2ce427c6b73368b7db33729834e4cb5c.svg') center
		no-repeat;
}

#header-app .util-menu>div:first-child {
	display: none;
}

#header-app .util-menu>a.btn-menu-open {
	display: none;
}

#header-app.gnb-open .util-menu>a.btn-menu-open {
	background: url('/static/homepage/sub/assets/2025-menu-close-0ed0eb67ae9608948f7d385748eb35f8.svg')
		center center no-repeat;
}

@media ( max-width : 1550px ) {
	#header-app {
		height: 80px;
		padding: 0px 24px;
	}
	#header-app .professional {
		height: 215px;
	}
	#header-app .inner {
		max-width: 100%;
		margin: 0;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	#header-app.gnb-open .inner {
		width: 85%;
		margin: 0;
	}
	#header-app h1.logo {
		margin-top: 6px;
		margin-left: -10px;
	}
	#header-app h1.logo .icon-header-logo {
		width: 150px;
		height: 80px;
		background-size: contain;
	}
	#header-app .top_banner {
		position: relative;
		margin: 0 auto;
		max-width: 100%;
		background: #7030A0;
		display: none;
		height: 135px;
		color: #FFF;
		font-size: 20px;
		text-align: center;
	}
	#header-app .gnb-nav>ul>li:hover>h2>a {
		border-bottom: 0px;
	}
	#header-app .top_banner .contain {
		margin: auto;
		padding-top: 25px;
		width: 100%;
		height: 135px;
	}
	#header-app .top_banner .contain .title {
		text-align: center;
		height: 50px;
		vertical-align: middle;
		width: 100%;
		float: unset;
	}
	#header-app .top_banner .contain .button {
		height: 50px;
		vertical-align: middle;
		width: 100%;
		text-align: center
	}
	#header-app .top_banner .button>button {
		float: unset;
		background: #ffffff;
		color: #7030A0;
		font-size: 15px;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		padding: 0 22px;
		border-radius: 23px;
		vertical-align: middle;
		margin-left: 0px;
		cursor: pointer;
	}
	/* GNB */
	#header-app.main-gnb .inner {
		width: 10%;
	}
	#header-app .gnb-nav {
		display: none;
	}
	#header-app .util-menu {
		position: absolute;
		top: 0;
		right: 0;
	}
	#header-app .util-menu button {
		display: none;
	}
	#header-app.gnb-open .util-menu button {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
	}
	
	#header-app.gnb-open .util-menu>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 15.5px 0px;
	}
	#header-app.gnb-open .util-menu>div.menu-btn-div {
		margin: 0px !important;
		background-color: #FFFFFF;
		padding: 48px 24px 24px 24px;
	}
	/* GNB - open */
	#header-app.gnb-open {
		display: inline-block;
		width: 50%;
		padding: 0px;
		height: 100% !important;
		background: transparent;
	}
	#header-app.gnb-open:after {
		content: "";
		display: none;
	}
	#header-app.gnb-open:before {
		content: "";
		display: block;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 88;
		background-color: rgba(0, 0, 0, .7);
		transition: background-color .3s;
	}
	#header-app.gnb-open .inner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#header-app.gnb-open .gnb-nav {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 180.45px;;
		right: 0;
		bottom: 0;
		text-align: left;
		background: #fff;
		overflow-y: scroll;
		z-index: 998;
	}
	/* 1share-sns */
	#header-app.gnb-open .gnb-nav a {
		display: block;
	}
	#header-app.gnb-open .gnb-nav ul li {
		text-align: left;
	}
	#header-app.gnb-open .gnb-nav>ul {
		display: block;
		padding: 0px 24px;
	}
	#header-app.gnb-open .gnb-nav>ul>li {
		float: none;
		padding: 0;
		width: auto;
		line-height: 1.5em !important;
		height: auto !important;
	}
	#header-app.gnb-open .gnb-nav>ul>li>h2 {
		border-bottom: 1px solid #D9DCDF;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 0px;
	}
	#header-app.gnb-open .gnb-nav>ul>li>h2>a {
		height: auto;
		padding: 12px 0px;
		line-height: 1.5;
	}
	#header-app.gnb-open ul.sub-menu {
		transition: none;
		transition-duration: 0s;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul {
		padding: 0;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul>li {
		border-bottom: 1px solid #eee;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul>li a {
		padding: 0;
	}
	#header-app.gnb-open .util-menu {
		width: 100%;
		top: 0;
		z-index: 997;
		background-color: #fff;
	}
	#header-app.gnb-open .menu-btn-div {
		margin-right: 0;
	}
	#header-app.gnb-open .util-menu>a {
		display: none;
	}
	#header-app.gnb-open util-menu button {
		mrgin: 12px 0 0 12px;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#header-app.gnb-open .util-menu .btn-log-in>span::after {
		width: 24px;
		height: 24px;
		margin-right: 1rem;
		background: url('/static/homepage/sub/assets/nav-log-in-white-55aa8fd284f2a419fc161471e4c7b3a1.svg')
			center no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-mypage {
		margin-right: 0;
	}
	#header-app.gnb-open .util-menu .btn-mypage>span::after {
		width: 24px;
		height: 24px;
		margin-right: 1rem;
		background: url('/static/homepage/sub/assets/nav-mypage-white-3f3f0aaec10c5aee1468b7c411e10918.svg')
			center no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-log-out>span::after {
		width: 24px;
		height: 24px;
		margin-right: 1rem;
		background: url('/static/homepage/sub/assets/nav-log-out-white-6dc122e4650e6916c7a97e8641fb2eb1.svg')
			center no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-join>span::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background: url('/static/homepage/sub/assets/nav-join-374670bcddd7bc58f3e471eeed558d04.svg') center
			no-repeat;
	}
	#header-app .util-menu>a.btn-menu-open {
		display: block;
		float: right;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 18px;
		background: url('/static/homepage/sub/assets/menu-4e50c49700697e0f14e2d322c674bab2.svg') no-repeat center;
		width: 25px !important;
		height: 45px !important;
		vertical-align: top;
		text-indent: -9999px;
		overflow: hidden;
		text-align: center;
	}
	#header-app.gnb-open .util-menu>a.btn-menu-open {
		position: fixed;
		right: 30px;
		top: 0;
		background: url('/static/homepage/sub/assets/2025-menu-close-white-601381053a0edbfb6fe710ce14658342.svg')
			center no-repeat;
	}
	.sub-top {
		margin-top: 80px !important;
	}
	.main-nav-logo-img {
		height: 32.05px !important;
		marign-top: 0px;
		width: auto !important;
	}
	#header-app.gnb-open .gnb-nav {
		top: 201.52px;
		width: 100%;
	}
	#header-app .gnb-nav>ul>li>h2>a {
		height: auto;
		line-height: normal;
	}
	#header-app .util-menu>a.btn-menu-open {
		width: 3rem;
		height: 3rem;
	}
	#header-app.gnb-open .util-menu {
		width: 100%;
		z-index: 999;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		align-items: center;
	}
	#header-app.gnb-open .util-menu>buttom {
		line-height: 3rem;
	}
	#header-app.gnb-open .util-menu>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 24px 0px;
	}
	#header-app.gnb-open .util-menu>div:nth-child(2) {
		margin-top: 48px;
		margin-bottom: 24px;
		display: inline-flex;
		width: 100%;
		box-sizing: border-box;
	}
	#header-app .menu-btn {
		display: flex !important;
		
		display: -ms-flexbox;
	}
	#header-app .gnb-nav>ul>li>ul {
		height: auto;
	}
}

@media ( max-width : 1250px ) {
	#header-app {
		height: 80px;
	}
	#header-app .professional {
		height: 215px;
	}
	#header-app .inner {
		max-width: 100%;
		margin: 0;
	}
	#header-app.gnb-open .inner {
		width: 100%;
		margin: 0;
	}
	#header-app h1.logo {
		left: 10px;
	}
	#header-app h1.logo .icon-header-logo {
		width: 150px;
		height: 80px;
		background-size: contain;
	}
	#header-app .top_banner {
		position: relative;
		margin: 0 auto;
		max-width: 100%;
		background: #7030A0;
		display: none;
		height: 135px;
		color: #FFF;
		font-size: 20px;
		text-align: center;
	}
	#header-app .top_banner .contain {
		margin: auto;
		padding-top: 25px;
		width: 100%;
		height: 135px;
	}
	#header-app .top_banner .contain .title {
		text-align: center;
		height: 50px;
		vertical-align: middle;
		width: 100%;
		float: unset;
	}
	#header-app .top_banner .contain .button {
		height: 50px;
		vertical-align: middle;
		width: 100%;
		text-align: center
	}
	#header-app .top_banner .button>button {
		float: unset;
		background: #ffffff;
		color: #7030A0;
		font-size: 15px;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		padding: 0 22px;
		border-radius: 23px;
		vertical-align: middle;
		margin-left: 0px;
		cursor: pointer;
	}
	/* GNB */
	#header-app.main-gnb .inner {
		width: 10%;
	}
	#header-app .gnb-nav {
		display: none;
	}
	#header-app.gnb-open .menu-btn-div {
		margin-right: 0;
	}
	#header-app .util-menu {
		position: absolute;
		top: 0;
		right: 0;
	}
	#header-app .util-menu button {
		display: none;
	}
	/* GNB - open */
	#header-app.gnb-open {
		width: 60%;
		margin: 0;
		padding: 0px !important;
		height: 100% !important;
		background: transparent;
	}
	#header-app.gnb-open:after {
		content: "";
		display: none;
	}
	#header-app.gnb-open:before {
		content: "";
		display: block;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 88;
		background-color: rgba(0, 0, 0, .7);
		transition: background-color .3s;
	}
	#header-app.gnb-open .inner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#header-app.gnb-open .gnb-nav {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 180.45px;
		right: 0;
		bottom: 0;
		text-align: left;
		background: #fff;
		overflow-y: scroll;
		z-index: 998;
	}
	/* 1share-sns */
	#header-app.gnb-open .gnb-nav a {
		display: block;
	}
	#header-app.gnb-open .gnb-nav ul li {
		text-align: left;
	}
	#header-app.gnb-open .gnb-nav>ul {
		display: block;
		padding: 0px 24px;
	}
	#header-app.gnb-open .gnb-nav>ul>li {
		float: none;
		padding: 0;
		width: auto;
		line-height: 1.4em !important;
		height: auto !important;
	}
	#header-app.gnb-open .gnb-nav>ul>li>h2 {
		border-bottom: 1px solid #D9DCDF;
	}
	#header-app.gnb-open ul.sub-menu {
		transition: none;
		transition-duration: 0s;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul {
		padding: 0;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul>li {
		border-bottom: 1px solid #D9DCDF;
	}
	#header-app.gnb-open .gnb-nav>ul>li>ul>li a {
		background-color: #FFF4EF !important;
		color: #4D5053;
	}
	#header-app.gnb-open .util-menu {
		width: 100%;
		top: 0;
		z-index: 997;
		background-color: #fff;
	}
	#header-app.gnb-open .util-menu button {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
		border-radius: 0;
	}
	#header-app.gnb-open .util-menu>a {
		display: none;
	}
	#header-app.gnb-open .util-menu>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 15.5px 0px;
	}
	#header-app.gnb-open util-menu button {
		mrgin: 12px 0 0 12px;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#header-app.gnb-open .util-menu .btn-log-in>span::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background-size: contain;
		background: url('/static/homepage/sub/assets/2025-nav-log-in-e973894ff5d6733310374f75c7da68f7.svg')
			center no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-mypage>span::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background-size: contain;
		background: url('/static/homepage/sub/assets/nav-mypage-26c9de4e6cbcb33b8d2e2bb3aa360ce2.svg') center
			no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-log-out>span::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background-size: contain;
		background: url('/static/homepage/sub/assets/nav-log-out-2ce427c6b73368b7db33729834e4cb5c.svg') center
			no-repeat;
	}
	#header-app.gnb-open .util-menu .btn-join>span::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
		background-size: contain;
		background: url('/static/homepage/sub/assets/nav-join-374670bcddd7bc58f3e471eeed558d04.svg') center
			no-repeat;
	}
	#header-app .util-menu>a.btn-menu-open {
		display: block;
		float: right;
		margin-left: 15px;
		margin-top: 18px;
		background: url('/static/homepage/sub/assets/menu-4e50c49700697e0f14e2d322c674bab2.svg') no-repeat center;
		width: 25px !important;
		height: 45px !important;
		vertical-align: top;
		text-indent: -9999px;
		overflow: hidden;
		text-align: center;
	}
	#header-app.gnb-open .util-menu>a.btn-menu-open {
		background: url('/static/homepage/sub/assets/2025-menu-close-white-601381053a0edbfb6fe710ce14658342.svg')
			center no-repeat;
	}
	#header-app.gnb-open .gnb-nav {
		top: 207.52px;
		width: 100%;
	}
	#header-app .gnb-nav>ul>li>h2>a {
		height: auto;
		line-height: normal;
	}
	#header-app .util-menu>a.btn-menu-open {
		width: 3rem;
		height: 3rem;
	}
	#header-app.gnb-open .util-menu {
		width: 100%;
		z-index: 999;
	}.survey-list li>p:first-child
	#header-app.gnb-open .util-menu>buttom {
		line-height: 3rem;
	}
	#header-app.gnb-open .util-menu>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 24px 0px;
	}
	#header-app .gnb-nav>ul>li>ul {
		height: auto;
	}
}

@media ( max-width : 768px ) {
	#header-app {
		height: 55px;
		padding: 0px 24px;
	}
	.main-nav-logo-img {
		width: auto !important;
		margin-top: 0px;
	}
	#header-app h1.logo {
		top: 15px;
		margin-top: 0px;
	}
	#header-app.gnb-open {
		display: inline-block;
		width: 100%;
		height: 100% !important;
		background: transparent;
	}
	#header-app.gnb-open .util-menu>a.btn-menu-open {
		background: url('/static/homepage/sub/assets/2025-menu-close-0ed0eb67ae9608948f7d385748eb35f8.svg')
			center no-repeat;
		width: 24px !important;
		height: 24px !important;
		margin-top: 15.5px !important;
	}
	#header-app.gnb-open .gnb-nav {
		top: 176.51px !important;
		width: 100%;
	}
	#header-app .gnb-nav>ul>li>h2>a {
		height: auto;
		line-height: normal;
	}
	#header-app.gnb-open .menu-btn-div {
		margin-right: 0;
	}
	#header-app .util-menu>a.btn-menu-open {
		width: 3rem;
		height: 3rem;
		margin-top: 8px !important;
		margin-right: 0px !important;
	}
	#header-app.gnb-open .util-menu {
		width: 100%;
		z-index: 999;
	}
	#header-app.gnb-open .util-menu>buttom {
		line-height: 3rem;
	}
	#header-app.gnb-open .util-menu>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 15.5px 0px;
	}
	#header-app.gnb-open .util-menu>div.menu-btn-div {
		margin: 0px !important;
		padding: 48px 24px 24px 24px;
	}
	#header-app .gnb-nav>ul>li>ul {
		height: auto;
	}
}

.open-body {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

.clickable-div {
	height: 70px;
	overflow: hidden;
}

nav>ul>li>div {
	list-style: none;
	font-size: 20px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 10px;
	font-size: 19px;
	font-weight: 500;
}

.menu {
	list-style: none;
	padding: 0;
}

.menu-item {
	cursor: pointer;
	padding: 8px;
	color: black;
}

.menu-item.active {
	color: red;
}

.over-menu-tit-sub {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	border-radius: 0 0 10px 10px;
	font-size: 16px;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.04);
}

.expand-less {
	width: 30px;
}

nav>ul>li>ul>li {
	font-size: 17px;
	padding: 16px 0px;
	min-width: 150px;
}

ul, li {
	word-break: keep-all;
}
textarea {
	overflow: hidden;
}
li::marker {
	color: #908d79;
}

.main-footer-top {
	border-top: #ccc solid 1px;
	overflow: hidden
}

.main-footer-top ul li {
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.main-footer-top ul li a {
	display: block;
}

input {
	border: none;
}

span {
	word-break: keep-all;
}

.over-bg {
	position: absolute;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	z-index: 2000;
}

.open-over-bg {
	visibility: visible;
}

.open-main-nav-menu-icon {
	color: #ffffff;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9998;
}

.over-menu {
	position: fixed;
	left: -200%;
	top: 0;
	width: 250px;
	height: 100%;
	padding: 20px 15px 0 15px;
	background: #fff;
	background-size: 50%;
	z-index: 3000;
	transition: cubic-bezier(0, 0, 1, 1) 0.4s;
	border-top-right-radius: 40px;
}

.open-over-menu {
	left: 0;
}

.open-over-menu-tit-sub {
	top: 0;
}

.main_container {
	width: 100%;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	background-color: #ffffff;
}

.sub-top {
	width: 100%;
	height: 400px;
	margin-top: 86px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	background-size: cover;
	background-image: url(/static/homepage/sub/assets/2025-banner-img-5b8e47db65b8fc453679bdc6263f5ebb.png);
}

.sub-top-container {
	height: 100%;
	padding: 100px 0px;
	box-sizing: border-box;
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-content: flex-start;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 1460px;
}

.sub-top-main {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex-direction: column !important;
	-ms-flex-direction: column !important;
}

.sub-top-text {
	width: 100%;
	margin-top: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	flex-shrink: 0;
	z-index: 1;
	line-height: 1.5
}

.sub-top-text-tit {
	margin: 16px 0px;
	width: 100%;
	font-size: 5rem;
	font-weight: 700;
	color: #FF4A53;
	ilne-height: 1.5;
	white-space: nowrap;
}

.sub-top-tit-route-group {
	top: 0;
	left: 0;
	right: 0;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 1.4rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: visible;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-top-tit-route-group>.sub-top-tit-route-text-df:nth-child(2n) {
	margin: 0px 4px;
}

.sub-top-tit-route {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
}

.sub-top-tit-route-icon-home {
	width: 17px;
	object-fit: contain;
}

.sub-top-tit-route-text-df {
	font-size: 1.7rem;
	font-weight: 400;
	color: #FF4A53;
}

.sub-top-tit-route-text-pr {
	font-size: 1.7rem;
	font-weight: 400;
	color: #FF4A53;
}

.sub-top-tit-route-text-gt {
	margin: 0px 10px;
	font-size: 1.4rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
}

.main-nav {
	max-width: 1630px;
	width: 100%;
	height: 112px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #ffffff;
}

.main-nav-logo {
	box-sizing: border-box;
	max-width: 190px;
	text-align: center;
	color: #4b4b4b;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	flex-shrink: 0;
}

.main-nav-logo-img {
	width: 190px;
	object-fit: contain;
}

.sub-top-tit-route-icon-group {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}


.sub-top-tit-route-icon-group-btn {
	cursor: pointer;
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	margin-right: 8px;
	margin-bottom: 8px;
}
.sub-top-tit-route-icon-group-btn .share {
	margin-right: 0px;
}
.submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #666;
	width: 150px;
}

.submenu-item {
	padding: 8px 10px;
	color: white;
	text-decoration: none;
	display: block;
}

.sub-top-menu {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 2.2rem;
	font-weight: 700;
	color: #ffffff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	z-index: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-top-menu>.sub-top-menu-text-df:nth-child(odd):hover {
	cursor: pointer;
	color: #ffffff;
}

.tabler-home-AxR {
	margin-right: 10px;
	width: 18px;
	height: 18px;
	object-fit: contain;
	vertical-align: top;
	flex-shrink: 0;
}

.sub-body-btn {
	width: 100%;
	max-height: 51px;
	height: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-body-btn-pr {
	width: 50%;
	height: 100%;
	padding: 1.5% 0;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 1.9rem;
	font-weight: 700;
	color: #908d79;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	box-sizing: border-box;
	cursor: pointer;
}

.btn-center {
	cursor: pointer;
	min-width: 100px;
	box-sizing: border-box;
	padding: 12px 24px;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 700;
	border: 0px;
}

.sub-body-btn-bf {
	width: 50%;
	height: 100%;
	padding: 1.5% 0;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 1.9rem;
	font-weight: 700;
	color: #8a8a8a;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: solid 1px #8a8a8a;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.04);
	flex-shrink: 0;
	cursor: pointer;
}

.sub-body-btn>.sub-body-btn-bf:nth-child(1):hover {
	width: 50%;
	height: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-weight: 700;
	color: #908d79;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	box-sizing: border-box;
	background-color: #fff;
	cursor: pointer;
}

.sub-body-btn>.sub-body-btn-bf:nth-child(2):hover {
	width: 50%;
	height: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-weight: 700;
	color: #908d79;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	box-sizing: border-box;
	background-color: #fff;
	cursor: pointer;
}

.webtoon-body {
	text-align: center;
	width: 100%;
}

.webtoon-body>img {
	max-width: 100%;
}

.sub-body-content {
	box-sizing: border-box;
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.sub-body-content-box {
	display: block;
	width: 100%;
	padding: 24px;
	text-align: center;
	font-size: 2.3rem;
	font-weight: 700;
	color: #4D5053;
	background-color: #F6F7F9;
	border: solid 1px #D9DCDF;
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 72px;
	text-align: left;
}

.share-sns {
	display: none;
	margin-top: 40px !important;
	margin-left: -32px !important;
	position: absolute;
	z-index: 99;
}

.share-sns>li {
	list-style-type: none;
	list-style: none;
	cursor: pointer;
	margin-bottom: 0.5rem;
}

.share-sns>li:last-child {
	margin-bottom: 0;
}

.sub-body-content-box-tit {
	margin-bottom: 16px;
	font-size: 2.3rem;
	font-weight: 700;
	color: #FF4A53;
}

.sub-body-content-box-text {
	font-size: 1.7rem;
	font-weight: 400;
	color: #4D5053;
	line-height: 1.5;
}

.sub-body-content-box-text2 {
	list-style: disc !important;
	font-size: 1.9rem;
	font-weight: 400;
	color: #4b4b4b;
	padding-left: 20px;
}

.sub-body {
	width: 100%;
	box-sizing: border-box;
	padding: 110px 0px;
	max-width: 1460px;
}

.sub-body-content-box-group {
	width: 100%;
}

.sub-body-content-box-group-border {
	box-sizing: border-box;
	padding: 16px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: solid 1px #D9DCDF;
}

.sub-body-content-box-group-border>.sub-body-content-box-group-text {
	margin-left: 32px;
	margin-right: 32px;
}

.sub-body-content-box-group-tit {
  	display: -webkit-box;
	display: flex;
	font-size: 1.9rem;
	font-weight: 600;
	color: #4D5053;
	flex-shrink: 0;
	line-height: 1.5;
	margin-bottom: 8px;
}

.sub-body-content-box-group-text {
	color: #4D5053;
	font-size: 1.7rem;
	font-weight: 400;
	width: 100%;
}

.sub-body-content-box-group-extenal-text {
	text-align: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.6rem;
	color: #4b4b4b;
	white-space: nowrap;
	align-items: center;
}

.sub-body-content-box-group-extenal-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url('/static/homepage/sub/assets/2025-nav-external-6496516db38ce43141885bdb9d1c27d9.svg')
		center no-repeat;
}

.main-footer {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	flex-shrink: 0;
}

.main-footer-top {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 115px;
	border-top: solid 1px #cccccc;
	background-color: #ffffff;
	flex-shrink: 0;
}

.main-footer-top-container {
	max-width: 1300px;
	margin: 0 auto;
}

.main-footer-top-logo {
	height: 85px;
	cursor: pointer;
	vertical-align: middle;
}

.main-footer-bottom-menu-link-group {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.main-footer-bottom-menu-link-group>.main-footer-bottom-menu-link-text:nth-child(1),
	.main-footer-bottom-menu-link-group>.main-footer-bottom-menu-link-text-pv:nth-child(1)
	{
	margin-right: 30px;
}

.main-footer-bottom {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-footer-bottom-menu-link {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: solid 1px #9DA0A3;
	max-width: 1460px;
}

.list-nvM {
	padding: 2.5% 0px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.list-nvM>div:nth-child(1) {
	margin-right: 30px
}

.main-footer-bottom-menu-link-text {
	color: #C5C8CB;
	font-size: 1.7rem;
	white-space: nowrap;
	cursor: pointer;
}

.main-footer-bottom-menu-link-text-pv {
	color: #FFFFFF;
	font-size: 1.7rem;
	white-space: nowrap;
	cursor: pointer;
}

.main-footer-bottom-menu-link-text:hover,
	.main-footer-bottom-menu-link-text-pv:hover {
	text-decoration: underline;
}

.main-footer-bottom-top-btn {
	cursor: pointer;
	height: 60px;
	width: 60px;
	background-color: #908d79;
	position: fixed;
	/* 포지션 고정 */
	right: 3%;
	/* 오른쪽에서 2% - %도 할수 있음*/
	bottom: 3%;
	/* 밑에서 5px */
	display: none;
	/* 보여지지 없음 - 기본적으로 안보여지게 */
	z-index: 9998;
	/* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */
	border-radius: 50%;
	font-size: 20px;
	color: #FFF;
	border: 0;
}

.main-footer-bottom-info {
	width: 100%;
	margin-bottom: 13px;
	padding: 3% 0;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1460px;
}

.main-footer-bottom-info-logo {
	width: 275px;
	height: 58px;
	background-size: 100%;
	background-image: url(/static/homepage/sub/assets/footer2025_logo-12e2a681893cedba8e99c83ed59b65b0.png);
	flex-shrink: 0;
	margin-right: 20px;
}

.main-footer-bottom-info-text {
	width: 100%;
	word-break: keep-all;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.5;
	color: #F6F7F9;
}

.main-nav-menu-icon {
	display: none;
}

.main-nav-menu-icon:active {
	background-color: #D82337;
}

.viewer-container {
	text-align: left;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.viewer-container>.viewer-img-div {
	
}

.viewer-container>.viewer-img-div>img {
	margin-right: 5rem;
}

.viewer-header {
	font-size: 2.3rem;
	line-height: 1.5;
	font-weight: bold;
}

.viewer-desc {
	font-size: 1.9rem;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 8px;
}

.viewer-pv {
	font-size: 1.9rem;
	line-height: 1.5;
	font-weight: 600;
	color: #EB003B;
	margin-top: 8px;
}

.viewer-content {
	width: 100%;
	margin-bottom: 8px;
}

.viewer-content-body {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.viewer-content-body-group {
	border-radius: 20px;
	border: 1px solid #D9DCDF;
	flex: 1;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.5;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 24px;
	box-sizing: border-box;
}

.viewer-content-body-group:hover {
	border: 2px solid #D82337;
	text-decoration: underline;
}

.viewer-content-body-group-middle {
	margin: 0px 48px;
}

.viewer-content-body-group>img {
	margin-right: 16px;
}

.viewer-content-body-group-last {
	border: 0 !important;
	cursor: auto;
}

.viewer-content-body-text {
	width: 100%;
	font-size: 17px;
	color: #4D5053;
	font-weight: 600;
	line-height: 1.5;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.viewer-content-body-text>img {
	width: 24px;
	height: 24px;
}

@media ( max-width : 1280px) {
	.main-nav {
		width: 95%;
		height: 100%;
		padding: 1.5% 0;
	}
	.main-nav-logo-img {
		padding: 3px 0px;
	}
	.sub-top-text {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		flex-shrink: 0;
	}
	.sub-top-menu-text-df, .sub-top-menu-text-pr {
		font-size: 16px;
	}
	.sub-top-tit-route-icon-home {
		width: 14px;
		object-fit: contain;
	}
	.main-footer-top {
		height: auto;
	}
	.main-footer-top-logo {
		width: 85%;
		padding: 1% 0;
	}
}

@media ( max-width : 1000px) {
	.main-nav {
		width: 95%;
		height: 57px;
		height: 100%;
		padding: 1% 0;
	}
	.main-nav-logo-img {
		height: 24.05px !important;
		padding: 0px;
	}
	.main-nav-menu-icon {
		display: block;
		width: 35px;
	}
	.sub-body-btn-pr {
		font-size: 16px;
	}
	.sub-body-btn-bf {
		font-size: 16px;
	}
	.sub-body-content-box {
		font-size: 19px;
		margin-bottom: 48px;
	}
	.sub-body>div:nth-child(5)>ul>div {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.map-down-btn:last-child {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.map-btn {
		width: 100%;
		margin-top: 16px;
	}
	#header-app.gnb-open .gnb-nav {
		top: 193.52px;
	}
}

@media ( max-width : 768px) {
	.sub-top-tit-route-group {
		display: none;
	}
	.sub-top-text-tit {
		font-size: 32px;
		margin-bottom: 0px;
		margin-top: 0px;
		white-space: nowrap;
	}
	.viewer-content-body-text>img {
		margin-left: 1rem;
	}
	.viewer-content-body {
		display: block;
	}
	.viewer-content-body-group {
		margin-bottom: 2.4rem;
	}
	.viewer-content-body-group-middle {
		margin-left: 0;
		margin-right: 0;
	}
	.webtoon-body {
		margin-left: 0;
		margin-right: 0;
	}
	.sub-top {
		width: 100%;
		height: auto !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		margin-top: 55px !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		background-image:
			url(/static/homepage/sub/assets/2025-banner-img-mobile-cbbf75e9b3913149e8678e7c76c9db35.png);
	}
	.sub-top-text {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		flex-shrink: 0;
	}
	.sub-top-tit-route-icon-home {
		width: 14px;
	}
	.sub-body-btn-pr {
		padding: 3% 0;
		font-size: 13px;
	}
	.sub-body-btn-bf {
		padding: 3% 0;
		font-size: 13px;
	}
	.sub-body-content-box-group-border>.sub-body-content-box-group-text {
		margin: auto 0px;
	}
	.sub-body-content-box-group-border {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 13px;
	}
	.sub-body-content-box-group-border>.sub-body-content-box-group-text {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.sub-body-content-box-group-tit {
		width: 100%;
		font-size: 1.9rem;
	}
	.sub-body-content-box-group-extenal {
		width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.main-footer-top-logo {
		width: 85%;
		padding: 4% 0;
	}
	.sub-body-content-box-tit {
		font-size: 19px;
		margin-bottom: 24px;
	}
	.sub-body-content-box-group-text {
		font-size: 14px;
	}
	.sub-body-content-box-text {
		font-size: 14px;
	}
	.sub-body-content-box-group-extenal-icon {
		margin-top: 3px;
	}
	.main-footer-bottom-menu-link {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #9DA0A3;
	}
	.list-nvM {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		width: 100%;
		margin: 0px;
		padding: 24px 0px;
	}
	.main-footer-bottom-menu-link-group {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0px;
	}
	.main-footer-bottom-menu-link-text,
		.main-footer-bottom-menu-link-text-pv {
		text-align: center;
		width: 100%;
		height: 100%;
		font-size: 13px;
	}
	.main-footer-bottom-info {
		padding: 48px 0px;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.main-footer-bottom-info-text {
		font-size: 11px;
	}
	.main-footer-bottom-top-btn {
		height: 50px;
		width: 50px;
		background-color: #908d79;
		position: fixed;
		/* 포지션 고정 */
		right: 3%;
		/* 오른쪽에서 2% - %도 할수 있음*/
		bottom: 3%;
		/* 밑에서 5px */
		display: none;
		/* 보여지지 없음 - 기본적으로 안보여지게 */
		z-index: 9998;
		/* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */
		border-radius: 50%;
		font-size: 15px;
		color: #FFF;
		border: 0;
	}
	.main-footer-bottom-menu-link-group>.main-footer-bottom-menu-link-text:nth-child(1),
		.main-footer-bottom-menu-link-group>.main-footer-bottom-menu-link-text-pv:nth-child(1)
		{
		margin-right: 0;
	}
	.list-nvM>div:nth-child(1) {
		margin-right: 0
	}
	.main-footer-bottom-info-logo {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.viewer-container {
		padding: 0;
		display: block;
	}
	.viewer-container>.viewer-img-div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.viewer-container>.viewer-img-div>img {
		text-align: center;
		margin-right: 0;
		margin-bottom: 3rem;
	}
	.viewer-content-body-group.viewer-content-body-group-last {
		display: none !important;
	}
}

/*
*
sub-참여예산제 소개-[연도별 운영계획]
*
*/
.sub-table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	border-top: 2px solid #FF4A53;
	background-color: white;
}

.sub-table-th, .sub-table-td {
	padding: 1.6rem;
	border-bottom: 1px solid #D9DCDF;
	text-align: center;
	color: #4D5053;
	font-size: 1.7rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sub-table-td>div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-table-inquiry .sub-table-td>div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-table-td>div>.subject-text {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
	margin: 0px 8px;
	word-break: break-all;
	align-items: center;
}

.sub-table-th {
	background-color: #F6F7F9;
	font-size: 1.7rem;
	font-weight: 600;
}

/* 테이블 올렸을 때 */
.sub-table-tbody tr:hover {
	background-color: #d3d3d3;
	opacity: 0.9;
	cursor: pointer;
}

/* 테이블 비율 */
.sub-table-th:nth-child(1), .sub-table-td:nth-child(1) {
	width: 8%;
}

.sub-table-th:nth-child(2), .sub-table-td:nth-child(2) {
	width: 54%;
}

.sub-table-td:nth-child(2) {
	text-align: left;
}

.sub-table-th:nth-child(3), .sub-table-td:nth-child(3) {
	width: 6%;
}

.sub-table-th:nth-child(4), .sub-table-td:nth-child(4) {
	width: 100px;
}

.sub-table-th:nth-child(5), .sub-table-td:nth-child(5) {
	width: 100px;
	padding: 0px 16px;
}

.sub-table-th:nth-child(6), .sub-table-td:nth-child(6) {
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-inquiry .sub-table-th:nth-child(1), .sub-table-inquiry .sub-table-td:nth-child(1)
	{
	width: 100px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-inquiry .sub-table-th:nth-child(2), .sub-table-inquiry .sub-table-td:nth-child(2)
	{
	text-align: center;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-inquiry .sub-table-th:nth-child(3), .sub-table-inquiry .sub-table-td:nth-child(3)
	{
	width: 42%;
}

.sub-table-inquiry .sub-table-td:nth-child(3) {
	text-align: left;
}

.sub-table-inquiry .sub-table-th:nth-child(4), .sub-table-inquiry .sub-table-td:nth-child(4)
	{
	width: 100px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-inquiry .sub-table-th:nth-child(5), .sub-table-inquiry .sub-table-td:nth-child(5)
	{
	width: 100px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-inquiry .sub-table-th:nth-child(7), .sub-table-inquiry .sub-table-td:nth-child(7)
	{
	width: 100px;
	padding-left: 0px;
	padding-right: 0px;
}

.sub-table-proposal .sub-table-th:nth-child(1), .sub-table-proposal .sub-table-td:nth-child(1)
	{
	width: 80px;
}

.sub-table-proposal .sub-table-th:nth-child(2), .sub-table-proposal .sub-table-td:nth-child(2)
	{
	text-align: center;
	width: 10%;
}

.sub-table-proposal .sub-table-th:nth-child(3), .sub-table-proposal .sub-table-td:nth-child(3)
	{
	width: 52%;
}

.sub-table-proposal .sub-table-td:nth-child(3) {
	text-align: left;
}

.sub-table-proposal .sub-table-th:nth-child(4), .sub-table-proposal .sub-table-td:nth-child(4)
	{
	width: 10%;
}

.sub-table-proposal .sub-table-th:nth-child(5), .sub-table-proposal .sub-table-td:nth-child(5)
	{
	width: 10%;
}

.sub-table-proposal .sub-table-th:nth-child(6), .sub-table-proposal .sub-table-td:nth-child(6)
	{
	width: 10%;
}

.table-file-img {
	width: 1.4rem;
	height: 1.7rem;
	background-image: url('/static/homepage/sub/assets/clip-368033a2752d437393f23f51c6c5d00c.svg');
}

.sub-table-td>.bllt.up {
	margin-bottom: 0.2rem;
	font-size: 10px;
	width: 18px;
	height: 16px;
	line-height: 16px;
}

@media ( max-width : 768px) {
	.sub-table-th:nth-child(1), .sub-table-td:nth-child(1) {
		width: 80px;
		box-sizing: border-box;
	}
	.sub-table-th:nth-child(2), .sub-table-td:nth-child(2) {
		width: 100%;
	}
	.sub-table-td:nth-child(2) {
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 60vw;
		width: 100%;
	}
	.sub-table-th:nth-child(3), .sub-table-td:nth-child(3) {
		display: none;
	}
	.sub-table-th:nth-child(4), .sub-table-td:nth-child(4) {
		display: none;
	}
	.sub-table-th:nth-child(6), .sub-table-td:nth-child(6) {
		display: none;
	}
	.sub-table-inquiry .sub-table-th:nth-child(1), .sub-table-inquiry .sub-table-td:nth-child(1)
		{
		display: none;
	}
	.sub-table-inquiry .sub-table-td:nth-child(3) {
		text-align: left;
	}
	.sub-table-inquiry .sub-table-th:nth-child(3), .sub-table-inquiry .sub-table-td:nth-child(3)
		{
		display: table-cell;
		width: auto;
	}
	.sub-table-inquiry .sub-table-th:nth-child(4), .sub-table-inquiry .sub-table-td:nth-child(4)
		{
		display: none;
	}
	.sub-table-inquiry .sub-table-th:nth-child(5), .sub-table-inquiry .sub-table-td:nth-child(5)
		{
		width: 80px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.sub-table-inquiry .sub-table-th:nth-child(6), .sub-table-inquiry .sub-table-td:nth-child(6)
		{
		display: none;
	}
	.sub-table-inquiry .sub-table-th:nth-child(7), .sub-table-inquiry .sub-table-td:nth-child(7)
		{
		display: none;
	}
	.sub-table-proposal .sub-table-td:nth-child(2) {
		display: none;
	}
	.sub-table-proposal .sub-table-th:nth-child(2) {
		display: none;
	}
	.sub-table-proposal .sub-table-td:nth-child(1) {
		display: table-cell;
		width: 80px;
	}
	.sub-table-proposal .sub-table-td:nth-child(3) {
		text-align: left;
	}
	.sub-table-proposal .sub-table-th:nth-child(3), .sub-table-proposal .sub-table-td:nth-child(3)
		{
		display: table-cell;
		width: 75%;
	}
	.sub-table-proposal .sub-table-th:nth-child(4), .sub-table-proposal .sub-table-td:nth-child(4)
		{
		display: none;
	}
	.sub-table-proposal .sub-table-th:nth-child(5), .sub-table-proposal .sub-table-td:nth-child(5)
		{
		display: none;
	}
	.sub-table-proposal .sub-table-th:nth-child(6), .sub-table-proposal .sub-table-td:nth-child(6)
		{
		display: none;
	}
	.sub-table-mobile-none {
		display: none;
	}
}

/*
*
게시글 상세보기
*
*/
.sub-board-tit {
	padding: 32px 24px;
	line-height: 1.5;
	font-weight: 700;
	word-break: keep-all;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-board-tit .sub-board-tit-cate {
	display: inline-block;
	background: #f8fafd;
	border: #caccd6 solid 1px;
	border-radius: 30px;
	font-size: 14px;
	color: #274b67;
	margin-bottom: 10px;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 0;
	padding: 10px 20px;
	min-width: 60px;
	text-align: center;
}

.sub-board-tit>span {
	font-size: 2.7rem;
	display: block;
	word-break: break-all;
}

.sub-board-info {
	background-color: #F6F7F9;
	font-size: 1.7rem;
	padding: 16px 24px;
}

.sub-board-info>div>span {
	font-size: 1.7rem;
	font-weight: 400;
	color: #75787B;
}

.sub-board-info>div>span:nth-child(2), .sub-board-info>div>span:nth-child(5)
	{
	margin: 0px 32px;
}

.sub-board-info>div>span>b {
	margin-right: 0.8rem;
	font-weight: 600;
}

.sub-board-file {
	width: 100%;
	border-bottom: 1px solid #cacdda;
	font-size: 1.5rem;
}

.sub-board-file>div {
	margin: 20px;
}

.sub-board-file-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.sub-board-file-tit {
	margin-right: 1.6rem;
	word-break: keep-all;
	color: #4D5053;
	font-size: 17px;
	font-weight: 600;
}
.sub-board-file-list a{
	color: #75787B;
}
.sub-board-file-list a:hover {
	text-decoration: underline;
}

.sub-board-file-list a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 0.8rem;
	background: url(/static/homepage/sub/assets/2025-download-d5e4f6d2698a596a097d57c86c483352.png) no-repeat;
}

.sub-board-body img {
	max-width: 100%;
	height: auto !important;
}

.sub-board-bottom {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 72px;
}

.flex-start {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.flex-center {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-end {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
}

.sub-board-bottom>.sub-board-primary-button {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	border: 0px;
	line-height: 1.5;
	white-space: nowrap;
}

.sub-board-bottom>.sub-board-primary-button:hover {
	background: #FF7C80;
	transition: 0.3s;
}

.sub-board-bottom>.sub-board-prev-button {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #D9DCDF;
	color: #75787B;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	border: 0px;
	line-height: 1.5;
	margin-right: 16px;
}

.sub-board-bottom>.sub-board-prev-button:hover,
.sub-board-bottom>.sub-board-delete-button:hover {
	color: #4D5053;
	transition: 0.3s;
}

.sub-board-bottom>.sub-board-delete-button {
	padding: 12px 24px;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	border: 0px;
	line-height: 1.5;
	cursor: pointer;
	margin-left: 16px;
}

.sub-board-bottom>.sub-board-edit-button {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: transparent;
	color: #FF4A53;
	font-size: 17px;
	font-weight: 600;
	border: 1px solid #FF4A53;
	cursor: pointer;
}
.sub-board-bottom>.sub-board-edit-button:hover {
	background-color: #FF7C80;
	color: #FFFFFF;
	transition: 0.3s;
}
.sub-board-comment {
	width: 100%;
	margin-top: 72px;
}

.sub-board-comment-write>p {
	font-size: 14px;
	text-align: end;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.sub-board-comment-write>.sub-board-comment-write-box {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
}

.sub-board-comment-write>.sub-board-comment-write-box>button {
	margin-top: 24px;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	border: 1px solid #FF4A53;
	font-size: 17px;
	font-weight: 600;
	color: #FF4A53;
	background-color: transparent;
	cursor: pointer;
}

.sub-board-comment-write>.sub-board-comment-write-box>button:hover {
	background-color: #FF7C80;
	color: #FFFFFF;
	transition: 0.3s;
}

.sub-board-comment-write>textarea {
	width: 100%;
	height: 100px;
	min-height: 204px;
	border: solid 1px #d2d2d2 !important;
	box-sizing: border-box;
	padding: 24px;
	border-radius: 24px;
	font-size: 17px;
	font-weight: 400;
	appearance: none;
	line-height: 1.5;
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
	font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR',
		malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
}

.sub-board-comment-write>textarea:hover {
	border: solid 1px #FF4A53 !important;
	transition: 0.3s;
}

.sub-board-comment-top-tit {
	font-size: 17px;
	font-weight: 600;
	color: #75787B !important;
}

.sub-board-comment-top-tit-count {
	color: #25282B !important;
}

.sub-board-comment-container {
	margin-top: 2.4rem;
	word-break: break-all;
}

.sub-board-comment-info {
	font-size: 15px;
	font-weight: 400;
	color: #75787B;
}

.sub-board-comment-info>span:not(first-child):not(last-child):after {
	content: "|";
	margin: 0px 16px;
	line-height: 1.5;
}

.delete-comment {
	cursor: pointer;
	vertical-align: middle;
}

.sub-board-comment-info>span:last-child:after {
	content: "";
	margin-left: 0;
	margin-right: 0;
}

.sub-board-comment-info>span.like:hover {
	cursor: pointer;
	font-weight: 500;
	color: #908D79;
}

.sub-board-comment-info>span.like>.like-tag {
	margin-right: 1rem;
	box-sizing: border-box;
	width: 2.6rem;
	height: 2.6rem;
	object-fit: contain;
	vertical-align: top;
	background-color: #F4F4F4;
	border-radius: 50%;
	padding: 0.8rem;
	padding-bottom: 0.5rem;
	cursor: pointer;
}

.like-tag {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.sub-board-comment-info>span.like:hover>.like-tag {
	background-color: #FDEAEF;
}

.sub-board-comment-info>span.like.like-up>.like-tag {
	background-color: #FDEAEF;
}

.sub-board-comment-info>span.like.like-up {
	cursor: pointer;
	font-weight: 500;
	color: #908D79;
}

.sub-board-comment-info>span.like>.like-tag>img {
	width: 1.6rem;
	margin-top: 0.3rem;
}

.sub-board-comment-body {
	margin-top: 2.4rem;
	font-size: 17px;
	color: #4D5053;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	.sub-board-comment-write>p {
		font-size: 12px;
	}
	.sub-board-tit .sub-board-tit-cate {
		margin-bottom: 0;
		padding: 4px 15px;
	}
	.sub-board-file-container {
		display: block;
	}
	.sub-board-file>div {
		margin: 15px;
		display: block;
	}
	.sub-board-info>div>span {
		width: 100%;
		display: block;
		line-height: 1.5;
	}
	.sub-board-bottom>.sub-board-primary-button {
		width: 100% !important;
		margin-bottom: 16px;
	}
	
	.mr-b24 {
		margin-bottom: 16px !important;
	}
	.sub-board-bottom>.sub-board-prev-button {
		width: 100% !important;
	}
	.sub-board-bottom>.sub-board-delete-button {
		margin: 8px 0px 0px 0px;
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 480px) {
	.sub-board-comment-write>p {
		font-size: 12px;
	}
	.sub-board-file-container {
		display: block;
	}
	.sub-board-file>div {
		margin: 15px;
		display: block;
	}
	.sub-board-info>div>span {
		width: 100%;
		display: block;
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
		line-height: 1.5;
	}
}

/*
*
이메일수집거부
*
*/
.email-content-box {
	background-color: transparent !important;
	text-align: center;
}

.email-top {
	color: #4D5053;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 16px;
	margin-top: 48px;
}

.email-sub {
	font-size: 17px;
	font-weight: 400;
	color: #4D5053;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.map {
		height: 409.6px !important;
	}
	.email-top {
		font-size: 23px;
	}
	.map_info {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.map_info_list:first-child {
		margin-right: 0px !important;
		margin-bottom: 16px !important;
	}
	.map_info_list>div {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.map_info_list>div>span:first-child {
		margin-right: 0px !important;
		margin-bottom: 8px !important;
	}
	.transportation-container {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.transportation-header {
		width: 100%;
		min-width: unset !important;
	}
	.transportation-header>div {
		margin-right: 0px !important;
		margin-bottom: 24px !important;
		width: 100%;
		justify-content: flex-start !important;
	}
	.map_transportation_list {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start !important;
	}
}

/*
*
검색어
*
*/
.no-data {
	width: 100%;
	font-size: 1.6rem;
	font-weight: normal;
	color: #4B4B4B;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}

.search-container {
	margin-bottom: 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.search-select {
	width: 150px;
}

.search-text {
	font-size: 1.7rem;
	font-weight: 400;
	color: #75787B;
	white-space: nowrap;
}

.search-count {
	font-weight: 600;
	color: #25282B;
}

.search-box {
	position: relative;
	text-align: right;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	padding: 12px 24px;
	border: 1px solid #D9DCDF;
}
.search-box:hover {
	border: 1px solid #FF4A53;
	transition: 0.3s;
}
.search-box>input {
	border: 0px !important;
	width: 302px;
	padding: 0px !important;
	border-radius: 0px !important;
}

.search-btn {
	background-color: transparent;
	border: 0px !important;
}

@media screen and (max-width: 768px) {
	.search-box>input {
		width: 100%
	}
	.search-box {
		margin: 0;
	}
}
/*
*
자주묻는질문
*
*/
#accordian li {
	list-style-type: none;
	padding: 24px;
	border-radius: 24px;
	border: 1px solid #D9DCDF;
	cursor: pointer;
	margin-bottom: 48px;
}

#accordian li:last-child {
	margin-bottom: 0px;
}

#accordian li:hover {
	border: 1px solid #FF4A53;
	transition: 0.3s;
}

#accordian li>p {
	font-size: 1.9rem;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	color: #4D5053;
	text-align: left;
	line-height: 1.5;
	padding: 0px 24px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	display: block;
}

#accordian li>p>span>span.bllt {
	margin-left: 5px;
}

#accordian li>p>span>span.bedge, #accordian>ul>li>div>span.bedge_answer
	{
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	font-size: 23px;
	font-weight: 700;
	color: #FFFFFF;
	border-radius: 50px;
	margin-right: 16px;
	width: 64px;
	min-width: 64px;
	padding: 4px 0px;
	background: #FF4A53;
}

#accordian li>div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	background-color: #FFF4EF;
	border-radius: 24px;
	transition: max-height 0.2s ease-out;
	margin-top: 24px;
	line-height: 1.5;
	color: #4D5053;
	padding: 24px;
	font-size: 1.7rem;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#accordian>ul>li>div>span.bedge_answer {
	background: #75787B;
	height: 34.5px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/*
*
설문조사
*
*/
.survey-view {
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
}
/*.survey-view img {width: 100%;height: auto;}*/
.survey-view img {
	height: auto;
}

@media ( max-width :1080px) {
	.survey-view img {
		width: 100%;
	}
}

.survey-list li {
	list-style-type: none;
	border: 0px !important;
	border-bottom: 1px solid #D9DCDF !important;
	padding: 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.survey-list li>p:first-child {
	width: 400px;
	height: 160px;
	overflow: hidden;
	border-radius: 20px;
	margin-right: 2.4rem;
}

.survey-list li>p:last-child {
	margin-left: 1rem;
	
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.survey-list li>p {
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	text-align: left;
	line-height: 20px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.survey-list li>p img {
	width: 100%;
	height: 160px;
	object-fit: contain;
	border-radius: 20px;
}

.survey-tit {
	font-size: 23px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
}

.survey-info {
	font-size: 17px;
	color: #75787B;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.survey-info2 {
	font-size: 14px !important;
}

.survey-info2 .success {
	color: #17C85C;
}

.survey-info2 .fail {
	color: #D82337;
}

.survey-info>span:nth-child(1) {
	margin-right: 16px;
}

.survey-info>span:nth-child(2)>span {
	font-weight: 400;
	color: #75787B;
}

.survey-info>span:nth-child(3):before {
	content: "|";
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.survey-info>span:nth-child(3)>span {
	font-weight: 700;
	color: red;
}

.survey-btn>button {
	display: block;
	text-align: center;
	min-width: 120px;
	border-radius: 24px;
	padding: 12px 24px;
	font-size: 17px;
	font-weight: 600;
	border: 0;
	cursor: pointer;
	white-space: nowrap;
}

.survey-btn>.survey-btn-go {
	background-color: #FF4A53;
	color: #FFFFFF;
}

.survey-btn>.survey-btn-go img {
	margin-right: 8px;
	width: 24px;
	height: 24px;
}

.survey-btn>.survey-btn-go:hover {
	background-color: #FF7C80;
	transition: 0.3s;
}

.survey-btn>.survey-btn-no {
	border: 1px solid #D9DCDF;
	color: #75787B;
	background-color: transparent;
}

.survey-btn>.survey-btn-result {
	background-color: #D9DCDF;
	color: #75787B;
}

.survey-btn>.survey-btn-result:hover {
	color: #4D5053;
	transition: 0.3s;
}

.benefit-list li {
	list-style-type: none;
	border-top: 3px solid #908d79;
	border-bottom: 3px solid #908d79;
	border-left: 0;
	border-right: 0;
	padding: 17px 20px 20px 20px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.benefit-list li:last-child:first-child {
	border-top: 3px solid #908d79;
	border-bottom: 3px solid #908d79;
}

.benefit-list li:first-child {
	border-bottom: 0;
}

.benefit-list li:not(:first-child):not(:last-child):nth-child(even) {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.benefit-list li:not(:first-child):not(:last-child):nth-child(odd) {
	border-top: 0;
	border-bottom: 0;
}

.benefit-list li:last-child:nth-child(even) {
	border-top: 1px solid #DDD;
}

.benefit-list li:last-child {
	border-top: 0;
}

.benefit-list li>p:first-child {
	width: 400px;
	height: 160px;
	overflow: hidden;
	border-radius: 8px;
	margin-right: 1rem;
}

.benefit-list li>p:last-child {
	margin-left: 1rem;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.benefit-list li>p {
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	text-align: left;
	line-height: 20px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.benefit-list li>p img {
	width: 100%;
}

.benefit-body {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.benefit-tit {
	font-size: 18px;
	font-weight: 600;
	word-break: keep-all;
}

.benefit-date {
	font-size: 14px;
	word-break: keep-all;
}

@media screen and (max-width: 480px) {
	.survey-list li {
		display: block;
	}
	.benefit-list li {
		padding: 8px 10px 10px 10px;
		display: block;
	}
	.benefit-tit {
		font-size: 14px;
		font-weight: 500;
	}
	.benefit-body {
		display: block;
	}
	.benefit-date {
		margin-top: 5px;
		font-size: 12px;
	}
	.survey-btn>button {
		line-height: 1.5;
		font-size: 17px;
	}
		.survey-btn {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.survey-list li>p:first-child {
		width: 100%;
	}
	.survey-list li>.survey-list-div {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.survey-list li {
		padding: 24px;
		display: block;
	}
	.survey-tit {
		font-size: 19px;
	}
	.benefit-list li {
		padding: 8px 10px 10px 10px;
		display: block;
	}
	.benefit-tit {
		font-size: 14px;
		font-weight: 500;
	}
	.benefit-body {
		display: block;
	}
	.benefit-date {
		margin-top: 5px;
		font-size: 12px;
	}
	.survey-list li>p:first-child {
		width: 100%;
	}
	.survey-list li>.survey-list-div {
		width: 100%;
		margin: 0px !important;
		margin-top: 24px !important;
	}
}

/*
*
paging
*
*/
.paging {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 72px;
}

.paging span {
	display: inline-block;
	vertical-align: middle;
}

.paging span:last-child:after {
	content: '';
	display: block;
	clear: both;
}

.paging a {
	display: block;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	color: #75787B;
	text-align: center;
	margin: 0 2px;
	border-radius: 50%;
	font-size: 17px;
}

.paging a:hover, .paging a.on {
	background-color: #FFE8DF;
	color: #FF4A53;
}

.paging a.end_prev {
	content: "";
	background: url(../images/icon_endback-bce19694165a066d00a1df5eca0e90bb.png) center center no-repeat #fff;
}

.paging a.prev {
	content: "";
	background: url(../images/icon_back-c7b1ccb5dd2c29980a53c1f5860daddd.png) center center no-repeat #fff;
}

.paging a.end_next {
	content: "";
	background: url(../images/2025-endnext-984c7eae1b82910918b037de3b38c4ff.png) center center no-repeat #fff;
}

.paging a.next {
	content: "";
	background: url(../images/2025-next-d29e8dbcb155104c2cfcd2595bfdc2d1.png) center center no-repeat #fff;
}

.paging span.on {
	padding: 0 10px;
}

/*
*
카드뉴스 슬라이드
*
*/
.sub-board-body>.card-news-view {
	padding: 30px;
}

.sub-board-body>.card-news-view img {
	max-width: 100%;
	height: auto !important;
}

.card-news-view {
	position: relative;
	max-width: 800px;
	margin: 0 auto 0 auto;
}

.card-news-view .slide {
	width: 630px;
	height: 716px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.card-news-view .slide ul {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	width: 50000px;
}

.card-news-view .slide ul li {
	float: left;
}

.card-news-view .slide ul li img {
	width: 630px;
}

.card-news-view #back {
	position: absolute;
	top: 300px;
	left: 0;
	cursor: pointer;
	z-index: 1;
}

.card-news-view #next {
	position: absolute;
	top: 300px;
	right: 0;
	cursor: pointer;
	z-index: 1;
}

.swiper-button-prev {
	background-image: url(/static/homepage/images/back-047222d1b134d1494fb4c9895ecdad06.png) !important;
}

.swiper-button-next {
	background-image: url(/static/homepage/images/next-f7592ca0b230abd0f0576a914f7c3dad.png) !important;
}

.slider_cardnews {
	position: relative;
	margin: 0 auto;
	max-width: 80%;
	padding-bottom: 40px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.card-news-view .slide {
		width: 100%;
		height: auto;
	}
	.card-news-view .slide ul li img {
		width: 100%;
	}
	.sub-board-body>.card-news-view {
		padding: 20px;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 18px !important;
		height: 30px !important;
		margin-top: -15px !important;
		background-size: 18px 30px !important;
	}
	.slider_cardnews {
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.card-news-view .slide {
		width: 100%;
		height: auto;
	}
	.card-news-view .slide ul li img {
		width: 100%;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 18px !important;
		height: 30px !important;
		margin-top: -15px !important;
		background-size: 18px 30px !important;
	}
	.slider_cardnews {
		max-width: 70%;
	}
}

/*
*
팝업
*
*/
.popup-mask {
	position: absolute;
	z-index: 998;
	top: 450px;
	left: 600px;
	margin-top: -300px;
	margin-left: -300px;
	transition: opacity .3s ease;
	font-size: 14px;
}

.popup-wrapper {
	min-width: 500px;
	max-width: 600px;
	max-height: 600px;
	background: #fff;
}

.popup-container {
	width: 100%;
	height: 100%;
	border: 3px solid rgb(187, 187, 187);
}

.popup-body {
	width: 100%;
	height: calc(100% - 30px);
	background-color: #fff;
	overflow-y: auto;
	cursor: move;
	color: #000;
}

.popup-body img {
	max-width: 100%;
	height: auto;
}

.popup-footer {
	background-color: #333;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.check-day {
	margin-left: 1rem;
}

.check-day>label {
	display: block;
	color: #999;
	cursor: pointer;
	font-size: 16px;
}

.b-close>a {
	display: block;
	color: #999;
	font-size: 16px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-right: 1rem;
}

@media screen and (max-width: 1024px) {
	.popup-mask {
		top: 450px !important;
		left: 350px !important;
	}
	.popup-wrapper {
		min-width: 500px;
		max-width: 600px;
		max-height: 600px;
	}
	.check-day>label, .b-close>a {
		font-size: 14px;
	}
	
	.viewer-content-body-group-2 {
		display: block;
	}
	viewer-content-body-group-1 {display: none;}
}

@media screen and (max-width: 768px) {
	.popup-mask {
		top: 0 !important;
		left: 0 !important;
		margin-top: 10rem;
		margin-left: 2rem;
	}
	.popup-wrapper {
		position: relative;
		margin: 0 auto;
		height: auto;
		min-height: 320px;
		min-width: auto;
		max-width: auto;
		max-height: auto;
	}
	.check-day>label, .b-close>a {
		font-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	.popup-mask {
		top: 0 !important;
		left: 0 !important;
		margin-top: 10rem;
		margin-left: 2rem;
	}
	.popup-wrapper {
		position: relative;
		margin: 0 auto;
		height: auto;
		min-height: 320px;
		min-width: auto;
		max-width: auto;
		max-height: auto;
	}
	.check-day>label, .b-close>a {
		font-size: 14px;
	}
}

/*
*
참여광장
*
*/
.news-list.card-news {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news-list dl, .news-list2 dl {
	border-radius: 20px;
    background-color: #FFFFFF;
    border: 1px solid #D9DCDF;
    height: 100%;
    width: 30.5%;
    margin-right: 2.8%;
    margin-bottom: 48px;
    float: left;
    display: block;
    cursor: pointer;
}
.news-list dl:hover,
.news-list2 dl:hover {
	border: 1px solid #FF4A53;
	transition: 0.3s;
}
.news-list.card-news > dl:nth-child(3n) {
	margin-right: 0px;
}

.news-list dl>dt, .news-list2 dl>dt {
	height: auto;
	overflow: hidden;
}

.news-list dl>dt img {
    border-radius: 20px;
    max-width: 406.67px;
    width: 100%;
    max-height: 203.34px;
    object-fit: contain;
}

.news-list2 dl>dt div.thumbnail {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.news-list dl>dd, .news-list2 dl>dd {
	font-size: 16px;
	padding-top: 5px;
}

.news-list dl>dd>p, .news-list2 dl>dd>p {
	color: #75787B;
	font-size: 17px;
	line-height: 1.5;
	padding: 0px 24px;
	display: grid;
}

.news-list dl>dd>p>a, .news-list2 dl>dd>p>a {
	vertical-align: middle;
	width: 100%;
	color: #4D5053;
	word-break: keep-all;
	word-break: break-all;
	font-size: 23px;
	font-weight: 700;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list dl>dd>p>a>span.bllt, .news-list2 dl>dd>p>a>span.bllt {
	position: absolute;
	right: 0;
	top: 5px;
}

.card-news dl>dt {
	padding: 24px;
	overflow: hidden;
	border-radius: 20px;
}

.news-list2 dl>dt {
	height: 250px;
}

@media screen and (max-width: 1024px) {
	.news-list dl, .news-list2 dl {
		width: 47%;
	}
	.news-list.card-news > dl:nth-child(even) {
		margin-right: 0px;
	}
}


@media screen and (max-width: 580px) {
	.news-list.card-news {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	    flex-direction: column;
	    align-items: center;
	}
	.news-list dl>dd, .news-list2 dl>dd {
		font-size: 16px;
	}
	.news-list dl>dd>p>a, .news-list2 dl>dd>p>a {
		font-size: 19px;
	}
	.news-list dl>dd>.date>span:last-child, .news-list2 dl>dd>.date>span:last-child
		{
		font-size: 14px;
	}
	.news-list dl, .news-list2 dl {
		width: 100%;
		margin-right: 0px;
	}
	.news-list dl>dd>p, .news-list2 dl>dd>p {
		width: auto;
	}
	
	.news-list dl>dt img {
		max-width: none;
	}
}

@media screen and (max-width: 480px) {
	.news-list dl>dt, .news-list2 dl>dt {
		height: auto;
	}
}

/*
*
sub-자료실-[참여예산활동]
*
*/
.sub-card-container {
	width: 100%;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 5.3rem;
}

.sub-card-container-line {
	margin-bottom: 5.3rem;
	width: 100%;
	height: 26.5rem;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	align-items: center;
}

.sub-card {
	width: 33.33%;
	height: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sub-card-margin {
	margin: 0 1rem;
}

.sub-card-img {
	width: 100%;
	height: 20.8rem;
	overflow: hidden;
	position: relative;
	background-color: #f1f2f7;
	border-radius: 1rem;
	flex-shrink: 0;
}

.sub-card-tit {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 2rem;
	font-weight: 700;
	margin: 1rem 0;
	color: #4b4b4b;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.sub-card-date {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	color: #4b4b4b;
	white-space: nowrap;
	width: 100%;
}

@media ( max-width :575.98px) {
	.sub-card {
		width: 100%;
	}
	.sub-card-container-line {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		/*height: auto;*/
		height: auto !important;
		margin-bottom: 2rem
	}
	.sub-card-margin {
		margin: 2rem 0;
	}
}

/*
*
진행중 사업참여
*
*/
.sub-paticipation-info-box {
	box-sizing: border-box;
	padding: 25px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #908D79;
	border-radius: 10px;
}

.sub-paticipation-info-box-tit {
	width: 100%;
	font-size: 2rem;
	font-weight: 600;
	color: #908d79;
	margin-bottom: 10px;
}

.sub-paticipation-info-box-text {
	color: #4B4B4B;
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: 10px;
}

.sub-paticipation-info-box-btn {
	cursor: pointer;
	width: fit-content;
	padding: 12px 24px;
	border-radius: 24px;
	background: #D9DCDF;
	color: #75787B;
	border: 0px;
	font-size: 1.7rem;
	font-weight: 600;
}

@media ( max-width : 768px) {
	.sub-paticipation-info-box-tit {
		font-size: 1.9rem;
	}
	.sub-paticipation-info-box-text {
		font-size: 1.4rem;
	}
	.sub-paticipation-info-box-btn {
		font-size: 1.2rem;
	}
	.sub-board-file-list p {
		margin-top: 8px;
	}
}

.sub-table2 {
	border-collapse: collapse;
	width: 100%;
	margin: 1rem auto;
	border-top: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	background-color: white;
	margin-top: 1rem;
	margin-bottom: 5.3rem;
}

.sub-table2-th, .sub-table2-td {
	padding: 1.0rem 0.8rem;
	border-bottom: 1px solid #ddd;
	text-align: center;
	color: #4B4B4B;
	font-size: 1.6rem;
	font-weight: 300;
}

.sub-table2-tbody tr:hover {
	background-color: #d3d3d3;
	opacity: 0.9;
	cursor: pointer;
}

.sub-table2-td>a {
	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.sub-table2-th {
	background-color: #F5F5F5;
	font-size: 1.6rem;
	font-weight: 500;
}

/* 테이블 비율 */
.sub-table2-th:nth-child(1), .sub-table2-td:nth-child(1) {
	width: 6%;
}

.sub-table2-th:nth-child(2), .sub-table2-td:nth-child(2) {
	width: 6%;
}

.sub-table2-th:nth-child(3), .sub-table2-td:nth-child(3) {
	width: 10%;
}

.sub-table2-th:nth-child(4), .sub-table2-td:nth-child(4) {
	width: 8%;
}

.sub-table2-th:nth-child(5), .sub-table2-td:nth-child(5) {
	width: 10%;
}

.sub-table2-th:nth-child(6), .sub-table2-td:nth-child(6) {
	flex-grow: 1;
}

.sub-table2-th:nth-child(7), .sub-table2-td:nth-child(7) {
	width: 8%;
}

.sub-table2-th:nth-child(8), .sub-table2-td:nth-child(8) {
	width: 8%;
}

.sub-table2-th:nth-child(9), .sub-table2-td:nth-child(9) {
	width: 8%;
}

@media ( max-width : 768px) {
	.sub-table2-th:nth-child(1), .sub-table2-td:nth-child(1) {
		display: none;
	}
	.sub-table2-th:nth-child(2), .sub-table2-td:nth-child(2) {
		display: none;
	}
	.sub-table2-th:nth-child(3), .sub-table2-td:nth-child(3) {
		display: none;
	}
	.sub-table2-th:nth-child(4), .sub-table2-td:nth-child(4) {
		display: none;
	}
	.sub-table2-th:nth-child(5), .sub-table2-td:nth-child(5) {
		display: none;
	}
	.sub-table2-td:nth-child(6) {
		text-align: left;
	}
	.sub-table2-th:nth-child(7), .sub-table2-td:nth-child(7) {
		display: none;
	}
	.sub-table2-th:nth-child(8), .sub-table2-td:nth-child(8) {
		display: none;
	}
	.sub-table2-th:nth-child(9), .sub-table2-td:nth-child(9) {
		width: 30%;
	}
}

/*
*
사업진행상황
*
*/
.sub-table3 {
	border-collapse: collapse;
	width: 100%;
	margin: 1rem auto;
	border-top: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	background-color: white;
	margin-top: 1rem;
	margin-bottom: 5.3rem;
}

.sub-table3-th, .sub-table3-td {
	padding: 1.0rem 0.8rem;
	border-bottom: 1px solid #ddd;
	text-align: center;
	color: #4B4B4B;
	font-size: 1.6rem;
	font-weight: 300;
}

.sub-table3-tbody tr:hover {
	background-color: #d3d3d3;
	opacity: 0.9;
	cursor: pointer;
}

.sub-table3-td>a {
	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.sub-table3-th {
	background-color: #F5F5F5;
	font-size: 1.6rem;
	font-weight: 500;
}

/*
*
사업진행상황
*
*/
.sub-table3-th:nth-child(1), .sub-table3-td:nth-child(1) {
	width: 6%;
}

.sub-table3-th:nth-child(2), .sub-table3-td:nth-child(2) {
	width: 6%;
}

.sub-table3-th:nth-child(3), .sub-table3-td:nth-child(3) {
	width: 10%;
}

.sub-table3-th:nth-child(4), .sub-table3-td:nth-child(4) {
	width: 8%;
}

.sub-table3-th:nth-child(5), .sub-table3-td:nth-child(5) {
	width: 10%;
}

.sub-table3-th:nth-child(6), .sub-table3-td:nth-child(6) {
	width: 8%;
}

.sub-table3-th:nth-child(7), .sub-table3-td:nth-child(7) {
	flex-grow: 1;
}

.sub-table3-th:nth-child(8), .sub-table3-td:nth-child(8) {
	width: 8%;
}

.sub-table3-th:nth-child(9), .sub-table3-td:nth-child(9) {
	width: 8%;
}

.sub-table3-th:nth-child(10), .sub-table3-td:nth-child(10) {
	width: 8%;
}

@media ( max-width : 768px) {
	.sub-table3-th:nth-child(1), .sub-table3-td:nth-child(1) {
		display: none;
	}
	.sub-table3-th:nth-child(2), .sub-table3-td:nth-child(2) {
		display: none;
	}
	.sub-table3-th:nth-child(3), .sub-table3-td:nth-child(3) {
		display: none;
	}
	.sub-table3-th:nth-child(4), .sub-table3-td:nth-child(4) {
		display: none;
	}
	.sub-table3-th:nth-child(5), .sub-table3-td:nth-child(5) {
		display: none;
	}
	.sub-table3-th:nth-child(6), .sub-table3-td:nth-child(6) {
		display: none;
	}
	.sub-table3-td:nth-child(7) {
		text-align: left;
	}
	.sub-table3-th:nth-child(8), .sub-table3-td:nth-child(8) {
		display: none;
	}
	.sub-table3-th:nth-child(9), .sub-table3-td:nth-child(9) {
		display: none;
	}
	.sub-table3-th:nth-child(10), .sub-table3-td:nth-child(10) {
		width: 30%;
	}
}

/*
*
도 정책사업
*
*/
.sub-body-btn-col {
	box-sizing: border-box;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.sub-body-btn-margin {
	margin-top: 30px;
}

.sub-filter-width {
	width: 100%;
}

.sub-filter-box {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	justify-content: space-between !important;
}

.sub-filter-box-margin {
	margin-bottom: 10px;
}

.sub-filter-box-width, .sub-filter-btn-box {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.sub-filter-btn-box-flex {
	width: 100%;
	flex: 1 1 auto;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex: 1;
}

.sub-filter-text {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #4B4B4B;
	font-size: 16px;
	font-weight: 600;
	margin-right: 15px;
}

.sub-filter-btn {
	word-break: keep-all;
	padding: 10px 0;
	width: 100%;
	margin-left: 10px;
	font-size: 14px;
	border-radius: 5px;
	border: 0;
}

.sub-filter-btn:hover {
	border: 1px solid #908D79 !important;
}

.sub-filter-btn:active {
	color: #FFF;
	font-weight: 700;
	background: #908D79;
}

.sub-filter-btn-df {
	color: #8A8A8A;
	font-weight: 500;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.04);
}

.sub-filter-btn-pr {
	color: #FFF;
	font-weight: 700;
	background: #908D79;
	border: 1px solid #908D79;
}

@media ( max-width :576px) {
	.sub-filter-text {
		margin-right: 10px;
		font-size: 14px;
	}
	.sub-filter-box-width {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sub-filter-btn {
		margin: 0 0 5px 5px;
		font-size: 12px;
	}
	.sub-filter-btn-box-flex {
		box-sizing: content-box;
		flex: 1 1;
		margin-left: 5px;
	}
}

/*
*
위원회 구성
*
*/
.sub-table4 {
	border-collapse: collapse;
	width: 100%;
	margin: 1rem auto;
	border-top: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	background-color: white;
	margin-top: 1rem;
}

.sub-table4-th, .sub-table4-td {
	padding: 1.0rem 0.8rem;
	border-bottom: 1px solid #ddd;
	text-align: center;
	color: #4B4B4B;
	font-size: 1.6rem;
	font-weight: 300;
}

.sub-table4-th {
	background-color: #F5F5F5;
	font-size: 1.6rem;
	font-weight: 500;
	width: 16.66%;
}

@media ( max-width : 768px) {
	.sub-table4 {
		margin: 1rem 0 2rem 0;
	}
	.sub-table4-th, .sub-table4-td {
		font-size: 1.4rem;
	}
}

/*
*
위원회 역할
*
*/
.sub-crole-info-box {
	padding: 25px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #908D79;
	border-radius: 10px;
}

.sub-crole-info-box-tit {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	color: #908d79;
	width: 195px;
	margin-right: 36px;
}

.sub-crole-info-box-text {
	color: #4B4B4B;
	font-size: 1.8rem;
	font-weight: 400;
	margin: 5px 0;
}

.sub-crole-info-box>div>ul {
	padding-left: 20px;
	list-style-position: outside;
}

.sub-crole-info-box-btn:hover {
	background: #fff;
	color: #000;
}

@media ( max-width : 768px) {
	.sub-crole-info-box {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sub-crole-info-box-tit {
		width: 100%;
		font-size: 1.6rem;
		justify-content: flex-start;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.sub-crole-info-box-text {
		margin: 5px 0;
		font-size: 1.2rem;
	}
	.sub-crole-info-box>div>ul {
		padding-left: 20px;
	}
}

/*
*
문의 답변
*
*/
.answer-container {
	width: 100%;
	border-radius: 20px;
	border: 1px solid #D9DCDF;
	margin-top: 72px;
}

.answer-header {
	background-color: transparent;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.5;
	padding: 32px 24px;
}

.answer-main>div>.answer-info {
	background-color: #F6F7F9;
	padding: 16px 24px;
}

.answer-main>div>.answer-info>div>span:last-child {
	border-right: 0;
}

.answer-main>div>.answer-info>div>span>b {
	font-weight: 600;
	margin-right: 0.8rem;
}

.answer-main {
	font-size: 17px;
	font-weight: 400;
	color: #75787B;
	border-radius: 0 0 20px 20px;
}

.answer-main>div>.answer-contents {
	padding: 24px;
	color: #4D5053;
}

.answer-main>div>.answer-file {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.5rem;
}

.answer-main>div>.answer-file>.answer-file-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.answer-main>div>.answer-file>.answer-file-container>.answer-file-tit {
	margin-right: 1.5rem;
	word-break: keep-all;
}

.answer-main>div>.answer-file>.answer-file-container>.answer-file-list a:hover
	{
	text-decoration: underline;
}

.answer-main>div>.answer-file>.answer-file-container>.answer-file-list a:before
	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 0.5rem;
	background: url(/static/homepage/sub/assets/icon_download-cf291f5f66f12ef7c3f2f77b25a8edb6.png) no-repeat;
}

.inquiry-badge {
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	font-size: 17px;
	color: #FF4A53;
	font-weight: 600;
	border-radius: 50px;
	padding: 2px 16px;
}

.inquiry-badge-1 {
	background-color: #FFE8DF;
}

.inquiry-badge-2 {
	background-color: #75787B;
	color: #FFFFFF;
}

.inquiry-badge-3 {
	background-color: #D82337;
}

@media ( max-width : 768px) {
	.sub-board-tit>span {
		font-size: 2.3rem;
	}
	.answer-main>div>.answer-info>div>span {
		width: 100%;
		display: block;
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
		line-height: 1.5;
	}
	.answer-main>div>.answer-file>.answer-file-container {
		display: block;
	}
}

/*
*
Mypage 비밀번호 변경
*
*/
.new-pw-container {
	padding: 0px 430px;
	position: relative;
	text-align: center;
}

.new-img {
	margin-bottom: 30px;
}

.new-text {
	color: #25282B;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 8px;
}

.new-text-b {
	font-weight: 700;
}

.new-text-sub {
	color: #75787B;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	word-break: keep-all;
}

.new-hr {
	color: #4B4B4B;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
}

.new-item, .new-pw-item {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	margin: 72px 0px;
}

.new-pw-item>.new-item-text {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 100%;
	font-size: 17px;
	margin-bottom: 8px;
	font-weight: 600;
	color: #4D5053;
}

.new-pw-item>.new-input {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

.new-item-text {
	width: 28%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	font-size: 16px;
	font-weight: 500;
}

.new-input-text {
	color: #4B4B4B;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.new-input {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 72%;
}

.new-input-id {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
}

.new-input-id::placeholder {
	font-size: 17px;
	color: #75787B;
	line-height: 1.5;
	font-weight: 400;
}

.new-pw-container .btn-box {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.new-pw-container .btn {
	cursor: pointer;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFF;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	border: 0px;
}

.new-pw-container .btn:hover {
	background-color: #FF7C80;
}

.new-pw-container .btn:active {
	background-color: #686658;
}

@media ( max-width : 768px) {
	.new-pw-container {
		box-sizing: border-box;
		width: 100%;
	}
	.new-item, .new-pw-item {
		height: auto;
	}
	.new-pw-item {
		display: block;
	}
	.new-pw-item>.new-item-text {
		text-align: left;
		width: 100%;
		display: block;
		font-size: 14px;
	}
	.new-input-text {
		display: block;
		margin-bottom: 5px;
	}
	.new-pw-item>.new-input {
		display: block;
		width: 100%;
	}
	.new-pw-item>.new-input>.new-input-id {
		box-sizing: border-box;
		width: 100%;
		height: 40px;
	}
	.new-pw-container .btn {
		width: 100%;
	}
}

/*
*
Mypage 나의정보 변경
*
*/
.sub-body-myinfo {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-body-myinfo .signup-btn {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	border: 0px;
	cursor: pointer;
}

.sub-body-myinfo .signup-tit-essential {
	width: 100%;
	color: #4B4B4B;
	font-size: 12px;
	font-weight: 400;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 0.5rem;
}

.sub-body-myinfo .signup-btn:active {
	background-color: #686658;
}

.panel-out-div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.panel-out-btn {
	cursor: pointer;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	width: 100%;
	padding: 10px 18px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	background: #FFF;
	color: #908D79;
	border: 1px solid #908D79;
	font-size: 14px;
	font-weight: 700;
}

.panel-out-btn:hover {
	background: #908D79;
	color: #FFF;
	border: 1px solid #908D79;
}

.panel-out-msg {
	width: 100%;
	display: block;
	font-size: 14px;
	text-align: left;
	margin-bottom: 5px;
}

.panel-out-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 840px;
	margin-bottom: 3rem;
}

.panel-out-tit {
	width: 100%;
	color: #4D5053;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 24px;
}

.panel-out-detail-container {
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #D9DCDF;
}

.panel-out-detail-container>ul {
	list-style-position: inside;
	font-size: 17px;
	color: #4D5053;
	font-weight: 400;
	line-height: 1.5;
}

.panel-out-detail-container:nth-child(2) {
	margin: 24px 0px;
}

.panel-out-tit-sub {
	color: #4D5053;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	width: 100%;
	margin-bottom: 16px;
}

.panel-out-tit-sub-redB {
	color: #FF4A53 !important;
	font-size: 23px;
	font-weight: 700;
}

.panel-out-btn-div>span {
	font-size: 17px;
	font-weight: 400;
	color: #4D5053;
	line-height: 1.5;
	margin-bottom: 16px;
}

.panel-out-btn-div>div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.panel-out-cancel-btn:hover {
	background: #D9DCDF;
	color: #4D5053;
	transition: 0.3s;
}

.panel-out-go-btn:hover {
	color: #4D5053;
	transition: 0.3s;
}

.panel-out-btn-div {
	margin-top: 72px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.panel-out-go-btn {
	cursor: pointer;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #D9DCDF;
	color: #75787B;
	border: 0px;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 600;
}

.panel-out-cancel-btn {
	cursor: pointer;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background: #FFFFFF;
	color: #75787B;
	border: 1px solid #D9DCDF;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 600;
	margin-right: 16px;
}

@media ( max-width : 1024px) {
	.panel-out-container {
		width: 90%;
	}
}

@media ( max-width : 768px) {
	.panel-out-go-btn {
		width: 100%;
	}
	.panel-out-cancel-btn {
		margin: 0px;
		width: 100%;
		margin-bottom: 16px;
	}
	.panel-out-btn {
		padding: 6px 18px;
		font-size: 12px;
	}
	.panel-out-container {
		width: 90%;
	}
	.panel-out-pw-msg {
		display: block;
	}
	.panel-out-pw {
		display: block !important;
	}
	.panel-out-pw>input, .panel-out-pw>span {
		box-sizing: border-box;
		width: 100% !important;
		margin: 0 !important;
	}
	.panel-out-pw>span {
		margin-top: 5px !important;
	}
}

/* 찾아오시는 길 */
.map-content {
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #D9DCDF;
	margin-bottom: 24px;
}

.map {
	margin-bottom: 24px;
	border-radius: 20px;
}

.map_info {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.map_info_list {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	font-size: 17px;
	font-weight: 400;
	color: #4D5053;
	line-height: 1.5;
	flex: 1;
}

.map_info_list:first-child {
	margin-right: 72px;
}

.map_info_list>div:first-child {
	margin-bottom: 24px;
}

.map_info_list>div>span:first-child {
	margin-right: 24px;
	color: #FF4A53;
	font-weight: 600;
}

.transportation-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	margin-top: 48px;
}

.transportation-header {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 149px;
}

.transportation-header>div {
	width: 100%;
	padding: 12px 16px;
	border-radius: 20px;
	background-color: #FFE8DF;
	color: #FF4A53;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	margin-right: 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.transportation-header>div img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.map_transportation_list {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 16px;
	border: 1px solid #D9DCDF;
	border-radius: 20px;
	color: #4D5053;
	line-height: 1.5;
	font-size: 17px;
	font-weight: 400;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list_basic {
	list-style: none;
}

.list_basic li {
	line-height: 1.5;
	font-size: 14px;
	word-break: keep-all;
}

.list_basic.lt02 li {
	position: relative;
	padding-left: 10px;
	list-style-type: none;
}

.list_basic.lt02 li:before {
	display: block;
	width: 4px;
	height: 4px;
	background: #ffc41d;
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
}

.list_basic.lt01 li {
	position: relative;
	padding-left: 15px;
}

.list_basic.lt01 li:before {
	display: block;
	width: 6px;
	height: 2px;
	background: #b4b4b4;
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
}

.list_basic li>a {
	color: #FF4A53;
	font-weight: 600;
}

.list_no li {
	margin-bottom: 5px;
}

.list_no li button {
	word-break: break-all;
}

@media all and (min-width:768px) {
	.list_basic li {
		font-size: 16px;
	}
	.list_basic.lt01 li:before {
		top: 12px;
	}
	.list_basic.lt02 li:before {
		top: 12px;
	}
}

.list_number {
	list-style: none;
}

.list_number>li {
	position: relative;
	padding-left: 23px;
	word-break: keep-all;
}

.list_number>li .num {
	position: absolute;
	top: 0;
	left: 0;
}

.jus dt {
	padding: 24px;
	border-radius: 20px 0px 0px 20px;
	text-align: center;
	font-weight: 700;
	font-size: 23px;
	line-height: 1.5;
	background-color: #F6F7F9;
}

.jus dd {
	padding: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #555;
}

@media all and (min-width:768px) {
	.jus {
		display: table;
		width: 100%;
		padding: 0;
	}
	.jus dd {
		display: table-cell;
		width: 70%;
		vertical-align: middle;
		padding-left: 40px;
	}
}

.map-btn {
	font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR',
		malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
	display: inline-block;
	padding: 12px 24px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #D9DCDF;
	color: #75787B;
	background-color: #FFFFFF;
	border-radius: 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.map-link {
	color: blue;
	text-decoration: underline;
}

.map-btn:hover {
	color: #4D5053;
	background-color: #D9DCDF;
}

.map-down-btn:last-child {
	margin-left: 16px;
}

.map-down-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 0.8rem;
	background: url(/static/homepage/sub/assets/2025-import-default-a67948d97e4bb902b4ecf1fdb93dec58.svg)
		no-repeat;
}

.map-btn:hover.map-down-btn:after {
	background: url(/static/homepage/sub/assets/icon_download_white-99f4553159347b25a1de984974385183.png)
		no-repeat;
}

.primary-btn {
	font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR',
		malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 24px;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #FF4A53;
	color: #FF4A53;
	background-color: #FFFFFF;
	border-radius: 24px;
	margin-right: 16px;
}

.board-bottom-btn-box>.primary-btn:last-child {
	margin: 0px;
}

.primary-link-btn,
.primary-committee-btn {
	background-color: #FF4A53;
	color: #FFFFFF;
}

.primary-link {
	color: blue;
	text-decoration: underline;
}

.primary-btn:hover {
	background-color: #FF7C80;
	color: #FFFFFF;
	transition: 0.3s;
}

.primary-down-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 0.8rem;
	background: url(/static/homepage/sub/assets/2025-import-9a8f45ef061e5fb945ddd8e89c9310d3.png) no-repeat;
}

.primary-down-btn:hover::before {
	background: url(/static/homepage/sub/assets/2025-import-white-d68f96cb31abe165c681fbe2003d251c.png)
		no-repeat;
}

.primary-link-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 0.8rem;
	background: url(/static/homepage/images/2025-surveybtn-go-f62eeda464251896618d7669c289641f.svg) no-repeat;
}

.primary-blank-btn:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-left: 1rem;
	margin-bottom: 0.1rem;
	background: url(/static/homepage/sub/assets/icon_blank-67dbb7f9167ca38d26be2fed369c8614.png) no-repeat;
}

.primary-btn:hover.primary-blank-btn:after {
	background: url(/static/homepage/sub/assets/icon_blank_white-23d7bb05ef13228798886c63bdf3f882.png)
		no-repeat;
}

.main-block-color {
	color: #4D5053;
}

/* 홈페이지 소개 */
.about-container {
	width: 100%;
}

.about-top-tit {
	width: 100%;
	font-weight: bold;
	font-size: 27px;
	line-height: 1.5;
	text-align: center;
	color: #25282B;
}

.about-sub-tit {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 72px;
	font-size: 19px;
	line-height: 1.5;
	word-break: keep-all;
	text-align: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-sub-tit>div {
	width: 100%;
	word-break: keep-all;
	text-align: center;
	color: #75787B;
}

.about-sub-tit>div>div {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
}

.about-footer-sub-tit {
	width: 100%;
	margin-top: 24px;
	font-size: 19px;
	word-break: keep-all;
	text-align: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.5;
}

.about-footer-sub-tit>div {
	width: 100%;
	word-break: keep-all;
	text-align: center;
	color: #75787B;
}

.about-footer-sub-tit>div>span {
	color: #D82337;
	font-weight: 600;
}

.about-e-um-card-container {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.about-e-um-card-container>.about-e-um-card-body {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-e-um-card-main {
	flex: 1;
	height: auto;
	dox-sizing: border-box;
}

.about-e-um-card-main:frist-nth {
	margin-right: 48px;
}

.about-e-um-card {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 24px;
	width: 100%;
}

.about-e-um-card.about-e-um-card-top>.circle {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-e-um-card.about-e-um-card-top>.circle img {
	width: auto;
	height: 350px;
}

.about-e-um-card.about-e-um-card-tit {
	font-size: 27px;
	font-weight: bold;
	padding-top: 0px;
	display: block;
	text-align: center;
	color: #4D5053;
	line-height: 1.5;
}

.about-e-um-card.about-e-um-card-tit>div {
	margin-top: 8px;
	color: #75787B;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
}

.about-e-um-card.about-e-um-card-sub-tit {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	padding: 0px 96px;
	padding-top: 8px;
	width: 100%;
	box-sizing: border-box;
}

.about-e-um-card-sub-tit-desc-group {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.about-e-um-card-sub-tit-desc {
	border-radius: 20px;
	background-color: #F6F7F9;
	padding: 16px 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 17px;
	margin-top: 16px;
	font-weight: 600;
	color: #4D5053;
}

.about-e-um-card-sub-tit-desc-flow {
	margin-left: 10px;
	margin-right: 10px;
}

.about-e-um-card-sub-tit-desc span {
	color: #D82337;
}

.about-middle {
	width: 100%;
	margin-top: 72px;
}

.about-middle-container {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-middle-body>.circle {
	width: 150px;
	height: 150px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #FFF;
	border: 1px solid #FF4A53;
	border-radius: 500px;
	color: #4D5053;
	text-align: center;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5;
}
.about-panel-card-container {
	width: 100%;
}

.about-panel-card-container>.about-panel-card-body {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.about-panel-card-main {
	flex: 1;
	margin-right: 48px;
}

about-panel-card-main:last-nth {
	margin-right: 0px;
}

.about-panel-card {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-panel-card.about-panel-card-top>.circle {
	width: 180px;
	height: 180px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #FFF;
	border: 1px solid rgba(216, 35, 55, 0.60);
	border-radius: 50%;
}

.about-panel-card.about-panel-card-tit {
	font-size: 27px;
	line-height: 1.5;
	color: #4D5053;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 8px;
}

.about-panel-card.about-panel-card-sub-tit {
	display: block;
	font-size: 19px;
	text-align: center;
	word-break: keep-all;
	color: #75787B;
	line-height: 1.5;
}

.about-panel-footer {
	width: 100%;
	margin-top: 72px;
	font-size: 19px;
	line-height: 1.5;
	word-break: keep-all;
	text-align: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-panel-btn-div {
	color: #FFFFFF;
	font-size: 17px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	font-weight: 600;
	background-color: #FF4A53;
	display: inline-block;
}
.about-panel-btn-div > a:hover {
	background-color: #FF7C80;
	transition: 0.3s;
}
@media all and (max-width:1680px) {
	div.about-e-um-card.about-e-um-card-sub-tit>div.about-e-um-card-sub-tit-desc-flow
		{
		display: none;
	}
}

@media all and (max-width:768px) {
	.about-e-um-card-container {
		display: block;
	}
	.about-e-um-card-container>.about-e-um-card-body {
		display: block;
	}
	.about-e-um-card.about-e-um-card-top>.circle>img {
		width: 100%;
	}
	.about-panel-card-container {
		display: block;
		padding-bottom: 0;
		padding-top: 0;
	}
	.about-panel-card-container>.about-panel-card-body {
		display: block;
	}
	.about-panel-card-main {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
	}
	.about-panel-card-body .about-panel-card-main:not(:first-of-type) {
		margin-top: 20px;
	}
	.about-panel-card.about-panel-card-top>.circle {
		width: 80px;
		height: 80px;
		padding: 40px;
	}
	.about-panel-card.about-panel-card-top>.circle>img {
		width: 100%;
	}
	.about-panel-footer {
		margin-bottom: 40px;
	}
	.about-panel-footer-text {
		width: 100%;
	}
	.about-panel-btn-div > a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.about-panel-footer .about-panel-footer-text div:first-child {
		line-height: 30px;
		font-size: 20px;
		width: 100%;
		box-sizing: border-box;
	}
	.about-e-um-card-sub-tit-desc {
		font-size: 17px;
	}
	.about-middle-body>.circle {
		width: 136.5px;
		height: 136.5px;
		font-size: 19px;
	}
	.about-top-tit {
		font-size: 23px;
	}
	.about-sub-tit {
		font-size: 19px;
		margin-bottom: 48px;
	}
	.about-sub-tit>div>div {
		font-size: 23px;
		margin-bottom: 10px;
		margin-bottom: 48px;
	}
	.about-footer-sub-tit {
		font-size: 16px;
	}
}

.signup-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.signup-tit {
	width: 100%;
	color: #4D5053;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 700;
}

.table-tit-essential {
	width: 100%;
	color: #4B4B4B;
	font-size: 12px;
	font-weight: 400;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 0.5rem;
}

.table-essential {
	font-size: 14px;
}

.signup-address-div {
	margin: 16px 0px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.signup-address-div>button {
	word-break: keep-all;
	padding: 12px 24px;
}

.signup-address-div>.signup-address-zip {
	margin-right: 1.6rem;
	width: 70px;
}

.signup-address-div>.signup-address-road-name {
	width: 100%;
}

.signup-table {
	width: 100%;
	border-top: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	border-collapse: collapse;
}

.signup-table-tr {
	border-bottom: 1px solid #ddd;
}

.signup-table-tr:last-child {
	border-bottom: 0;
}

.signup-table-th {
	background-color: #fafafa;
	padding: 10px;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
	width: 20%;
}

.signup-table-td {
	background-color: #fff;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	width: 80%;
}

.input-radio:checked {
	border: 5px solid #FF4A53;
	background-color: #FFFFFF;
}

.input-radio:checked::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background-color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.input-radio {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #D9DCDF;
	border-radius: 50%;
	background-color: #FFFFFF;
	position: relative;
	cursor: pointer;
	transition: border-color 0.3s;
}

.signup-input {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 10px 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 160px;
	border-radius: 5px;
	border: 1px solid #C2C2C2;
	font-size: 14px;
}

.signup-input::placeholder {
	font-size: 12px;
	color: #C2C2C2;
	font-weight: 300;
}

.signup-id-btn {
	cursor: pointer;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	border: 1px solid #FF4A53;
	background-color: transparent;
	color: #FF4A53;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
}

.signup-id-btn:hover {
	background-color: #FF7C80;
}

.signup-btn {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	background-color: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	border: 0px;
	cursor: pointer;
}

.signup-btn:hover {
	background-color: #FF7C80;
}

.signup-btn:active {
	background-color: #686658;
}

.signup-item-address-width {
	width: 72%;
}

.input-checkbox {
	display: none;
}

.input-checkbox:disabled+label:before {
	background-color: #D9DCDF;
}

.input-checkbox+label {
	cursor: pointer;
	color: #75787B;
	font-size: 17px;
	line-height: 1.5;
	margin-left: 1.6rem;
}

.input-checkbox+label:after {
	position: absolute;
}

.input-checkbox+label:before {
	content: "\2714";
	color: #75787B;
	display: inline-flex;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	text-align: center;
	vertical-align: middle;
	border-radius: 8px;
	background-color: #D9DCDF;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
tbody > tr > td > .input-checkbox+label:before {
	top: -12px;
	left: 12px;
}

.input-checkbox:checked+label:before {
	color: #FFFFFF;
	background-color: #FF4A53;
}

.input-checkbox:disabled+label::before {
	background-color: #FFFFFF;
	border: 1px solid #D9DCDF;
	color: #75787B;
}

@media ( max-width : 1024px) {
	.divTableCell>.email-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.email-div>* {
		width: 100%;
		margin-bottom: 16px;
	}
}

@media ( max-width :768px) {
	.signup-btn {
		margin-bottom: 1.6rem;
	}
}

/* 개인정보처리방침 */
.policy-top-tit {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #111;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	word-break: keep-all;
}

.policy-top-desc {
	font-size: 19px;
	color: #4D5053;
	background: #F6F7F9;
	padding: 24px;
	border: #D9DCDF solid 1px;
	border-radius: 20px;
	margin-bottom: 24px;
	overflow: hidden;
	line-height: 1.5;
	word-break: keep-all;
}

.policy-head-tit {
	font-size: 23px;
	font-weight: 700;
	color: #FF4A53;
	line-height: 1.5;
	word-break: keep-all;
	margin-bottom: 16px;
	margin-top: 48px;
}

.policy-sub-text {
	font-size: 17px;
	color: #4D5053;
	font-weight: 400;
	line-height: 1.5;
	word-break: keep-all;
}

.policy-sub-text>a, .list_number>li>ul>li>a {
	text-decoration: underline;
}

.disc-ul-list {
	list-style-type: disc;
}

@media ( max-width :768px) {
	.policy-head-tit {
		font-size: 19px;
	}
}

/*기본테이블*/
.basic_table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-top: #D82337 solid 2px;
	line-height: 1.6
}

.basic_table thead tr th, .basic_table thead tr td {
	padding: 16px;
	text-align: center;
}

.basic_table tbody tr th, .basic_table tbody tr td {
	padding: 10px 5px;
	border-bottom: #D9DCDF solid 1px;
}

.basic_table tr th:first-child, .basic_table tr td:first-child {
	border-left: 0;
	width: 80px;
	padding-left: 0px;
	padding-right: 0px;
}

.basic_table tr th:last-child, .basic_table tr td:last-child {
	border-right: 0;
}

.basic_table th {
	font-size: 17px;
	color: #4D5053;
	font-weight: 600;
	line-height: 1.5;
	background-color: #F6F7F9;
	vertical-align: middle;
}

.basic_table td {
	font-size: 17px;
	color: #4D5053;
	text-align: left;
	vertical-align: middle;
}

.basic_table td a {
	text-decoration: none;
	color: #454545
}

.basic_table td.red {
	color: #F00
}

.basic_table .no_border {
	border-right-style: none;
}

.basic_table .td_center {
	text-align: center;
}

.basic_table .td_right {
	text-align: right
}

.basic_table .td_left {
	text-align: left
}

.border_none {
	border-right: none;
}

.table_center tbody tr td, .table_center tbody tr th {
	text-align: center;
}

.table_center tbody tr td ul li {
	text-align: left;
}

@media all and (min-width:1024px) {
	.basic_table thead tr th, .basic_table thead tr td {
		font-size: 16px;
	}
	.basic_table tbody tr th, .basic_table tbody tr td {
		padding: 20px;
	}
}

.basic_table.table_resp th {
	text-align: left;
	padding: 0 10px;
}

.basic_table.table_resp th, .basic_table.table_resp td {
	display: block;
	border-left: 0;
	border-right: 0;
	padding: 10px;
}

@media all and (min-width:768px) {
	.basic_table.table_resp th {
		text-align: center;
		padding: 0 10px;
	}
	.basic_table.table_resp th, .basic_table.table_resp td {
		display: table-cell;
		border-left: #eee solid 1px;
		border-right: #eee solid 1px;
		padding: 20px;
	}
}

.responsive {
	min-width: 600px;
}

.scroltable-wrapper {
	position: relative;
}

.scroltable-container {
  	-webkit-overflow-scrolling: touch;
  	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-x: auto;
	margin-top: 16px;
	margin-bottom: 24px;
}

.scroltable-container::-webkit-scrollbar {
	height: 5px;
}

.scroltable-container::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 5px;
}

.scroltable-container::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 5px;
}

.scroltable-container::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .5);
}

.scroltable-nav {
	display: none;
	position: absolute;
	width: 60px;
	height: 100%;
	cursor: pointer;
}

.scroltable-nav.scroltable-nav-left {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
}

.scroltable-nav.scroltable-nav-right {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

@media all and (max-width:767px) {
	.basic_table.table_resp thead {
		display: none;
	}
}

@media all and (min-width:768px) {
	.basic_table.table_resp th {
		text-align: center;
		width: 20%;
	}
	.basic_table.table_resp th, .basic_table.table_resp td {
		display: table-cell;
		border-left: #eee solid 1px;
		border-right: #eee solid 1px;
	}
	.basic_table.table_resp .no_cont {
		display: table-cell;
	}
}

/* 도민제안 소개 */
.intro_box {
	background: #f8fafd;
	padding: 30px;
	line-height: 1.5;
	margin-top: 20px;
}

.intro_box .s_title {
	display: block;
	color: #4B4B4B;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
}

.intro_box .title {
	display: block;
	color: #D82337;
	margin: 10px 0;
	font-size: 35px;
	font-weight: 700;
}

.intro_box a {
	margin-top: 20px;
	display: inline-block;
	position: relative;
	padding: 6px 40px;
	border-radius: 50px;
	border: 2px solid #D82337;
	background: #FFF;
	cursor: pointer;
	margin-right: 10px;
	color: #D82337;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.intro_box a:hover {
	background: #D82337;
	color: #FFF;
}

.intro_box div {
	color: #8A8A8A;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	display: block;
	word-break: keep-all;
}

.intro_group {
	margin-bottom: 30px;
}

.intro_group h5 {
	color: #908D79;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 10px;
}

.intro_group span {
	display: block;
	text-align: center;
	border: 1px solid #1e6bc2;
	background: #f1f2f7;
	padding: 15px 10px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #1e6bc2;
}

.intro_group .intro_cont dl {
	margin-bottom: 10px;
}

.intro_group .intro_cont dl dt {
	border: 1px solid #908D79;
	border-right: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #f9f9f9;
	padding: 15px 10px;
	color: #4B4B4B;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
}

.intro_group .intro_cont dl dd {
	border: 1px solid #908D79;
	border-left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px 10px;
	color: #4B4B4B;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}

.intro_group .intro_cont dl dd ul li {
	position: relative;
	padding-left: 15px;
}

.intro_group .intro_cont dl dd ul li::before {
	content: "·";
	font-weight: 900;
	font-size: 18px;
	position: absolute;
	left: 0;
}

.intro_box02_mt {
	margin-top: 55px;
}

.intro_box02 .intro_box02_desc {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.intro_box02 .title1 {
	color: #D82337;
	text-align: center;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	display: block;
	text-align: center;
}

.intro_box02 .title2 {
	color: #D82337;
	font-size: 27px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	display: block;
	text-align: center;
}

.intro_box02 ul li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
	color: #424242;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
}

@media ( max-width :768px) {
	.intro_box02 .intro_box02_desc {
		display: block;
	}
	.intro_group .intro_cont dl dt {
		border-bottom: 0;
		border-right: 1px solid #908D79;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		font-size: 18px;
	}
	.intro_group .intro_cont dl dd {
		border-left: 1px solid #908D79;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		font-size: 16px;
	}
	.intro_box02 .title1 {
		font-size: 22px;
	}
	.intro_box02 .title2 {
		font-size: 24px;
	}
	.intro_box02_mt {
		margin-top: 38px;
	}
	.intro_group h5 {
		font-size: 22px;
	}
	.intro_box02 ul li {
		font-size: 16px;
	}
	.intro_box .s_title {
		display: block;
		color: #4B4B4B;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 40px;
	}
	.intro_box .title {
		display: block;
		color: #D82337;
		margin: 10px 0;
		font-size: 30px;
		font-weight: 700;
	}
	.intro_box a {
		padding: 4px 30px;
		font-size: 16px;
	}
}

.intro_box02 ul li:before {
	content: "";
	background-image: url(/static/homepage/sub/assets/icon-intro-check-b29d144c4bc85a0c70f923699919eff8.svg);
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 2px;
	width: 24px;
	height: 25px;
}

.intro_box02 ul li br {
	display: none;
}

@media all and (min-width:640px) {
	.intro_box02 ul li br {
		display: block;
	}
}

@media all and (min-width:768px) {
	.intro_box {
		padding-left: 0;
		position: relative;
		margin-bottom: 70px;
	}
	.intro_group {
		overflow: hidden;
		margin-bottom: 0;
		position: relative;
	}
	.intro_group span {
		float: left;
		width: 20%;
		margin-bottom: 0;
		box-sizing: border-box;
		top: 0;
		bottom: 40px;
		position: absolute;
	}
	.intro_group:last-child span {
		bottom: 0;
	}
	.intro_group .intro_cont dl {
		margin-bottom: 40px;
		position: relative;
		display: table;
		width: 100%;
	}
	.intro_group .intro_cont dl:after {
		content: "";
		background-image: url(/static/homepage/sub/assets/icon-intro-arrow-74d723f703af27dab8f9862bc9ecff6e.svg);
		background-repeat: repeat;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		bottom: -32px;
		width: 30px;
		height: 30px;
	}
	.intro_group:last-child .intro_cont dl {
		margin-bottom: 0;
	}
	.intro_group:last-child .intro_cont dl:after {
		display: none;
	}
	.intro_group .intro_cont dl dt {
		display: table-cell;
		width: 30%;
		vertical-align: middle;;
		padding: 25px 20px;
	}
	.intro_group .intro_cont dl dd {
		display: table-cell;
		vertical-align: middle;
		padding: 25px 20px;
		font-size: 16px;
	}
	.intro_box02 h5 {
		font-size: 24px;
	}
	.intro_box02 ul li {
		font-size: 16px;
	}
}

@media all and (min-width:1024px) {
	.intro_box {
		padding: 50px 40px 50px 40px;
	}
	.intro_box:before {
		transform: scale(1);
	}
	.intro_box a:before {
		top: 15px;
	}
	.intro_group .intro_cont dl dt {
		width: 25%;
	}
	.intro_box02 h5 {
		
	}
	.intro_box02 ul {
		overflow: hidden;
	}
	.intro_box02 ul li {
		float: left;
		width: 50%;
		margin-bottom: 0;
		margin-top: 20px;
	}
}

@media all and (min-width:1200px) {
	.intro_box:before {
		content: url(/static/homepage/sub/assets/intro_bg-068ed2fcb3e7d51ae8460d786c66938d.png);
		background-repeat: repeat;
		transform: scale(1);
		position: absolute;
		top: 50%;
		margin-top: -190px;
		right: 0;
		width: 536px;
		height: 357px;
	}
}

/* 진행 중 제안 */
.sub-exp-box {
	margin-bottom: 72px;
	padding: 48px 24px;
	background-color: #F6F7F9;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #D9DCDF;
	border-radius: 20px;
}

.sub-exp-box div {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5;
	color: #4D5053;
}

.sub-exp-box div a {
	display: inline-block;
	position: relative;
	padding: 12px 24px;
	border-radius: 24px;
	background-color: #FF4A53;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-exp-box div a img {
	margin-right: 8px;
}

.sub-exp-box div a:hover {
	background: #FF7C80;
	transition: 0.3s;
}

.terms_wrap {
	height: 234px;
	overflow: auto;
	border: 1px solid #D9DCDF;
	padding: 24px;
	border-radius: 20px;
}

.terms_wrap h6 {
	font-weight: 600px;
	font-size: 17px;
}

.terms_wrap p {
	font-size: 16px;
}

.terms_agree p {
	font-size: 17px;
	font-weight: 600;
	color: #4B4B4B;
	word-break: keep-all;
	text-align: left;
	padding: 12px 24px;
	border-radius: 24px;
	border: 1px solid #D9DCDF;
}

.terms_agree p:last-child {
	margin: 24px 0px;
}

.terms_agree p label {
	margin: 0 0 5px 0;
}

.terms_agree p em {
	vertical-align: 0;
	line-height: 1.5;
}

.terms_agree p label, .terms_agree p em {
	font-size: 14px;
}

@media ( max-width :768px) {
	.terms_agree p {
		font-size: 14px;
		text-align: left;
	}
	.sub-exp-box {
		display: block;
		padding: 25px 25px 25px 25px;
		margin-bottom: 24px !important;
	}
	.sub-exp-box div a {
		font-size: 16px;
		margin-top: 20px;
	}
	.sub-exp-box div {
		font-size: 16px;
	}
}

@media all and (min-width:1024px) {
	.terms_agree p label, .terms_agree p em {
		font-size: 16px;
	}
}

.red {
	font-style: normal;
	color: #f00;
	font-size: 20px;
	display: inline-block;
	vertical-align: -5px;
	margin-right: 5px;
}

.proposal-h5 {
	font-size: 27px;
	color: #4D5053;
	font-weight: 700;
	margin-bottom: 24px;
	word-break: keep-all;
}

.proposal-container {
	width: 100%;
	height: 100%;
}

.proposal-opacity {
  opacity: 0.5;
}

.proposal-card {
	border: 1px solid #caccd6;
	border-radius: 2rem;
	width: 31.3%;
	margin-right: 3%;
	margin-bottom: 48px;
	float: left;
	display: block;
	cursor: pointer;
	box-sizing: border-box;
}

.proposal-container .proposal-card:nth-child(3n) {
	margin-right: 0;
}

.proposal-container:after {
	display: block;
	content: "";
	clear: both;
}

.proposal-card:hover {
	border-radius: 2rem;
	border: 1px solid #FF4A53;
	transition: 0.3s;
}

.proposal-card-top {
	box-sizing: border-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.4rem;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #ffffff;
	border-radius: 2rem 2rem 0 0;
}

.proposal-state {
	width: 100%;
	height: 30px;
	margin-bottom: 8px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.proposal-state .proposal-state-text:nth-child(2) {
	margin-top: 5px;
}

.proposal-state-text {
	height: 1.8rem;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.proposal-state-text {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #17c85c;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-state-ellipse {
	width: 0.3rem;
	height: 0.3rem;
	background-color: #d9d9d9;
	border-radius: 0.15rem;
	flex-shrink: 0;
}

.proposal-state-text-1 {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #274b67;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-state-text-writer {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #274b67;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-state-ellipse {
	margin: 0 0.5rem;
	width: 0.3rem;
	height: 0.3rem;
	background-color: #d9d9d9;
	border-radius: 0.15rem;
	flex-shrink: 0;
}

.proposal-state-text-2 {
	text-align: center;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.5;
	color: #FF4A53;
	white-space: nowrap;
	flex-shrink: 0;
	padding: 2px 16px;
	border-radius: 50px;
	background-color: #FFF4EF;
	margin-right: 8px;
}

.proposal-card-top-tit {
	width: 100%;
	font-size: 2.3rem;
	font-weight: 700;
	color: #4D5053;
	line-height: 35px;
	overflow: hidden;
	position: relative;
	margin-bottom: 24px;
	min-height: 70px;
    word-break: break-all;
}

.proposal-card-top-content {
	width: 100%;
	color: #4D5053;
	font-size: 17px;
	line-height: 25px;
	font-weight: 400;
	max-height: 52px;
    overflow: hidden;
	position: relative;
    word-break: break-all;
}

.proposal-card-bottom {
	box-sizing: border-box;
	padding: 1.6rem 2.4rem;
	width: 100%;
	border-top: solid 0.1rem #D9DCDF;
	background-color: #F6F7F9;
	border-radius: 0 0 1rem 1rem;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0px 0px 2rem 2rem;
}

.proposal-card-bottom-contents {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.proposal-card-bottom-group {
	width: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.proposal-card-bottom-group-1 {
	height: 100%;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-shrink: 0;
}

.proposal-card-bottom-group-2 {
	margin: 0px 16px;
}

.proposal-card-bottom-group-1-text {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #5f5f5f;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-card-bottom-group-2 {
	box-sizing: border-box;
	padding-right: 0.04rem;
	height: 1.7rem;
	overflow: hidden;
	position: relative;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-shrink: 0;
}

.proposal-card-bottom-group-2-text {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #5f5f5f;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-card-bottom-group-3 {
	height: 100%;
	overflow: hidden;
	position: relative;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	flex-shrink: 0;
	align-items: center;
}

.proposal-card-bottom-group-icon {
	margin-right: 0.5rem;
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
	vertical-align: top;
	flex-shrink: 0;
}

.proposal-card-bottom-group-3-text {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2575;
	color: #5f5f5f;
	white-space: nowrap;
	flex-shrink: 0;
}

.proposal-state-btn-df {
	box-sizing: border-box;
	width: 3.6rem;
	height: 3.6rem;
	object-fit: contain;
	vertical-align: top;
	background-color: #F4F4F4;
	border-radius: 50%;
	padding: 1.05rem;
	cursor: pointer;
}

.proposal-state-btn-df:active {
	background-color: #FDEAEF;
}

.proposal-state-btn-heart-df {
	width: 1.6rem;
}

.color-text-gray {
	color: #75787B;
	background-color: #D9DCDF
}

/* .color-text-blue {
	color: #1A72E7;
} */
.proposal-state-btn-df {
	box-sizing: border-box;
	width: 3.6rem;
	height: 3.6rem;
	object-fit: contain;
	vertical-align: top;
	background-color: #F4F4F4;
	border-radius: 50%;
	padding: 1.05rem;
	cursor: pointer;
}

.proposal-state-btn-heart-df {
	width: 1.6rem;
}

.proposal-state-btn-pr {
	box-sizing: border-box;
	width: 3.6rem;
	height: 3.6rem;
	object-fit: contain;
	vertical-align: top;
	border-radius: 50%;
	padding: 1.05rem;
	cursor: pointer;
	background-color: #FDEAEF;
}

.view_con_line {
	border-bottom: 1px solid #dedede;
}

.sub-board-body .view_con_line:last-child {
	border-bottom: 0;
}

.view_con {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	padding: 24px 0px;;
}

.view_con .view_con_tit {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.5;
	padding: 8px 16px;
	border-radius: 24px;
	background-color: #F6F7F9;
	margin-bottom: 16px;
	color: #25282B;
}

.view_con p {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	word-break: break-all;
	color: #4D5053;
	padding: 0px 16px;
}

.view_tag_top {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view_tag .tag-container {
	padding: 0px 16px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.view_tag .tag-container>.tag-box:last-child {
	margin-right: 0;
}

.view_file_container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view_file span:nth-child(2) {
	font-size: 17px;
	font-weight: 600;
}
.view_file .file-container {
	display: block;
}

.view_file .file-container>div {
	margin-top: 5px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.view_file .file-container>div>a {
	padding: 8px 16px;
	margin-right: 8px;
	border-radius: 24px;
	border: 1px solid #D9DCDF;
	vertical-align: middle;
}
.view_file .file-container>div>a  :first-child {margin-top: 0px;}
.view_file .file-container>div>a:hover {
	text-decoration: underline;
}

.view_file .file-container>div>a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 0.8rem;
	background: url(/static/homepage/sub/assets/2025-download-d5e4f6d2698a596a097d57c86c483352.png) no-repeat;
}

.view_file .file-container>div>span {
	color: #000;
	font-size: 14px;
}

.sub-board-body .view_con:last-child {
	border-bottom: 0;
}

.proposal-empth-button {
	box-sizing: border-box;
	padding: 12px 24px;
	border-radius: 24px;
	background: transparent;
	color: #75787B;
	font-size: 17px;
	font-weight: 600;
	border: 1px solid #D9DCDF;
	cursor: pointer;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0px 16px;
}

.proposal-empth-button:hover {
	background-color: #D9DCDF;
	color: #4D5053;
	transition: 0.3s;
}

.proposal-empth-button img {
	margin-right: 8px;
}

/*tab_list*/
.tab_list ul {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.tab_list ul:after {
	display: block;
	content: "";
	clear: both;
}

.tab_list ul li {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 24px 0px;
	flex: 1;
	border-radius: 20px 20px 0px 0px;
	background-color: #F6F7F9;
	border-bottom: 1px solid #FF4A53;
}

.tab_list>ul>li.active {
	border: 1px solid #FF4A53;
	border-bottom: 0px;
	color: #FF4A53;
	background-color: #FFFFFF;
}

.tab_list ul li a {
	display: block;
	width: 100%;
	word-break: keep-all;
	text-align: center;
	color: #9DA0A3;
	font-size: 27px !important;
	font-weight: 700;
}

.tab_list ul li.active a, .tab_list ul li:hover a {
	color: #FF4A53;
	transition: 0.3s;
}

.tab_list ul li.active:before, .tab_list ul li.active:after, .tab_list ul li:hover:before,
	.tab_list ul
li:hover:after {
	position: absolute;
	left: -1px;
	top: -1px;
	display: block;
	content: "";
	transition: 0.3s;
	z-index: 100;
}

.tab_list ul li.active, .tab_list ul li:hover, .tab_list ul li.active:before,
	.tab_list ul li:hover:before, .tab_list ul li.active:after, .tab_list ul li:hover:after
	{
	transition: 0.3s;
}

.tabs_cont_box {
	display: none;
}

@media all and (min-width:480px) {
	.tab_list ul {
		flex-flow: row;
	}
}

@media ( max-width :1080px) {
	.proposal-card {
		width: 48%;
	}
	.proposal-container .proposal-card:nth-child(3n) {
		margin-right: 3%;
	}
	.proposal-container .proposal-card:nth-child(even) {
		margin-right: 0;
	}
}

@media ( max-width :768px) {
	.proposal-container .proposal-car {
		margin-right: 0;
	}
	.proposal-card-top {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
	}
	.proposal-card-top-tit {
		width: 100%;
	}
	.proposal-card-top-content {
		width: 100%;
	}
	.view_tag {
		display: block;
		width: 100%;
	}
	.view_tag .tag-container {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: auto;
	}
	.url-container {
		display: block !important;
	}
	.sub-board-edit-button {
		width: 100%;
		margin-top: 16px;
	}
	.view_file .file-container>div>a {
		overflow: auto;
		display: inline-block;
		max-width: 100%;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
}

.fn-inputbox, .fn-select, .vdp-datepicker {
	position: relative;
	display: inline-block;
	font-style: normal;
}

.vdp-datepicker__clear-button {
	position: absolute;
	right: 25px;
	top: 7px;
}

.vdp-datepicker__clear-button i {
	display: block;
	font-style: normal;
	font-size: 0;
	width: 19px;
	height: 19px;
	background: url(../images/delete_icon-5403b796d6be1bdfe58b98b34d506896.png) no-repeat;
}

.vdp-datepicker__calendar {
	z-index: 9999;
}

input.date {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 400;
	background: url(/static/homepage/assets/main/main-survey-calendar-59c5d86b03f96a864a4ac05ab879a29b.svg)
		right 16px center no-repeat #fff !important;
	background-color: #fff !important;
	width: 250px !important;
	padding: 12px 24px;
}

/* 온라인 투표 - 상세 */
.vote_option {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #D9DCDF;
}

.vote_option div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.vote_option>div:nth-child(2) {
	margin: 0px 48px;
}

.vote_option div label {
	width: auto;
	display: block;
	margin-right: 16px !important;
	font-weight: 600;
	font-size: 19px;
	color: #4D5053;
}

.vote_option div #voterAreaCode {
	width: 172px;
}

.vote_option div #voterGender {
	width: 146px;
}

.vote_option div #voterAge {
	width: 160px;
}

.vote_box {
	border: #D9DCDF solid 1px;
	margin: 72px 0px;
	border-radius: 20px;
}

.vote_box .vote_title {
	padding: 32px 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
}

.vote_box .vote_title strong {
	display: inline-block;
	font-size: 27px;
	font-weight: 700;
	color: #4D5053;
}

.vote_box .vote_title i {
	color: #777;
	font-size: 22px;
	transition: .35s all;
}

.vote_box .vote_cont {
	background-color: #fff;
	display: none;
	padding: 24px;
	border-radius: 0px 0px 20px 20px;
}

.vote_box .vote_title.active {
	background-color: #FFF4EF;
	border-radius: 20px 20px 0px 0px;
	color: #4D5053;
}

.vote_box .vote_title.active i {
	color: #75787B;
	transform: rotate(180deg);
}

.vote_box .vote_cont.active {
	display: block;
}

.vote_box .vote_bnt {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px;
}

.vote_box .vote_bnt a {
	display: inline-block;
	padding: 0 25px;
	border-radius: 5px;
	background-color: #ffc41d;
	color: #fff;
	margin-bottom: 10px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	min-width: 320px;
	text-align: center;
	font-size: 18px;
	transition: .25s all;
}

.vote_box .vote_bnt a:hover {
	box-shadow: 0px 5px 10px rgba(255, 187, 0, 0.487);
	background-color: #ffbb00;
}

.vote_box .vote_bnt small {
	
}

@media ( max-width :768px) {
	.vote_box .vote_title strong {
		font-size: 23px;
	}
}

@media ( max-width :425px) {
	.vote_box .vote_title i {
		font-size: 20px;
	}
	.vote_box .vote_bnt a {
		min-width: 0;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}

/* 온라인 투표 - 로그인 */
.vote_login_wrap {
	box-sizing: border-box;
	padding: 32px 24px;
	border-radius: 24px;
	margin-top: 72px;
	border: 1px solid #D9DCDF;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-flow: wrap;
}

.vote_login_wrap strong {
	text-align: left;
	font-size: 23px;
    font-weight: 700;
    color: #4D5053;
	width: 100%;
	margin-bottom: 16px;
	width: 100%;
}

.vote_login > form {
	max-width: 350px;
	width: 100%;
}
.vote_login_wrap .vote_comment {
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-flow: column;
	width: 50%;
	padding: 40px 40px 40px 0;
}

.vote_login_wrap .vote_comment img {
	display: block;
	max-width: 180px;
	width: 100%;
	margin-bottom: 20px;
}

.vote_login_wrap .vote_comment div {
	width: 100%;
	display: block;
	font-size: 17px;
	text-align: center;
	color: #4D5053;
	font-weight: 400;
	line-height: 1.5;
	word-break: keep-all;
}

.vote_login_wrap .vote_login {
	box-sizing: border-box;
	width: 50%;
	overflow: hidden;
	position: relative;
	padding-left: 40px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 35px 0 35px 30px;
}

.vote_login_wrap .vote_login::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ddd;
	left: 0;
	top: 0;
	position: absolute;
}

.vote_login_wrap .vote_login fieldset {
	border: 0;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.vote_login_wrap .vote_login label {
	display: block;
	width: 100%;
	font-size: 17px;
	color: #4D5053;
	font-weight: 600;
	text-align: left;
}

.vote_login_wrap .vote_login input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-size: 17px;
	margin: 8px 0px 24px 0px;
}

.vote_login_wrap .vote_login input::placeholder {
	color: #75787B;
	font-size: 14px;
}

.vote_login_wrap .vote_login .pw_toggle {
	position: relative;
	display: block;
	width: 100%;
}

.vote_login_wrap .vote_login .pw_toggle i {
	position: absolute;
	right: 10px;
	top: 25px;
	cursor: pointer;
}

.vote_login_wrap .vote_login button {
	padding: 12px 24px;
	text-align: center;
	width: 100%;
	display: block;
	border: none;
	background-color: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	border-radius: 24px;
	cursor: pointer;
	transition: .25s;
}
.vote_login > form > fieldset > button:hover {
	background-color: #FF7C80;
	transition: 0.3s;
}
@media ( max-width :768px) {
	.vote_login > form {
		max-width: none;
	}
	.vote_login_wrap {
		flex-flow: column;
		margin-top: 30px;
	}
	.vote_login_wrap .vote_login, .vote_login_wrap .vote_comment {
		width: 100%;
		padding: 30px 0;
	}
	.vote_login_wrap .vote_login::before {
		display: none;
	}
	.vote_login_wrap .vote_comment div {
		text-align: left;
	}
}

@media ( max-width :425px) {
	.vote_login_wrap .vote_login, .vote_login_wrap .vote_comment {
		padding-bottom: 0;
	}
	.vote_login_wrap {
		padding: 30px 20px;
	}
	.vote_login_wrap .vote_comment img {
		max-width: 150px;
	}
	.vote_login_wrap .vote_login input {
		height: 40px;
		font-size: 15px;
	}
	.vote_login_wrap .vote_login .pw_toggle i {
		top: 20px;
	}
}

/*투표리스트*/
.vote_wrap .pc_col col {
	width: auto;
}

.vote_wrap label {
	width: 20px;
	padding-left: 0 !important;
}

.vote_wrap input[type='checkbox'] {
	margin: 0;
}

.vote_wrap .cate, .vote_wrap .location, .vote_wrap .part, .vote_wrap .view
	{
	display: none;
	word-wrap: break-word;
	word-break: keep-all;
}

.vote_wrap th, .vote_wrap td {
	text-align: center;
}

.vote_wrap .basic_table tbody tr td {
	border: 0;
	border-bottom: #eee solid 1px
}

.vote_wrap .basic_table tbody tr td.vote_list_view {
	border-top: #5271ba solid 1px;
	background: #f8f8f8;
}

.vote_wrap .basic_table.no-border {
	border-top: 0;
}

.vote_wrap .btn_open_list {
	display: inline-block;
	padding: 5px 10px
}

.vote_wrap .btn_down {
	display: inline-block;
	border: #cacdda solid 1px;
	border-radius: 3px;
	padding: 3px 5px;
	background: #fff
}

@media all and (min-width:1024px) {
	.vote_wrap .pc_col col {
		width: 5%;
	}
	.vote_wrap .pc_col {
		display: table-cell;
	}
	.vote_wrap .check, .vote_wrap .cate, .vote_wrap .location, .vote_wrap .part,
		.vote_wrap .view, .vote_wrap .writer {
		display: table-cell;
		width: 10%
	}
	.vote_wrap .view {
		width: 11% !important
	}
}

.content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	color: #111;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.content h5 {
	font-size: 18px;
	font-weight: 500;
	color: #571B03;
	line-height: 1.3;
	margin-bottom: 20px;
}

.content h6 {
	font-size: 16px;
	font-weight: 500;
	color: #111;
	line-height: 1.3;
}

.content p {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	color: #4D5053;
	word-break: keep-all;
	margin: 16px 0px;
}

@media all and (min-width:768px) {
	.content h4 {
		font-size: 22px;
	}
	.content h5 {
		font-size: 20px;
	}
	.content h6 {
		font-size: 18px;
	}
}

/* margin Style */
.mt100 {
	margin-top: 100px !important
}

.mt75 {
	margin-top: 75px !important
}

.mt70 {
	margin-top: 70px !important
}

.mt65 {
	margin-top: 65px !important
}

.mt60 {
	margin-top: 60px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt45 {
	margin-top: 45px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt35 {
	margin-top: 35px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt25 {
	margin-top: 25px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt15 {
	margin-top: 15px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt5 {
	margin-top: 5px !important
}

.mt0 {
	margin-top: 0px !important
}

.mb100 {
	margin-bottom: 100px !important;
}

.mb75 {
	margin-bottom: 75px !important
}

.mb60 {
	margin-bottom: 60px !important
}

.mb50 {
	margin-bottom: 50px !important
}

.mb45 {
	margin-bottom: 45px !important
}

.mb40 {
	margin-bottom: 40px !important
}

.mb35 {
	margin-bottom: 35px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.mb25 {
	margin-bottom: 25px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.ml100 {
	margin-left: 100px !important;
}

.ml75 {
	margin-left: 75px !important
}

.ml60 {
	margin-left: 60px !important
}

.ml50 {
	margin-left: 50px !important
}

.ml45 {
	margin-left: 45px !important
}

.ml40 {
	margin-left: 40px !important
}

.ml35 {
	margin-left: 35px !important
}

.ml30 {
	margin-left: 30px !important
}

.ml25 {
	margin-left: 25px !important
}

.ml20 {
	margin-left: 20px !important
}

.ml15 {
	margin-left: 15px !important
}

.ml10 {
	margin-left: 10px !important
}

.ml5 {
	margin-left: 5px !important
}

.ml0 {
	margin-left: 0px !important
}

.mr100 {
	margin-right: 100px !important;
}

.mr75 {
	margin-right: 75px !important
}

.mr60 {
	margin-right: 60px !important
}

.mr50 {
	margin-right: 50px !important
}

.mr45 {
	margin-right: 45px !important
}

.mr40 {
	margin-right: 40px !important
}

.mr35 {
	margin-right: 35px !important
}

.mr30 {
	margin-right: 30px !important
}

.mr25 {
	margin-right: 25px !important
}

.mr20 {
	margin-right: 20px !important
}

.mr15 {
	margin-right: 15px !important
}

.mr10 {
	margin-right: 10px !important
}

.mr5 {
	margin-right: 5px !important
}

.mr0 {
	margin-right: 0px !important
}

.margin_none {
	margin: 0 !important
}

/* 정의스타일(dl) */
.jus {
	margin-bottom: 48px;
	border-radius: 20px;
	border: 1px solid #D9DCDF;
}

.jus dd {
	padding: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #555;
}

@media all and (min-width:768px) {
	.jus {
		display: table;
		width: 100%;
		padding: 0;
	}
	.jus dt {
		display: table-cell;
		width: 30%;
		vertical-align: middle;
		border-bottom: 0;
	}
	.jus dd {
		display: table-cell;
		width: 70%;
		vertical-align: middle;
		padding-left: 40px;
	}
}

/* 예산의 이해 */
.yesan li {
	list-style-type: none;
	list-style: none;
	border: 1px solid #caccd6;
	padding: 180px 20px 20px 20px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center 15px;
	text-align: center;
}

.yesan li:first-child {
	background-image: url(/static/homepage/images/icon_yesan01-db64fa45f16f8ff069ad1db63b861389.png);
}

.yesan li:last-child {
	background-image: url(/static/homepage/images/icon_yesan02-2824b3903093ee777c028d67fc371ff7.png);
}

.yesan li .title {
	font-size: 20px;
	font-weight: 500;
	display: block;
	margin-bottom: 15px;
}

@media all and (min-width:768px) {
	.yesan {
		overflow: hidden;
	}
	.yesan li {
		float: left;
		width: 22%;
		margin-right: 2%;
		background-position: 30px center;
		padding: 80px 50px 80px 200px;
		text-align: left;
	}
	.yesan li:nth-child(2n) {
		margin-right: 0;
	}
	.yesan li .title {
		font-size: 24px;
		margin-bottom: 25px;
	}
}

@media all and (min-width:1024px) {
	.yesan li {
		padding: 80px 50px 80px 270px;
		background-position: 80px center;
	}
}

/* 아이콘 탭 */
.icon_tab_wrap {
	margin: 72px 0px;
	border: 1px solid #D9DCDF;
	border-radius: 20px;
}

.icon_tab_wrap .icon_tab {
	padding: 24px;
	text-align: center;
}

.icon_tab_wrap .icon_tab li {
	display: inline-block;
	min-width: 90px;
	margin: 0 5px 7px 5px;
}

.icon_tab_wrap .icon_tab li a {
	display: block;
	padding-top: 80px;
	position: relative;
	font-size: 16px;
}

.icon_tab_wrap .icon_tab li a:before {
	content: '';
	display: block;
	width: 70px;
	height: 70px;
	background-image: url(/static/homepage/images/icon_sprite-df01cdb57f38c4c294d8430ab80cc3e7.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -35px;
}

.icon_tab_wrap .icon_tab li:first-child a:before {
	background-position: 0 0;
}

.icon_tab_wrap .icon_tab li:nth-child(2) a:before {
	background-position: -70px 0;
}

.icon_tab_wrap .icon_tab li:nth-child(3) a:before {
	background-position: -140px 0;
}

.icon_tab_wrap .icon_tab li:nth-child(4) a:before {
	background-position: -210px 0;
}

.icon_tab_wrap .icon_tab li:nth-child(5) a:before {
	background-position: -280px 0;
}

.icon_tab_wrap .icon_tab li:last-child a:before {
	background-position: -350px 0;
}

.icon_tab_wrap .icon_tab li.active a:before {
	background-image: url(/static/homepage/images/icon_sprite_active-fe14993733ac237ded9cd5e4d8063497.png);
}

.icon_tab_wrap .icon_tab li.active a, .icon_tab_wrap .icon_tab li:hover a
	{
	color: #000;
	font-weight: 600;
}

.board_search.icon_search {
	margin-bottom: 0;
	padding: 20px;
	text-align: center;
	border: #caccd6 solid 1px;
	border-top: 0;
}

.board_search.icon_search label {
	display: block;
	font-weight: 400;
}

.board_search.icon_search .sch_txt {
	float: left;
	display: inline-block;
	width: 80%;
	height: 45px;
	padding: 6px 12px;
	line-height: 45px;
}

.board_search.icon_search .sch_btn {
	float: left;
	display: inline-block;
	width: 18%;
	height: 45px;
	margin-left: 2%;
	background: #1b1b1b;
	border: 0;
	color: #fff;
	cursor: pointer;
}

@media all and (min-width:768px) {
	.board_search.icon_search {
		text-align: center;
	}
	.board_search.icon_search label {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.board_search.icon_search .sch_txt {
		float: none;
		width: 300px;
	}
	.board_search.icon_search .sch_btn {
		float: none;
		width: 70px;
		margin-left: 10px;
	}
}

/*process*/
.process ul {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}

.process li {
	cursor: pointer;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	flex: 1;
	height: 100px;
	border: #D9DCDF solid 1px;
	text-align: center
}

.process li:first-child {
	border-radius: 20px 0px 0px 20px;
}

.process li:last-child {
	border-radius: 0px 20px 20px 0px;
}

.process li:after {
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	border: #D9DCDF solid 1px;
	content: "";
	width: 20px;
	height: 20px;
	transform: translateX(50%) translateY(-50%) rotate(45deg);
	background: #fff;
	border-bottom: 0;
	border-left: 0;
	z-index: 10
}

.process li:last-child:after {
	display: none;
}

.process li.active {
	color: #FF4A53;
	background-color: #FFF4EF;
}

.process li.active:after {
	background-color: #FFF4EF;
}

.process li.active * {
	color: #D82337
}

.process li span {
	display: block;
	font-size: 23px;
	font-weight: 700;
	color: #4D5053;
	line-height: 1.5;
}

.process_link li {
	height: inherit !important;
}

.process_link li a {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
	height: 70px;
}

.process_small li {
	height: 60px;
}

@media all and (min-width:640px) {
	.process ul {
		flex-flow: row;
	}
}

@media all and (min-width:1024px) {
	.process li:not(.active):last-child {
		border-right: #caccd6 solid 1px;
	}
	.process li span {
		/* font-size: 18px; */
		
	}
	.process_link li {
		padding: 0;
	}
	.process_link li a {
		height: 130px;
	}
	.process_small li {
		height: 90px;
		padding: 20px 0;
	}
	.process_small li span {
		margin-bottom: 0;
	}
}

/*게시판목록*/
.board_view .basic_table {
	border-top: 0;
}

.board_wrap {
	padding: 20px 0;
}

.board_list .nodata {
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	font-size: 16px;
}

.board_list div.num, .board_list div.cate, .board_list div.part,
	.board_list div.chrgAppn, .board_list div.file, .board_list div.hit,
	.board_list div.period, .board_list div.sigun {
	display: none;
}

.board_list .board_list_head div.subject {
	text-align: center;
}

.board_list div.prcs, .board_list div.date {
	width: 20%
}

.board_list .body_row:hover {
	background-color: #d3d3d3;
	opacity: 0.9;
	cursor: pointer;
}

.board_list_head {
	display: table;
	width: 100%;
	border-top: #FF4A53 solid 2px;
	padding: 16px 0;
	background: #F6F7F9;
}

.board_list_head div {
	display: table-cell;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	color: #4D5053;
}

.board_list .body_row {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 16px 0;
	border-bottom: #ccc solid 1px;
	vertical-align: middle;
}

.board_list .body_row div {
	text-align: center;
	font-size: 17px;
	line-height: 1.5;
	color: #4D5053
}

.board_list .body_row div.thumb {
	display: none;
}

.board_list .body_row div.subject {
	margin-top: 3px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	width: 90%;
	margin-left: 5px;
}

.board_list .body_row div.join {
	display: none;
}

.board_wrap .search_wrap {
	padding: 0;
	margin: 0 0 30px 0;
}

@media all and (min-width:640px) {
	.board_list div.prcs.sigun {
		display: table-cell;
		width: 20%;
	}
	.board_list div.prcs, .board_list div.date {
		width: 15%
	}
}

@media all and (min-width:768px) {
	.board_list div.num {
		display: table-cell;
		width: 5%;
		vertical-align: middle;
	}
	.board_list div.cate {
		display: table-cell;
		width: 11%;
		vertical-align: middle;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.board_list div.subject {
		width: auto;
		text-align: left;
		vertical-align: middle;
	}
	.board_list div.state {
		display: table-cell;
		width: 7%;
		vertical-align: middle;
	}
	.board_list div.period {
		display: table-cell;
		width: 23%
	}
	.board_list div.prcs.sigun {
		display: table-cell;
		width: 15%;
	}
	.board_list div.prcs, .board_list div.date {
		width: 12%
	}
	.board_list div.chrgAppn {
		display: table-cell;
		width: 12%
	}
	.board_list div.writer {
		display: table-cell;
		width: 10%;
		vertical-align: middle;
	}
	.board_list div.hit, .board_list div.file {
		display: table-cell;
		width: 5%
	}
}

@media all and (min-width:1024px) {
	.board_list div.num, .board_list div.hit, .board_list div.file {
		width: 7%;
		vertical-align: middle;
	}
	.board_list div.prcs.sigun, .board_list div.chrgAppn, .board_list div.writer,
		.board_list div.date {
		width: 7%;
	}
	.board_list div.prcs {
		width: 9%;
	}
}

.board_list.card .board_list_head {
	display: none;
}

.board_list.card .board_list_body .body_row {
	position: relative;
	display: block;
	border: #adadad solid 1px;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden
}

.board_list.card .board_list_body .body_row:hover {
	border: #f55d43 solid 1px;
}

.board_list.card .body_row>div {
	display: none;
	padding: 0 20px;
}

.board_list.card .body_row>div.cate {
	display: inline-block;
	width: auto;
	padding: 5px 10px;
	margin-left: 20px;
	font-size: 14px;
	border: #617b90 solid 1px;
	border-radius: 30px;
	color: #000;
	margin-bottom: 10px;
}

.board_list.card .body_row>div.thumb {
	display: block;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
	background-position: center;
}

.board_list.card .body_row>div.thumb a {
	display: block;
	height: 100%;
	text-indent: -9999px;
}

.board_list.card .body_row>div.subject {
	display: block;
	width: auto;
	text-align: left;
	font-size: 20px;
}

.board_list.card .body_row>div.subject a {
	text-overflow: inherit;
	white-space: normal;
	line-height: 1.3;
	font-weight: bold;
	color: #000;
}

.board_list.card .body_row>div.state {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	background: #3b3f44;
	color: #fff;
	padding: 15px 20px;
	border-bottom-left-radius: 10px;
}

.board_list.card .body_row>div.state.ing {
	background: #00adef;
}

.board_list.card .body_row>div.period {
	display: block;
	text-align: left;
	margin: 10px 0 20px;
}

.board_list.card .body_row>div.join {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
	overflow: hidden;
	border-top: #ddd dashed 1px;
}

.board_list.card .body_row>div.join span i {
	margin-right: 10px;
}

.board_list.card .body_row>div.join span:first-child {
	float: left;
}

.board_list.card .body_row>div.join span:last-child {
	float: right;
}

@media all and (min-width:768px) {
	.board_list.card .board_list_body {
		overflow: hidden
	}
	.board_list.card .board_list_body .body_row {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.board_list.card .board_list_body .body_row:nth-child(3n) {
		margin-right: 0;
	}
	.board_list.card .body_row .subject {
		height: 52px;
		overflow: hidden
	}
	.board_list.card .body_row .state, .board_list.card .body_row .period {
		width: auto;
	}
}

@media all and (min-width:1200px) {
	.board_list.card .board_list_body .body_row {
		float: left;
		width: 24%;
		margin-right: 1.33333%;
		margin-bottom: 2%;
	}
	.board_list.card .board_list_body .body_row:nth-child(3n) {
		margin-right: 1.33333%;
	}
	.board_list.card .board_list_body .body_row:nth-child(4n) {
		margin-right: 0;
	}
}

.view_header {
	padding: 20px 0;
	border-top: #D82337 solid 2px;
}

.view_header span {
	display: inline-block;
	background: #f8fafd;
	border: #caccd6 solid 1px;
	border-radius: 30px;
	padding: 5px 10px;
	font-size: 14px;
	color: #274b67;
	margin-bottom: 10px;
}

.view_header span.cate02 {
	color: #fff;
	font-weight: 500;
	margin: 10px 0 0 0;
	padding: 10px 20px;
}

.view_header span.ok {
	background: #1e6bc2;
	border: 1px solid #1659a5;
}

.view_header span.no {
	background: #d60c37;
	border: 1px solid #c60e35;
}

.view_header p {
	color: #000;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.2
}

@media all and (min-width:1024px) {
	.view_header {
		padding: 30px 15px;
	}
	.view_header .cate {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		margin-bottom: 0;
		padding: 10px 20px;
	}
	.view_header span.cate02 {
		margin: 0 0 0 10px;
		font-size: 17px;
	}
	.view_header p {
		display: inline-block;
		vertical-align: middle;
	}
}

/*버튼 사이 라인*/
.btn-line {
	border-right: 1px solid #FF4A53;
	margin: 0px 16px;
	align-self: normal;
}

.main-footer-bottom-info div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	flex-direction: row;
}

.main-footer-bottom-info button {
	padding: 12px 24px;
	border-radius: 24px;
	background-color: #D9DCDF;
	color: #75787B;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: none;
	cursor: pointer;
}

.main-footer-bottom-info button span {
	line-height: 1.5;
	margin-left: 8px;
	font-size: 17px;
}

.main-footer-bottom-menu-link button {
	padding: 12px 24px;
	border-radius: 50px;
	background-color: #FFFFFF;
}

.main-footer-bottom-menu-link button img {
	width: 24px;
	height: 24px;
}

.footer-top-btn:nth-child(1) {
	display: none;
}

@media ( max-width : 1550px ) {
	#header-app .menu-btn-div {
		display: none;
	}
	.menu-btn-div {
		margin: 24px !important;
	}
	#header-app>div>nav>ul>li>h2>img {
		display: block !important;
	}
	nav>ul>li>ul>li {
		background-color: #FFF4EF;
		padding: 12px 24px;
	}
	.sub-body, .sub-top-container {
		padding: 96px 24px;
	}
	.sub-top {
		height: auto !important;
	}
	.sub-top-container {
		padding: 48px 24px;
	}
	
	
	/* bottom menu */
	
	.main-footer-bottom {
		padding: 0px 24px;
		box-sizing: border-box;
	}
}

@media ( max-width :768px) {
	.main-footer {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}
	.footer-top-btn:nth-child(2) {
		display: none;
	}
	.footer-top-btn:nth-child(1) {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		padding: 12px 24px;
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #FFF4EF;
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 1.5;
		color: #75787B;
	}
	.footer-top-btn:nth-child(1) img {
		margin-right: 10px;
	}
}

#header-app>div>nav>ul>li>h2>img {
	display: none;
	width: 24px;
	height: 24px;
	padding: 12px 0px;
}

.main-nav-sub-up {
	content: url('/static/homepage/sub/assets/2025_sub_up-2bc6567d34f77f372c9c7c63e2ce368d.svg');
	cursor: pointer;
}

.main-nav-sub-down {
	content: url('/static/homepage/sub/assets/2025_sub_down-894c215da767c7bf2664e16ae36e908b.svg');
	cursor: pointer;
}

.about-middle-body-img {
	margin: 0px 24px;
}

.sub-top-tit-route-icon-group2 {
	display: none;
}

.about-e-um-card-sub-tit-desc img {
	width: 26px;
	height: 26px;
	margin-right: 16px;
}

.about-e-um-card-main:nth-child(1) {
	margin-right: 48px;
}

.main-footer-botttom-div {
	background-color: #4D5053;
	width: 100%;
	box-sizing: border-box;
}

.survey-btn-info {
	margin: auto;
}

.tag-list-box {
	margin-right: 8px;
	background-color: #FFE8DF;
	margin-right: 8px;
	border: 0px;
	border-radius: 4px;
	margin-bottom: 8px;
}

.email-div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 16px;
	width: 100%;
}

.email-div>div>span {
	margin: 0px 16px;
}

.select-email>select {
	width: 100% !important;
	margin-right: 0px;
	min-width: 200px;
}

.divTableCell>.divTableCell>div>ul {
	list-style-type: none;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.divTableCell>div>ul li {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 24px;
	border: 1px solid #D9DCDF;
	border-radius: 24px;
	cursor: pointer;
	margin: 0px;
	margin-right: 16px;
	margin-bottom: 16px;
	flex: 1;
}

.divTableCell>div>ul li input[type="text"] {
	margin-left: 8px;
	border: 1px solid #ccc;
	border-radius: 12px;
	padding: 4px 8px;
	width: 120px;
	height: 28px;
}

.selected-li {
	background-color: #FFF4EF;
	color: #FF4A53;
	border: 1px solid #FFF4EF !important;
}

#app>div.sub-body.sub-body-myinfo>div>form>div.divTable>div>div:nth-child(7)>div.divTableCell>div>ul>li:nth-child(14)>label,
	#app>div.sub-body.sub-body-myinfo>div>form>div.divTable>div>div:nth-child(8)>div.divTableCell>div>ul>li:nth-child(5)>label
	{
	width: 100% !important;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#app>div.sub-body.sub-body-myinfo>div>form>div.divTable>div>div:nth-child(7)>div.divTableCell>div>ul>li:nth-child(14),
	#app>div.sub-body.sub-body-myinfo>div>form>div.divTable>div>div:nth-child(8)>div.divTableCell>div>ul>li:nth-child(5)
	{
	padding: 4px 24px !important;
}

.divTable>div>div:nth-child(3)>div.divTableCell>div>div>div>div>span {
	margin: 0px 8px;
}

.divTable>div>div:nth-child(8)>div.divTableCell>div>p {
	color: #9DA0A3;
}

.search-container-input {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.content {
	padding: 24px;
	border: 1px solid #D9DCDF;
	border-radius: 20px;
}


.sub-board-edit-button {
	padding: 12px 24px;
	border-radius: 24px;
	border: 1px solid #FF4A53;
	color: #FF4A53;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	background-color: transparent;
}
.sub-board-edit-button:hover {
	background-color: #FF7C80;
	color: #FFFFFF;
	transition: 0.3s;
}


/* 알립니다 => 카드/그림뉴스 */
.research-card-news {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.research-card-news>dl {
	border-radius: 20px;
	background-color: #FFFFFF;
	border: 1px solid #D9DCDF;
	height: 100%;
	width: 31%;
    margin-right: 2.8%;
    margin-bottom: 48px;
    float: left;
    display: block;
    cursor: pointer;
}
.research-card-news>dl:hover {
	border: 1px solid #FF4A53;
	transition: 0.3s;
}
.research-card-news>dl:nth-child(3n) {
	margin-right: 0px;
}

.research-card-news>dl>dt {
	padding: 24px;
	border-radius: 20px 20px 0px 0px;
	color: #4D5053;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5;
}

.research-card-news>dl>p {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.research-card-news>dl>dt>img {
	border-radius: 20px;
    max-width: 406.67px;
    width: 100%;
    max-height: 418.86px;
    margin-bottom: 24px;
}

.research-card-news>dl>dt>div>img {
	width: 100%;
	height: 100%;
	max-height: 418.86px;
}
.research-card-news>dl>dd>p {
	padding: 16px 24px;
	border-radius: 0px 0px 20px 20px;
	background-color: #F6F7F9;
	border-top: 1px solid #D9DCDF;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	color: #75787B;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.research-card-news>dl>dd>p>span>img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin-right: 4px;
}

.research-card-news>dl>dt>p {
	display: block;
	max-width: 406.67px;
	width: auto;
}

.research-card-news>dl>dt>p>a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 8px;
}

@media ( max-width : 1024px) {
	.research-card-news>dl {
		width: 47.5%;
	}
	
	.research-card-news>dl:nth-child(3n) {
		margin-right: 3%;
	}
	.research-card-news > dl:nth-child(even) {
		margin-right: 0px;
	}
}

@media ( max-width : 768px) {
	.research-card-news>dl>dt>img {
		max-width: none;
	}
	
	.divTableCell>div>ul li {
		margin-right: 0px;
	}
}

@media ( max-width : 580px) {
	.research-card-news>dl {
		width: 100%
	}
	.research-card-news {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column;
	}
	
	.news-list dl, .news-list2 dl {
		width: 100%;
	}
	
	
	.proposal-card {
		width: 100%;
	}
}




/* Empty */
.no-results-tit {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 48px 24px;
	color: #75787B;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

.no-results-tit img {
	width: 85px;
	height: 85px;
	object-fit: contain;
}

.no-results-tit span {
	color: #4D5053;
	font-size: 27px;
	font-weight: 700;
	margin: 24px 0px 8px 0px;
}

.answer-main-no-result {
	padding: 24px;
	font-size: 17px;
    font-weight: 400;
    color: #75787B;
}

.detail-container >div> ul,
.detail-container >div> ul >li {list-style: none;}
.survey-list-div > div {width: 100%; display: grid;}

@media ( max-width : 1640px) {
	.square-border {
		padding: 24px 64px !important;
	}
	.square-border img {
		height: 144px !important;
	}
	.about-panel-card-main {
		margin-right: 24px;
	}
}

@media ( max-width : 1250px) {
	.about-e-um-card.about-e-um-card-top>.circle img {
		height: 236.77px;
	}
	.about-e-um-card-main:nth-child(1) {
		margin-right: 0px;
	}
	.about-e-um-card.about-e-um-card-sub-tit {
		padding: 0px 48px;
	}
	.about-e-um-card {
		width: auto;
	}
	.main-footer-bottom-info button {
		width: 100%;
	}
	.main-footer-bottom-info {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.main-footer-bottom-info div {
		margin-bottom: 24px;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.sub-table-inquiry .sub-table-th:nth-child(1), .sub-table-inquiry .sub-table-td:nth-child(1),
		.sub-table-inquiry .sub-table-th:nth-child(7), .sub-table-inquiry .sub-table-td:nth-child(7),
		.sub-table-inquiry .sub-table-th:nth-child(4), .sub-table-inquiry .sub-table-td:nth-child(4)
		{
		width: 50px;
	}
	.sub-table-th:nth-child(6), .sub-table-td:nth-child(6) {
		width: 100px;
	}
	.sub-table-inquiry .sub-table-th:nth-child(2), .sub-table-inquiry .sub-table-td:nth-child(2)
		{
		width: 150px;
	}
	.new-pw-container {
		padding: 0px 240px;
	}

	.survey-info{
		flex-wrap: wrap;
	}
}

@media ( max-width : 1024px) {
	.survey-list li>p:first-child {
		width: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.survey-list li>p img {
		height: 139.4px;
	}
	.about-e-um-card-body {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		display: block !important;
	}
	.about-e-um-card-main {
		width: 100%;
	}
	.about-e-um-card-main:nth-child(1) {
		margin-bottom: 48px;
	}
	.about-panel-card-container>.about-panel-card-body {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		display: block !important;
	}
	.about-panel-card.about-panel-card-tit {
		font-size: 23px;
	}
	.about-panel-card-main {
		margin: 0px;
		margin-bottom: 48px;
	}
	.about-panel-card-main:last-child {
		margin-bottom: 0px;
	}
	.survey-info {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.email-div {
		margin: 0px;
		width: 100%;
	}
	.email-div>.email-div {
		margin-bottom: 8px;
	}
	.divTableCell>div>.select-email {
		width: 100%;
	}
	.email-div>.email-div {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin: 8px 0px;
	}
	.divTableCell > div > div.email-div {
		display: block;
	}
	.email-div > input, .email-container > select {
		width: 100%;
		max-width: none;
		box-sizing: border-box;
		flex: auto !important;
	}
	.eventnews-tit-btn {height: 24px !important;}
	
	
	
	tbody > tr > td > .input-checkbox+label:before {
	    left: 26px;
	}
}

@media ( max-width : 950px) {
	.survey-list-div {
		margin: 12px 0px;
	}
	.survey-btn>button {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.survey-btn-detail {
		margin: 48px 0px !important;
	}
	.mo-none {
		display: none;
	}
	.mo-like-count {
		margin-left: 8px;
	}
	.tab_list ul li a {
		font-size: 17px !important;
		font-weight: 600;
	}
	.search-box {
		box-sizing: border-box;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.sub-exp-box div {
		max-width: 350px;
	}
	.sub-table-inquiry .sub-table-th:nth-child(1), .sub-table-inquiry .sub-table-td:nth-child(1),
		.sub-table-inquiry .sub-table-th:nth-child(7), .sub-table-inquiry .sub-table-td:nth-child(7),
		.sub-table-inquiry .sub-table-th:nth-child(4), .sub-table-inquiry .sub-table-td:nth-child(4)
		{
		display: none;
	}
	.new-pw-container {
		padding: 0px;
	}
	
	.vote_option {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.vote_option div {
		width: 100%;
		justify-content: flex-start;
		margin-bottom: 10px !important;
	}
	.vote_option div select {
		width: 100% !important;
		margin-right: 0px;
	}
	.vote_option div:last-child {
		margin-bottom: 0px !important;
	}
	.vote_option div label {
		min-width: 66px;
		text-align: justify;
	}
}

/* 모바일 버튼 스크롤 */
.sub-top-tit-route-icon-group2>.sub-top-menu>div {
	flex: 0 0 auto;
	margin-right: 8px;
}

.sub-top-tit-route-icon-group2>.sub-top-menu {
	margin: 0px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: auto;
}

@media ( max-width : 768px) {
	.main-footer-bottom {
		padding: 0px;
	}
	.sub-top-tit-route-icon-group1, .sub-top-menu-budget {
		display: none;
	}
	.sub-top-tit-route-icon-group2 {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		width: 100%;
		padding: 16px 24px;
		box-sizing: border-box;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
		flex-direction: row;
	  	-webkit-overflow-scrolling: touch;
	  	-ms-overflow-style: -ms-autohiding-scrollbar;
		overflow-x: auto;
		white-space: nowrap;
		box-sizing: border-box;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-overflow-style: none;
	}
	.sub-top-tit-route-icon-group2::-webkit-scrollbar {
		display: none;
	}
	.sub-top-container {
		padding: 32px 24px !important;
		margin-bottom: 0px !important;
	}
	.about-middle {
		margin-top: 48px;
	}
	.sub-body {
		padding: 48px 24px;
	}
	.about-e-um-card.about-e-um-card-tit {
		font-size: 23px;
	}
	.about-e-um-card.about-e-um-card-sub-tit {
		padding: 0px;
		padding-top: 8px;
	}
	.main-footer-botttom-div {
		padding: 0px 24px;
	}
	.survey-list li>p:first-child {
		height: auto;
		width: auto;
		margin-right: 0px;
	}
	.survey-list li>p img {
		height: auto;
	}
	.survey-btn-info {
		margin: 0px !important;
		margin-top: 24px !important;
	}
	.paging {
		margin-top: 48px;
	}
	.sub-board-comment-container {
		margin-top: 8px;
	}
	#app>div.sub-body>div:nth-child(2)>div>a {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	.sub-board-info>div>span:last-child {
		margin-left: 0px;
		margin-top: 8px;
	}
	.sub-board-comment-list {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.comment-footer {
		margin-top: 24px;
	}
	.comment-footer>div>a>span {
		width: 56.5px;
		text-align: center;
	}
	.sub-board-comment-list-container {
		margin-top: 48px;
	}
	.sub-exp-box div {
		max-width: none;
	}
	.sub-board-info>div>span.cnt {
		margin-top: 8px;
	}
	.sub-board-info>div>span:nth-child(2), .sub-board-info>div>span:nth-child(5)
		{
		margin: 8px 0px;
	}
	.sub-board-bottom {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.proposal-empth-button {
		width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		margin: 16px 0px 0px 0px;
	}
	.list_basic.list_basic li:before {
		top: 45%;
	}
	.label-desc {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.filebox {
		width: 100% !important;
		margin-right: 0px;
	}
	.filebox label {
		margin-right: 0px;
		margin-bottom: 8px;
	}
	.att_file span {
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	.divTable>div>div:nth-child(9)>div.divTableCell>div>div>div>div>span {
		margin: 8px 0px;
	}
	.write-board-bottom {
		flex-direction: column-reverse;
	}
	.view_tag .tag-container>.tag-box {
		margin: 0px;
		margin-top: 8px;
	}
	.tag-list-box {
		margin: 0px;
		background-color: transparent;
		margin-top: 8px;
	}
	.tag-list-box:first-child {
		margin: 0px;
	}
	.tag-container>.tag-list-box>.tag-box {
		background-color: #FFE8DF;
		padding: 4px;
		border-radius: 4px;
		border: 0px;
	}
	.sub-body-content-box-group>div>div {
		align-items: center !important;
		width: 100%;
	}
	.sub-body-content-box-group-tit {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.sub-body-content-box-group-extenal {
		margin-top: 16px;
		box-sizing: border-box;
	}
	.tab_list {
		margin-bottom: 48px !important;
	}
	.tab_list ul li {
		padding: 16px 0px;
	}
	.survey-info {
		margin-top: 24px;
	}
	.survey-btn-go, .survey-btn {
		width: 100%;
	}
	.survey-info>span:nth-child(1) {
		margin: 0px;
	}
	.survey-btn>button {
		min-width: none;
		height: auto;
	}
	.survey-list li {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sub-top-tit-route-icon-group.sub-top-tit-route-icon-group2 > div > img:nth-child(4),
	.sub-top-tit-route-icon-group.sub-top-tit-route-icon-group2 > div > img:nth-child(1),
	.sub-top-tit-route-icon-group.sub-top-tit-route-icon-group2 > div > img.sub-top-tit-route-icon-group-btn.print,
	.sub-top-tit-route-icon-group.sub-top-tit-route-icon-group2 > div > img.sub-top-tit-route-icon-group-btn.share {
		margin-right: 8px;
		margin-bottom: 0px;
	}
	
	input.date, #budgetStartDate, #budgetStartDate>div, #budgetEndDate, #budgetEndDate>div {
		width: 100% !important;
	}
	.signup-address-div, .divTable>div>div:nth-child(10)>div.divTableCell>div>div,
	.divTable > div > div:nth-child(9) > div.divTableCell > div > div
		{
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.divTableCell>.signup-address-div {
		margin: 16px 0px;
	}
	.signup-address-div>.signup-address-road-name, #budgetTypeFieldCode {
		margin-top: 16px !important;
	}
	.email-div>input, .email-div>select, .signup-address-div>.signup-address-zip,
		.signup-address-div>.signup-address-road-name, #budgetFieldCode,
		#budgetTypeCode, #budgetLocationSigunguCode, #budgetLocationDongCode {
		width: 100% !important;
		box-sizing: border-box;
		flex: auto !important;
	}
	.signup-id-btn, #budgetTypeFieldCode {
		width: 100% !important;
	}
	#app>div.sub-body>div.divTable>div>div:nth-child(8)>div.divTableCell>div>div {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#budgetTypeCode, #budgetLocationSigunguCode {
		margin-right: 0px !important;
	}
	#budgetLocationSigunguCode {
		margin-bottom: 16px;
	}
	.search-container-input {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.search-container-input>select {
		width: 100% !important;
		margin: 0px !important;
		margin-bottom: 8px !important;
	}
	.board_list_head {display: table !important;}
	.board_list_head, .board_list .body_row {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
	}
	.board_list_head>.subject, .board_list .body_row div.subject {
		padding: 0px 16px;
		flex: 1;
	}
	.board_list_head>.writer, .board_list_head>.state, .body_row>.writer,
		.body_row>.state {
		width: 80px;
	}
	.board_list .body_row div.subject {
		margin: 0px;
		width: 100%;
	}
	.btn-center {
		width: 100%;
	}
	.process ul {
		flex-flow: column;
	}
	.process li {
		height: 77px;
		flex: auto;
	}
	.process li:first-child {
		border-radius: 20px 20px 0px 0px;
	}
	.process li:last-child {
		border-radius: 0px 0px 20px 20px;
	}
	.process_link li a {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.process li:after {
		right: 50%;
		top: 100%;
		border: 0px;
		border-right: #D9DCDF solid 1px !important;
		border-bottom: #D9DCDF solid 1px;
		border-top: 0px;
		border-right: 0px;
	}
	#accordian>ul>li>p>span {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#accordian li>p>span>span.bedge, #accordian>ul>li>div>span.bedge_answer,
		#accordian>ul>li>div>span.bedge_answer {
		margin-bottom: 16px;
		margin-right: 0px;
	}
	#accordian li>div {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sub-table-td-box {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 100%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.sub-board-bottom {
		margin: 48px 0px 0px 0px;
	}
	.sub-board-comment-col-list-container {
		margin-bottom: 48px;
	}
	.answer-container, .sub-board-comment {
		margin-top: 48px;
	}
	.sub-body.sub-body-myinfo>div>form>div.divTable>div>div:nth-child(3)>div.divTableCell>div>div
		{
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.checkbox-Phone-mobile-box {
		display: -ms-flexbox;
	  	display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.divTable>div>div:nth-child(3)>div.divTableCell>div>div>div>span:nth-child(1)>label
		{
		margin: 16px 0px;
	}
	.pc-select {
		display: none;
	}
	.select-job, .select-signpath {
		display: block !important;
	}
	
	.board-bottom-btn-box {
		flex-direction: column-reverse;
	}
	
	.board-bottom-btn-box > a.primary-btn.primary-down-btn {
		margin-right: 0px;
		margin-top: 16px;
	}
	
	.primary-link-btn, .primary-committee-btn, .primary-btn {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	
	.divTable {
		margin: 48px 0px !important;
	}
	.result-detail-container {
		padding: 0px !important;
		border: 0px !important;
	}
	
	.email-div>div>span{
		margin: 0px;
		margin-right: 8px;
	}
	
	.sub-board-comment-list-container > div > div.comment-footer > span > span.like-tag > img {margin-right: 8px !important;}
	
	.sub-board-comment-info>span:not(first-child):not(last-child):after {
		margin: 0px 8px;
	}
	
	.viewer-content-body-pad > .viewer-content-body-2 {
		-webkit-box-orient: vertical !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}
	
	.viewer-content-body-pad > .viewer-content-body-2 > .viewer-content-body-group:first-child {
		margin-right: 0px !important;
		margin-bottom: 2.4rem !important;
	}
	
	.sub-body > div:nth-child(3) > div > div:nth-child(3) > div.viewer-content-body-group.viewer-content-body-group-middle {margin-bottom: 0px !important;}
	
	.viewer-content-body-pad  > .viewer-content-body-2 {
	  	display: block !important;
	}
	
	.sub-top-tit-route-icon-group2>.sub-top-menu>div {
		margin: 0px;
		margin-right: 8px;
	}
	/* font */
	.viewer-header {
		font-size: 19px;
	}
	.jus dt {
		font-size: 19px;
		text-align: justify;
		border-radius: 20px 20px 0px 0px!important;
	}
	table.sub-table-inquiry>tbody>tr>td>div>span.subject-text>span.subject {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		word-break: break-all;
	}
	.sub-table-inquiry .sub-table-th:nth-child(2), .sub-table-inquiry .sub-table-td:nth-child(2)
		{
		display: none;
	}
	.panel-out-btn-div>div {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	
	.search-container {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	.search-box {
		width: 100%;
	}
	
	.search-text {
		margin-bottom: 8px;
	}
}

@media ( max-width : 690px) {
	.list_basic.list_basic li:before {
		top: 27% !important;
	}
}

.survey-btn-info {
	margin: 55px 0px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.survey-btn-info a {
	padding: 12px 24px;
	border-radius: 24px;
	font-size: 17px;
	font-weight: 600;
}

.square-border {
	border-radius: 20px;
	background-color: #F6F7F9;
	padding: 45px 107px;
	width: 100%;
	box-sizing: border-box;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.square-border img {
	width: auto;
	height: 200px;
}

.survey-menu-icon {
	margin-right: 4px;
}

.survey-info>span>span,
.survey-list-div>span>span>p>span {
	font-weight: 600 !important;
}
.about-panel-footer-subtext {
	margin-top: 24px;
	font-size: 19px;
	color: #75787B;
}

/* 배너 이미지 변경 */
.sub-top-research-survey-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-research-survey-98dfcefedfebbf5246190112dfa45b95.png);
}

.sub-top-residentProposal-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-residentProposal-938de2193c1435ae01c6632c5eeb6295.png);
}

.sub-top-residentBudget-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-residentBudget-6564a7a1bd9d4980c97423931e76e5c8.png);
}

.sub-top-customer-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-customer-5f6ccac9b396af7b3337a4c83e29589e.png);
}

.sub-top-customer-inquiry-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-customer-inquiry-59da55880c79235d69fbbfef6c343ac5.png);
}

.sub-top-mypage-img {
	background-image:
		url(/static/homepage/sub/assets/2025-banner-mypage-8505af2c0418f15409ca205145886925.png);
}

@media ( max-width : 768px) {
	.sub-top-research-survey-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-research-survey-mobile-9b6d36424d5907262c7dab889598b038.png);
	}
	.sub-top-residentProposal-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-residentProposal-mobile-23d7a6ade8cb795084ed48e664493120.png);
	}
	.sub-top-residentBudget-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-residentBudget-mobile-9666b1c0c0350051be576b3575a13224.png);
	}
	.sub-top-customer-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-customer-mobile-34c0ae92e173327eba7cc5bb08585e6c.png);
	}
	.sub-top-customer-inquiry-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-customer-inquiry-mobile-4b2469cb656d21158dc0dc59624a3758.png);
	}
	.sub-top-mypage-img {
		background-image:
			url(/static/homepage/sub/assets/2025-banner-mypage-mobile-227988c2c2cc0cf55723184ed29ff262.png);
	}
}

.about-panel-card-main:last-child {
	margin-right: 0px;
}

.survey-list-div {
	flex: 1;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.survey-list {
	border-top: 2px solid #FF4A53;
}

.survey-info-menu {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 8px;
}

.survey-list-D-day, .survey-list-End-day {
	display: inline-block;
	padding: 2px 16px;
	border-radius: 50px;
	color: #FF4A53;
	background-color: #FFE8DF;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 8px;
}

.survey-list-End-day {
	color: #75787B;
	background-color: #D9DCDF;
}

.survey-list-li-detail {
	padding: 32px 24px !important;
}

.survey-list-li-detail-sub {
	padding: 16px 24px !important;
	background-color: #F6F7F9;
}

.detail-container {
	border: 1px solid #D9DCDF;
	border-radius: 20px;
}

li.survey-list-li-detail::marker, li.survey-list-li-detail-sub::marker {
	color: transparent;
}

div.detail-container>div.survey-view.fs-primary>div {
	color: #4D5053;
	font-size: 17px;
	line-height: 1.5;
}

.survey-btn-info>.survey-btn-go, .survey-btn-info>.survey-btn>.survey-btn-go,
	.square-bottom-list, .square-bottom-list>span {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.news-list.card-news>dl>dd>p.date {
	padding: 16px 24px;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	margin-top: 24px;
	background-color: #F6F7F9;
	border-radius: 0px 0px 20px 20px;
}

.square-bottom-list, .square-bottom-list>span {
	margin-right: 4px;
}

.sub-board-body {
	padding: 24px;
	color: #4D5053;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.sub-board-comment-list-container {
	margin-top: 72px;
	border-top: 2px solid #FF4A53;
}

.sub-board-comment-list {
	padding: 24px;
	border-bottom: 1px solid #D9DCDF;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.comment-footer {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.comment-footer-actions {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	padding: 12px 24px;
	border-radius: 50px;
	border: 1px solid #D9DCDF;
}

.comment-footer-update-actions {display: none !important;}
.delete-comment, .update-comment, .comment-footer-actions {
	font-size: 17px;
	color: #75787B;
	line-height: 1.5;
	font-weight: 600;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.like-up {
	background-color: #FFE8DF;
	color: #FF4A53;
	border: 0px;
	margin-left: 8px;
}
.like {margin-left: 8px;}
.sub-board-comment-info>.name {
	font-weight: 600;
}

.edit-comment-input {
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin: 16px 0px;
	border-radius: 20px;
}

.sub-board-comment-update {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.w100 {
	width: 100%;
	box-sizing: border-box;
}

.sub-board-comment-col-list-container {
	border-top: 2px solid #FF4A53;
	margin-top: 72px;
}

.sub-board-comment-col-list {
	padding: 24px;
	border-bottom: 1px solid #D9DCDF;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	flex-direction: column;
}

.board-bottom-btn-box {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.news-list-date_count {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 24px;
}

.divTable {
	margin: 72px 0px;
}

.news-list-date_count {
	margin-top: 2px;
	max-height: 25px;
	border-radius: 0px 0px 20px 20px;
}

.tab_list {
	margin-bottom: 72px;
}

.list_basic.list_basic li {
	position: relative;
	padding-left: 12px;
	line-height: 1.6;
	color: #4D5053;
	font-size: 19px;
}

.sub-body>div.sub-exp-box>ul>li {
	font-size: 19px;
}

.divTable>span {
	font-size: 27px;
	font-weight: 700;
	color: #4D5053;
}

.view-tit-info {
	margin-bottom: 16px;
}

.tag-container a, .file-container>div a {
	font-size: 17px;
	color: #4D5053;
	line-height: 1.5;
}
.url-container a {
	box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_basic.list_basic li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #4D5053;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.list_basic li:has(>ul):before {
	top: 23% !important;
}

.proposal-card-bottom-group-icon {
	margin-right: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
	vertical-align: top;
	flex-shrink: 0;
}

.input-checkbox+label {
	display: block;
	padding-left: 36px; /* before의 width(24px) + margin(8px) 약간 여유 */
	position: relative;
	line-height: 1.5;
}

.sub-board-prev-button {
	box-sizing: border-box;
	padding: 12px 24px;
	border-radius: 24px;
	background: #FF4A53;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	border: 0px;
	cursor: pointer;
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.email-container {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.checkbox-Phone-mobile-box {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
}

.sub-board-bottom>div>a.sub-board-prev-button:hover {
	background-color: #FF7C80;
	transition: 0.3s;
}

.sub-board-prev-button img {
	margin-right: 8px;
}

.textarea-container {
	position: relative;
	width: 100%;
}

.hidden-text-textarea {
	position: absolute;
	top: 24px;
	left: 26px;
	color: #aaa;
	font-size: 14px;
	pointer-events: none;
}

.sub-body-content-box-group-extenal {
	padding: 12px 24px;
	border-radius: 24px;
	border: 1px solid #D9DCDF;
}
.sub-body-content-box-group-extenal:hover {
	background-color: #D9DCDF;
	color: #4D5053;
	transition: 0.3s;	
}
.sub-body-content-container {
	padding: 24px;
	border: 1px solid #D9DCDF;
	border-radius: 20px;
	margin-bottom: 48px;
}

.sub-body-content-container:last-child {
	margin-bottom: 0px;
}

.sub-body-content-box-group>div>div {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: block;
	line-height: 1.5;
	white-space: normal;        /* IE 줄바꿈 활성화 */
  word-break: break-word;     /* 단어 기준 줄바꿈 (IE 대응) */
  overflow-wrap: break-word;
}

.sub-body-content-container> ul,
sub-body-content-container> ul > li{list-style: disc !important;}

.tag-container>.tag-list-box>.tag-box {
	color: #4D5053;
	line-height: 1.5;
	font-size: 17px;
	padding: 0px 4px;
}

.input-wrap {
	position: relative;
	width: 100%;
}

.util-menu>.w-100 {
	padding: 0px 24px !important;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start !important;
	box-sizing: border-box;
}

.password-toggle-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.vote_login > form > fieldset > span >.password-toggle-icon {
	top: 41%;
}
.viewer-content-body-pad {
	display: -ms-flexbox;
  	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.viewer-content-body-pad  > .viewer-content-body-2 {
  	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 24px;
}
.viewer-content-body-pad  > .viewer-content-body-2:first-child {
	margin-top: 0px;
}
.viewer-content-body-pad  > .viewer-content-body-2 > .viewer-content-body-group { 
	margin: 0px;
}
.viewer-content-body-pad  > .viewer-content-body-2 > .viewer-content-body-group:first-child {
	margin-right: 48px;
}
.pd-24 {
	padding: 24px !important;
}
.ellipsis {
	display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-hidden {
	max-height: 418.86px;
    overflow: hidden;
    margin-bottom: 24px;
    border-radius: 20px;
}

.sub-top-menu-text-df:hover,
.sub-top-menu-text-pr:hover {
	background-color: #FF7C80;
	color: #FFFFFF !important;
	transition: 0.3s;
}
.sub-table-td-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.td-ellipsis {
	width: 100%;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -ms-grid;
    display: grid;
    box-sizing: border-box;
}
.ellipsis-text {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}

@media ( max-width : 1024px) {
	.basic_table tr th:first-child, .basic_table tr td:first-child {
		width: 80px;
		box-sizing: border-box;
	}
	.input-checkbox+label {
		margin: 0px;
	}
}