/*** 조직도 **/

.organization-mo {display: none;}
#sub-organization .gw-intro-container { margin: 0 auto;}
#sub-organization .gw-intro .gw-text { font-size: var(--main-title04);line-height: 1.5;font-family: "Noto Sans KR", sans-serif;font-weight: 500;}
#sub-organization .gw-intro .gw-img { border-radius: 30px;overflow: hidden;}
#sub-organization .gw-circle-list { position: relative; width: 230px;margin: 0 auto;}
#sub-organization .gw-circle { position: relative;width: 100%;height: 0;padding-top: 100%;background: #e1e1e1;border-radius: 50%;}
#sub-organization .gw-circle:before { content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 85%;height: 85%;border-radius: 50%;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.07);}
#sub-organization .gw-inner { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding: 0 20px;box-sizing: border-box;}
#sub-organization .gw-inner .gw-title { font-size: var(--main-title04);line-height: 1.8;color: var(--main-color);font-family: "Outfit", sans-serif;font-weight: 700;}
#sub-organization .gw-inner .gw-text { font-size:24px;line-height: 1.3;font-family: "Noto Sans KR", sans-serif;font-weight: 800;word-break: keep-all;}
#sub-organization .gw-generator-list { display: flex;justify-content: space-between;margin-top: 70px;}
#sub-organization .gw-generator-list .gw-list-item { padding: 60px 30px;position: relative;width: calc(33.33% - 14px);background: #fff;border-radius: 30px;box-sizing: border-box;text-align: center;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07);}
#sub-organization .gw-generator-list .gw-point { position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 35px;background: #222;border-radius: 35px;text-align: center;font-size: 14px;line-height: 35px;color: #fff;font-family: "Outfit", sans-serif;font-weight: 700;}
#sub-organization .gw-generator-list .gw-txt-box { display: flex;flex-direction: column;justify-content: center;height: 100%;}
#sub-organization .gw-generator-list .gw-tit { font-size: var(--main-title04);color: #222;font-family: "Noto Sans KR", sans-serif;font-weight: 800;word-break: keep-all;}
#sub-organization .gw-generator-list .gw-txt { margin-top: 30px;color: #555;}
#sub-organization .gw-features-list { display: flex;flex-wrap: wrap;gap: 20px;}
#sub-organization .gw-features-item { padding: 30px;display: flex;align-items: center;justify-content: space-between;width: calc(33% - 10px);background: #fff;border-radius: 30px;box-sizing: border-box;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07);min-height: 130px;}
#sub-organization .gw-features-item .gw-title { flex: 1;font-size: var(--main-title04);line-height: 1.3;color: var(--main-color);font-family: "Noto Sans KR", sans-serif;font-weight: 800;text-align: left;}
#sub-organization .gw-features-item .gw-num { margin-left: 20px;font-size: var(--main-text01);line-height: 1;color: #bbb;font-family: "Outfit", sans-serif;font-weight: 600;text-align: right;}



