/***** 대학행정 *****/
/* 조직도 */
.organization {width:100%;height:auto;text-align:center;/* background:url(/Img/kr/sub4/org_bg.gif) no-repeat center 126px; */}
.organization > li {width:100%; position:relative;}
.organization > li strong.secretary {color:#fff; font-size: 30px; display:block; width:109px; height:86px; padding:50px 0 0 0; margin:0 auto 144px auto; background:url(/_res/u1/u1/img/content/org_secretary_bg.png) no-repeat; text-align:center;}
.organization > li strong.secretary:after{display:block;position:absolute;top:0px;left:50%;z-index:-1;height:22%;border-left:1px solid #ddd;content:''}
.organization > li .side_00 {display:block; background:#166fbf; color:#fff; text-align:center; width:145px; padding:10px 0; position:absolute; left:calc(50% - 72px); top:190px;} 
.organization > li .side_01{display:block; background:#6a95ca; color:#fff; text-align:center; width:145px; padding:10px 0; position:absolute; left:10%; top:190px;} 
.organization > li .side_01:after{display:block;position:absolute;top: 21px;left:50%;z-index:-1;height:1px;width: calc(100% + 343px);background-color:#ddd;content:''}
.organization > li .side_02{display:block; background:#d1d6db; color:#fff; text-align:center; width:145px; padding:10px 0; position:absolute; right:10%; top:190px;} 
.organization > li .side_02:after{display:block;position:absolute;top: 21px;right:50%;z-index:-1;height:1px;width: calc(100% + 343px);background-color:#ddd;content:''}

.organization > li > ul {}
.organization > li > ul > li {padding-bottom:30px;}
.organization > li > ul > li:last-child {padding: 0;}
.organization > li > ul > li strong {background:#6a7698; color:#fff; display:block; width:100%; text-align:center; font-size: 22px; padding:10px 0; margin:0 0 12px 0;}
.organization > li > ul > li strong.etc {background:#4a9ccb;}
.organization > li > ul > li > ul {overflow:hidden;display: flex;gap: 20px;flex-wrap: wrap;}
.organization > li > ul > li > ul > li {flex: 0 0 calc(25% - 15px);padding:0;box-sizing: border-box;}

.organization > li > ul > li > ul > li strong {background:#f9f9f9; border:1px solid #e2e2e2; display:block; width:auto; padding:0; font-size: 20px;margin: 0;}
.organization > li > ul > li > ul > li strong span {display:block; padding:10px 0; color:#4d5876; background:none; letter-spacing:-0.5px;}
.organization > li > ul > li > ul > li strong a:hover, .organization li ul li ul li strong a:active, .organization li ul li ul li strong a:focus {text-decoration:underline;}
.organization > li > ul > li > ul > li strong a span {display:inline-block; vertical-align:top; padding-right:15px; background:url(/Img/kr/common/blank_ico.svg) no-repeat right 6px; background:url(/Img/kr/common/blank_ico.gif)/9 no-repeat right 6px;}
.organization > li > ul > li > ul > li strong a:hover span, .organization li ul li ul li strong a:active span, .organization li ul li ul li strong a:focus span {text-decoration:underline;}
.organization > li > ul > li > ul > li ul {width:auto; padding:0 10px;}
.organization > li > ul > li > ul > li ul li {float:none; width:auto; margin:3px 0 0 0 !important; padding:0 0 0 15px; text-align:left;}
.organization > li > ul > li > ul > li .none_ul li {float:none; width:auto; margin:3px 0 0 0 !important; padding:0 0 0 15px; text-align:left;background:none;}

@media screen and (max-width: 1024px) {
	.organization > li > ul > li > ul > li {flex: 0 0 calc(33.33% - 14px);}
}

@media (max-width: 768px) {
	.organization > li strong.secretary:after {height: 19%;}
	.organization > li > ul > li > ul > li {flex: 0 0 calc(50% - 10px);}
	.organization > li .side_01 {width: 100%;left: 0;top: 150px;}
	.organization > li .side_01:after {display: none;}
	.organization > li .side_02 {width: 100%;right: 0;top: 215px;}
	.organization > li .side_02:after {display: none;}
	.organization > li > ul > li > ul > li ul {padding: 0;}
	
	.organization > li > ul > li strong {font-size: 18px;}
	.organization > li > ul > li > ul > li strong {font-size: 16px;}
}

@media (max-width: 550px) {
	.organization > li strong.secretary:after {height: 12%;}
	.organization > li > ul > li > ul {flex-direction: column;}
	.organization > li > ul > li > ul > li {flex: 1;}
}