/************** 메인레이아웃 **************/
/* common style */
.tabbox.line {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:0;
	font-weight: 400;
}
.tabbox.line li {
	display:flex;
	justify-content: center;
	position:relative;
	border-bottom:2px solid #fff;
}
.tabbox.line li:nth-child(odd) {
	border-right:2px solid #fff;
}
.tabbox.line li a {
	display: flex;
	align-items: center;
	padding:17px 0;
	text-align: center;

}
.tabbox.line li.active a {
	border-bottom:4px solid #003660;
	font-weight: 700;
	color:#003660 !important;
	padding-bottom:13px;
}
@media (min-width: 1200px) {
	.tabbox.line {
		display:flex;
		gap:64px;
		font-weight: 400;
	}
	.tabbox.line li {
		position:relative;
		border:0;
	}
	.tabbox.line li:nth-child(odd) {
		border-right:none;
	}
	.tabbox.line li a {
		display: block;
		padding:17px 0;
	}
	.tabbox.line li:not(:first-child) a::after {
		content: "";
		display: block;
		position: absolute;
		left: -32px;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 11px;
		background: #BEBEBE;
		outline: none;
	}
	.tabbox.line li.active a {
		border-bottom:4px solid #003660;
		font-weight: 700;
		color:#003660 !important;
		padding-bottom:17px;
	}
}
.tabbox.round {
	display:flex;
	gap:24px;
	font-weight: 700;
}
.tabbox.round li.active a {
	background-color: #003660;
	border-radius: 30px;
	color:#fff !important;
	padding:7px 16px;
}
.badge {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	font-size: 15px;
	font-weight: 400;
}
.badge.green {
	background-color:#eef7ee;
	border:1px solid #99cc99;
	color:#006e18;
}
.badge.blue {
	background-color:#ebf5ff;
	border:1px solid #8fc8ff;
	color:#0056aa;
}
.badge.gray {
	background-color:#f0f0f0;
	border:1px solid #c6c6c6;
	color:#000;
}

div.contents.main div.container {
	position: relative;
	padding: 48px 16px 0;
	margin:0 auto;
}

div.contents.main div.container.style01{
	padding: 0;
	max-width: 100%;
}

div.contents.main div.container a {
	color:#1d1d1d;
}
div.contents.main div.container a:hover {
	text-decoration: none;
}
@media (min-width: 1200px) {
	div.contents.main div.container {
		padding: 60px 0 0;
	}
}
div.contents.main div.container div.main-section {
	display:flex;
	flex-direction: column;
	gap:16px;
	position: relative;
	margin:0 0 16px;
	font-size: 17px;
}

div.contents.main div.container div.main-section.ms-gap {
	gap:56px;
	margin:0 0 64px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-section {
		flex-direction: row;
		gap:24px;
		margin:0 0 80px;
	}
	div.contents.main div.container div.main-section.ms-gap {
		gap:48px;
	}
	div.contents.main div.container div.main-section:last-child.ms-gap {
		margin:0 0 80px;
	}
}
div.contents.main div.container div.main-section ul {
	list-style: none;
	padding:0;
	margin:0;
}
div.contents.main div.container div.main-section .title {
	position:relative;
	margin-bottom:24px;
	display:flex;
	justify-content: space-between;
}
div.contents.main div.container div.main-section .title h2 {
	margin:0;
	padding:0;
	font-size:25px;
	font-weight: 700;
}

.mbtn {
	display:inline-flex;
	align-items: center;
	gap:5px;
	font-size:17px;
}
.mbtn::after {
	display: block;
	content: "\f054";
	font-family:"Font Awesome 6 Pro";
}
.view_more:hover {
	background-color: #f3f5f7;
	border-radius: 4px;
}
.view_more::after {
	display: block;
	content: "\2b";
	font-family:"Font Awesome 6 Pro";
}

/* 비주얼 */
div.contents.main div.container div.main-visual {
	overflow: hidden;
	position:relative;
	border-radius: 12px;
}
div.contents.main div.container.style01 div.main-visual{
	border-radius: 0;
}

div.contents.main div.container.style01 div.main-visual.bgPurple{
	background-color: #E0E7FF;
	height: 768px;
}

div.contents.main div.container div.main-visual .visual-list {
	display:flex;
	align-items: center;
	justify-content: center;
	height:280px;
}

div.contents.main div.container div.main-visual .visual-list img {
	position: absolute;
	opacity: 0;
	-webkit-transition: all 1s; transition: all 1s;
}

div.contents.main div.container div.main-visual .visual-list img.on{
	animation: imageScale 8s both; opacity: 1;
}

@keyframes imageScale {
	0%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1);
	}
}

div.contents.main div.container.style01 div.main-visual .visual-list {
	height: calc(100vh - 74px);
}


div.contents.main div.container.style01 div.main-visual .visual-list img {
	height: 100%;
}



@media (max-height: 768px) {
	div.contents.main div.container.style01 div.main-visual .visual-list img {
		height: auto;
	}
}

@media (max-width: 450px) {
	div.contents.main div.container div.main-visual .visual-list img {
		height:100%;
	}
}
div.contents.main div.container div.main-visual .visual-txt {
	position:absolute;
	left:32px;
	top:50%;
	transform: translateY(-50%);
	color:#fff;
	line-height: 1.3;
	display:flex;
	flex-direction: column;
	gap:16px;
}

div.contents.main div.container.style01 div.main-visual .visual-txt {
	left:15px;
	top: 70%;
}
div.contents.main div.container.style01 div.main-visual .visual-txt.chu {
	text-align: right;
	right: 5%;
}

div.contents.main div.container div.main-visual .visual-txt .tit {
	font-size: 32px;
	font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 10px;
}
div.contents.main div.container.style01 div.main-visual .visual-txt .tit span{
	font-size: 24px;
}