.organization {text-align: center;margin-top: 83px;}
.organization h4 {width: 300px;height: 300px;box-sizing: border-box;border-radius: 100%;background: #ED1B23;margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;}
.organization h4:before {width: 240px;height: 240px;content: "";box-sizing: border-box;border-radius: 100%;background: #fff;position: absolute;top: 30px;left: 30px;}
.organization h4 div {position: relative;z-index: 4;}
.organization h4 strong {font-size: 32px;color: #111;font-weight: 700;display: block;}
.organization h4 span {display: block;font-size: 24px;color: #666;font-weight: 500;margin-top: 14px;}
.organization .chart_list {box-sizing: border-box;padding-top: 40px;position: relative;font-size: 0;}
.organization .chart_list:before {width: 1px;height: 40px;content: "";background: #d9d9d9;position: absolute;top: 0;left: 50%;}
.organization .chart_list:after {width: calc(87% - 25px);height: 1px;content: "";background: #d9d9d9;position: absolute;left: 50%;top: 40px;transform: translate(-50%);}
.organization .chart_list > li {position: relative;width: calc(16.666% - 20px);padding-top: 60px;display: inline-block;vertical-align: top;}
.organization .chart_list > li + li {margin-left: 24px;}
.organization .chart_list > li:before {width: 1px;height: 60px;content: "";background: #d9d9d9;position: absolute;top: 0;left: 50%;}
.organization .chart_list > li >span {display: flex;width: 100%;height: 70px;box-sizing: border-box;background: #0f2859;border-radius: 50px;align-items: center;justify-content: center;
    font-size: 17px;color: #fff;font-weight: 600; letter-spacing: -1px; position: relative; line-height: 22px;}
.organization .chart_list > li > ul {margin-top: 80px;box-sizing: border-box;position: relative;border-radius: 30px;border: 1px solid #d0d0d0;background: #fff;text-align: center;height: 190px;padding-top: 29px;
filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, 0.1));}

.organization .chart_list > li > ul:before {width: 1px;height: 80px;content: "";background: #d9d9d9;position: absolute;top: -80px;left: 50%;}
.organization .chart_list > li > ul li {font-size: 16px;color: #666;font-weight: 500;letter-spacing: -0.02em;line-height: 20px; padding-bottom:10px;}
.organization .chart_list .factory_info {padding-top: 40px;width: 380px;transform: translate(-50%);position: relative;left: 50%;display: flex;justify-content: space-between;filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, 0.1));}

.organization .chart_list .factory_info:before {width: 1px;height: 40px;content: "";background: #d9d9d9;position: absolute;top: 0;left: 50%;}
.organization .chart_list .factory_info:after {width: calc(55% - 10px);height: 1px;content: "";background: #d9d9d9;position: absolute;left: 50%;top: 40px;transform: translate(-50%);}
.organization .chart_list .factory_info dl {position: relative;padding-top: 40px;width: calc(50% - 10px); }
.organization .chart_list .factory_info dl:before {width: 1px;height: 40px;content: "";background: #d9d9d9;position: absolute;top: 0;left: 50%;}

.organization .chart_list .factory_info dl dt {width: 100%;box-sizing: border-box;border-radius: 30px;background: #03508f;height: 50px;display: flex;align-items: center;justify-content: center;
    position: relative;font-size: 16px;color: #fff;font-weight: 600;margin-bottom: 10px;}

.organization .chart_list .factory_info dl dd {box-sizing: border-box;border-radius: 30px;border: 1px solid #ddd; background: #fff; padding: 15px 0 23px;}

.organization .chart_list .factory_info dl dd ul:after {width: 1px;height: 10px;content: "";background: #d9d9d9;position: absolute;top: 90px;left: 50%;}
.organization .chart_list .factory_info dl dd ul li {font-size: 16px;color: #666;font-weight: 500;letter-spacing: -0.02em;line-height: 20px; padding-bottom:10px;}



/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1024px) { #sub-organization .gw-circle-container { flex-wrap: wrap; place-content: center;}
    #sub-organization .gw-circle-list { width: calc(28% - 20px);}
    #sub-organization .gw-generator-list { flex-wrap: wrap;gap: 30px;}
    #sub-organization .gw-generator-list .gw-list-item {padding: 40px 20px;width: 100%;}
    #sub-organization .gw-features-item { width: 100%;}

    .organization .chart_list:after {width: calc(88% - 11px);}
    .organization .chart_list > li {padding-top: 40px; }
    .organization .chart_list > li >span { width: 100%;height: 40px; border-radius: 60px; font-size: 16px; font-weight: 600; }
    .organization .chart_list > li > ul {margin-top: 30px;box-sizing: border-box;position: relative;border-radius: 30px;border: 1px solid #d0d0d0;background: #fff;text-align: center;height: 150px;padding-top: 10px;}
    .organization .chart_list > li > ul:before {width: 1px;height: 30px;content: "";background: #d9d9d9;position: absolute;top: -30px;left: 50%;}
    .organization .chart_list .factory_info {width: 240px;}
    .organization .chart_list .factory_info:after {width: calc(58% - 10px);}
    .organization .chart_list .factory_info dl {position: relative;padding-top: 20px;width: calc(50% - 10px); }
    .organization .chart_list .factory_info dl:before {width: 1px;height: 20px;content: "";background: #d9d9d9;position: absolute;top: 0;left: 50%;}

    .organization .chart_list .factory_info dl dt {height: 40px;font-size: 15px;font-weight: 600;}
    .organization .chart_list .factory_info dl dd ul:after {width: 1px;height: 10px;content: "";background: #d9d9d9;position: absolute;top: 60px;left: 50%;}
}

@media screen and (max-width: 800px) {
    .organization .chart_list > li >span {font-size: 14px; letter-spacing: -1px;border-radius: 5px;}
    .organization .chart_list > li > ul li {font-size: 14px; letter-spacing: -1px;}
    .organization .chart_list .factory_info dl dd ul li {font-size: 14px; letter-spacing: -1px;}
    .organization .chart_list .factory_info dl dt {font-size: 14px; letter-spacing: -1px;}
    .organization .chart_list > li > ul {border-radius: 5px;}
    .organization .chart_list .factory_info dl dd {border-radius: 5px;}
    .organization .chart_list .factory_info dl dt {border-radius: 5px;}
}
    

@media screen and (max-width: 576px) {
.organization{display: none;}
.organization-mo {display: block;}

}