@charset "utf-8";

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

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/

.hist .hisTab ul li a {
    padding: 10px 18px;
}

/* 비전 */
.vision_box * { box-sizing: border-box; position:relative;}
.vision_box { position:relative;}
.vision_box .v_dept  { margin-bottom:50px; }
.vision_box .v_dept:after  { 
	content:"";
	display:block;
	clear:both;
}
.vision_box .dept_tt {
	float: left;
	width: 20%;
	padding-left: 18px;
	font-size: 18px;
    font-weight: 400; 
}
	
.vision_box .dept_tt:after {
    content: "";
    display: inline-block;
	width: 72px;
    margin-left: 17px;
    height: 22px;
    background: url(./../../images/vision_tt_arr.png) 0 0 no-repeat;
    vertical-align: middle;
}
.vision_box .dept_cont {
    float: right;
    width: 77%;
    font-size: 18px;
}
.vision_box .dept_cont .box1 {
	background-color:#2c6aba;
	color:#fff;
	text-align:center;
	padding:20px;
}
.vision_box .dept_cont .box2 { 
	padding:20px;
	border:1px solid #ddd; 
	background-color:#fff;
}
.vision_box .dept_cont .box3 > div{
	padding:10px;
	border:1px solid #4876d3; 
	background-color: #f3f4f8;;
}
.vision_box .dept02{
	
	padding-top:100px;
}
.vision_box .dept02 .dept_cont:before {
	content:"";
	display:block;
	width:200px;
	height:150px;
	background:url(./../../images/vision_bg_arr.png) no-repeat top center;
	background-size:cover;
	position:absolute;
	top:-140px;
	left:50%;
	margin-left:-100px;
}
.vision_box .dept03 .box3 > div {
	float:left;
	width:32%;
	text-align:center;
	height:80px;
	display:table;
	
}
.vision_box .dept03 .box3 > div > p {
	display:table-cell;
	vertical-align:middle;
}
.vision_box .dept03 .box3 > div:nth-child(2) {
	margin:0 2%;

}
@media screen and (max-width:820px) {
	.vision_box .dept_tt,
	.vision_box .dept_cont { float:none; width:100%; }
	.vision_box .dept_tt { 
		font-size:20px;
		padding-left:0; 
		padding-bottom:20px; 
		color:#2c6aba 
	}
	.vision_box .dept_tt:after {
		display:none;
	}
	.vision_box .dept03 .box3 > div {
		min-height:110px;
	}
	.vision_box .dept02 .dept_cont:before {
		top:-180px;
	}

}