/* 공통 */
.margin-top-40 {margin-top: 40px;}
.text-center {text-align: center;}
.text-padding-less h2 {padding: 0 5%;}
.text-padding-less h5 {padding: 0 10%;}
.text-padding-less p {padding: 0 15%;}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
    .text-padding-less h2 {padding: 0 3%;}
    .text-padding-less h5 {padding: 0 6%;}
    .text-padding-less p {padding: 0 10%;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
    .text-padding-less h2 {padding: 0;}
    .text-padding-less h5 {padding: 0 3%;}
    .text-padding-less p {padding: 0 6%;}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 조직도 추가 */
.organ-chart .box-title {padding-bottom: 20px;margin-top: 10px;}
.organ-chart .box-title h4 {position: relative;font-size: 26px;line-height: 1;text-align: left;font-weight: bold;margin-bottom: 20px;padding-bottom: 15px;}
.organ-chart .box-title h4:after {position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background-color: #3597d9;content: "";}

/* 조직도 추가 */
.organization-box {line-height: 0;font-size: 0;width: 100%;}
.organization-box .colume-box:after {
    display:block;visibility:hidden;clear:both;content:""
}
.organization-box .organ-interval {float: left;width: calc(((100% - 200px) - 0.1px)/2);height: 53px;}
.organization-box .organ-interval-2 {float: left;width: calc(((100% - 221px) - 0.1px)/2);height: 200px;}
.organization-box .organ-interval .interval-line {height: calc(50% - 2px);border-bottom: 2px solid #909090;}
.organization-box p {margin: 0;padding: 15px 0;line-height: 23px;font-size: min(2.7083333333333335vw,14px);text-align: center;}
.organization-box p.em-big {padding: 13px 0;line-height: 23px;font-size: min(3.3333333333333335vw,18px);}
.organization-box p.em-circle {padding: 23px 0;margin: 0 10px;line-height: 23px;}
.organization-box p.top {float: left;border: 2px solid #003b90;background-color: #003b90;border-radius: 4px;color: #fff;font-weight: 600;width: 200px;}
.organization-box p.top-2 {margin: 0 calc(50% - 120px);border: 2px solid #177e25;background-color: #177e25;border-radius: 50px;color: #fff;font-weight: 700;width: 240px;}
.organization-box p.top-3 {float: left;border: 2px solid #7e1753;background-color: #7e1753;border-radius: 50px;color: #fff;font-weight: 700;width: 200px;}
.organization-box p.top-4 {float: left;border: 2px solid #003b90;background-color: #fff;border-radius: 50px;color: #101010;font-weight: 700;width: 200px;}
.organization-box p.top-5 {float: left;border: 2px solid #505050;background-color: #fff;border-radius: 4px;color: #101010;font-weight: 700;width: 200px;}
.organization-box p.mid-1 {border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box p.mid-2 {margin: 0 25%;border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box p.mid-l {background: url("../images/bg-circle.png") no-repeat center center;background-size: contain;font-weight: 700;}

.organization-box .top-4 {float: left;border: 0;background-color: #FFF;border-radius: 0;color: #101010;width: 200px;}
.organization-box .top-4 ul {padding-left: 0;margin-bottom: 0;}
.organization-box .top-4 li {text-align: center;}
.organization-box .top-4 li p.mid-l {margin: 0;color: #101010;border-left: 2px solid #505050;border-right: 2px solid #505050;border-top: 2px solid #505050;border-bottom: 0 solid #505050;background-color: #e4e4e4;min-height: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;display: flex;justify-content: center;align-items: center;}
.organization-box .top-4 li p.last {margin: 0;color: #101010;border-top: 1px solid #505050;border-left: 2px solid #505050;border-right: 2px solid #505050;border-bottom: 2px solid #505050;font-weight: 400;min-height: 117px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.organization-box .top-5 {float: left;border: 0;background-color: #FFF;border-radius: 0;color: #101010;width: 200px;}
.organization-box .top-5 ul {padding-left: 0;margin-bottom: 0;}
.organization-box .top-5 li {text-align: center;}
.organization-box .top-5 li p.mid-l {margin: 0;color: #101010;border-left: 2px solid #505050;border-right: 2px solid #505050;border-top: 2px solid #505050;border-bottom: 0 solid #505050;background-color: #e4e4e4;min-height: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;display: flex;justify-content: center;align-items: center;}
.organization-box .top-5 li p.last {margin: 0;color: #101010;border-top: 1px solid #505050;border-left: 2px solid #505050;border-right: 2px solid #505050;border-bottom: 2px solid #505050;font-weight: 400;min-height: 117px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.organization-box ul {padding-left: 0;margin-bottom: 0;}
.organization-box li {text-align: center;}
.organization-box li p {padding: 15px 0;margin: 0 10px;line-height: 23px;font-size: min(2.7083333333333335vw,14px);}
.organization-box li p.em-big {padding: 13px 0;margin: 0 10px;line-height: 23px;font-size: min(2.9166666666666665vw,16px);}
.organization-box li p.em-circle {padding: 23px 0;margin: 0 10px;line-height: 23px;}
.organization-box li p.top {margin: 0 33.3%;border: 2px solid #17357e;background-color: #17357e;border-radius: 50px;color: #fff;font-weight: 700;}
.organization-box li p.top-2 {margin: 0 33.3%;border: 2px solid #177e25;background-color: #177e25;border-radius: 50px;color: #fff;font-weight: 700;}
.organization-box li p.mid-1 {border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box li p.mid-2 {margin: 0 25%;border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box li p.mid-l {
    color: #101010;
    border-left: 2px solid #003b90;
    border-right: 2px solid #003b90;
    border-top: 2px solid #003b90;
    border-bottom: 2px solid #003b90;
    background-color: #e6ecf5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: min(3.3333333333333335vw,18px);
}
.organization-box li p.last {
    color: #101010;
    border-top: 1px solid #003b90;
    border-left: 1px solid #003b90;
    border-right: 1px solid #003b90;
    border-bottom: 1px solid #003b90;
    font-weight: 700;
    min-height: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: min(3.3333333333333335vw,18px);
}

.organ-line-50 {display: inline-block;width: 50%;height: 20px;}
.organ-line-50-b {display: inline-block;width: calc(50% - 1px);height: 20px;}
.organ-line-325 {display: inline-block;width: 32.5%;height: 20px;}
.organ-line-325-b {display: inline-block;width: calc(32.5% - 1px);height: 20px;}
.organ-line-50-b2 {display: inline-block;width: calc(50% - 2px);height: 20px;}
.organ-line-33 {display: inline-block;width: 33.3%;height: 20px;}
.organ-line-33-b {display: inline-block;width: calc(33.3% - 1px);height: 20px;}
.organ-line-33-b2 {display: inline-block;width: calc(33.3% - 2px);height: 20px;}
.organ-line-25 {display: inline-block;width: 25%;height: 20px;}
.organ-line-25-b {display: inline-block;width: calc(25% - 1px);height: 20px;}
.organ-line-25-b2 {display: inline-block;width: calc(25% - 2px);height: 20px;}
.organ-line-20 {display: inline-block;width: 20%;height: 20px;}
.organ-line-20-b {display: inline-block;width: calc(20% - 1px);height: 20px;}
.organ-line-20-b2 {display: inline-block;width: calc(20% - 0px);height: 20px;}
.organ-line-175 {display: inline-block;width: 17.5%;height: 20px;}
.organ-line-175-b {display: inline-block;width: calc(17.5% - 1px);height: 20px;}
.organ-line-175-b2 {display: inline-block;width: calc(17.5% - 2px);height: 20px;}
.organ-line-125 {display: inline-block;width: 12.5%;height: 20px;}
.organ-line-125-b {display: inline-block;width: calc(12.5% - 1px);height: 20px;}
.organ-line-125-b2 {display: inline-block;width: calc(12.5% - 2px);height: 20px;}
.organ-line-16 {display: inline-block;width: 16.6%;height: 20px;}
.organ-line-16-b {display: inline-block;width: calc(16.66666% - 1px);height: 20px;}
.organ-line-16-b2 {display: inline-block;width: calc(16.66666% - 0px);height: 20px;}
.organ-line-10 {display: inline-block;width: 10%;height: 20px;}
.organ-line-10-b {display: inline-block;width: calc(10% - 1px);height: 20px;}
.organ-line-10-b2 {display: inline-block;width: calc(10% - 2px);height: 20px;}
.organ-line-8 {display: inline-block;width: 8.333333%;height: 20px;}
.organ-line-8-b {display: inline-block;width: calc(8.333333% - 1px);height: 20px;}
.organ-line-8-b2 {display: inline-block;width: calc(8.333333% - 2px);height: 20px;}
.organ-border-r {border-right: 1px solid #9c9c9c;}
.organ-border-t {border-top: 1px solid #9c9c9c;}
.organ-border-l {border-left: 1px solid #9c9c9c;}
.organ-border-r2 {border-right: 2px solid #909090;}
.organ-border-t2 {border-top: 2px solid #909090;}
.organ-border-l2 {border-left: 2px solid #909090;}
.organ-col-16 {float: left;width: 16.66666%;}
.organ-col-20 {float: left;width: 20%;}
.organ-col-25 {float: left;width: 25%;}
.organ-col-66 {float: left;width: 66.6%;}
.organ-col-50 {float: left;width: 50%;}
.organ-col-33 {float: left;width: 33.3%;}
.organ-col-50-line-r {float: left;width: calc(50% - 2px);}
.organ-line-hide {display: none;}

@media screen and (min-width: 700px) {
    .organization-box li p.mid-l {
        min-height: 60px;
    }
}

@media screen and (min-width: 1200px) {
	.organization-box li p.last {font-weight: 400;line-height: 28px;}
    .organization-box li p {margin: 0 1.6em;}
}

@media screen and (max-width: 699px) {
    .organization-box p.top {margin: 0;width: 100%;}
    .organization-box p.top-1 {margin: 0;width: 100%;}
    .organization-box p.top-2 {margin: 0;width: 100%;}
    .organization-box p.top-3 {margin: 0;width: 100%;}
    .organization-box p.top-4 {margin: 0;width: 100%;}
    .organization-box p.top-5 {margin: 0 10px;width: calc(100% - 20px);}
    .organization-box .top-4 {margin: 0;width: 100%;}
    .organization-box .top-5 {margin: 0;width: 100%;}
    .organ-col-100 {float: left;width: 100%;padding: 0 10px;}
	.organ-col-66 {float: left;width: 100%;}
	.organ-col-50 {float: left;width: 100%;padding: 0 0;}
    .organ-col-33 {float: left;width: 100%;padding: 0 0;}
    .organ-col-25 {float: left;width: 100%;}
    .organ-col-20 {float: left;width: 100%;}
    .organ-col-16 {float: left;width: 100%;}
    .organ-col-50-line-r.organ-border-r2 {float: left;width: 100%;padding: 0 10px;border-right: none;}
    .organ-col-50-line-r.organ-border-r0 {float: left;width: 100%;padding: 0 10px;border-right: none;}
    .organization-box li p.top {margin: 0 10px;}
    .organization-box li p.top-2 {margin: 0 10px;}
	.organization-box li p.mid-2 {margin: 0 10px;}
	.organ-line-33 {display: none;}
	.organ-line-33-b {display: none;}
	.organ-line-33-b2 {display: none;}
	.organ-line-25 {display: none;}
	.organ-line-25-b {display: none;}
    .organ-line-20 {display: none;}
	.organ-line-20-b {display: none;}
	.organ-line-16 {display: none;}
	.organ-line-16-b {display: none;}
    .organ-line-10 {display: none;}
	.organ-line-10-b {display: none;}
	.organ-line-16-b2 {display: none;}
	.organ-line-2nd {display: none;}
    .organ-line-hide {display: block;}
    .organ-display-hide {display: none;}
    .organ-interval, .organ-interval-2 {display: none;}
    .organization-box {
        width: 80%;
        margin: 0 auto;
    }
}

.fa.em-fa-white {color: #fff;}

@media only screen and (max-width: 640px) {
	.organization-box {padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width: 480px) {
    .organization-box p {font-size: min(2.857142857142857vw,13px);}
    .organization-box p.em-big {font-size: min(3.5714285714285716vw,16px);}
    .organization-box li p {font-size: min(2.857142857142857vw,13px);}
    .organization-box li p.em-big {font-size: min(3.0952380952380953vw,14px);}
    .organization-box li p.mid-l {font-size: min(3.5714285714285716vw,16px);}
    .organization-box li p.last {font-size: min(3.5714285714285716vw,16px);}
}