@charset "utf-8";

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

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

.app_infoWrap{background-color:#efefef; padding:30px 30px 30px 180px; overflow:hidden; position: relative;}
.app_bg{background:#fff url(/sites/style/images/icon/type03/icon05.png) center no-repeat;z-index: 999; border-radius: 50px;width:100px; height:100px;left:40px;position:absolute;top:120px;}
.app_info .title{font-size:2em; color:#1b55ac; text-align:center; font-weight:500; margin-bottom:30px;}
.app_info .left-info{width:100%; float:left;margin-bottom: 20px;}
.app_info .notice-info{margin-bottom:20px;}
.app_info .notice-info strong,
.app_info .detail-info strong{color:#ff6c00;}
.no-more span{color:#ff6c00;}

@media only screen and (max-width:660px){
.app_infoWrap{background:#efefef; padding:30px;}
.app_bg{display:none;}
}

body #headerSec{z-index: 10002;}


/* 조직도 */
.org_box * { box-sizing: border-box; position:relative;}
.org_box {
position:relative;
}
.org_box > div {
position:relative;
margin-bottom:30px;
text-align: center;
}
.org_box > div > p {
text-align:center;
}
.org_box  p > span {
display: inline-block;
width:100%;
margin:0 auto;
max-width:160px;
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;
display: inline-block;
width: 100%;
max-width: 160px;
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 .first {
margin-top:60px;
}
.org_box .first:after,
.org_box .second:after {
content:"";
display:block;
clear:both;
}
.org_box .first  p > span{
background-color:#54b4b0;
}
.org_box .first .left {
width:33.3%;

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

.org_box .first .right > div p { position:relative; }
.org_box .first dl.info { margin:0; }
.org_box .second { }
.org_box .second > div.right { width:50% ;}
.org_box .second > div > div { position:relative;
float:left;
width:33.333%;
margin-top:30px;
padding:0 10px;
}

.org_box .second > div > div p span {
border: 1px solid #ddd;
background-color: #fff;
color:#000;
}

.org_box .fifth {
text-align:center;
margin-top:50px;

}
.org_box .fifth:after {
content:"";
display:block;
clear:both;
}
.org_box .fifth > div > div { margin-bottom:20px; }
.org_box .fifth > div p > span {
max-width: inherit;
background-color: #2fb0da;
 vertical-align:top;
}
.org_box .fifth > div ul {
padding:10px;
border:1px solid #ddd;
text-align:left;
min-height: 280px;
background-color:#fff;
}
.org_box .fifth > div ul li {
position:relative;
margin:3px 0;
padding-left:10px;
}
.org_box .fifth > div ul li.tt { margin-top:10px; font-weight:bold; }
.org_box .fifth > div ul li.tt:before { display:none;}


/* 선 */
.org_box .top:after {display:block;content:"";border-left:1px solid #ddd;position:absolute;top:0;left:50%;margin-left:-1px;height: 605px;z-index:-1;}
.org_box .first div p span:after,
.org_box .second > div > div:before{
display:block;
content:"";
border-left:1px solid #ddd;
position:absolute;
top:-20px;
width:1px;
height:30px;
left:50%;
z-index:-1;
}
.org_box .first:before {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 .first .left > div {
margin-top:-30px;
}
.org_box .first .right {
width:50%;
}
.org_box .first .right:before,
.org_box .second > div:before,
.org_box .second > div > p:before {
display:block;
content:"";
border-top:1px solid #ddd;
position:absolute;
top:30px;
left:50%;
width:20%;
height:1px;
z-index:-1;
}
.org_box .second > div > div:before { top:-14px;}
.org_box .second > div > div:nth-of-type(2):before { top:-30px;}
.org_box .second > div:before { left:0; width:50%; }
.org_box .second > div > p:before {top: 65px; width: 66%; margin-left: -33%; }
.org_box .fifth:after {display:block;content:"";border-top:1px solid #ddd;position:absolute;top:-20px;left:50%;width: 83%;margin-left: -41.6%;height:1px;z-index:1;}
.org_box .fifth > div {
float:left;
position:relative;
width:16.6%;
padding:0 1%;
}
.org_box .fifth > div:after {
display: block;
content: "";
border-left: 1px solid #ddd;
position: absolute;
top: -20px;
left: 50%;
height: 20px;
}
.org_box .fifth > div:nth-child(3):after {
	display:none;
}
.org_box .fifth > div ul li:before{
content: '';
width: 3px;
height: 3px;
display: block;
background-color: #a9a9a9;
position: absolute;
left: 0;
top: 12px;
border-radius: 10px;
}



@media screen and (max-width:820px) {
.org_box .second > div > div { width:100%; margin-top:10px;}
.org_box .fifth > div { width:100%; margin-bottom:20px;}
.org_box .fifth:after,
.org_box .fifth > div:after { display:none; }
.org_box .fifth > div ul { min-height:inherit;}
.org_box .second > div > p:before { display:none;}
.app_info .title{font-size:1.5em;}
.org_box .first .left {width: 50%;}
.org_box .first:before {width: 50%;margin-left: -25%;}  

}

@media screen and (max-width: 480px) {
.app_info .title{font-size: 1.2em;word-break: break-word;}

}