@charset "utf-8";
#organization .ogran {
	position: relative;
}
#organization .ogran [class^=og] {
	position: relative;
}


/* 호버 디자인 */
#organization {
	margin-top:30px;
}
#organization .org_hover {
	display: flex;
	align-items:center;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
	padding:20px;
	width:fit-content;
	position:absolute;
	gap:10px;
	opacity:0;
	top:130%;
	left:0;
}
#organization .ogran .org_team .org_hover {
	top:-95px;
}
#organization .ogran .org_team:hover .org_hover {
	opacity:1;
	z-index:99;
}

#organization .org_hover p {
	border-radius: 10px;
	border: 1px solid #ddd;
	font-size:1rem;
	color:#2E3990;
	font-weight:700;
	text-align:center;
	padding:10px;
}

/* 조직도 모양 */
#organization .ogran {
	position: relative;
}
#organization .ogran::after {
	content:'';
	width:1px;
	height:350px;
	background-color:#ddd;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
}
#organization .ogran .og1 {
	position: relative;
	width: fit-content;
    margin: 0 auto;
}
#organization .ogran .og1::before {
	content:'';
	width:370px;
	height:1px;
	background-color:#ddd;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
}
#organization .ogran .og1:hover .org_hover {
	opacity:1;
	z-index: 11;
}
#organization .ogran .og1 .org {
	width:250px;
	height:60px;
	margin:0 auto;
	background-color:#5C7CC8;
	border-radius:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:5;
	position: relative;
}
#organization .ogran .og1 .org span {
	font-size:1.22rem;
	color:#fff;
	font-weight:700;
}

#organization .ogran .og2 {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index: -1;
}
#organization .ogran .og2 .org {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:370px;
}
#organization .ogran .og2 .org span {
	width:250px;
	height:60px;
	border: 1px solid #5071DE;
	border-radius:5px;
	font-size:1.11rem;
	font-weight:400;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
}

#organization .ogran .og3 {
	width:250px;
	height:60px;
	margin:0 auto;
	margin-top:60px;
	background-color:#749AF5;
	border-radius:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:4;
}
#organization .ogran .og3:hover .org_hover {
	opacity:1;
	top:130%;
	left:0;
	z-index: 12;
}
#organization .ogran .og3 .org span {
	font-size:1.22rem;
	color:#fff;
	font-weight:700;
}

#organization .ogran .og4 {
	width:250px;
	height:60px;
	margin:0 auto;
	margin-top:60px;
	background-color:#749AF5;
	border-radius:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:3;
}
#organization .ogran .og4:hover .org_hover {
	opacity:1;
	top:130%;
	left:0;
	z-index: 13;
}
#organization .ogran .og4 .org span {
	font-size:1.22rem;
	color:#fff;
	font-weight:700;
}

#organization .ogran .og5 {
	display:flex;
	align-items:flex-start;
	gap:30px;
	margin-top:100px;
	position: relative;
}
#organization .ogran .og5::before {
	content:'';
	width:69%;
	height:1px;
	background-color:#ddd;
	position:absolute;
	left:50%;
	top:-50px;
	transform:translateX(-50%);
}
#organization .ogran .org_team {
	flex:1;
	position: relative;
}
#organization .ogran .org_team::after {
	content:'';
	width:1px;
	height:50px;
	background-color:#ddd;
	position:absolute;
	left:50%;
	top:-50px;
	transform:translateX(-50%);
}
#organization .ogran .org_team .org {}
#organization .ogran .org_team .org span {
	border-radius: 45px;
	background-color:#2E3990;
	padding:15px 20px;
	font-size:1.11rem;
	font-weight:700;
	color:#fff;
	width:200px;
	display:block;
	text-align:center;
	margin:0 auto;
}
#organization .ogran .org_team .org ul {
	border:1px solid #ddd;
	border-radius: 15px;
	padding:25px 20px 15px;
	position: relative;
    top: -20px;
    z-index: -1;
}
#organization .ogran .org_team .org ul li {
	text-align: center;
	font-size:16px;
	font-weight:400;
	border-bottom:1px solid #ddd;
	padding:10px 0;
}
#organization .ogran .org_team .org ul li:last-child {
	border-bottom:0;
}

#organization .organ_table {
	margin-top:20px;
}
#organization .organ_table .team_table {
	margin-bottom:40px;
}
#organization .organ_table .team_table table {
	margin-top:20px;
}


/* 반응형 css */
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {
	#organization .ogran .og1 .org {
		width:180px;
	}
	#organization .ogran .og2 .org {
		gap:300px;
	}
	#organization .ogran .og2 .org span {
		width:180px;
	}
	#organization .ogran .og3 {
		width:180px;
	}
	#organization .ogran .og4 {
		width:180px;
	}
	#organization .ogran .og5 {
		gap:0;
	}
	#organization .ogran .og5::before {
		width:75%;
	}
	#organization .ogran .org_team {
		flex:none;
		width:23%;
		margin:0 1%;
	}
	#organization .ogran .org_team .org span {
		width:100%;
	}
}
@media (max-width:320px) {}