@charset "utf-8";

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

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

/**[LOGO]**/
#headerSec .logo {
    width: auto;
}

#_contentBuilder {
    min-height: 500px;
    padding-bottom: 2em;
}
/**[GNB hidden menu]**/
#menuUItop li.li_1_13676 {
	display: none;
}

/* 학생회 구성 */
.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:#3b7abd;
	text-align:center;
}
.org_box .top > p > span {
	background-color:#005bac;
}
.org_box .first:after {
	
}
.org_box .first > div {
	position:relative;
	float:left;
	width:50%;
	text-align:center;
}
.org_box .first,
.org_box .second { 
	position:relative;
	padding-top:30px;
	clear:both;
}
.org_box .second { 
	padding-top:90px;
}
.org_box .second > div {
	position:relative; 
	float:left;
	width:33.333%;
	text-align:center;
}

.org_box .second:after {
	content:"";
	display:block;
	clear:both;
}
.org_box .second  p > span{ 
	background-color:#96a9b5;
}

/* 선 */
.org_box .top:after {
	display:block; 
	content:"";
	border-left:1px solid #ddd; 
	position:absolute; 
	top:0;
	left:50%; 
	margin-left:-1px;
	height:273px;
	z-index:-1;
}
.org_box .first:before,
.org_box .first:after,
.org_box .second:before {
	display:block; 
	content:"";
	border-top:1px solid #ddd; 
	position:absolute; 
	top:5px;
	left:50%; 
	width:50%;
	margin-left:-25%;
	height:1px;
	z-index:-1;
}
.org_box .first:after {
	top:inherit;
	bottom:-77px;;
}
.org_box .second:before { 
	width:67%;
	margin-left:-33.5%;
	top:65px;;
}

.org_box .first > div:before,
.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;
}
.org_box .first > div:before {
	height:100px;
}

@media screen and (max-width:820px) {
.org_box .first > div,
	.org_box .second > div {
		padding:0 10px;
	}
	.org_box .second  p > span { 
		max-width:inherit;
	}
}

@media screen and (max-width:680px) {
	.org_box .second:before {
		
	}
	.org_box .second > div {
		
	}
	.org_box .second  p > span { 
		width:100%;
		max-width:inherit;
		font-size:13px;
	}
	

}