@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/
/*Site숨김*/
#menuUItop .li_1_13086{display:none;}

#headerSec .logo {width: auto !important;}
#headerSec .logo a span {margin-top: 8px !important;}
#headerSec .logo a span em {display: block;}

/*조직도*/
.gspa_orga{text-align:center;}
.gspa_orga img{max-width:100%;}
.gspa_orga_1{}
.gspa_orga_2{display:none;}
@media only screen and (max-width:540px){
  .gspa_orga_1{display:none;}
  .gspa_orga_2{display:inline-block;}
}



.org_box * { box-sizing: border-box;}
.org_box {
	position:relative;
}
.org_box > div { 
	position:relative;
	margin-bottom:30px;
}
.org_box > div > p { 
	text-align:center; 
}
.org_box  p > span {
    display: inline-block;
	width:100%;
	max-width:165px;
    height: 49px;
    font-size: 16px;
    line-height: 49px;
	color:#fff;
	background-color:#2fb7b7;
	text-align:center;
}
.org_box div.left { float:left; }
.org_box div.right { float:right; }
.org_box .top > p > span {
	width:100px;
	height:100px;
	line-height:100px;
	border-radius:100%;
	background-color:#005bac;
}

.org_box .first .left:before  {
	right:0;
}
.org_box .first .right:before {
	left:0;
}
.org_box .first:after {
	content:"";
	display:block;
	clear:both;
}
.org_box .first > div {
	position:relative;
}
.org_box .first .left {
	width:50%;
	text-align:right;
	padding-right:15%;
}
.org_box .first .right {
	width:50%;
	margin-top:50px;
	padding-left:15%;
}

.org_box .second { 
	position:relative;
	width:96%;
	margin:70px auto 0 auto;;
}
.org_box .second > div {
	position:relative; 
	float:left;
	width:50%;
	text-align:center;
}
.org_box .second:after {
	content:"";
	display:block;
	clear:both;
}
.org_box .second > div:last-child p > span{ 
	background-color:#6b5b5e;
}

.org_box .second > div ul { 
 border:1px solid #6b5b5e;
 padding:15px;
 color : #6b5b5e;
 max-width:165px;
 margin:0 auto;
 text-align:left;
}

/* 선 */
.org_box .top:after {
	display:block; 
	content:"";
	border-left:1px solid #ddd; 
	position:absolute; 
	top:0;
	left:50%; 
	margin-left:-1px;
	height:225px;
	z-index:-1;
}
.org_box .first .right:before,
.org_box .first .left:before {
	display:block; 
	content:"";
	border-top:1px solid #ddd; 
	position:absolute; 
	top:25px;
	width:50%;
	height:1px;
	z-index:-1;
}
.org_box .second:before {
	display:block; 
	content:"";
	border-top:1px solid #ddd; 
	position:absolute; 
	top:-25px;
	left:50%; 
	width:50%;
	margin-left:-25%;
	height:1px;
	z-index:-1;
}

.org_box .second > div:before {
	display:block; 
	content:"";
	border-left:1px solid #ddd; 
	position:absolute; 
	top:-25px;
	left:50%; 
	margin-left:-1px;
	height:25px;
	z-index:-1;
}


@media screen and (max-width:820px) {
	
}

@media screen and (max-width:680px) {
	
	.org_box .second  {
		width:100%;
	}

}