@charset "utf-8";
/* CSS Document */
.maximg {width:100%; max-width:769px;}
/*#bo_v h2 {font-size:15px; font-weight:700; color:#222; text-indent:1.2em; line-height:1.4em; margin-bottom:.5em;margin-top:1em; background-repeat:no-repeat; background-position:left center; background-image:url(/img/page_h2.png);}*/
/*#bo_v h3 {font-size:15px; font-weight:700; color:#444; text-indent:1.2em; line-height:1.4em; margin-bottom:.5em;margin-top:1em; background-repeat:no-repeat; background-position:left center; background-image:url(/img/page_h3.png);}*/
.base_tbl {width:100%; border-collapse:collapse; border-color:#222 #ccc #ccc #ccc; border-style:solid; border-width:2px 1px 1px 1px;}
.base_tbl thead {
background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 );
}
.justify{text-align:justify; padding:.5em 1em; line-height:1.6em;}
.base_tbl tbody {}
.base_tbl th, .base_tbl td {padding:.8em .4em; line-height:1.4em; border:1px solid #bdbdbd;}
.base_tbl thead th {text-align:center;}
.base_tbl thead td {text-align:center;}
.base_tbl tbody th {text-align:center;}
.base_tbl tbody td {text-align:center;}
.base_tbl .left {text-align:left;}

.page_history_box { width:95%; margin:0 auto;}
.page_history_box .div-row{ margin:.7em 0;}
.history_year {display:table-cell;vertical-align:middle; width:80px;  font-size:16px; font-weight:800; letter-spacing:-.1em; color:#3399cc;}
.history_issue {display:table-cell;vertical-align:middle; font-weight:400; line-height:1.5em; vertical-align:top;}

.list_ul {list-style:none; margin-left:1em; margin-bottom:.6em;}
.list_ul li {font-weight:400; line-height:1.7em; background-image:url(/img/li1.gif); background-position:left center; background-repeat:no-repeat; padding-left:8px;}
.list_ul li span {display:inline-block;width:20%; max-width:90px; margin-right:10px; font-size:14px; font-weight:800; letter-spacing:-.1em; color:#64848c;}

.para_text {line-height:1.7em;}
.sign_text {line-height:1.5em; color:#444; text-align:right; }

.map-box {position:relative;}
.map_link{position:absolute; z-index:5; width:60px; height:60px; top:3px; right:5px;}
.map_link span{display:block; width:60px; height:60px; background-image:url(/img/view.png); background-repeat:no-repeat; text-indent:-9999px; cursor:pointer;}
.linkbox {display:inline-block; background-color:#2E82D9; padding:5px 15px; border-radius:3px; color:#fff; text-align:center; text-indent:0;}
.greetings_text{color:#000; max-width:595px; width:95%; margin:0 auto; }
.greetings_text p{margin:1em 0; line-height:1.6em; font-size:15px; font-weight:400; text-indent:0px;padding-right:20px; text-align:left; word-break:keep-all;}

.bus_road {}
.bus_road hr{display:none;}
.bus_road ul{list-style:none; margin:0; padding:0 0 0 20px; font-size:12px; color:#222; border:1px dotted #ccc; border-width:1px 0 0 0;}
.bus_road ul li{display:inline-block;  line-height:18px;}
.bus_road .road_subject{display:block; font-size:12px; color:#000; font-weight:normal; padding:8px 0 5px 0;}
.bus_road .road_arrow{width:16px; vertical-align:middle;}
.bus_road .road_arrow span{display:inline-block; width:16px; height:18px; background-color:#fff; background-image:url(/img/arrow.png); background-repeat:no-repeat; background-position:center center;}
.bus_road .spbus{display:inline-block; height:18px; line-height:18px; background-color:#0099ff; color:#fff; font-size:11px; padding:0 3px; border-radius:3px;}
.bus_road .npbus{display:inline-block; height:18px; line-height:18px; background-color:#ff8000; color:#fff; font-size:11px; padding:0 3px; border-radius:3px;}
.bus_road li strong{padding:0 5px;font-weight:normal;}
.bus_road .road_subject strong{}



.research_wrap {box-sizing:border-box; padding:1em 0;}
.josa_wrap:before,.josa_wrap:after {display:blcok; content:''; clear:both;}
.josa_wrap {overflow:hidden; box-sizing:border-box; padding:1em; border:1px solid #ddd; margin:0 auto 2em auto;}
.josa_img {float:left; width:30%; box-sizing:border-box; padding-right:1.5em;}
.josa_img > img {display:block; width:100%; margin:0 auto;}
.josa_text {box-sizing:border-box;}
.research_wrap h1{text-align:left; font-size:1.56em;}
.research_wrap p{margin:1em auto !important;}
.research_wrap .no_list {list-style:none; margin-left:1.5em;}
.josa_para {font-size:1.13rem; margin-bottom:1.5em;}
.josa_para strong,.josa_para strong a{color:#f13300 !important;}
.abtn{display:inline-block; padding:0.5em 1em; background-color:#3fc2b7; color:#fff !important; font-size:1.2em; transition: background-color 0.5s ease}
.abtn:hover {background-color:#ff9900; }
.center{text-align:center !important;}
.strong {font-weight:bold !important;}
.hottext { margin:0 auto;  padding:1em 1.5em; color:#0d4da8; background:url(/page/img/josa_bg.png) no-repeat right center;}
.frm_title_color1{color:#004080;}
.hottext ul {margin:1em 0;}
.hottext ul li {margin:.3em 0; font-size:1.25rem;}
.hottext ul li::before {content:''; display:inline-block; vertical-align:middle; width:11px; height:11px; background-color:#266ed4; border-radius:3px; margin-right:10px;}


/* 역대원장 */
.chief_wrap {position:relative; overflow:hidden; border-style:solid; border-color:#d0d0d0 #fff #486f95 #fff; border-width:1px 0px 2px 0px; padding:1em;}
.chief_pic {float:left; width:25%; margin-right:1em; position:relative;}
.chief_pic>img{display:block;border:1px solid #ccc; position:relative;}
.chief_pic>div.naming{position:absolute;width:160px; bottom:0px; height:30px; background-color:rgba(0,0,0,0.5); color:#fff; line-height:30px; text-align:center; z-index:1;}
.chief_txtbox {float:left; list-style:none; overflow:hidden; width:60%; margin:0; padding:0;}
.chief_txtbox >li{position:relative;overflow:hidden; width:100%; clear:both; box-sizing:border-box; line-height:30px;}
.chief_txtbox >li>span {display:block; float:left; width:25%; font-weight:1.35rem; color:#004993; line-height:30px;}
.chief_txtbox >li>ul {display:block; float:left; width:75%;}
.chief_txtbox >li>ul>li{list-style:none; line-height:24px;}

/* 조직도 */
/*
2개 width:49.375%; margin-right:1.25%;
3개 width:32.5%; margin-right:1.25%;
4개 width:24.0625%; margin-right:1.25%;
5개 width:19%; margin-right:1.25%;
6개 width:15.625%; margin-right:1.25%;
*/
.org_chart_wrap {position:relative; margin:1em auto; width:100%; max-width:700px; text-align:center;}
.org_chart_wrap span {z-index:2; background-color:#fff;}
.org_chart_wrap span em {font-style:normal; position:absolute; top:50%; left:50%; transform:translate(-50%,-50.1%); box-sizing:border-box; display:block; text-align:center; padding:0 1em;  word-wrap:break-word; word-break:keep-all;}
.org_chart_wrap li {text-align:center;}
.org_chart_wrap ul {overflow:hidden;}
.org_chart_wrap .org1,
.org_chart_wrap .org2,
.org_chart_wrap .org3,
.org_chart_wrap .org4 {clear:both; margin-bottom:30px;}

.org_chart_wrap .org1 {position:relative;clear:both;}
.org_chart_wrap .org1 li{position:relative; width:100%;}
.org_chart_wrap .org1 li span {display:inline-block; width:100px; height:100px; border:5px solid #0099ff; border-radius:50%;}
.org_chart_wrap .org1:after {content:'';width:2px; height:250%; position:absolute; display:block; background-color:#dfdfdf; bottom:-245%; left:50%; transform:translateX(-50%);z-index:-1}

.org_chart_wrap .org2 {position:relative;clear:both;}
.org_chart_wrap .org2 li{position:relative;float:left; width:49.375%; margin-right:1.25%;}
.org_chart_wrap .org2 li:last-child{margin-right:0;}
.org_chart_wrap .org2 li span {display:inline-block; width:100px; height:100px; border:5px solid #ff6600; border-radius:50%;}
.org_chart_wrap .org2 li.side-l:after { content:'';width:50%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; left:100%; z-index:-1}
.org_chart_wrap .org2 li.side-r:before { content:'';width:50%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; right:100%; z-index:-1}


.org_chart_wrap .org3 {position:relative;clear:both;}
.org_chart_wrap .org3 li {position:relative;float:left;width:32.5%; margin-right:1.25%;}
.org_chart_wrap .org3 li:last-child {margin-right:0;}
.org_chart_wrap .org3 li span {display:inline-block; width:100px; height:100px; border:5px solid #1748a4; border-radius:50%;}
.org_chart_wrap .org3 li.side-l span,.org_chart_wrap .org3 li.side-r span {border-color:#ff6600;}
.org_chart_wrap .org3 li.side-l:after { content:'';width:100%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; left:50%; z-index:-1}
.org_chart_wrap .org3 li.side-r:before { content:'';width:100%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; right:50%; z-index:-1}
.org_chart_wrap .org3 {margin-bottom:60px;}
.org_chart_wrap .org3:before { content:'';width:2px; height:35px; background-color:#dfdfdf;display:block; position:absolute; bottom:-27px; left:50%; transform:translateX(-50%);z-index:-1}
.org_chart_wrap .org3:after {content:'';width: 76.5%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -30px;left:50%;transform:translateX(-50%);z-index:-1;}

.org_chart_wrap .org4 .team {overflow:visible;}
.org_chart_wrap .org4 {position:relative;clear:both;}
.org_chart_wrap .org4 li{position:relative;float:left; width:24.0625%; margin-right:1.25%;}
.org_chart_wrap .org4 li:last-child {margin-right:0;}
.org_chart_wrap .org4 li span {display:inline-block; width:100%; height:60px; border:4px solid #71df15; border-radius:10px;}
.org_chart_wrap .org4 li:before {content:''; height:30px; width:2px; background-color:#dfdfdf; display:block; position:absolute; top:-30px; left:50%; transform:translateX(-50%);z-index:-1}


@media screen and (max-width:1022px) {
/* 역대원장 */
.chief_wrap {position:relative; overflow:hidden; border-style:solid; border-color:#d0d0d0 #fff #486f95 #fff; border-width:1px 0px 2px 0px; padding:1em;}
.chief_pic {float:none; width:100%; margin-right:1em; position:relative; max-width:280px; margin:0 auto;}
.chief_pic>img{display:block;border:1px solid #ccc; position:relative; width:100%;}
.chief_pic>div.naming{position:absolute;width:100%; bottom:0px; height:30px; background-color:rgba(0,0,0,0.5); color:#fff; line-height:30px; text-align:center; z-index:1;}
.chief_txtbox {float:none; list-style:none; overflow:hidden; width:100%; margin:1em auto 0 auto; padding:0;}
.chief_txtbox >li{position:relative;overflow:hidden; width:100%; clear:both; box-sizing:border-box; line-height:30px;}
.chief_txtbox >li>span {display:block; float:left; width:25%; font-weight:1.35rem; color:#004993; line-height:30px;}
.chief_txtbox >li>ul {display:block; float:left; width:75%;}
.chief_txtbox >li>ul>li{list-style:none; line-height:24px;}
}

@media screen and (max-width:720px) {
	.hottext{background:#fff;}
}
@media screen and (max-width:480px) {
/* 조직도 */
.org_chart_wrap .org3:after {content:'';width: 51.5%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -30px;left:50%;transform:translateX(-50%);z-index:-1;}
.org_chart_wrap .org4 li{width:49.375%; margin-right:1.25%;}
.org_chart_wrap .org4 li:nth-child(2n) {margin-right:0;}
}
@media screen and (max-width:360px) {
/* 조직도 */
.org_chart_wrap {zoom:.85;}
}


.esg_wrap{
	margin-bottom:3rem;
}

.esg_wrap > ul {margin:2em 0 1em 0;}
.esg_wrap > ul > li {margin:.5em 0; font-size:1.25rem;color:#0d4da8;}
.esg_wrap > ul > li::before {content:''; display:inline-block; vertical-align:middle; width:11px; height:11px; background-color:#266ed4; border-radius:3px; margin-right:10px;}

.esg_wrap ul ul {margin:0 0 0.3em 1em;}
.esg_wrap ul ul li {margin:.5em 0; font-size:1.1rem; color:#444; position:relative;padding-left:10px;line-height:1.3;}
.esg_wrap ul ul li::before {content:'-'; display:block;left:0;top:0px;position:absolute;}

.esg_slogun{
	text-align:center;
	background-color:#fdfbee;
	padding:2.25rem;
	border-radius:16px;
}
.esg_slogun > img{
	max-width:100%;
}
.esg_loadmap{
	padding:0.5em 0;
	text-align:center;
}
.esg_loadmap > img{
	max-width:100%;
}

.esg_wrap .tbl .tbl_vert th:first-child{
	border-left:1px solid #ddd;
}
.esg_wrap .tbl .tbl_vert th,.tbl .tbl_vert td{
	border:1px solid #ddd;
}


.esg_vision_box{
	position:relative;
	display:flex;
	gap:5%;
}

.esg_vision_box .esg_vision_text{
	width:55%;
}
.esg_vision_box .esg_vision_image{
	width:40%;
}

.esg_vision_box .esg_vision_image > img{
	max-width:100%;
}

.esg_round_tit_box{
	display:flex;
	align-items: center;
    justify-content: center;
}
.esg_round_tit_box h3{
	border-radius:30px;
	background-color:#2161a7;
	padding:0.3em 2em;
	color:#ffffff;
	font-size:1.56rem;
	word-break:keep-all;
}

.esg_img_tit{
	display:flex;
	gap:10px;
	text-align:center;
	align-items:center;
	justify-content: center;
	margin:2rem auto;
}

.esg_block{
	display:inline-block;
	width:100%;
	overflow:hidden;
	margin:2rem 0;
}
.esg_block .esg_box{
	overflow:hidden;
	padding:2.5rem 0 1rem 0;
	border:5px solid #ddd;
	border-radius:3.75rem;
}
.esg_block .esg_box.border-green{
	border-color:#8dc35f;
}
.esg_block .esg_box.border-cyan{
	border-color:#52b7e7;
}
.esg_outer_box .esg_img_tit > img{max-width:100%;} 
.esg_box_flex{
	display:flex;
}
.esg_box_flex .esg_box_flex_txt{
	flex:1;
}
.esg_box_flex .esg_box_flex_img{
	padding:0 1rem;
}
.esg_box_flex .esg_box_flex_img > img{
	max-width:100%;
}

.esg_outer_box{
	position:relative;
	padding:2rem 4rem;
	background-color:#f4f4f6;
	border-radius:16px;
	margin-top:2rem;
}

.esg_block .esg_box.border-green .esg_box_flex .esg_box_flex_img{
	margin-right:20px;
}

.esg_bul_ul {
	margin-top:25px;
}
.esg_bul_ul > li{
	font-size:1.2rem;
	color:#444;
	margin-bottom:20px;
	position:relative;
	padding-left:25px;
}
.esg_bul_ul > li:before{
	content:url(/page/img/esg/esg04_bul_01.png);
	color:#444;
	left:0;
	position:absolute;
}

.esg_wrap ul.esg_bul_ul ul {
    margin: 0 0 0.3em 0;
}
.esg_wrap ul.esg_bul_ul ul li{
    margin-left:-8px;
}

.esg_wrap td > ol{
	margin:0;
	padding:0;
}

.esg_wrap td > ol > li{
	list-style:none;
	padding-left:20px;
}
.esg_wrap td > ol > li::before{
	content:attr(data-num)'.';
	position:absolute;
	left:0;
}

.esg_block .esg_box.border-cyan .esg_bul_ul > li:before{
	content:url(/page/img/esg/esg04_bul_02.png);
}
.esg_block .esg_box.border-green .esg_box_flex_img{
	padding:0 2rem 0 4rem;
}
.esg_block .esg_box.border-cyan .esg_box_flex_txt{
	padding:0 2rem;
}


.ethics_box {
    position: relative;
    border: 3px solid transparent;
    border-radius: 10px;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to bottom, #f44c18 0%,  #0f6eb9 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	overflow:hidden;
}
.ethics_content{
	padding:3rem;
}

.ethics_content .tit{
	text-align:center;
	font-weight:700;
	font-size:2.5rem;
	letter-spacing:-0.05em;
	word-break:keep-all;
}
.ethics_content p{
	font-size:1.25rem;
	line-height:1.8;
	padding:3rem 1em;
}
.ethics_text_box{
	background-color:#f1f1f1;
	padding:1.5rem;
	border-radius:1rem;
}
.ethics_text_box ul > li{
	font-size:1.0625rem;
	line-height:1.4;
	padding:0.3em 0;
}

.ethics_msg {
	padding:3rem 1em;
	font-size:1.25rem;
	line-height:1.8;
}
.ethics_msg .ethics_name{
	font-weight:600;
}

.ethics_rule{
	position:relative;
	font-size:1rem;
}
.research_wrap .ethics_rule p {
    margin: 0em auto !important;
}
.ethics_rule h2{
	font-weight:600;
	font-size:1.6em;
	margin-bottom:2em;
}
.ethics_rule h3{
	font-weight:600;
	font-size:1.25em;
	margin:2em 0;
}
.ethics_rule h4:before{
	display:none !important;
}
.ethics_rule h4{
	font-weight:500;
	font-size:1.05em !important;
	margin:1em 0;
	color:#444 !important;
}
.ethics_rule h5{
	font-weight:500;
	font-size:1.05em !important;
	color:#444 !important;
}
.ethics_rule > div{
	font-size:1em;
}
.ethics_rule > div.rule_txt{
	line-height:1.8em;
	margin:0.5em 0;
}
.ethics_rule > div.rule_txt strong{
	font-size:1.05em;
}
.ethics_rule > div.rule_txt ul{
	padding-left:1.5em;
}


@media(max-width:1184px){
	.esg_vision_box .esg_vision_image{
		width:40%;
		position:absolute;
		right:10px;
	}
	.esg_vision_box .esg_vision_text{
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text{
		width:55%;
	}
	
}


@media(max-width:960px){
	.scroll_use{
		overflow-x:auto;
	}
	.scroll_use::-webkit-scrollbar { width: 8px;height:8px; }
	.scroll_use::-webkit-scrollbar-track { background-color:#e7e7e7; }
	.scroll_use::-webkit-scrollbar-thumb { background: #7e7e7e; border-radius:4px;}
	.scroll_use::-webkit-scrollbar-thumb:hover { background: #404040; }
	.scroll_use::-webkit-scrollbar-thumb:active { background: #808080; }
	.scroll_use::-webkit-scrollbar-button { display: none; }
	.scroll_use > table {
		white-space:nowrap;
		border-collapse: collapse;
		table-layout:auto;
 	}
	.esg_vision_box .esg_vision_image{
		width:40%;
	}
	.esg_vision_box .esg_vision_image > img{
		max-width:100%;
	}
}


@media(max-width:600px){
	.esg_vision_box .esg_vision_image{
		width:40%;
		position:absolute;
		right:10px;
	}
	.esg_vision_box .esg_vision_text{
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text{
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(1),.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(2){
		width:55%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(3){
		width:100%;
	}
	
}


@media(min-width:961px) and (max-width:1183px){
	.esg_box_flex .esg_box_flex_img{
		width:35%;
	}
}
@media (max-width:850px){
	.esg_outer_box{
		padding:2rem;
	}
	.esg_box_flex .esg_box_flex_img{
		width:35%;
	}
	.ethics_content .tit{
		font-size:2rem;
	}
	.ethics_content p{
		font-size:1.0rem;
		line-height:1.8;
		padding:3rem 1em;
	}
	.ethics_text_box ul > li{
		font-size:1rem;
	}
	.ethics_msg {
		font-size:1rem;
	}
}
@media (max-width:720px){
	.esg_round_tit_box h3{
		border-radius:8px;
		font-size:1.2rem;
		word-break:keep-all;
	}
	.esg_box_flex .esg_box_flex_img{
		display:none;
	}
	.esg_block .esg_box.border-green .esg_box_flex_txt {
		padding: 0 2rem;
	}
}
@media (max-width:700px){
	.esg_outer_box .esg_img_tit {
		display:flex;
		flex-direction:column;
	}
}

@media(max-width:400px){
	.esg_vision_box{
		position:relative;
		display:flex;
		flex-direction:column;
		gap:0;
	}
	.esg_vision_box .esg_vision_image{
		width:90%;
		position:relative;
		right:0;
		margin:0 auto;
		text-align:center;
	}
	.esg_vision_box .esg_vision_text{
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text{
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(1),.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(2){
		width:100%;
	}
	.esg_vision_box .esg_vision_text .esg_image_wrap_text ul li:nth-child(3){
		width:100%;
	}
	
}

.chart_org_box{
	position:relative;
	padding:1.6em;
	background-color:#f4f4f6;
	border-radius:16px;
}
.chart_org{
	--gap:3rem;
	position:relative;
	display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	font-size:1.25rem;
}
.chart_org .chart_org_top{
	position:relative;
	display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	font-size:1.25rem;
	background-color:#285390;
	color:#ffffff;
	padding:1em 1.5em;
	border-radius:8px;
	margin-bottom:var(--gap);
	min-width:15rem;
}
.chart_org .chart_org_top:before{
	content:'';
	display:block;
	width:1px;
	height:var(--gap);
	left:50%;
	background-color:#666666;
	position:absolute;
	bottom:-3rem;
	transform:translateX(-50%);
}

.chart_org .chart_org_bottom{
	position:relative;
	margin-top:var(--gap);
}

.chart_org_group {
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
.chart_org_group.chart_ea2 {
    grid-template-columns:repeat(2,1fr);
}
.chart_org_group.chart_ea3 {
    grid-template-columns:repeat(3,1fr);
}

.chart_org_group.chart_ea2 .chart_org_item:after{
	content:'';
	display:block;
	position:absolute;
	top:calc(-1 * var(--gap) );
	height:1px;
	width:100%;
	background-color:#666666;
}
.chart_org_group.chart_ea2 .chart_org_item:nth-child(1):after{
	left:50%;
}
.chart_org_group.chart_ea2 .chart_org_item:nth-child(2):after{
	right:50%;
}


.chart_org_group.chart_ea3 .chart_org_item:after{
	content:'';
	display:block;
	position:absolute;
	top:calc(-1 * var(--gap) );
	height:1px;
	width:100%;
	background-color:#666666;
}
.chart_org_group.chart_ea3 .chart_org_item:nth-child(1):after{
	left:50%;
}

.chart_org_group.chart_ea3 .chart_org_item:nth-child(3):after{
	right:50%;
}

.chart_org_group .chart_org_item{
	position:relative;
	display: grid;
	margin: 0 2rem;
	grid-template-rows:0.5fr 1fr;
}
.chart_org_group.chart_ea3 .chart_org_item{
	display: grid;
	margin: 0 2rem;
	grid-template-rows:0.5fr 4fr;
}
.chart_org_group .chart_org_item:before{
	content:'';
	position:absolute;
	display:block;
	width:1px;
	height:var(--gap);
	background-color:#666666;
	left:50%;
	top:calc(-1 * var(--gap) );
	transform:translateX(-50%)
}

.chart_org_group .chart_org_item .chart_org_title{
	background-color:#437ac8;
	color:#ffffff;
	border-radius:8px 8px 0 0;
	padding: 1em;
	width:100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1;
	height: 60px;
}

.chart_org_group .chart_org_item .chart_org_content{
	border: 2px solid #437ac8;
	background-color: #ffffff;
	color: #444;
	padding: 0.5em 1em;
	border-radius: 8px;
	min-height: 80px;
	width: 100%;
	margin-top:-6px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	word-break:keep-all;
}
.chart_org_group .chart_org_item .chart_org_content > ul{
	
}
.chart_org_group .chart_org_item .chart_org_content > ul > li{
	position:relative;
	padding-left:14px;
	font-size:1.0625rem;
}
.chart_org_group .chart_org_item .chart_org_content > ul > li:before{
	content:'';
	position:absolute;
	display:block;
	width:9px;
	height:9px;
	border:3px solid #437ac8;
	border-radius:50%;
	left:0;
	top:10px;
}


@media(max-width:1184px){
	.chart_org_group.chart_ea3 .chart_org_item {
		display: grid;
		margin: 0 1rem;
	}
}

@media(max-width:840px){
	.chart_org_group.chart_ea3 .chart_org_item {
		display: grid;
		margin: 0 1rem;
	}
	.chart_org_group.chart_ea3,.chart_org_group.chart_ea2 {
		grid-template-columns:1fr;
	}
	.chart_org_group.chart_ea3 .chart_org_item:before,.chart_org_group.chart_ea2 .chart_org_item:before{
		display:none;
	}
	.chart_org_group.chart_ea3 .chart_org_item:after,.chart_org_group.chart_ea2 .chart_org_item:after{
		display:none;
	}
	.chart_org .chart_org_bottom {
		width: 90%;
		margin-top:0px;
	}
}