/* 연혁 */
.history {position:relative; display: flex; width: 100%; flex-direction: column; gap: 32px;}
.history li {position:relative; display: flex; width:100%; gap: 24px; align-items: flex-start;}
.history li .year {display:flex; width: 160px; gap: 16px;font-size: 3.2rem; font-weight: 600; color: var(--color-main); font-family:'SCD'; line-height: 1; align-items: center;}
.history li .year::before {content:''; background:var(--color-main); border:6px solid #e8e7ef; border-radius:100%;width:10px; height:10px;}
.history li .year::after {content:''; width:1px; height:calc(100% + 32px); background-color:#dbdbdb; position:absolute; left:10px; top:6px; z-index:-1;}
.history li:last-child .year::after {display: none;}
.history li .hisWrap {position:relative; display: flex; width:100%; flex-direction: column; gap: 12px;}
.history li .hisWrap dl {position:relative; display: flex; width:100%; gap: 24px;}
.history li .hisWrap dl dt {width: 100px; font-family:'SCD'; color: #777;}
.history li .hisWrap dl dd {font-weight: 500; width: calc(100% - 124px);}

@media all and (max-width:768px){
	.history li {flex-direction: column; gap: 12px;}
	.history li .hisWrap {padding-left: 40px;}
	.history li .hisWrap dl dt {width: 80px;}
.history li .hisWrap dl dd {width: calc(100% - 104px);}
}
@media all and (max-width:425px){
	.history li .year {font-size: 2.0rem; gap: 8px;}
	.history li .hisWrap {padding-left: 30px;}
	.history li .hisWrap dl {gap: 0;}
}





/* 핵심가치 */
.core_value_list { display: flex; flex-wrap: wrap; gap: 30px;}
.core_value_list li { width: calc(50% - 15px); height: 380px; border-radius: 16px; padding: 60px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; color: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1); transition: transform 0.3s ease; background-repeat: no-repeat; background-position: top right; background-size: auto; text-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.core_value_list li:hover { transform: translateY(-10px); }

.core_value_list li .tit { display: block; font-size: 3.6rem; font-weight: 800; margin-bottom: 20px;  font-family:'SCD'; }
.core_value_list li .tit .en { display: inline-block; font-size: 2.0rem; font-weight: 300; margin-left: 10px; opacity: 0.8; }
.core_value_list li .desc { font-size: 1.8rem; word-break: keep-all; }

.core_value_list li.type1 { background-image: url(/images/sub/coreValu01.png), linear-gradient(135deg, #0099cc 0%, #0056b3 100%); }
.core_value_list li.type2 { background-image: url(/images/sub/coreValu02.png), linear-gradient(135deg, #ff6b00 0%, #e65100 100%); }
.core_value_list li.type3 { background-image: url(/images/sub/coreValu03.png), linear-gradient(135deg, #27ae60 0%, #1e8449 100%); }
.core_value_list li.type4 { background-image: url(/images/sub/coreValu04.png), linear-gradient(135deg, #2c3e50 0%, #000000 100%); } 


.core_tit { position: relative; padding-left: 20px; font-size: 3.2rem; color: #222; font-weight: 300; letter-spacing: -1.5px; font-family:'SCD';}
.core_tit::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(#289AE6, #0b50a1); border-radius: 2px; }
.core_tit .sub { display: block; font-size: 1.6rem; color:var(--color-main); font-weight: 600; letter-spacing: 2px; font-family:'SCD'}
.core_tit strong { font-weight: 700; color: var(--color-main); }

@media screen and (max-width: 1600px) { 
    .core_value_list li { background-size: 200px auto, cover; }
}

@media screen and (max-width: 768px) { 
    .core_value_list {gap: 16px;}
    .core_value_list li { width: 100%; height: auto; min-height: 300px; padding: 40px 30px; } .core_value_list li .tit { font-size: 2.8rem; } 
    .core_tit { font-size: 2.4rem; padding-left: 15px;} 
    .core_tit .sub { font-size: 1.4rem; margin-bottom: 6px; } 
}
@media screen and (max-width: 460px) { 
    .core_value_list li { background-size: 150px auto, cover; }
    .core_value_list li .tit .en {margin-left:0;}
    .core_value_list li .desc {font-size:inherit;}
}



/* 경영방침 */
.mgmtPolicyWrap { position: relative;}
.centerTitle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background: #fff; border-radius: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; box-shadow: 0 20px 50px rgba(0,0,0,0.12), inset 0 0 0 10px #f8f9fa; border: 1px solid #eee; transition: all 0.4s ease; }
.centerTitle .ko { color: #222; font-size: 2.4rem; font-weight: 800; letter-spacing: -1px; line-height: 1; margin-bottom: 8px; font-family: 'SCD'; }
.centerTitle .en { color: #9b59b6; font-size: 1.1rem; font-weight: 600; letter-spacing: 1px; opacity: 0.7; }
.mgmtPolicy { display: flex; flex-wrap: wrap; gap: 30px; }
.mgmtPolicy .policyItem { width: calc(50% - 15px); min-height: 280px; border-radius: 16px; padding: 60px 50px; box-sizing: border-box; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; justify-content: flex-start; background: #fff; border: 1px solid rgba(0,0,0,0.03); position: relative; }
.mgmtPolicy .policyItem .num { position: absolute; top: 40px; right: 40px; font-size: 6.0rem; font-weight: 900; color: rgba(0,0,0,0.03); line-height: 1; font-family: sans-serif; transition: all 0.4s ease; }
.mgmtPolicy .policyItem:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.1); }
.mgmtPolicy .policyItem:hover .num { color: rgba(0,0,0,0.08); transform: scale(1.1); }
.mgmtPolicy .tit { display: block; font-size: 3.6rem; font-weight: 800; margin-bottom: 30px; letter-spacing: -1px; line-height: 1.2; position: relative; font-family: 'SCD'; }
.mgmtPolicy .tit::after { content: ''; display: block; width: 40px; height: 5px; margin-top: 15px; border-radius: 3px; }
.mgmtPolicy .desc { font-size: 1.95rem; font-weight: 400; color: #555; word-break: keep-all; line-height: 1.6; }
.mgmtPolicy .desc strong { font-weight: 700; color: #222; }
.mgmtPolicyWrap:hover .centerTitle { transform: translate(-50%, -50%) scale(1.05); box-shadow: 0 30px 70px rgba(0,0,0,0.15); }

.mgmtPolicy .type1 { background-color: #f4f9ff; } .mgmtPolicy .type1 .tit { color: #005eb8; } .mgmtPolicy .type1 .tit::after { background-color: #005eb8; }
.mgmtPolicy .type2 { background-color: #f2fff6; } .mgmtPolicy .type2 .tit { color: #00873c; } .mgmtPolicy .type2 .tit::after { background-color: #00873c; }
.mgmtPolicy .type3 { background-color: #fff8f2; } .mgmtPolicy .type3 .tit { color: #d65c0f; } .mgmtPolicy .type3 .tit::after { background-color: #d65c0f; }
.mgmtPolicy .type4 { background-color: #f7f5ff; } .mgmtPolicy .type4 .tit { color: #5d3ebc; } .mgmtPolicy .type4 .tit::after { background-color: #5d3ebc; }

@media screen and (max-width: 1024px) { 
    .centerTitle { position: relative; top: 0; left: 0; transform: none; margin: 0 auto 40px; width: 150px; height: 150px; } 
    .mgmtPolicyWrap:hover .centerTitle { transform: scale(1.05); }
    .mgmtPolicyWrap { padding: 0; }
    .mgmtPolicy .policyItem { width: 100%; min-height: auto; padding: 50px 40px; } 
    .mgmtPolicy .tit { font-size: 2.8rem; margin-bottom: 20px; } 
    .mgmtPolicy .desc { font-size: 1.8rem; }
    .mgmtPolicy .policyItem .num { top: 30px; right: 30px; font-size: 4.5rem; }
}


/*미션 및 비전 */
.mvSection .mvLead { position: relative; padding: 60px; border-radius: 16px; margin-bottom: 20px; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid rgba(0,0,0,0.05); }
.mvSection .mvType { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 8px 30px; font-size: 1.4rem; font-weight: 800; color: #fff; border-radius: 0 0 15px 15px; letter-spacing: 2px; font-family: sans-serif; }
.mvSection .missionLead { background: linear-gradient(to bottom, #f8fbff, #fff); } .missionLead .mvType { background: var(--color-main); }
.mvSection .visionLead { background: linear-gradient(to bottom, #f0fff4, #fff); } .visionLead .mvType { background: var(--color-sub); }

.mvSection .mvMainText { margin-top: 20px; margin-bottom: 35px; position: relative; z-index: 1; }
.mvSection .mvMainText p { font-size: 3.4rem; line-height: 1.3; font-weight: 300; color: #222; font-family: 'SCD'; word-break: keep-all; }
.mvSection .mvMainText strong { font-weight: 800; color: inherit; }
.mvSection .missionLead .mvMainText strong { color: var(--color-main); }
.mvSection .visionLead .mvMainText strong { color: var(--color-sub); }

.mvSection .mvIntroText { max-width: 900px; padding: 30px; background: rgba(255,255,255,0.8); border-radius: 16px; border: 1px dashed rgba(0,0,0,0.1); position: relative; }
.mvSection .mvIntroText p { word-break: keep-all; font-weight: 400; }

.mvSection .meaningList { display: flex; gap: 20px; padding: 0; list-style: none; }
.mvSection .meaningList li { flex: 1; background: #fff; border: 1px solid #eee; border-radius: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: all 0.3s ease; display: flex; flex-direction: column; }
.mvSection .meaningList li:hover { transform: translateY(-5px); border-color: var(--color-main); box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
.mvSection .visionLead + .meaningList li:hover { border-color: var(--color-sub); }

.mvSection .meaningList .label { display: inline-block; font-size: 1.3rem; font-weight: 700; color: var(--color-main); margin-bottom: 20px; padding: 5px 15px; background: #f0f7ff; border-radius: 30px; font-family: 'SCD'; width: fit-content; text-transform: uppercase; }
.mvSection .visionLead + .meaningList .label { color: var(--color-sub); background: #eafff0; }
.mvSection .meaningList p { font-size: 1.7rem; line-height: 1.6; color: #444; word-break: keep-all; }

@media screen and (max-width: 1024px) { 
    .mvSection .mvLead { padding: 50px 30px; }
    .mvSection .mvMainText p { font-size: 2.6rem; }
    .mvSection .meaningList { flex-direction: column; }
    .mvSection .meaningList li { padding: 30px; }
}

@media screen and (max-width: 768px) {
    .mvSection .mvLead { padding: 40px 20px; }
    .mvSection .mvMainText p { font-size: 2.2rem; }
    .mvSection .mvIntroText { padding: 25px 20px; }
}


.tbl td.noData { padding: 20px 0; color: #888;}

.flex {position:relative; display:flex; gap:4px; flex-wrap: wrap;}
.flex > li {display:flex; gap:4px; align-items: center;}
.listW > div > .flex {padding-left:22px; margin-top: 4px; }

.img_100{width: 100%; height: auto; border:1px solid #ccc; padding: 10px;}
.img_100 img{width: 100%;}



/* 부패 신고처리절차 */
.cpWrap { max-width: 1200px; margin: 0 auto; padding: 20px 0; }
.cpList { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: 60px 5%; justify-content: flex-start; }
/* overflow: hidden을 제거하여 화살표가 보이게 함 */
.cpItem { width: 30%; position: relative; border-radius: 12px; } 
.cpCard { background: #fff; border-radius: 12px; border: 1px solid #e1e9f3; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); height: 100%; }
.cardHd { padding: 12px; color: #fff; font-weight: 700; text-align: center; letter-spacing: -0.5px; }
.cardBd { padding: 10px; text-align: center; min-height: 70px; display: flex; align-items: center; justify-content: center; }
.cardBd p { font-weight: 500; margin: 0; word-break: keep-all; }
.typeRed .cardHd { background: #b04d3e; }
.typeBlue .cardHd { background: var(--color-main, #005596); }
.typeGrey .cardHd { background: var(--color-g7, #666); }

/* 화살표 공통 스타일 */
.cpItem::after { content: ''; position: absolute; width: 24px; height: 24px; z-index: 10; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E") no-repeat center/contain; }

/* 오른쪽 화살표: 1, 2, 4, 5단계 옆 (카드 사이 정중앙 배치) */
.cpItem:not(.isRowEnd):not(.isLast)::after { right: -10%; top: 50%; transform: translateY(-50%); }

/* 3단계에서 4단계로 가는 꺾임 화살표: 3단계 카드 바로 아래 배치 */
.cpItem.isRowEnd::after { bottom: -45px; left: 50%; transform: translateX(-50%) rotate(90deg); }

.cpNote { margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 10px; text-align: center; border: 1px solid #eee; width: 100%; clear: both; }
.cpNote p { margin: 5px 0; }
.blind { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media (max-width: 1024px) { 
    .cpList { flex-direction: column; align-items: center; gap: 40px 0; }
    .cpItem { width: 100%; max-width: 450px; }
    .cpItem::after { right: auto !important; bottom: -32px !important; left: 50% !important; transform: translateX(-50%) rotate(90deg) !important; }
    .cpItem.isLast::after { display: none; }
}


/* 조직도 */
/* 조직도 */
.orgWrap{position:relative;}
.orgWrap * {box-sizing: border-box; margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: 'Pretendard', sans-serif;}
.orgWrap {position:relative; padding: 50px 20px; text-align: center; background-color: #f8f9fa;}
.orgWrap:after{content: "";position: absolute; right:56px; top: 452px; width: 1px; height: 90%; background-color: #dbdbdb;}

/* 트리 구조 정렬 */
.orgTreeBox { display: flex; flex-direction: column; align-items: center;}
.orgTree ul {/*padding-top: 20px;*/ position: relative; display: flex; justify-content: center; flex-wrap: wrap;}
.orgTree ul.dpf{flex-direction:row;}
.orgTree li {float: left; text-align: center; position: relative; width: 100%; /*padding: 20px 10px 0 10px;*/}
.orgTree li {}

/* 부제목 (지역본부 등) */
.subTit {margin: 60px 0 30px; font-size: 24px; border-bottom: 2px solid #333; display: inline-block; padding-bottom: 5px;}
.subHead > a{margin-bottom:40px;}

/* 노드 공통 스타일 */
.orgTree li a {display: inline-flex; justify-content: center; align-items: center; min-width: 200px; min-height: 64px; padding: 8px 16px; /*border-radius: 5px;*/ background: #007ACA; color: #fff; font-weight: 500; transition: all 0.3s; box-shadow: 0 4px 6px rgba(0,0,0,0.1); word-break: keep-all; height: -webkit-fill-available; z-index:1;}
.orgTree li a span.sm {display: block; margin-top: 4px;}

/* 이사장 (상단 원형) */
.orgTree.orgHead > ul > li > a {position:relative; background:var(--color-main) !important; min-width:160px; width: 160px; height: 100px; border-radius: 100px !important; display: flex; align-items: center; justify-content: center; font-size: 2.5rem !important; font-weight: 700; box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; margin: 0 auto; margin-bottom:160px;}
.orgTree.orgHead > ul > li > a:after{content:""; position:absolute; left:50%; bottom:-100px; width:1px; height: 100px; background-color:#dbdbdb;}

/* 산단정책연구소, 비서실, 홍보실 */
.topBox{position:relative; display:flex; gap:24px; }
.topBox:before{content:""; position:absolute; left:50%; top:-71px; transform:translateX(-50%); width:450px; height:1px; background-color:#dbdbdb;}
.topBox li{position:relative; width:auto;}
.topBox li:nth-child(2):after{content:""; position:absolute; left:50%; bottom:-70px; width:1px; height:100%; background-color:#dbdbdb;}
.topBox li a{position:relative; border-radius: 8px;}
.topBox li a:before{content:""; position:absolute; left:50%; top:-71px; width:1px; height: 100%; background-color:#dbdbdb;}

/* 부이사장 & 헤드오피스 */
.orgTree.orgHead > ul > li > ul > li.subHead > a{position:relative; margin: 40px 0 80px 0; margin-right: 450px; background-color:#465478;}
.orgTree.orgHead > ul > li > ul > li.subHead > a:after{content: ""; position: absolute; right: -126px; top:50%; transform: translateY(-50%); width: 124px; height: 1px; background-color: #dbdbdb;}
.orgTree.orgHead > ul > li > ul > li > a{border-radius:8px;}

/* 감사실 (독립 노드 스타일) */
.audit{position:absolute; right:40px; top:80px; z-index: 2;}
.audit > ul > li > a {position:relative; background: #00808C; border-radius:8px; z-index:1;}
.audit > ul > li > a:after{content:""; position:absolute; left:50%; bottom:-14px; width:1px; height: 22%; background-color:#dbdbdb; z-index:0;}
.audit > ul > li > ul > li > a{background: #007C67; margin-top:16px; border-radius:8px;}

/* 기획관리본부 산하 */
.subHead{position:absolute;}
.subHead:before{content: "";position: absolute; right:40px; top: 72px; width: 46%; height: 1px; background-color: #dbdbdb;}
.hOffWrap{position:relative; gap:40px; margin: 0 80px;}
.hOffWrap:before{content: "";position: absolute;left: 50%;top: -110px;width: 1px;height: 7%;background-color: #dbdbdb;}
.hOffWrap:after{content: "";position: absolute;left: 50%;top: -40px;transform: translateX(-50%);width: 78%;height: 1px;background-color: #dbdbdb;}
.hOffWrap > li {position:relative; width: calc(100% / 4 - 30px);}
.hOffWrap > li:before{content: ""; position: absolute; left: 50%; top: -38px; width: 1px; height: 4%; background-color: #dbdbdb;}
.hOffWrap > li > a{background-color:#49639b; border-radius:16px 16px 0 0; width: 100%;}
.hList > li > a{background-color:#ededed; color:#333;  width: 100%;}
.hList > li > a:hover{background-color:#dbdbdb;}
.hList,
.hList > li > ul {display:flex; flex-direction: column;}
.hList > li > ul > li > a{background-color:#fff; color:var(--color-text2); border-bottom: 1px dashed #dbdbdb; width: 100%;}
.hList > li > ul > li > a:hover{color:var(--color-main); border-bottom:none;}
.hList > li > ul > li:last-child > a{border-bottom:none;}

/* 로컬 오피스 */
.orgLoc{}
.orgLoc > ul{gap:80px;}
.orgLoc > ul > li{width: 100%;}
.orgLoc > ul > li > a{position:relative; border-radius:100px; margin-bottom: 40px; padding:16px 40px;background-color:#1E2124; color:#fff; border:2px solid #dbdbdb; min-width: 320px;}
.orgLoc > ul > li > a:hover{background-color:#ccc; color:#1E2124;}
.orgLoc > ul > li > a:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -26px; width: 1px; height: 26px; background-color: #dbdbdb;}
.orgLoc > ul > li > a:after{content: ""; position: absolute; right:-120%; top:50%; width:120%; height: 1px; background-color: #dbdbdb;}
.orgLoc > ul > li > ul{position:relative; gap: 20px; margin: 0 80px;}
.orgLoc > ul > li > ul:before{content: ""; position: absolute; left: 50%; top: -16px; transform:translateX(-50%); width: 688px; height: 1px; background-color: #dbdbdb;}
.orgLoc > ul > li:nth-child(6) > ul:before,
.orgLoc > ul > li:nth-child(7) > ul:before{width: 340px;}
.orgLoc > ul > li:nth-child(11) > ul:before{content:none;}
.orgLoc > ul > li > ul > li{position:relative; width:calc(100% / 3 - 16px); z-index:0;}
.orgLoc > ul > li > ul > li:before{content: ""; position: absolute; left: 50%; top: -16px; width: 1px; height: 20%;background-color: #dbdbdb; z-index:-1;}
.orgLoc > ul > li > ul > li > a{background-color:#fff; color:#1E2124; min-width: -webkit-fill-available; display: flex; border-radius:8px;}
.orgLoc > ul > li > ul > li > a:hover{color:var(--color-main);}
.orgLoc > ul > li > ul > li:has(ul) > a{border-radius:8px 8px 0 0; border-bottom:1px dashed #dbdbdb;}
.orgLoc > ul > li > ul > li >  ul > li > a{min-width: -webkit-fill-available; background-color:#F2F7FF; color:#1E2124;}

/* 반응형 */
@media screen and (max-width: 1600px) {
	.hOffWrap {gap:24px;}
	.orgLoc > ul > li > a:after{right: -100%; width: 100%;}
}
@media screen and (max-width: 1310px) {
	.orgLoc > ul > li > a:after{right: -84%; width: 84%;}
}
@media screen and (max-width: 1280px) {
	.audit{right:16px;}
	.hOffWrap {flex-wrap: wrap !important;}
	.hOffWrap:after{width: 52%;}
	.hOffWrap:before{height: 4%;}
	.hOffWrap > li {width: calc(100% / 2 - 12px);}
	.hOffWrap > li:nth-child(3):before,
	.hOffWrap > li:nth-child(4):before{top: -22px; height: 3%;}
	.orgLoc > ul > li > a:after{right: -78%; width: 78%;}
	.orgLoc > ul > li > ul:before,
	.orgLoc > ul > li:nth-child(6) > ul:before,
	.orgLoc > ul > li:nth-child(7) > ul:before{width: 366px;}
	.orgLoc > ul > li > ul > li{width:calc(100% / 2 - 16px);}
}
@media screen and (max-width: 1208px) {
	.orgLoc > ul > li > a:after{right: -64%; width: 64%;}
}
@media screen and (max-width: 1096px) {
	.orgLoc > ul > li > a:after{right: -44%; width: 44%;}
}
@media screen and (max-width: 1024px) {
	.orgLoc > ul > li > a:after{right: -80%; width: 80%;}
}
@media screen and (max-width: 920px) {
	.orgLoc > ul > li > a:after{right: -56%; width: 56%;}
}
@media screen and (max-width: 768px) {
	.orgWrap:after{right: 16px; top:438px;}
	/* 감사실 */
	.audit{top:120px;}
	.audit > ul > li > a,
	.audit > ul > li > ul > li > a{min-width:140px;}
	/* 산단정책연구소, 비서실, 홍보실 */
	.topBox {gap:16px;}
	.topBox li{width: auto; min-width: calc(100% / 3 - 80px);}
	.topBox li a{min-width:100%;}
	/* 이사장 */
	.orgTree.orgHead > ul > li > a{margin-bottom:180px; font-size:1.9rem !important; height: auto;}
	.topBox:before{width: 48%;}
	/* 부이사장 */
	.subHead:before{right:0; width: 50%;}
	.orgTree.orgHead > ul > li > ul > li.subHead > a{margin:40px 0; min-width:auto; margin-right: 200px; margin-bottom:80px;}
	.orgTree.orgHead > ul > li > ul > li.subHead > a:after{right: -58px; width: 58px;}
	.hOffWrap{margin:0 40px;}
	.orgLoc > ul > li > ul:before,
	.orgLoc > ul > li:nth-child(6) > ul:before,
	.orgLoc > ul > li:nth-child(7) > ul:before{width: 260px;}
}
@media screen and (max-width: 725px) {
	.orgLoc > ul > li > a:after{right: -40%; width: 40%;}
}
@media screen and (max-width: 668px) {
	.orgLoc > ul > li > a:after{right: -30%; width: 30%;}
}
@media screen and (max-width: 564px) {
	.orgLoc > ul > li > a:after{right: -15%; width: 15%;}
}
@media screen and (max-width: 530px) {
	.orgWrap{padding:50px 8px;}
	.hOffWrap {gap:16px;}
	.hOffWrap > li{width: 100%;}
	.orgLoc > ul > li > ul > li{width:100%;}
	.orgLoc > ul > li > ul:before,
	.orgLoc > ul > li:nth-child(6) > ul:before,
	.orgLoc > ul > li:nth-child(7) > ul:before{content:none;}
}
@media screen and (max-width: 520px) {
	.orgWrap:after{top:360px; height: 93%;}
	.topBox:before{width: 44%;}
	.subHead:before{right: 16px;}
	.audit{top:50px;}
	.hOffWrap:after{content:none;}
	.hOffWrap > li:nth-child(2):before,
	.hOffWrap > li:nth-child(3):before,
	.hOffWrap > li:nth-child(4):before{top: -17px; height: 3%;}
	.orgTree.orgHead > ul > li > a{width: 100px; min-width:auto; margin-bottom: 100px;}
	.topBox{gap:8px;}
	.audit > ul > li > a, 
	.audit > ul > li > ul > li > a{min-width: 80px; width: 100px;}
	.orgLoc > ul > li > a:after{right: -6%; width: 6%;}
}
@media screen and (max-width: 420px) {
	.topBox li a{padding:4px;}
	.audit > ul > li > a, 
	.audit > ul > li > ul > li > a{width: 80px;}
	.orgTree.orgHead > ul > li > a:after{bottom: -30px; height: 30px;}
	.orgLoc > ul > li > a{min-width:240px;}
}