div.contents.main div.container div.main-visual .visual-txt .txt {
	font-size: 19px;
}
div.contents.main div.container div.main-visual .visual-txt .btnbox {
	margin-top:40px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-visual {
		flex:1;
	}
	div.contents.main div.container div.main-visual .visual-list {
		height:439px;
	}
	div.contents.main div.container.style01 div.main-visual .visual-list{
		height:625px;
	}
	div.contents.main div.container.style01 div.main-visual .visual-list img{
		width: 100%;
		height: auto;
	}

	div.contents.main div.container div.main-visual .visual-txt {
		left:60px;
	}
	div.contents.main div.container.style01 div.main-visual .visual-txt {
		top: 60%;
		left: 35%;
		/*transform: translateX(5%);*/
		text-align: right;
	}
	div.contents.main div.container.style01 div.main-visual .visual-txt.chu {
		right: 15%;
	}
	div.contents.main div.container.style01 div.main-visual .visual-txt .tit {
		font-size: 48px;
	}
	div.contents.main div.container.style01 div.main-visual .visual-txt .tit span{
		font-size: 32px;
	}

	div.contents.main div.container div.main-visual .visual-txt .btnbox {
		margin-top:80px;
	}
}
@media (min-width: 2000px) {
	div.contents.main div.container.style01 div.main-visual .visual-txt.chu {
		right: 20%;
	}
}
@media (min-width: 2500px) {
	div.contents.main div.container.style01 div.main-visual .visual-txt.chu {
		right: 25%;
	}
}
@media (max-width: 450px) {
	div.contents.main div.container div.main-visual .visual-txt .btnbox {
		margin-top:10px;
		margin-bottom:30px;
	}
}
div.contents.main div.container div.main-visual .visual-txt .mbtn {
	padding:7px 20px;
	font-size:15px;
	background-color: #0079d4;
	border-radius: 50px;
	color:#fff;
}
div.contents.main div.container div.main-visual .visual-txt .mbtn::after {
	font-size:12px;
}
div.contents.main div.container div.main-visual .visual-txt .mbtn:hover {
	font-weight: 700;
}
div.contents.main div.container div.main-visual .visual-ctrl {
	position:absolute;
	right:0;
	bottom:0;
	padding:16px 32px;
	background-color: #003660;
	border-radius: 12px 0 0 0;
	line-height: 1;
	display:flex;
	gap:32px;
}

div.contents.main div.container.style01 div.main-visual .visual-ctrl{
	right: 50%;
	transform: translateX(50%);
	background-color: transparent;
}

div.contents.main div.container div.main-visual .visual-ctrl a {
	color:#fff;
}
div.contents.main div.container div.main-visual .visual-ctrl .visual_slide_dot {
	display:flex;
	align-items: center;
	justify-content: center;
	gap:7px;
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	background:#fff;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	width:20px;
	background:#3494de;
	border-radius: 30px;
}

div.contents.main div.container div.main-visual .visual-ctrl .visual_slide_btn {
	display:flex;
	align-items: center;
	justify-content: center;
	gap:12px;
	font-size: 15px;
}

/* ============================= [new version] intro section ============================= */
div.contents.main div.container div.intro-section{
	width: 100%;
	height: 100vh;
	background-color: #E0E7FF;
}
div.contents.main div.container div.intro-section .intro-obj img{
	position: absolute;
}
div.contents.main div.container div.intro-section .intro-obj img:nth-child(1){
	bottom: 0;
	left: 0;
}
div.contents.main div.container div.intro-section .intro-obj img:nth-child(2){
	top: 0;
	right: 224px;
}
div.contents.main div.container div.intro-section .intro-obj img:nth-child(3){
	bottom: 0;
	right: 0;
}
div.contents.main div.container div.intro-section .intro-co{
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 150px 0 0;
	overflow-y: scroll;
}
div.contents.main div.container div.intro-section .intro-co::-webkit-scrollbar {
	display: none;
}

div.contents.main div.container div.intro-section .intro-co .logo{
	text-align: center;
}
div.contents.main div.container div.intro-section .intro-co .logo img{
	width: 302px;
	height: 72px;
}

div.contents.main div.container div.intro-section .intro-co .intro-title{
	display: flex;
	flex-direction: row;
	gap: 108px;
	align-items: center;
	justify-content: center;
	margin: 20px 0 40px;
}
div.contents.main div.container div.intro-section .intro-co .intro-title p{
	font-size: 34px;
	font-weight: 500;
	color: #111827;
	position: relative;
}
div.contents.main div.container div.intro-section .intro-co .intro-title p:first-child:after{
	content: "";
	width: 98px;
	height: 4px;
	position: absolute;
	background-color: #4F46E5;
	top: 50%;
	transform: translateY(-50%);
	right: -102px;
}
div.contents.main div.container div.intro-section .intro-co .intro-title p span{
	color: #4F46E5;
	position: relative;
}
div.contents.main div.container div.intro-section .intro-co .intro-title p span:before{
	content: "";
	position: absolute;
	top:-5px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #4F46E5;
	border-radius: 999px;
}

