@charset "utf-8";

.eQ01 .wrap_sub_visual:before {
    background-image: url(/sites/style_guide/images/sub/sub_visual_4.jpg);
}
.ready {
    width: 1280px;
}

.ready .p_1 {
    font-size: 30px;
    padding-top: 210px;
}


.breakPoint{display:inline;}
@media all and (min-width:1280px){
  .breakPoint{display:block;}
}



.ideology_5 ul{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #DDD;}
.ideology_5 ul li{width:calc(50% + 1px);padding:40px 0 40px 140px;border:1px solid #DDD;display:flex;justify-content:flex-start;align-items:center;margin-left:-1px;margin-top:-1px;}
.ideology_5 ul li span:first-child{width:48px;height:48px;color:#FFF;font-family:'Noto Medium';border-radius:100%;display:flex;align-items:center;justify-content:center;margin-right:40px;}
.ideology_5 ul li span:last-child{width:calc(100% - 80px);}
.ideology_5 ul li i{display:block;}
.ideology_5 ul li:nth-child(1) span:first-child,
.ideology_5 ul li:nth-child(4) span:first-child{background:#15a7bf;}
.ideology_5 ul li:nth-child(2) span:first-child,
.ideology_5 ul li:nth-child(3) span:first-child{background:#44b340;}
.ideology_6{display:flex;align-items:center;padding:100px 0;background:url(/sites/kr/images/sub/ideology_6.jpg) no-repeat center;background-size:cover;}
.ideology_6 span{display:block;}
.ideology_6 p{padding-left:50%;}
.ideology_6 .p_1{font-size:48px;line-height:1.2;color:#FFF;font-family:'Noto Medium';}
.ideology_6 .p_2{font-size:22px;color:#FFF;padding-top:50px;}
@media all and (max-width:1280px) {
  .ideology_6 p{padding-left:35%;}
}
@media all and (max-width:1024px) {
  .ideology_5 ul li{padding:30px;}
  .ideology_5 ul li span:first-child{margin-right:20px;}
  .ideology_6{padding:50px 0;}
  .ideology_6 p{padding-left:0;text-align:center;}
  .ideology_6 .p_1{font-size:38px;}
}
@media all and (max-width:768px) {
  .ideology_5 ul{flex-wrap:wrap;}
  .ideology_5 ul li{width:100%;align-items:flex-start;}
  .ideology_6 .p_1{font-size:30px;}
  .ideology_6 .p_2{font-size:18px;}
}



.fundGreeting .fundInner{display:flex;justify-content:space-between;position:relative;}
.fundGreeting .item_1{width:500px;position:relative;z-index:1;}
.fundGreeting .item_1 .fundImg{border-bottom-left-radius:60px;border-top-right-radius:60px;width:500px;}
.fundGreeting .item_2{width:calc(100% - 600px);color:#1c1c1c;line-height:1.7;padding-top:50px;}
.fundGreeting .txtBox_1{position:relative;margin-bottom:40px;}
.fundGreeting .txtBox_1::before{width:200%;height:100%;background:#ecf5fb;content:"";display:block;position:absolute;right:-50%;top:0;}
.fundGreeting .txtBox_1::after{width:350px;height:100%;position:absolute;right:-230px;top:1.30px;background:url('../../images/sub/ceoLogoBg.png') no-repeat right top;content:"";display:block;}
.fundGreeting .txtBox_1 div{padding:65px 0;position:relative;line-height:1.3;z-index:1;}
.fundGreeting .txtBox_1 span{font-size:30px;color:#000;display:block;position:relative;}
.fundGreeting .txtBox_1 strong{font-size:40px;}
.fundGreeting .txtBox_1 .txt_1{background: linear-gradient(to right, #0076c6, #19a4dd);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color:transparent;}
.fundGreeting .txtBox_1 .txt_2{background: linear-gradient(to right, #f58232, #fcb033);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color:transparent;}
.fundGreeting .txtBox_2 strong{font-size:25px;color:#0076c6;line-height:1.3;}

.fundGreeting .ceoSign{display:flex;align-items:center;justify-content:flex-end;margin-top:35px;}
.fundGreeting .ceoSign span{font-size:25px;color:#121212;text-align:right;line-height:1.2;}
.fundGreeting .ceoSign strong{color:#0076c6;font-size:32px;}
.fundGreeting .ceoSign img{padding-left:20px;}
@media all and (max-width:1500px) {
	.fundGreeting .item_1{width:35%;}
	.fundGreeting .item_2{width:calc(100% - 38%);}
	.fundGreeting .item_1 .ceoImg{width:unset;}
	.fundGreeting .txtBox_1 span{display:inline;}
}
@media all and (max-width:1024px) {
	.fundGreeting .txtBox_1 div{padding:45px 0;}
	.fundGreeting .txtBox_1 span{font-size:20px;}
	.fundGreeting .txtBox_1 strong{font-size:30px;}
	.fundGreeting .ceoSign span{font-size:1.80px;}
	.fundGreeting .ceoSign img{max-width:110px;}
}
@media all and (max-width:768px) {
	.fundGreeting .fundInner{display:block;}
	.fundGreeting .item_1{width:100%;text-align:center;}
	.fundGreeting .item_2{width:100%;padding-top:25px;}
	.fundGreeting .txtBox_1 div{padding:30px;}
	.fundGreeting .txtBox_1::before{width:100%;right:0;}
	.fundGreeting .txtBox_1::after{display:none;}
	.fundGreeting .txtBox_1 div{background:none;}
	.fundGreeting .txtBox_1 span{font-size:18px;}
	.fundGreeting .txtBox_1 strong{font-size:25px;}
	.fundGreeting .txtBox_2 strong{font-size:20px;}
}

/* 조직도 */
/*
div.sub-outer.D1400 div.org01{justify-content:center; margin-bottom:6rem;}
div.sub-outer.D1400 div.org01 div.list{border:2px solid var(--color-main01); box-shadow:0 5px 30px rgba(0, 0, 0, 0.2);}
div.sub-outer.D1400 div.org01 div.list:after{content:""; position:absolute; bottom:-6.2rem; left:50%; transform:translateX(-50%); display:block; width:1px; height:6rem; background:#ddd;}
div.sub-outer.D1400 div.org01 div.list div.top{background:var(--color-main01);}
*/

/* 조직도 */
/*
.wrap-org { margin-top:15px; }
*/
/* ===== LEVEL 1 (총장) ===== */
/*
.wrap-org .tree .level1 { position: relative; display: flex; justify-content: center; margin-bottom: 80px; }
.wrap-org .tree .level1::after { content: ''; position: absolute; left: 50%; top: 199px; width: 1px; height: 80px; background: #afafaf; }
.wrap-org .tree .level1 > .circle { display: flex; flex-direction:column; justify-content: flex-start; align-items: center; width: 400px; font-size: 28px; color: #fff; border-radius:20px;}
.wrap-org .tree .level1.ty01 > .circle {border:1px solid #012060; }
.wrap-org .tree .level1.ty02 > .circle {border:1px solid #2f5596; }
.wrap-org .tree .level1.ty03 > .circle {border:1px solid #e37f44; }

.wrap-org .tree .level1 > .circle .tit { font-size:32px; display:block; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; padding:10px; border-top-left-radius:20px; border-top-right-radius:20px; }
.wrap-org .tree .level1.ty01 > .circle .tit { background-color:#012060; }
.wrap-org .tree .level1.ty02 > .circle .tit { background-color:#2f5596; }
.wrap-org .tree .level1.ty03 > .circle .tit { background-color:#e37f44; }


.wrap-org .tree .level1 > .circle .tit i { font-size:18px; padding-right:10px; }
.wrap-org .tree .level1 > .circle .info { background:#fff; width:100%; padding:0 20px; color:#333; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.wrap-org .tree .level1 > .circle .info > p { font-size:20px; text-align:center; padding:15px 0; border-bottom:1px solid #efefef; }
.wrap-org .tree .level1 > .circle .info > ul { padding:20px 0; }
.wrap-org .tree .level1 > .circle .info > ul > li { position:relative; font-size:16px; padding-left:30px; }
.wrap-org .tree .level1 > .circle .info > ul > li::before { content:""; width:16px; height:16px; top:6px; left:0; position:absolute; }
.wrap-org .tree .level1 > .circle .info > ul > li.tel::before { background:url("../../images/sub/IC_tel_GR.png") no-repeat center center / contain; }
.wrap-org .tree .level1 > .circle .info > ul > li.mail::before { background:url("../../images/sub/IC_mail_GR.png") no-repeat center center / contain; }
.wrap-org .tree .level1 > .circle .info > ul > li:not(:first-child) { margin-top:5px; }

.wrap-org .tree .level1-1 { position:relative; }
.wrap-org .tree .level1-1 .circle { width:300px; background-color:#e37f44; color:#fff; padding:20px 20px; border-radius:10px; text-align:center; position:absolute; top:-80px; right:250px; font-size:24px; }
.wrap-org .tree .level1-1 .circle::before { content:""; height:1px; background:#afafaf; width:224px; right:300px; top:35px; position:absolute; } 

.wrap-org .tree .level2 { padding-bottom: 80px; }
.wrap-org .tree .level2 > ul { position: relative;  display: flex; justify-content:space-between; align-items:stretch; padding: 0 5%; }
.wrap-org .tree .level2 > ul::before,
.wrap-org .tree .level2 > ul::after { content: ''; position: absolute; top: 0; width: 30.1%; height: 1px; background: #afafaf; }
.wrap-org .tree .level2 > ul::before { left: 50%; }
.wrap-org .tree .level2 > ul::after { right: 50%; }
.wrap-org .tree .level2 > ul > li { position: relative; width: 33%; margin-top: 40px; padding: 0 2%; display:flex; flex-direction:column; justify-content:flex-start; }
.wrap-org .tree .level2 > ul > li::after {  content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 40px; background: #afafaf; }
.wrap-org .tree .level2 > ul > li .box { align-items: center; border:1px solid #009D57;   border-radius: 20px; font-size: 22px; color: #fff; width:100%; flex:1; }
.wrap-org .tree .level2 > ul > li .box .tit { padding:10px; font-size:32px; display:flex; align-items:center; justify-content:center; background:#009D57; width:100%; border-top-left-radius:20px; border-top-right-radius:20px; }
.wrap-org .tree .level2 > ul > li .box .tit i {font-size:18px; padding-right:10px;}
.wrap-org .tree .level2 > ul > li .box .info { background-color:#fff; border-radius:20px; width:100%; padding:20px; color:#333; }
.wrap-org .tree .level2 > ul > li .box .info p { font-size:20px; text-align:center; padding:15px 0; border-bottom:1px solid #efefef; }
.wrap-org .tree .level2 > ul > li .box .info ul {}
.wrap-org .tree .level2 > ul > li .box .info li { font-size:16px; position:relative; padding-left:30px; }
.wrap-org .tree .level2 > ul > li .box .info li::before { content:""; width:16px; height:16px; top:6px; left:0; position:absolute; }
.wrap-org .tree .level2 > ul > li .box .info li.tel::before { background:url("../../images/sub/IC_tel_GR.png") no-repeat center center / contain; }
.wrap-org .tree .level2 > ul > li .box .info li.mail::before { background:url("../../images/sub/IC_mail_GR.png") no-repeat center center / contain; }
.wrap-org .tree .level2 > ul > li .box .info li:not(:first-child) { margin-top:5px; }
.wrap-org .tree .level2 > ul > li .box .info .job { display:flex; font-size:20px; flex-direction:column; margin-top:15px; row-gap:5px; }
.wrap-org .tree .level2 > ul > li .box .info .job dd { font-size:16px; }

@media all and (max-width:1024px) {
	.wrap-org .tree .level1 { padding:0 8%; }
	.wrap-org .tree .level1 > .circle { width:100%; }
	.wrap-org .tree .level2 > ul { flex-wrap:wrap; }
	.wrap-org .tree .level2 > ul > li { width:100%; }
	.wrap-org .tree .level2 > ul::before, 
	.wrap-org .tree .level2 > ul::after { display:none; }
	.wrap-org .tree .level2 > ul > li .box .info p br { content:" "; }
	.wrap-org .tree .level2 > ul > li .box .info p br::after { display:inline; content:" "; }
}
 */

/* 조직도 */
.wrap-org {
	margin-top:15px;
	--org-line-color:#8f8f8f;
	--org-line-size:2px;
}

.wrap-org .tree {
	position:relative;
}


/* =========================================
   LEVEL 1 : 원장
========================================= */
.wrap-org .tree .level1 {
	position:relative;
	display:flex;
	justify-content:center;
	margin-bottom:80px;
}

.wrap-org .tree .level1::after {
	content:"";
	position:absolute;
	left:50%;
	top:100%;
	width:var(--org-line-size);
	height:80px;
	background:var(--org-line-color);
	transform:translateX(-50%);
}

.wrap-org .tree .level1 > .circle {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:400px;
	border:1px solid #012060;
	border-radius:20px;
	overflow:hidden;
	background:#fff;
}

.wrap-org .tree .level1 > .circle .tit {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:10px;
	background:#012060;
	color:#fff;
	font-size:32px;
	text-align:center;
}

.wrap-org .tree .level1 > .circle .tit i {
	padding-right:10px;
	font-size:18px;
	font-style:normal;
}

.wrap-org .tree .level1 > .circle .info {
	width:100%;
	padding:0 20px;
	background:#fff;
	color:#333;
}

.wrap-org .tree .level1 > .circle .info > p {
	padding:15px 0;
	font-size:20px;
	text-align:center;
}

.wrap-org .tree .level1 > .circle .info > ul {
	padding:15px 0;
}

.wrap-org .tree .level1 > .circle .info > ul > li {
	position:relative;
	padding-left:30px;
	font-size:16px;
}

.wrap-org .tree .level1 > .circle .info > ul > li::before {
	content:"";
	position:absolute;
	top:5px;
	left:0;
	width:16px;
	height:16px;
}

.wrap-org .tree .level1 > .circle .info > ul > li.tel::before {
	background:url("../../images/sub/IC_tel_GR.png") no-repeat center center / contain;
}


/* =========================================
   운영위원회
========================================= */
.wrap-org .tree .level1-1 {
	position:relative;
	height:0;
}

.wrap-org .tree .level1-1 .circle {
	position:absolute;
	z-index:2;
	top:-62px;
	left:calc(50% + 110px);
	width:300px;
	padding:16px 20px;
	border-radius:10px;
	background:#e37f44;
	color:#fff;
	font-size:20px;
	text-align:center;
}

.wrap-org .tree .level1-1 .circle::before {
	content:"";
	position:absolute;
	top:50%;
	right:100%;
	width:110px;
	height:var(--org-line-size);
	background:var(--org-line-color);
	transform:translateY(-50%);
}


/* =========================================
   LEVEL 2 : 팀 전체
========================================= */
.wrap-org .tree .level2 {
	position:relative;
	padding-bottom:80px;
}

.wrap-org .tree .level2 > ul {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:0 5%;
}

/* 두 팀을 잇는 가로선 */
.wrap-org .tree .level2 > ul::before {
	content:"";
	position:absolute;
	top:0;
	left:26.7%;
	right:26.7%;
	height:var(--org-line-size);
	background:var(--org-line-color);
}

.wrap-org .tree .level2 > ul > li.team-item {
	position:relative;
	width:48%;
	padding-top:40px;
}

/* 가로선 → 각 팀 */
.wrap-org .tree .level2 > ul > li.team-item::before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:var(--org-line-size);
	height:40px;
	background:var(--org-line-color);
	transform:translateX(-50%);
}


/* =========================================
   팀명
========================================= */
.wrap-org .tree .team-name {
	position:relative;
	width:70%;
	margin:0 auto 60px;
	padding:15px 20px;
	background:#4472c4;
	color:#fff;
	font-size:24px;
	text-align:center;
}

/* 팀명 → 팀장/사업단장 */
.wrap-org .tree .team-name::after {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:var(--org-line-size);
	height:60px;
	background:var(--org-line-color);
	transform:translateX(-50%);
}


/* =========================================
   팀장 / 사업단장 / PM
========================================= */
.wrap-org .tree .team-manager {
	position:relative;
	display:flex;
	justify-content:center;
	margin-bottom:60px;
}

.wrap-org .tree .team-manager > .box {
	width:70%;
	border:1px solid #8faadc;
	overflow:hidden;
	background:#fff;
}

.wrap-org .tree .team-manager > .box .tit {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:10px;
	background:#8faadc;
	color:#111;
	font-size:24px;
	text-align:center;
}

.wrap-org .tree .team-manager > .box .tit i {
	padding-right:8px;
	font-size:18px;
	font-style:normal;
}

.wrap-org .tree .team-manager > .box .info {
	width:100%;
	padding:10px 15px 15px;
	background:#b4c6e7;
	color:#111;
}

.wrap-org .tree .team-manager > .box .info > p {
	padding:5px 0;
	font-size:16px;
	line-height:1.5;
	text-align:center;
}

.wrap-org .tree .team-manager > .box .info > ul {
	margin-top:5px;
}

.wrap-org .tree .team-manager > .box .info > ul > li {
	font-size:15px;
	text-align:center;
}

/* 팀장/사업단장/PM → 다음 단계 */
.wrap-org .tree .team-manager::after {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:var(--org-line-size);
	height:60px;
	background:var(--org-line-color);
	transform:translateX(-50%);
}


/* =========================================
   오른쪽 팀 : 사업단장 → PM
========================================= */
.wrap-org .tree .team-item:nth-child(2) .team-manager {
	margin-bottom:60px;
}

.wrap-org .tree .team-item:nth-child(2) .team-manager.pm {
	margin-bottom:60px;
}


/* =========================================
   담당자 영역
========================================= */
.wrap-org .tree .member-list {
	position:relative;
}

.wrap-org .tree .member-list > ul {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	gap:4%;
	padding-top:40px;
}

/* 담당자 상단 가로선 */
.wrap-org .tree .member-list > ul::before {
	content:"";
	position:absolute;
	top:0;
	left:24%;
	right:24%;
	height:var(--org-line-size);
	background:var(--org-line-color);
}

/* 담당자 */
.wrap-org .tree .member-list > ul > li {
	position:relative;
	display:flex;
	width:48%;
}

/* 가로선 → 담당자 카드 */
.wrap-org .tree .member-list > ul > li::before {
	content:"";
	position:absolute;
	top:-40px;
	left:50%;
	width:var(--org-line-size);
	height:40px;
	background:var(--org-line-color);
	transform:translateX(-50%);
}

.wrap-org .tree .member-list > ul > li .box {
	width:100%;
	border:1px solid #a9dfb4;
	background:#c6efce;
}

.wrap-org .tree .member-list > ul > li .box .tit {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:8px 10px;
	color:#111;
	font-size:20px;
	text-align:center;
}

.wrap-org .tree .member-list > ul > li .box .tit i {
	padding-right:6px;
	font-size:16px;
	font-style:normal;
}

.wrap-org .tree .member-list > ul > li .box .info {
	width:100%;
	padding:10px 15px 15px;
	color:#111;
}

.wrap-org .tree .member-list > ul > li .box .info > ul {
	margin-bottom:10px;
}

.wrap-org .tree .member-list > ul > li .box .info li {
	font-size:14px;
	text-align:center;
}

.wrap-org .tree .member-list > ul > li .box .info .job {
	margin-top:5px;
	text-align:center;
}

.wrap-org .tree .member-list > ul > li .box .info .job dt {
	display:none;
}

.wrap-org .tree .member-list > ul > li .box .info .job dd {
	font-size:14px;
	line-height:1.5;
}


/* =========================================
   오른쪽 팀 담당자 3명
========================================= */
.wrap-org .tree .team-item:nth-child(2) .member-list > ul {
	gap:3%;
}

.wrap-org .tree .team-item:nth-child(2) .member-list > ul > li {
	width:31.333%;
}

/* 3명 담당자 가로선 */
.wrap-org .tree .team-item:nth-child(2) .member-list > ul::before {
	left:15.66%;
	right:15.66%;
}


/* =========================================
   모바일
========================================= */
@media all and (max-width:1024px) {

	.wrap-org .tree .level1 {
		padding:0 5%;
		margin-bottom:50px;
	}

	.wrap-org .tree .level1::after {
		height:50px;
	}

	.wrap-org .tree .level1 > .circle {
		width:100%;
	}


	/* 운영위원회 */
	.wrap-org .tree .level1-1 {
		height:auto;
		margin:0 5% 50px;
	}

	.wrap-org .tree .level1-1 .circle {
		position:relative;
		top:auto;
		left:auto;
		width:100%;
	}

	.wrap-org .tree .level1-1 .circle::before {
		display:none;
	}


	/* 팀 영역 */
	.wrap-org .tree .level2 {
		padding-bottom:40px;
	}

	.wrap-org .tree .level2 > ul {
		display:block;
		padding:0 5%;
	}

	.wrap-org .tree .level2 > ul::before {
		display:none;
	}

	.wrap-org .tree .level2 > ul > li.team-item {
		width:100%;
		padding-top:0;
	}

	.wrap-org .tree .level2 > ul > li.team-item::before {
		display:none;
	}

	.wrap-org .tree .level2 > ul > li.team-item + li.team-item {
		margin-top:70px;
	}


	/* 팀명 */
	.wrap-org .tree .team-name {
		width:100%;
		margin-bottom:50px;
	}

	.wrap-org .tree .team-name::after {
		height:50px;
	}


	/* 팀장 / 사업단장 / PM */
	.wrap-org .tree .team-manager {
		margin-bottom:50px;
	}

	.wrap-org .tree .team-manager::after {
		height:50px;
	}

	.wrap-org .tree .team-manager > .box {
		width:100%;
	}


	/* 담당자 */
	.wrap-org .tree .member-list > ul {
		display:block;
		padding-top:0;
	}

	.wrap-org .tree .member-list > ul::before {
		display:none;
	}

	.wrap-org .tree .member-list > ul > li,
	.wrap-org .tree .team-item:nth-child(2) .member-list > ul > li {
		width:100%;
	}

	.wrap-org .tree .member-list > ul > li::before {
		display:none;
	}

	.wrap-org .tree .member-list > ul > li + li {
		margin-top:20px;
	}
}


/* =========================================
   작은 모바일
========================================= */
@media all and (max-width:640px) {

	.wrap-org .tree .level1 > .circle .tit {
		font-size:24px;
	}

	.wrap-org .tree .team-name {
		font-size:20px;
	}

	.wrap-org .tree .team-manager > .box .tit {
		font-size:20px;
	}

	.wrap-org .tree .member-list > ul > li .box .tit {
		font-size:18px;
	}
}


.wrap-org .tree .member-list > ul > li .box .info .job dd {
	font-size:14px;
	line-height:1.5;
	white-space:normal;
	word-break:keep-all;
	overflow-wrap:break-word;
}

/* 20260814 조직도 이미지 */
.img-box {max-width:1550px; width:100%; margin:0 auto; text-align:center;}