@charset "utf-8";


.wrap-sub-visual {position: relative; background: url('/sites/rise/images/sub-visual01.jpg') no-repeat bottom center !important; background-size: cover; display: table; width: 100%;}
.wrap-sub-visual::after {display:none;}
.wrap-sub-visual .slogan {color: #ffffff; text-shadow: 2px 2px 6px rgba(0,0,0,0.5);}

.wrap-contents {overflow-x:hidden;}

/* ----- 사업소개 조직현황 ----- */
.org-chart *::before { z-index: -1; }
.org-chart { width: 100%; max-width: 1000px; text-align: center; margin: 0 auto; }
.org-chart::before { content: ''; width: 2px; height: 800px; background-color: #838383; position: absolute; top: 40px; }
.org-chart .level { margin: 20px 0; display: flex; justify-content: center; align-items: center; gap: 40px; position: relative; flex-wrap: wrap; }
.org-chart .circle { width: 150px; height: 150px; border-radius: 50%; background-color: #fff; border: 4px solid #1a885e; display: flex; align-items: center; justify-content: center; flex-direction: column; font-weight: bold; font-size: 21px; }
.org-chart .circle img { width: 42px; height: 42px; margin-bottom: 5px; }
.org-chart .circle::before { content: ''; width: 305px; border: 1px dashed #838383; position: absolute; top: 80px; right: 119px; }
.org-chart .box-wrap { display: flex; flex-direction: column; gap: 8px; }
.org-chart .box { padding: 10px 20px; min-width: 250px; border-radius: 100px; border: 5px solid #8cc3ae; font-size: 17px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.org-chart .box .tit { font-weight: bold; font-size: 19px; }
.org-chart .green { background: #1f8b5f; color: #fff; }
.org-chart .blue { background: #173aa7; color: #fff; border-color: #8897d4; }
.org-chart .gray { border: none; background-color: #595959; color: #fff; }
.org-chart .lightblue { background: #eaf2ff; color: #1b448c; border: 2px solid #1b448c; }
.org-chart .outline { border: 2px solid #838383; background-color: #fff; color: #444; font-weight: bold; }
.org-chart .wide { min-width: 320px; }
.org-chart .level-3 { justify-content: space-between; }
.org-chart .level-3 > .box.gray::before { content: ''; width: 150px; border: dashed 1px #838383; position: absolute; top: 50%; right: -150px; }
.org-chart .level-3 > .box.gray::after { content: '협력체계'; font-size: 14px; font-weight: bold; color: #333; position: absolute; top: 0; right: -85px; }
.org-chart .level-3 .box-wrap::before { content: ''; height: 295px; border: 1px dashed #838383; position: absolute; top: -190px; right: 119px; }
.org-chart .level-3 .box-wrap .box.gray::before { content: ''; width: 150px; border: dashed 1px #838383; position: absolute; top: 50%; left: -150px; }
.org-chart .level-3 .box-wrap .box.gray::after { content: '공동수행, 행·재정적 지원'; font-size: 14px; font-weight: bold; color: #333; position: absolute; bottom: 0; left: -150px; }
.org-chart .level-3 .box-wrap .box.blue::before { content: ''; width: 150px; border: dashed 1px #838383; position: absolute; top: 50%; left: -150px; }
.org-chart .level-3 .box-wrap .box.blue::after { content: '협력체계'; font-size: 14px; font-weight: bold; color: #333; position: absolute; top: 0; left: -95px; }
.org-chart .level-4 .box-wrap { position: absolute; top: -30px; left: 0; }
.org-chart .level-4 .box-wrap::before { content: ''; width: 2px; height: 117px; background-color: #838383; position: absolute; top: 25px; right: -50px; }
.org-chart .level-4 .box-wrap .box::before { content: ''; width: 50px; height: 2px; background-color: #838383; position: absolute; top: 50%; right: -50px; }
.org-chart .level-4 .box-wrap .box:nth-of-type(2)::before { width: 252px; right: -252px; }
.org-chart .level-5 { margin-top: 80px; }
.org-chart .level-6 { justify-content: flex-end; margin-top: -30px; }
.org-chart .level-6 .box-wrap::before { content: ''; width: 2px; height: 117px; background-color: #838383; position: absolute; top: 24px; right: 297px; }
.org-chart .level-6 .box-wrap .box::before { content: ''; width: 50px; height: 2px; background-color: #838383; position: absolute; top: 50%; left: -50px; }
.org-chart .level-6 .box-wrap .box:nth-of-type(2)::before { width: 252px; left: -252px; }
.org-chart .level-7 { margin-top: 55px; }
.org-chart .level-7::before { content: ''; width: 69.5%; height: 2px; background-color: #838383; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
.org-chart .team-wrap { display: flex; align-items: center; justify-content: center; gap: 30px; padding: 15px 20px; }
.org-chart .team-wrap ul { padding: 0 !important; }
.org-chart .team { width: calc(33.333% - 26.666px); border: 2px solid #27a575; background-color: #fff; border-radius: 15px; }
.org-chart .team::before { content: ''; width: 2px; height: 30px; background-color: #838383; position: absolute; top: -30px; }
.org-chart .team.team:nth-of-type(2)::before { display: none; }
.org-chart .team:nth-of-type(1) { border-color: #27a575; }
.org-chart .team:nth-of-type(2) { border-color: #1d7d72; }
.org-chart .team:nth-of-type(3) { border-color: #0f9292; }
.org-chart .team h4 { padding: 15px 15px; background-color: #eee; margin: 0; border-radius: 10px 10px 0 0; font-size: 19px; font-weight: bold; }
.org-chart .team:nth-of-type(1) h4 { background-color: #27a575; color: #fff; }
.org-chart .team:nth-of-type(2) h4 { background-color: #1d7d72; color: #fff; }
.org-chart .team:nth-of-type(3) h4 { background-color: #0f9292; color: #fff; }
.org-chart .team ul { padding: 15px 20px; }
.org-chart .team ul li { font-size: 17px; }
.org-chart .light-green { background: #27a575; color: #fff; }
.org-chart .dark-green { background: #1d7d72; color: #fff; }
.org-chart .teal { background: #0f9292; color: #fff; }

@media(max-width: 1024px) {
  .org-chart::before { height: 1200px; }
  .org-chart .circle::before { display: none; }
  .org-chart .level { margin: 40px 0; }
  .org-chart .level-3 { flex-direction: column; gap: 30px; }
  .org-chart .level-3 .box-wrap { gap: 30px; }
  .org-chart .level-3 .box-wrap::before { display: none; }
  .org-chart .level-3 > .box.gray::before { display: none; }
  .org-chart .level-3 > .box.gray::after { top: 50px; right: 60px; }
  .org-chart .level-3 .box-wrap .box.blue::before { display: none; }
  .org-chart .level-3 .box-wrap .box.blue::after { top: -30px; left: auto; right: 55px; }
  .org-chart .level-3 .box-wrap .box.gray::before { display: none; }
  .org-chart .level-3 .box-wrap .box.gray::after { top: -26px; left: auto; right: -38px; }
  .org-chart .level-4 .box-wrap { position: static; }
  .org-chart .level-4 .box-wrap::before { display: none; }
  .org-chart .level-4 .box-wrap .box::before { display: none; }
  .org-chart .level-5 { margin-top: 0; }
  .org-chart .level-6 { justify-content: center; }
  .org-chart .level-6 .box-wrap .box::before { display: none; }
  .org-chart .level-6 .box-wrap::before { display: none; }
  .org-chart .level-7 { margin-top: 60px; }
  .org-chart .team-wrap { gap: 20px; }
}
@media(max-width: 850px) {
  .org-chart .level-7 { align-items: flex-start; gap: 20px; }
  .org-chart .level-7::before { width: 68.5%; }
  .org-chart .team-wrap { flex-direction: column; gap: 0; }
  .org-chart .team { width: calc(33.333% - 13.333px); }
}
@media(max-width: 550px) {
  .org-chart::before { height: 1800px; }
  .org-chart .level-7::before { display: none; }
  .org-chart .team { width: 100%; }
  .org-chart .team::before { display: none; }
}

/* ----- 비전 및 목표 ----- */
.goal-vision {margin: 30px auto 40px; text-align: center; word-break: keep-all;}
.goal-vision .gv-head {margin-bottom: 25px; font-size: 32px; font-weight: bold;}
.goal-vision .gv-head .grand {background: linear-gradient(90deg, #3b72c4, #378faa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.goal-vision .gv-row {display: flex; gap: 15px; padding: 15px 0; border-bottom: 2px solid #d8dde6;}
.goal-vision .gv-side {padding: 20px; min-width: 60px; display:flex; align-items: center; justify-content: center; background:#e9eef6; color:#334155; font-weight:bold; border-radius: 10px; text-align: center; font-size: 22px;}
.goal-vision .gv-main {width: 100%; flex: 1;}
.goal-vision .gv-top3 {display:grid; grid-template-columns: repeat(3, 1fr); gap:12px;}
.goal-vision .topcard {border-radius: 10px 10px 0 0; padding: 20px; text-align:center; color:#fff; }
.goal-vision .topcard .t1 {font-size: 20px; opacity: 0.7;}
.goal-vision .topcard .t2 { font-size: 24px; font-weight: bold; color:#ffffff; margin-top: 4px;}
.goal-vision .topcard.c1 {background:#1233b7;}
.goal-vision .topcard.c2 {background:#2c6fa7;}
.goal-vision .topcard.c3 {background:#0f8f8a;}
.goal-vision .gv-grandbar {background: #3a485a; color:#fff; text-align:center; padding:12px 10px; font-size: 32px; font-weight: bold; letter-spacing: 8px;}
.goal-vision .gv-bottom3 {display: grid; grid-template-columns: repeat(3, 1fr); gap:12px; background:#eef2f7; padding: 10px; border-radius:0 0 10px 10px;}
.goal-vision .bcard {background: #fff; border:1px solid #d7dde7; border-radius: 10px; padding: 20px; text-align:center; font-size: 20px; font-weight: bold; }
.goal-vision .bcard:nth-of-type(1) {color: #1233b7;}
.goal-vision .bcard:nth-of-type(2) {color: #2c6fa7;}
.goal-vision .bcard:nth-of-type(3) {color: #0f8f8a;}
.goal-vision .gv-4grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.goal-vision .sbox {border:2px solid #3a485a; border-radius:10px; background:#fff; }
.goal-vision .shead {background:#3a485a; color:#fff; font-weight:bold; font-size: 24px; padding: 12px 15px; border-radius: 5px 5px 0 0;}
.goal-vision .shead .hi {font-size: 30px; color: #f4f751e7;}
.goal-vision .shead .rest { color:#ffffff; }
.goal-vision .sbody {padding: 15px; font-size: 20px; color:#374151;}

@media (max-width: 1024px) {
  .goal-vision .gv-head {font-size: 28px; margin-bottom: 10px;}
  .goal-vision .gv-side {font-size: 19px; padding: 15px; min-width: 54px;}
  .goal-vision .topcard {padding: 18px 10px;}
  .goal-vision .topcard .t1 {font-size: 17px;}
  .goal-vision .topcard .t2 {font-size: 20px;}
  .goal-vision .gv-grandbar {font-size: 26px; letter-spacing: 6px;}
  .goal-vision .bcard {font-size: 18px; padding: 18px 10px;}
  .goal-vision .shead {font-size: 20px;}
  .goal-vision .shead .hi {font-size: 26px;}
  .goal-vision .sbody {font-size: 17px;}
}
@media (max-width: 768px) {
  .goal-vision .gv-head {font-size: 24px;}
  .goal-vision .gv-row {flex-direction: column; gap: 8px; padding: 12px 0;}
  .goal-vision .gv-side {width: 100%; padding: 12px 14px; font-size: 18px;}
  .goal-vision .gv-side br {display: none;}
  .goal-vision .gv-main {width: 100%;}
  .goal-vision .topcard {padding: 15px 10px;}
  .goal-vision .topcard .t1 {font-size: 16px;}
  .goal-vision .topcard .t2 {font-size: 18px; margin-top: 2px;}
  .goal-vision .gv-top3 {gap: 8px;}
  .goal-vision .gv-grandbar {font-size: 20px; letter-spacing: 5px; padding: 8px 12px;}
  .goal-vision .gv-bottom3 {gap: 8px; padding: 8px;}
  .goal-vision .bcard {font-size: 17px; padding: 12px;}
  .goal-vision .gv-4grid {grid-template-columns: 1fr; gap: 8px;}
  .goal-vision .shead {font-size: 18px; padding: 8px 12px;}
  .goal-vision .shead .hi {font-size: 22px;}
  .goal-vision .sbody {font-size: 17px; padding: 12px;}
}
@media (max-width: 550px) {
  .goal-vision .gv-head {font-size: 22px;}
  .goal-vision .gv-side {padding: 10px 12px;}
  .goal-vision .shead {padding: 6px 12px;}
}

/* ----- 단위 과제 ----- */
.diagram-wrap {margin-top: 30px;}
.diagram-wrap .diagram-top {display: flex; gap: 15px; flex-wrap: wrap; align-items: stretch; justify-content: center; margin-bottom: 15px;}
.diagram-wrap .box {padding: 10px; width: calc(33.333% - 10px); border: 2px solid #d7dbe3; border-radius: 15px; overflow:hidden; background:#fff; transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}
.diagram-wrap .box:nth-of-type(1) {border-color: #c56f78;}
.diagram-wrap .box:nth-of-type(2) {border-color: #6a5aa8;}
.diagram-wrap .box:nth-of-type(3) {border-color: #2f6fb5;}
.diagram-wrap .box:nth-of-type(4) {border-color: #2b8a6e;}
.diagram-wrap .box:nth-of-type(5) {border-color: #b8742f;}
.diagram-wrap .b1 h3{background:#c56f78;}
.diagram-wrap .b2 h3{background:#6a5aa8;}
.diagram-wrap .b3 h3{background:#2f6fb5;}
.diagram-wrap .b4 h3{background:#2b8a6e;}
.diagram-wrap .b5 h3{background:#b8742f;}

.diagram-wrap .box:hover {transform:translateY(-5px); box-shadow:0 10px 15px rgba(0,0,0,.12);}
.diagram-wrap .box h3 {border-radius: 8px; padding: 12px 15px; font-size: 20px; font-weight: bold; text-align: center; color:#fff;}
.diagram-wrap .box ul {padding: 15px; font-size: 17px; display: flex; flex-direction: column; gap: 5px;}
.diagram-wrap .box ul li {padding-left: 14px; position: relative; word-break: keep-all;}
.diagram-wrap .box ul li::before {content: ''; width: 5px; height: 5px; background-color: #777; border-radius: 50%; position: absolute; top: 12px; left: 0;}

.diagram-wrap .diagram-bottom {display: flex; flex-direction: column; border:1px solid #d7dbe3; border-radius: 15px; overflow:hidden; background:#fff;}
.diagram-wrap .label{background:#6b7280; color:#fff; font-weight: bold; font-size: 22px; display:flex; align-items:center; justify-content:center; padding: 12px;}
.diagram-wrap .card-wrap{display: flex; text-align: center; flex-wrap: wrap;}
.diagram-wrap .card{width: 25%; padding: 20px 15px; border-left:1px solid #d7dbe3; transition: background-color .2s ease-in-out;}
.diagram-wrap .card:first-child {border-left: none;}
.diagram-wrap .card:hover{background:#f4f8fc;}
.diagram-wrap .card h4{margin-bottom: 5px; font-size: 20px; font-weight: bold;}
.diagram-wrap .card p{font-size: 17px; color:#374151; word-break:keep-all; font-weight: bold;}

@media (max-width:1024px){
  .diagram-wrap .box {padding: 8px;}
  .diagram-wrap .box:hover {box-shadow:0 5px 10px rgba(0,0,0,.12);}
  .diagram-wrap .box h3 {font-size: 18px;}
  .diagram-wrap .box ul {padding: 10px; font-size: 16px;}

  .diagram-wrap .label {font-size: 20px; padding: 10px;}
  .diagram-wrap .card {padding: 15px 10px;}
  .diagram-wrap .card h4 {font-size: 18px;}
  .diagram-wrap .card p {font-size: 16px;}
}
@media (max-width: 850px) {
  .diagram-wrap .diagram-top {gap: 10px; justify-content: flex-start;}
  .diagram-wrap .box {width: calc(50% - 5px);}

  .diagram-wrap .card {width: 50%; border-bottom: 1px solid #d7dbe3;}
  .diagram-wrap .card:nth-child(1),.diagram-wrap .card:nth-child(3) {border-left: none;}
  .diagram-wrap .card:nth-child(3),.diagram-wrap .card:nth-child(4) {border-bottom: none;}
}
@media (max-width: 650px) {
  .diagram-wrap .box {width: 100%;}
}
@media (max-width: 450px) {
  .diagram-wrap .card {width: 100%; border-left: 0; border-bottom: 1px solid #d7dbe3 !important;}
  .diagram-wrap .card:last-child {border-bottom: none !important;}
}

.cnu-diagram{word-break: keep-all;}
.cnu-wrap{background:#f0f1f5; border-radius:20px; border:3px dotted #94a3b8; padding:20px; position:relative;}
.cnu-top{display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:40px; align-items: stretch; position:relative; z-index:1; list-style:none; margin:0; padding:0;}
.cnu-bottom{display:grid; grid-template-columns:1fr 1.2fr 1fr; gap: 10px; align-items:start; margin-top:16px; position:relative; z-index:1; list-style:none; margin-left:0; padding-left:0; padding-top:0; padding-right:0; padding-bottom:0;}
.cnu-card{background:#fff; border-radius:15px; padding: 10px; display:flex; align-items: center; justify-content: center; text-align: center; border: 2px solid #9b9b9b;}
.cnu-card-txt{font-size: 20px; font-weight: bold;}
.cnu-left .cnu-card-txt {color: #2e75b6;}
.cnu-right .cnu-card-txt {color: #0f9292;}
.cnu-core{display:flex; justify-content:center;}
.cnu-core-inner{width:min(520px,100%); background:#5147c9; color:#fff; border: 2px solid #fff; border-radius: 100px; padding: 20px; text-align: center; box-shadow:0 10px 15px rgba(0,0,0,.22); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cnu-core-sub{font-size: 18px; opacity: 0.7; margin-bottom: 5px; font-weight: bold;}
.cnu-core-title{font-size: 25px; font-weight: bold;}
.cnu-col{display:flex; align-items: flex-start; flex-direction:column; gap: 10px;}
.cnu-col:last-child {align-items: flex-end;}
.cnu-badge{width:fit-content; padding: 8px 25px; border-radius: 100px; font-weight: bold; font-size: 18px; color:#fff;}
.badge-blue{background:#2e75b6;}
.badge-teal{background:#0f9292;}
.cnu-caption{display:flex; align-items:center; gap: 0 10px; font-size: 18px; margin:0; flex-wrap:wrap;}
.cnu-cap-title{font-weight: bold;}
.cnu-cap-quote{color:#0f9292; font-weight:700;}
.cnu-col-left .cnu-cap-quote{color:#2e75b6;}
.cnu-cap-arrow{font-size: 28px; font-weight: bold;}
.cnu-slogan{text-align:center; margin: 0 auto;}
.cnu-slogan-top{display:flex; align-items: center; justify-content:center; gap:10px; flex-wrap:wrap; font-weight: bold;}
.cnu-slogan-top .together{font-size:22px; color:#4bb2ac;}
.cnu-slogan-top .brand{font-size:38px;  background: linear-gradient(90deg, #4bb2ac, #005c53); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.cnu-slogan-top .go{font-size:22px; color:#005c53;}
.cnu-slogan-sub{font-weight:bold; color:#334155; font-size: 19px;}
.cnu-line{position:absolute; top:120px; width:4px; height: 100px; background:#2e75b6; z-index:0; opacity:.8;}
.line-left{left:78px;}
.line-right{right:78px; background:#0f9292;}

@media (max-width: 1200px) {
    .cnu-col {gap: 5px;}
    .cnu-caption {flex-direction: column;}
    .cnu-col-left .cnu-caption .cnu-cap-arrow {order: 1;}
    .cnu-col-left .cnu-caption .cnu-cap-title {order: 2;}
    .cnu-col-left .cnu-caption .cnu-cap-quote {order: 3;}
}
@media (max-width: 1024px) {
    .cnu-top {gap: 30px;}
    .cnu-core-inner {padding: 12px;}
    .cnu-core-sub {font-size: 17px; margin-bottom: 0;}
    .cnu-core-title {font-size: 22px;}
    .cnu-card-txt {font-size: 18px;}
    .cnu-line {height: 70px;}
    .cnu-badge {font-size: 17px;}
    .cnu-caption {font-size: 17px;}
}
@media (max-width: 768px) {
    .cnu-wrap {padding: 10px;}
    .cnu-top {gap: 15px;}
    .cnu-line {height: 40px;}
}
@media (max-width: 650px){
    .cnu-top, .cnu-bottom{grid-template-columns:1fr; gap:12px;}
    .cnu-core-inner{border-radius:15px; width: 100%; box-shadow: 0 7px 10px rgba(0,0,0,.15);}
    .cnu-caption {flex-direction: row;}
    .cnu-slogan {margin-bottom: 15px;}
    .cnu-col-right .cnu-caption {flex-direction: row;}
    .cnu-col {align-items: center; gap: 10px;}
    .cnu-col:last-child {align-items: center; margin-bottom: 5px;}
    .cnu-cap-arrow {display: none;}
    .cnu-line{display:none;}
    .cnu-badge{width:100%; text-align:center;}
}
@media (max-width: 480px){
  .cnu-wrap{padding:18px 14px 14px;}
  .cnu-core-title{font-size:20px;}
  .cnu-slogan-top .brand{font-size:30px;}
}