div.contents.main div.container div.intro-section .intro-co ul.intro-link{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	list-style: none;
	gap: 8px;
	margin: 0 0 120px;
	padding: 0;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li{
	height: 278px;
	align-items: center;
	justify-content: space-around;
	display: flex;
}

div.contents.main div.container div.intro-section .intro-co ul.intro-link li a{
	position: relative;
	background-color: #F3F6F8;
	width: 184px;
	height: 240px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	gap: 10px;
	transition: all .3s;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li:hover a{
	height: 278px;
	background-color: #4F46E5;
	transition: all .3s;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li:hover a:after,
div.contents.main div.container div.intro-section .intro-co ul.intro-link li:hover p{
	color: #F9FAFB;
}



div.contents.main div.container div.intro-section .intro-co ul.intro-link li a:after{
	content:"\e09f";
	font-family: "Font Awesome 6 pro";
	font-weight: 400;
	display: inline-block;
	position: absolute;
	top:10px;
	right:20px;
	color: #D1D5DB;
	font-size: 20px;
}

div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon{
	width: 124px;
	height: 128px;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i01{
	background: url("/pub/site/platform/images/intro/01.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i02{
	background: url("/pub/site/platform/images/intro/02.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i03{
	background: url("/pub/site/platform/images/intro/03.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i04{
	background: url("/pub/site/platform/images/intro/04.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i05{
	background: url("/pub/site/platform/images/intro/05.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i06{
	background: url("/pub/site/platform/images/intro/06.png") no-repeat center/cover;
}
div.contents.main div.container div.intro-section .intro-co ul.intro-link li .icon.i07{
	background: url("/pub/site/platform/images/intro/07.png") no-repeat center/cover;
}

div.contents.main div.container div.intro-section .intro-co ul.intro-link p{
	font-size: 18px;
	font-weight: 500;
	color: #4B5563;
	text-align: center;
	word-break: keep-all;
}

div.contents.main div.container div.intro-section .intro-co .intro-bottom{
	padding-bottom: 40px;
}

div.contents.main div.container div.intro-section .intro-co .intro-bottom p{
	font-size: 16px;
	font-weight: 300;
	color: #8FA2C8;
	text-align: center;
}

div.contents.main div.container div.intro-section .intro-co .intro-bottom p span{
	margin-right: 20px;
}

/* 반응형 설정 */
@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
	/*div.contents.main div.container div.intro-section{*/
	/*	height: 100%;*/
	/*}*/
	div.contents.main div.container div.intro-section .intro-co{
		max-width: 584px;
	}
	div.contents.main div.container div.intro-section .intro-co .intro-title{
		flex-direction: column;
		gap: 8px;
	}
	div.contents.main div.container div.intro-section .intro-co .intro-title p:first-child:after{
		display: none;
	}
	div.contents.main div.container div.intro-section .intro-co ul.intro-link{
		height: 572px;
	}
}

@media (max-width: 991px) {


}

@media (max-width: 767px) {

	div.contents.main div.container div.intro-section .intro-co{
		max-width: 396px;
		padding: 40px 10px;
	}
	div.contents.main div.container div.intro-section .intro-co .intro-title p{
		font-size: 24px;
	}
	div.contents.main div.container div.intro-section .intro-co ul.intro-link{
		height: 858px;
	}

}

@media (max-width: 575px) {

	div.contents.main div.container div.intro-section .intro-co ul.intro-link li a{
		width: 160px;
	}
}


/* ============================= [new version] main visual ============================= */
div.contents.main div.container div.main-visual .visual-obj{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	height: 100%;
	width: 100%;
}
div.contents.main div.container div.main-visual .visual-obj.rise{
	background-color: #567CFF;
}
div.contents.main div.container div.main-visual .visual-obj.rise img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.contents.main div.container div.main-visual .visual-co{
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin: 0 auto;
	position: relative;
	max-width: 1320px;
	height: 100%;
}

div.contents.main div.container div.main-visual .visual-co .visual-left{
	position: absolute;
	left: 10px;
	height: 100%;
	z-index: 2;
	width: 440px;
	display: flex;
	justify-content: center;
	flex-flow: column;
	gap: 32px;
}

div.contents.main div.container div.main-visual .visual-co .visual-right{
	position: absolute;
	/*right: -180px;*/
	right: -70px;
	top:0;
	z-index: 1;
	width: 912px;
}
div.contents.main div.container div.main-visual .visual-co .visual-right img{
	width: 100%;
}

div.contents.main div.container div.main-visual .visual-co .result-title.rise{
	color: #F1F5F9;
}

div.contents.main div.container div.main-visual .visual-co .result-title p{
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -1px;
}

div.contents.main div.container div.main-visual .visual-co .result-title span{
	color: #4F46E5;
	position: relative;
}
div.contents.main div.container div.main-visual .visual-co .result-title.rise span{
	color: #F8FAFC;
}

div.contents.main div.container div.main-visual .visual-co .result-title span:before{
	content: "";
	position: absolute;
	top:-5px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #4F46E5;
	border-radius: 999px;
}


div.contents.main div.container div.main-visual .visual-co ul.result-box{
	background-color: #FFF;
	box-shadow: 0 12px 0 0 #A5B4FC;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-flow: row wrap;
	gap: 8px;
	padding: 16px;
	border-radius: 16px;
}
div.contents.main div.container div.main-visual .visual-co ul.result-box li{
	/*width: 96px;*/
	width: calc(25% - 6px);
	height: 80px;
	background-color: #F3F4F6;
	border-radius: 8px;
	text-align: center;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-flow: column;
	gap: 8px;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li p{
	font-size: 14px;
	color: #4B5563;
	line-height: 16.75px;
	word-break: keep-all;
}
div.contents.main div.container div.main-visual .visual-co ul.result-box li p span{
	color: #6B7280;
	font-size: 12px;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li p.value{
	font-weight: 800;
	font-size: 28px;
	letter-spacing: -0.25px;
	color: #4F46E5;
	line-height: 24px;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li.more{
	background-color: #EEF2FF;
	cursor: pointer;
	position: relative;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li.more:hover{
	background-color: #4F46E5;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li.more:hover a{
	opacity: 1;
	transition: opacity .5s;
}
div.contents.main div.container div.main-visual .visual-co ul.result-box li.more:hover i{
	/*opacity: 0;*/
	display: none;
	transition: opacity .5s;
}

div.contents.main div.container div.main-visual .visual-co ul.result-box li.more i{
	display: block;
	width: 40px;
	height: 40px;
	color: #4F46E5;
	line-height: 40px;
	font-size: 28px;
	opacity: 1;
	transition: opacity .5s;
}
div.contents.main div.container div.main-visual .visual-co ul.result-box li.more a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	color: #FFF;
	font-size: 16px;
	transition: opacity .5s;
}

div.contents.main div.container div.main-visual .visual-co .result-service{
	background-color: #4F46E5;
	border-radius: 16px;
	box-shadow: 0 12px 0 0 #3730A3;
}
div.contents.main div.container div.main-visual .visual-co .result-service .service-title{
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	background-color: #4338CA;
	padding: 16px;
	text-align: center;
	border-radius: 16px 16px 0 0;
}
div.contents.main div.container div.main-visual .visual-co .result-service ul{
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
div.contents.main div.container div.main-visual .visual-co .result-service ul li{
	text-align: center;
	font-size: 16px;
	color: #FFF;

	cursor: pointer;
	border-radius: 16px;
	width: 20%;
	transition: all .5s;
	padding: 8px 0;
}
div.contents.main div.container div.main-visual .visual-co .result-service ul li:hover{
	background-color: #6366F1;
	box-shadow: 0 2px 4px 0 #4338CA;
	transition: all .5s;
}
div.contents.main div.container div.main-visual .visual-co .result-service ul li a{
	color: #FFF;

	height: 85px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: 10px;
}
div.contents.main div.container div.main-visual .visual-co .result-service ul li i{
	font-size: 28px;
}


/* 반응형 설정 */
@media (max-width: 1399px) {
	div.contents.main div.container div.main-visual .visual-co {
		max-width: 1140px;
	}
	div.contents.main div.container div.main-visual .visual-co .visual-right{
		right: -250px;
	}
}

@media (max-width: 1199px) {
	div.contents.main div.container div.main-visual .visual-co {
		max-width: 960px;
	}
	div.contents.main div.container div.main-visual .visual-co .visual-right{
		right: -430px;
	}
}

@media (max-width: 991px) {
	div.contents.main div.container div.main-visual .visual-co {
		max-width: 720px;
	}
	div.contents.main div.container div.main-visual .visual-co .visual-right{
		right: -590px;
	}
}

@media (max-width: 767px) {

	div.contents.main div.container div.main-visual .visual-co {
		max-width: 540px;
	}
	div.contents.main div.container div.main-visual .visual-co .visual-left{
		left: auto;
		width: 100%;
		padding: 0 16px;
	}
	div.contents.main div.container div.main-visual .visual-co .visual-right{
		right: -590px;
		top: 110px;
	}

	div.contents.main div.container div.main-visual .visual-co .result-title p{
		text-align: center;
	}
}

@media (max-width: 575px) {
	div.contents.main div.container.style01 div.main-visual.bgPurple{
		height: calc(100vh - 74px);
	}

	div.contents.main div.container div.main-visual .visual-co .result-title p{
		font-size: 24px;
	}

	div.contents.main div.container div.main-visual .visual-co ul.result-box li{
		padding: 3px;
		height: 70px;
	}
	div.contents.main div.container div.main-visual .visual-co ul.result-box li p{
		font-size: 12px;
	}
	div.contents.main div.container div.main-visual .visual-co ul.result-box li p.value{
		font-size: 24px;
	}

	div.contents.main div.container div.main-visual .visual-co .result-service .service-title{
		padding: 8px;
	}

	div.contents.main div.container div.main-visual .visual-co .result-service ul{
		padding: 12px;
	}

	div.contents.main div.container div.main-visual .visual-co .result-service ul li{
		font-size: 14px;
		/*height: 80px;*/
	}
}

/* ============================= [new version] notice section ============================= */
div.contents.main div.container .section-title{
	position: relative;
	width: 100%;
	margin-bottom: 32px;
}
div.contents.main div.container .section-title strong{
	font-size: 24px;
	font-weight: 700;
	color: #4F46E5;
}

div.contents.main div.container .section-title .sTitle{
	margin-bottom: 0;
	font-size: 36px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.contents.main div.container .section-title .sTitle span{
	background-color: #FFF;
	padding-right: 24px;
}
div.contents.main div.container .section-title .sTitle .title-line{
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #4F46E5;
	z-index: -1;
}

div.contents.main div.container div.notice-section .section-content{
	display: flex;
	justify-content: space-between;
	gap: 40px;
	flex-direction: row;
	margin-bottom: 120px;
}
div.contents.main div.container div.notice-section .section-content:last-child{
	margin-bottom: 140px;
}


div.contents.main div.container div.notice-section .section-content .section-co{
	width: 100%;
}

div.contents.main div.container div.notice-section .section-content .section-co.grid_50{
	width: 50%;
}


div.contents.main div.container div.notice-section .section-sub-title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}
div.contents.main div.container div.notice-section .section-sub-title h2{
	font-size: 22px;
	font-weight: 700;
	color: #1F2937;
	margin: 0;
}

div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-flow: row wrap;
}
div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li{
	padding: 16px 8px;
	transition: color .5s;
	position: relative;
}
div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li a{
	font-size: 22px;
	font-weight: 500;
	color: #6B7280;
	transition: color .5s;
}

div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li.active:after{
	/*box-shadow: 0 -4px 0 0 #1F2937 inset;*/
	/*transition: color .5s;*/
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #1F2937;
	left: 0;
	bottom: 3px;
}
div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li:hover a,
div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li.active a{
	font-weight: 700;
	color: #1F2937;
	transition: color .5s;
}

div.contents.main div.container div.notice-section .section-sub-title .more{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-width: 80px;
}

div.contents.main div.container div.notice-section .section-sub-title .more a{
	color: #4F46E5;
	font-weight: 500;
	font-size: 18px;
}

div.contents.main div.container div.notice-section .section-sub-title .more a:hover i{
	background-color: #4F46E5;
	color: #FFF;
	transition: color .5s;
}
div.contents.main div.container div.notice-section .section-sub-title .more a i{
	width: 28px;
	height: 28px;
	display: inline-block;
	line-height: 27px;
	text-align: center;
	border: 1px solid #4F46E5;
	border-radius: 999px;
	transition: color .5s;
}
div.contents.main div.container div.notice-section .section-sub-title .more .control-group a{
	color: #6B7280;
	font-size: 24px;
}

div.contents.main div.container div.notice-section .section-sub-title .more .control-group a i{
	border: none;
}

div.contents.main div.container div.notice-section .section-sub-title .more .control-group a:hover i{
	opacity: .4;
	color: #6B7280;
	background-color: transparent;
	transition: all .5s;
}

/* 반응형 설정 */
@media (max-width: 1199px) {
	div.contents.main div.container div.notice-section .section-content{
		margin-bottom: 64px;
	}
	div.contents.main div.container div.notice-section .section-content:last-child{
		margin-bottom: 64px;
	}
}
@media (max-width: 991px) {

	div.contents.main div.container .section-title strong{
		font-size: 20px;
	}

	div.contents.main div.container .section-title .sTitle{
		font-size: 24px;
	}

	div.contents.main div.container div.notice-section .section-sub-title ul.section-tabBox li a{
		font-size: 20px;
	}

	div.contents.main div.container div.notice-section .section-content{
		gap:64px;
		flex-direction: column;
	}

}
div.contents.main div.container div.notice-section .section-sub-content{
	overflow-x: hidden;
}

div.contents.main div.container div.notice-section .section-sub-content ul.notice-card,
div.contents.main div.container div.notice-section .section-sub-content ul.img-card{
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-flow: row wrap;
	gap:24px;
	margin: 0;
	padding: 0;
}

/*div.contents.main div.container div.notice-section .section-sub-content ul.notice-card{*/
/*	display: none;*/
/*}*/
/*div.contents.main div.container div.notice-section .section-sub-content ul.notice-card.active{*/
/*	display: flex;*/
/*}*/

div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li{
	width: 424px;
	height: 195px;
	background-color: #F3F6F8;
	border-radius: 16px;
	transition: all .5s;
}
div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li:hover{
	box-shadow: 0 0 0 4px #4F46E5 inset;
	transition: all .5s;
}

div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li a{
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	height: 100%;
	padding: 16px;
}


div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.contents.main div.container div.notice-section .section-sub-content ul.img-card{
	flex-flow: row nowrap;
	gap:0;
}
div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	/*height: 308px;*/
	/*width: 308px;*/
	height: 318px;
	width: 318px;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 16px;
	transition: all .5s;
}
div.contents.main div.container div.notice-section .section-sub-content ul.img-card li:hover .img-wrap{
	box-shadow: 0 0 0 4px #4F46E5 inset;
	transition: all .5s;
}


div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}


div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
	width: 318px;
}

div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap p{
	font-size: 20px;
	font-weight: 700;
	line-height: 140%;
	width: 100%;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap p.date{
	font-weight: 400;
	color: #6B7280;
	font-size: 16px;
	margin-bottom: 8px;
}

/* 반응형 설정 */
@media (max-width: 1399px) {
	div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li{
		width: 364px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
		width: 273px;
		height: 273px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
		width: 273px;
	}

}
@media (max-width: 1199px) {
	div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li{
		width: 452px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
		width: 220px;
		height: 220px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
		width: 220px;
	}
}
@media (max-width: 991px) {

	div.contents.main div.container div.notice-section .section-content .section-co.grid_50{
		width: 100%;
	}

	div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li{
		width: 332px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
		width: 332px;
		height: 332px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
		width: 332px;
	}
}
@media (max-width: 766px) {

	div.contents.main div.container div.notice-section .section-sub-content ul.notice-card li{
		width: 100%;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
		width: 242px;
		height: 242px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
		width: 242px;
	}
}
@media (max-width: 575px) {

	div.contents.main div.container div.notice-section .section-sub-title .more .control-group{
		display: none;
	}

	div.contents.main div.container div.notice-section .section-sub-content ul.img-card{
		flex-wrap: nowrap;
		overflow-x: scroll;
		gap:24px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li{
		width: auto;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .img-wrap{
		width: 238px;
		height: 238px;
	}
	div.contents.main div.container div.notice-section .section-sub-content ul.img-card li .conts-wrap{
		width: 238px;
	}
}


div.contents.main div.container div.notice-section .section-sub-content span{
	padding: 2px 8px;
	font-weight: 500;
	border-radius: 8px;
	font-size: 16px;
	color: #111827;
}

div.contents.main div.container div.notice-section .section-sub-content .label-com{
	background-color: #E0E7FF;
	border: 1px solid #E0E7FF;
	color: #4F46E5;
}
div.contents.main div.container div.notice-section .section-sub-content .label-com.etc{
	background-color: transparent;
	border: 1px solid #4F46E5;
}

div.contents.main div.container div.notice-section .section-sub-content .label-status{
	background-color: #6B7280;
	border: 1px solid #6B7280;
	color: #FFF;
}
div.contents.main div.container div.notice-section .section-sub-content .label-status.active{
	background-color: #4F46E5;
	border: 1px solid #4F46E5;
}

div.contents.main div.container div.notice-section .section-sub-content .label-title{
	color: #111827;
	font-size: 20px;
	font-weight: 700;
	line-height: 140%;
	padding: 0;
	max-height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

div.contents.main div.container div.notice-section .section-sub-content .label-date{
	font-size: 18px;
	font-weight: 400;
}
div.contents.main div.container div.notice-section .section-sub-content .label-date.title{
	font-weight: 700;
	padding: 0;
}
div.contents.main div.container div.notice-section .section-sub-content .label-date.title:after{
	content: "|";
	margin-left: 8px;
	font-weight: 400;
}

/* ============================= [new version] composition section ============================= */
div.contents.main div.container div.composition-section{
	margin-bottom: 140px;
	height: 958px;
}
div.contents.main div.container div.composition-section .section-left{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45%;
	background-color: #EEF2FF;
	border-radius: 0 64px 64px 0;
	height: 720px;
	z-index: 0;
}
div.contents.main div.container div.composition-section .section-right{
	position: absolute;
	right: 0;
	top:0;
	width: 60%;
	height: 824px;
	z-index: 0;
	/*border-radius: 64px 0 0 64px;*/
	/*opacity: 0;*/
	overflow: hidden;
}
div.contents.main div.container div.composition-section .section-right .swiper-slide{
	border-radius: 64px 0 0 64px;
	overflow: hidden;
}
div.contents.main div.container div.composition-section .section-right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.contents.main div.container div.composition-section .section-right.composition01{
	background: url("/pub/site/platform/images/main/composition/composition01.png") no-repeat center/cover;
	opacity: 1;
	transition: all .5s;
}
div.contents.main div.container div.composition-section .section-right.composition02{
	background: url("/pub/site/platform/images/main/composition/composition02.png") no-repeat center/cover;
	opacity: 1;
	transition: all .5s;
}
div.contents.main div.container div.composition-section .section-right.composition03{
	background: url("/pub/site/platform/images/main/composition/composition03.png") no-repeat center/cover;
	opacity: 1;
	transition: all .5s;
}
div.contents.main div.container div.composition-section .section-right.composition04{
	background: url("/pub/site/platform/images/main/composition/composition04.png") no-repeat center/cover;
	opacity: 1;
	transition: all .5s;
}

div.contents.main div.container div.composition-section .section-content{
	position: relative;
	margin: 0 auto;
	max-width: 1320px;
	height: 100%;
	padding-top: 40px;
}

div.contents.main div.container div.composition-section .section-content .section-title{
	width: 303px;
	margin-bottom: 0;
}

div.contents.main div.container div.composition-section .section-content ul.section-list{
	list-style: none;
	width: 520px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
}

div.contents.main div.container div.composition-section .section-content ul.section-list li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
	border-radius: 16px;
	height: 170px;
	padding: 40px 24px;
	cursor: pointer;
	margin-bottom: 8px;
	position: relative;
}

/*div.contents.main div.container div.composition-section .section-content ul.section-list li:hover{*/
/*  gap: 64px;*/
/*  background-color: rgba(243,246,248,.4);*/
/*  transition: all .5s;*/
/*}*/

div.contents.main div.container div.composition-section .section-content ul.section-list li .list-title{
	width: 340px;
}
div.contents.main div.container div.composition-section .section-content ul.section-list li h4{
	font-size: 23px;
	font-weight: 700;
}
div.contents.main div.container div.composition-section .section-content ul.section-list li p{
	font-size: 18px;
	font-weight: 400;
}
div.contents.main div.container div.composition-section .section-content ul.section-list li a{
	opacity: 0;
	font-size: 14px;
	font-weight: 700;
	color:#FFF;
	display: inline-block;
	margin-top: 8px;
}
div.contents.main div.container div.composition-section .section-content ul.section-list li a:hover{
	text-decoration: underline;
}


div.contents.main div.container div.composition-section .section-content ul.section-list li i.icon{
	font-size: 46px;
	color: #4F46E5;
}

div.contents.main div.container div.composition-section .section-content ul.section-list li:hover,
div.contents.main div.container div.composition-section .section-content ul.section-list li.active{
	color: #FFF;
	background-color: #4F46E5;
	gap: 64px;
	transition: all .5s;
}
div.contents.main div.container div.composition-section .section-content ul.section-list li:hover i,
div.contents.main div.container div.composition-section .section-content ul.section-list li.active i{
	color: #FFF;
	transition: all .5s;
}

div.contents.main div.container div.composition-section .section-content ul.section-list li:hover a{
	opacity: 1;
	transition: all 1.5s;
}


/*div.contents.main div.container div.composition-section .section-content ul.section-list li.active i{*/
/*	color: #FFF;*/
/*}*/

/* 반응형 설정 */
@media (max-width: 1399px) {
	div.contents.main div.container div.composition-section .section-content {
		max-width: 1140px;
	}
	div.contents.main div.container div.composition-section .section-left{
		width: 50%;
	}
	div.contents.main div.container div.composition-section .section-right{
		z-index: -1;
	}
}

@media (max-width: 1199px) {
	div.contents.main div.container div.composition-section{
		margin-bottom: 64px;
	}
	div.contents.main div.container div.composition-section .section-content {
		max-width: 960px;
	}
	div.contents.main div.container div.composition-section .section-left{
		width: 60%;
	}

}

@media (max-width: 991px) {
	div.contents.main div.container div.composition-section .section-content {
		max-width: 720px;
		padding-top: 80px;
	}
	div.contents.main div.container div.composition-section .section-left{
		width: 75%;
	}
	div.contents.main div.container div.composition-section .section-content .section-title{
		width: 253px;
	}
}

@media (max-width: 767px) {
	div.contents.main div.container div.composition-section{
		height: 842px;
	}
	div.contents.main div.container div.composition-section .section-content {
		max-width: 540px;
		padding-top: 0;
	}
	div.contents.main div.container div.composition-section .section-left{
		width: 100%;
		border-radius: 0;
	}
	div.contents.main div.container div.composition-section .section-right{
		display: none;
	}
	div.contents.main div.container div.composition-section .section-content .section-title{
		width: 100%;
	}
}

@media (max-width: 575px) {
	div.contents.main div.container div.composition-section{
		height: 818px;
	}
	div.contents.main div.container div.composition-section .section-content {
		padding: 0 16px 0;
	}

	div.contents.main div.container div.composition-section .section-content ul.section-list{
		width: calc(100% - 32px);
	}

	div.contents.main div.container div.composition-section .section-content ul.section-list li{
		gap: 16px;
		justify-content: center;
	}
	div.contents.main div.container div.composition-section .section-content ul.section-list li.active,
	div.contents.main div.container div.composition-section .section-content ul.section-list li:hover{
		gap: 16px;
	}
}






/* 핵심전략 */
div.contents.main div.container .main-Strategy {
	flex:1;
}
div.contents.main div.container .main-Strategy p {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:16px;
	background-color: #f3f5f7;
	border:1px solid #ccd8df;
	border-radius: 12px;
	height: 68px;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color:#003660;
}
div.contents.main div.container .main-Strategy ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:16px;
}
div.contents.main div.container .main-Strategy ul li {
	padding:24px 10px 23px;
	border:1px dashed;
	border-radius: 12px;
	text-align: center;
	flex:1;
	line-height: 1.3;
}
/*div.contents.main div.container .main-Strategy ul li:nth-child(1) {*/
/*	border-color:#66afe6;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(2) {*/
/*	border-color:#99afc0;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(3) {*/
/*	border-color:#6db6b3;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(4) {*/
/*	border-color:#eeb289;*/
/*}*/

div.contents.main div.container .main-Strategy ul.bio li{
	border-color:#66afe6;
}

div.contents.main div.container .main-Strategy ul.green li{
	border-color:#6db6b3;
}
div.contents.main div.container .main-Strategy ul.intelligent li{
	border-color:#99afc0;
}


div.contents.main div.container .main-Strategy ul li span {
	display: block;
}
div.contents.main div.container .main-Strategy ul li span.ico {
	display:flex;
	align-items: center;
	justify-content: center;
	width:56px;
	height:56px;
	margin:0 auto 22px;
	border-radius: 100%;
	color:#fff;
	font-size: 25px;
}
/*div.contents.main div.container .main-Strategy ul li:nth-child(1) span.ico {*/
/*	background:#3494de;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(2) span.ico {*/
/*	background:#335e80;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(3) span.ico {*/
/*	background:#3b9d9a;*/
/*}*/
/*div.contents.main div.container .main-Strategy ul li:nth-child(4) span.ico {*/
/*	background:#e27e3a;*/
/*}*/
div.contents.main div.container .main-Strategy ul.bio li span.ico{
	background:#3494de;
}
div.contents.main div.container .main-Strategy ul.green li span.ico{
	background:#3b9d9a;
}
div.contents.main div.container .main-Strategy ul.intelligent li span.ico{
	background:#335e80;
}


@media (max-width: 767px) {
	div.contents.main div.container .main-Strategy ul {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* 비주얼배너 */
div.contents.main div.container ul.main-visual-banner {
	display:flex;
	flex-direction: column;
	gap:16px;
}
@media (min-width: 1200px) {
	div.contents.main div.container ul.main-visual-banner {
		width:424px;
		flex-shrink: 0;
	}
}
div.contents.main div.container ul.main-visual-banner li {
	border-radius: 12px;
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: auto 70px;
}
div.contents.main div.container ul.main-visual-banner li a {
	display: block;
	padding:32px 130px 32px 32px;
}
div.contents.main div.container ul.main-visual-banner li:first-child {
	border:1px solid #cde4f6;
	background-color: #cde4f6;
	background-image:url(../images/main/ico_topbanner01.svg) ;
}
div.contents.main div.container ul.main-visual-banner li:first-child:hover {
	border:1px solid #3494de;
}
div.contents.main div.container ul.main-visual-banner li:last-child {
	border:1px solid #cee5e5;
	background-color: #cee5e5;
	background-image:url(../images/main/ico_topbanner02.svg) ;
}
div.contents.main div.container ul.main-visual-banner li:last-child:hover {
	border:1px solid #3b9d9a;
}
div.contents.main div.container ul.main-visual-banner .tit {
	margin-bottom: 16px;
	font-size: 25px;
	font-weight: 700;
	color:#1d1d1d;
	line-height: 1;
}
div.contents.main div.container ul.main-visual-banner p {
	margin-bottom: 24px;
	color:#555;
	line-height: 1.3;
}
div.contents.main div.container ul.main-visual-banner .mbtn {
	padding:7px 20px;
	font-size:15px;
	background-color: #fff;
	border-radius: 50px;
}
div.contents.main div.container ul.main-visual-banner .mbtn::after {
	font-size:12px;
}

/* 사업공고 */
div.contents.main div.container div.main-business {
	background-color: #f3f5f7;
	border-radius: 12px;
	display:flex;
	flex-direction: column !important;
	gap: 0 !important;
}
div.contents.main div.container div.main-business .tabbox {
	padding:0;
	margin-bottom:-10px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-business {
		padding:8px;
	}
	div.contents.main div.container div.main-business .tabbox {
		padding:0 32px;
		margin:0;
	}
}
div.contents.main div.container div.main-business .conts-wrap.active {
	display:block;
	margin:8px;
}
div.contents.main div.container div.main-business .conts-wrap {
	display:none;
	padding:40px 20px;
	background-color: #fff;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-business .conts-wrap {
		padding:40px;
	}
	div.contents.main div.container div.main-business .conts-wrap.active {
		display:block;
		margin:0;
	}
}
div.contents.main div.container div.main-business .business-wrap {
	display: flex;
	flex-direction: column;
	gap:80px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-business .business-wrap {
		display:grid;
		grid-template-columns: 1fr 1fr;
		gap:64px;
	}
}
div.contents.main div.container div.main-business .business-wrap .business-conts {
	display:flex;
	flex-direction: column;
	align-items: center;
	color:#555;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .tit {
	margin-bottom: 3px;
	font-size: 25px;
	font-weight: 700;
	color: #1d1d1d;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txtlist {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:8px;
	padding:16px 0 32px;
	font-size: 15px;
	text-align: center;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txtlist li {
	padding:8px;
	background-color: #f3f5f7;
	border:1px solid #ccd7df;
	border-radius: 4px;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txtlist li strong {
	color:#1d1d1d;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt {
	display:flex;
	justify-content: center;
	gap:48px;
	width: 100%;
	padding:30px 0 25px;
	font-size: 14px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-business .business-wrap .business-conts .txt {
		padding:30px 30px 25px;
	}
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt li {
	position:relative;
	width:30%;
	text-align: center;
	line-height: 1.2;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt li:not(:first-child)::after {
	content: url("../images/main/ico_plus.svg");
	display: block;
	position: absolute;
	left: -41px;
	top: 28px;
	transform: translateY(-50%);
	width: 37px;
	height: 37px;
	outline: none;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt li span {
	display:flex;
	align-items: center;
	justify-content: center;
	width:56px;
	height:56px;
	margin:0 auto 12px;
	background:#335e80;
	border-radius: 100%;
	color:#fff;
	font-size: 25px;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt li:first-child span {
	background:#3494de;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .txt li:last-child span {
	background:#3b9d9a;
}
div.contents.main div.container div.main-business .business-wrap .business-conts .mbtn {
	padding: 6px 20px;
	font-size: 15px;
	background-color: #f3f5f7;
	border:1px dashed #99afc0;
	border-radius: 50px;
	color: #1d1d1d;
}


div.contents.main div.container div.main-business .business-wrap .business-board {
	position:relative;
}
div.contents.main div.container div.main-business .business-wrap .business-board::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -40px;
	width: 100%;
	height: 1px;
	border-top: 1px dashed  #d8d8d8;
	outline: none;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-business .business-wrap .business-board::after {
		content: "";
		display: block;
		position: absolute;
		left: -44px;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 260px;
		border-left: 1px dashed  #d8d8d8;
	}
}
div.contents.main div.container div.main-business .business-wrap .business-board .board_list ul a:hover {
	text-decoration: underline;
}
div.contents.main div.container div.main-business .business-wrap .business-board .board_list li {
	display:flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap:32px;
	margin-bottom:12px;
}
div.contents.main div.container div.main-business .business-wrap .business-board .board_list li:last-child {
	margin-bottom:0;
}
div.contents.main div.container div.main-business .business-wrap .business-board .board_list li a {
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
div.contents.main div.container div.main-business .business-wrap .business-board .board_list .state {
	width:85px;
	flex-shrink: 0;
}




/* 배너 */
div.contents.main div.container ul.main-banner {
	display:grid;
	grid-template-columns: 1fr 1fr;
	flex:1;
	gap:16px;
}
@media (min-width: 1200px) {
	div.contents.main div.container ul.main-banner {
		grid-template-columns: repeat(6, 1fr);
		gap:24px;
	}
}
div.contents.main div.container ul.main-banner li {
	background-color: #f3f5f7;
	border:1px solid #ccd7df;
	border-radius: 12px;
	text-align: center;
	line-height: 1;
}
div.contents.main div.container ul.main-banner li a {
	display:block;
	padding:107px 0 24px;
	background-repeat: no-repeat;
	background-position: center 32px;
	background-size: auto 50px;
}
div.contents.main div.container ul.main-banner li.ico_1 a {
	background-image:url(../images/main/ico_banner01.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_2 a {
	background-image:url(../images/main/ico_banner02.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_3 a {
	background-image:url(../images/main/ico_banner03.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_4 a {
	background-image:url(../images/main/ico_banner04.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_5 a {
	background-image:url(../images/main/ico_banner05.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_6 a {
	background-image:url(../images/main/ico_banner06.svg) ;
}
div.contents.main div.container ul.main-banner li.ico_7 a {
	background-image:url(../images/main/ico_banner07.svg) ;
}

div.contents.main div.container ul.main-banner li:hover {
	background-color:#fff;
	border-color:#325e80;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
div.contents.main div.container ul.main-banner li:hover a {
	font-weight: 700;
}

/* 공지*/
div.contents.main div.container div.main-notice {
	position:relative;
	margin-top:48px;
}
div.contents.main div.container div.main-notice .title {
	justify-content: flex-start;
	flex-direction: column;
	gap:32px;
}
div.contents.main div.container div.main-notice .board_list ul a:hover {
	text-decoration: underline;
}
div.contents.main div.container div.main-notice .board_list.active {
	display:block;
}
div.contents.main div.container div.main-notice .board_list {
	display:none;
	padding:24px;
	border:1px solid #d8d8d8;
	border-radius: 12px;
}
div.contents.main div.container div.main-notice .board_list li {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	gap:24px;
	margin-bottom:17.5px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-notice {
		flex:1;
		margin-top:0;
	}
	div.contents.main div.container div.main-notice .title {
		flex-direction: row;
		align-items: center;
	}
	div.contents.main div.container div.main-notice .board_list {
		padding:40px;
	}
	div.contents.main div.container div.main-notice .board_list li {
		gap:64px;
	}
}
div.contents.main div.container div.main-notice .board_list li:last-child {
	margin-bottom:0;
}
div.contents.main div.container div.main-notice .view_more {
	position:absolute;
	right:0;
	top:6px;
}
div.contents.main div.container div.main-notice .board_list li a {
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all;
}
div.contents.main div.container div.main-notice .board_list .date {
	width:95px;
	flex-shrink: 0;
}

/* 지식DB통계 */

div.contents.main div.container div.main-statistics .statistics-list {
	display:grid;
	grid-template-columns: 1fr 1fr;
	flex:1;
	gap:16px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-statistics {
		width:512px;
		margin-top:0;
		flex-shrink: 0;
	}
	div.contents.main div.container div.main-statistics .statistics-list {
		grid-template-columns: repeat(3, 1fr);
		gap:24px;
	}
}
div.contents.main div.container div.main-statistics .statistics-list li {
	background-color: #fff;
	border:1px solid #d8d8d8;
	border-radius: 12px;
	text-align: center;
	color:#1d1d1d;
	line-height: 1;
}
div.contents.main div.container div.main-statistics .statistics-list li a {
	display:block;
	padding:32px 0;
	color:#1d1d1d;
	font-size: 19px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: center 32px;
}
div.contents.main div.container div.main-statistics .statistics-list li:hover {
	background-color:#0079d5;
	border-color:#0079d5;
}
div.contents.main div.container div.main-statistics .statistics-list li:hover a {
	color:#fff;
}
div.contents.main div.container div.main-statistics .statistics-list li:hover a {
	font-weight: 700;
}
div.contents.main div.container div.main-statistics .statistics-list li strong {
	display: block;
	margin-bottom:11px;
	font-size:32px;
	font-weight: 700;
	color:#0079d5;
}
div.contents.main div.container div.main-statistics .statistics-list li strong span {
	font-size:17px;
	margin-left:4px;
	color:#1d1d1d;
}
div.contents.main div.container div.main-statistics .statistics-list li:hover strong, div.contents.main div.container div.main-statistics .statistics-list li:hover strong span {
	color:#fff;
}

/* 보도자료 */
div.contents.main .news_list {
	display: grid;
	grid-template-columns: 1fr;
	gap:24px;
}
@media (min-width: 1200px) {
	div.contents.main div.container div.main-news {
		flex:1;
	}
	div.contents.main .news_list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 600px) {
	div.contents.main .news_list {
		grid-template-columns: repeat(2, 1fr);
	}
}
div.contents.main .news_list li {
	overflow: hidden;
	padding:2px;
	border-radius: 12px;
	border:1px solid #d8d8d8;
}
div.contents.main .news_list li:hover {
	border:1px solid #325e80;
	font-weight: 700;
}
div.contents.main .news_list li a {
	overflow: hidden;
	border-radius: 8px;
}
div.contents.main .news_list li .img-wrap {
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height:280px;
	border-radius: 10px 10px 12px 12px;
	background-color: #f0f0f0;
}
div.contents.main .news_list li .conts-wrap {
	width: 100%;
	padding:16px 24px;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 카드뉴스 */
@media (min-width: 1200px) {
	div.contents.main div.container div.main-cardnews {
		flex:1;
	}
}