@charset "utf-8";

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

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/
._objHtml table tfoot th, ._objHtml table tfoot td {background-color: #f4f5f7; padding: 10px 5px; font-weight: 400; border-right: 1px solid #ddd;}
._objHtml table tfoot th:last-child, ._objHtml table tfoot td:last-child {border-right: none;}
._objHtml .tableWrap p.table_p {text-align: right; font-size: 13px;}
._objHtml .tableWrap .left {text-align: left;}
._objHtml .alignC {text-align: center;}
._objHtml .marL20 {margin-left: 20px;}

._objHtml ul.dash_1 > li {position: relative; padding-left: 10px; margin-left: 10px;}
._objHtml ul.dash_1 > li:before {content: "-"; position: absolute; top: 0; left: 0;}

#introduceBox .thumb .sign {top: 170px;}
.Tablet #introduceBox .thumb .sign,
.Mobile #introduceBox .thumb .sign{width: 170px; left: 45%;}

.boxStyle.type1 .imgWrap {width: 25%; text-align: center;}
.boxStyle.type1 .textWrap {width: 75%;}
.boxStyle.type1 .imgWrap img {float: none;}
.Mobile .boxStyle.type1 .imgWrap,
.Mobile .boxStyle .imgWrap,
.Mobile .boxStyle.type1 .textWrap,
.Mobile .boxStyle .textWrap {width: 100%; padding: 0;}
.Mobile .boxStyle .textWrap {margin-top: 20px;}
.boxStyle .title .t1 {font-size: 15px; color: #999;}
.boxStyle .title .t2 {font-size: 13px; color: #999;}

.iconBox .text.rule {display: table; width: 100%;}
.iconBox .text.rule ul {display: table-cell; width: 33.3%; box-sizing: border-box; padding: 0 10px;}
.Mobile .iconBox .text.rule ul {display: block; width: 100%; font-size: 14px;}

.boxStyle .textWrap .title span {color: #999; font-size: 13px; margin-left: 10px; font-weight: normal;}


/* 조직도 */
.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:190px;
    height: 49px;
    font-size: 16px;
    line-height: 49px;
	color:#fff;
	background-color:#3b7abd;
	text-align:center;
}
.org_box div.left { float:left; }
.org_box div.right { float:right; }
.org_box div dl.info {
	margin:0 auto;
	border:1px solid #ddd;
	padding:5px;
	text-align:center;
	width: 100%;
    max-width: 190px;
    font-size: 16px;
	background-color:#fff;
}
.org_box > div dl.info dt {
	font-weight:bold;
	
}
.org_box div dl.info dd { 
	font-size:14px;
}

.org_box .top > p > span {
	background-color:#005bac;
}


.org_box .second {
	text-align:center;
}
.org_box .second {
	position:relative;
	margin-top:50px;
	margin-bottom:50px;

}
.org_box .second:after {
	content:"";
	display:block;
	clear:both;
}

.org_box .second > div {
	float:left;
	position:relative;
	width:33.333%;
	padding:0 1%;
}

.org_box .second > div > div { 
	position:relative;
	margin-bottom:20px; 
}
.org_box .second > div p  {
	position:relative;
}
.org_box .second  .dept_info_title { margin-top:20px; }
.org_box .second  .dept_info_title span{ background-color:#bbb; }
.org_box .second > div:nth-child(1) > p > span { background-color:#5369bf; }
.org_box .second > div:nth-child(2) > p > span { background-color:#0097af; }
.org_box .second > div:nth-child(3) > p > span { background-color:#458dbf; }

/* 선 */
.org_box .top:after {
	display:block; 
	content:"";
	border-left:1px solid #ddd; 
	position:absolute; 
	top:0;
	left:50%; 
	margin-left:-1px;
	height:276px;
	z-index:-1;
}
.org_box .second:after {
	display:block; 
	content:"";
	border-top:1px solid #ddd; 
	position:absolute; 
	top:-20px;
	left:50%; 
	width:67%;
	margin-left:-33.5%;
	height:1px;
	z-index:1;
}
.org_box .second > div:after,
.org_box .second > div:nth-child(3) p:after {
	 display: block;
    content: "";
    border-left: 1px solid #ddd;
    position: absolute;
    top: -20px;
    left: 50%;
    height: 20px;
}
.org_box .second > div:nth-child(1):before,
.org_box .second > div:nth-child(2):before {
	display: block;
    content: "";
    border-left: 1px solid #ddd;
    position: absolute;
    top: 30px;
    left: 28px;
    height: 92.5%;
}
.org_box .second > div:nth-child(2):before {
	height:87%;
}
.org_box .second > div:nth-child(1) > p:before,
.org_box .second > div:nth-child(1) > div:before,
.org_box .second > div:nth-child(2) > p:before,
.org_box .second > div:nth-child(2) > div:before   {
	display:block; 
	content:"";
	border-top:1px solid #ddd; 
	position:absolute; 
	top:60%;
	left:20px; 
	width:30px;
	height:1px;
	z-index:-1;

}
@media screen and (max-width:800px) {
	.org_box .second > div:nth-child(1):before, 
	.org_box .second > div:nth-child(2):before {
		display:none;
	}
	
	.org_box .second > div:nth-child(3) p:after {
		display:none;
	}
	.org_box .second > div:nth-child(1) > p:before,
	.org_box .second > div:nth-child(1) > div:before,
	.org_box .second > div:nth-child(2) > p:before,
	.org_box .second > div:nth-child(2) > div:before   {
		display:none;
	}
	
	
}
@media screen and (max-width:600px) {
	.org_box .top:after {
		height:300px;
	}
	.org_box .second > div {
		float:none;
		width:100%;
	}
	.org_box .second > div:after,
	.org_box .second:after	{
		display:none;
	}
	

}