.vision_wrap{position: relative}
/* 총장 */
.president {background-color: #112b58;color: white;padding: 15px;text-align: center;font-size: 18px;font-weight: bold;border-radius: 25px;margin: 0 auto 30px;max-width: 400px;}
/* 연결선 */
.line{background-color: #ccc;top:50px;position: absolute;z-index: -1;}
.line.col_center {width: 1px;height: 400px;left:50%;z-index: -1;}
.line.row_1 {width:850px;height:1px;top:140px;z-index: -1;}
.line.row_2 {width:850px;height:1px;top:320px;z-index: -1;}
.line.row_3 {width:782px;height:1px;top:420px;z-index: -1;left:16%}
.line.col_1{left:16%;width:1px;height:50px;top:420px}
.line.col_2{right:16%;width:1px;height:50px;top:420px}
    /* 메인 구조 */
.main-section {display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;margin-bottom: 40px;}
.main-section > div{gap:10px;display:flex;flex-direction: column}
    /* RISE 사업단 중앙 */
.rise-center {flex: 0 0 250px;text-align: center;}
.rise-box {background-color:#005d6c;border-radius: 15px;padding: 30px 20px;font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.rise-box img{width:200px}
.rise-description {border-radius:10px;background-color: white;border: 1px solid #ddd;padding: 15px;font-size: 13px;line-height: 1.6;text-align: left;}
/* 위원회 박스 */
.committee {width:300px;flex: 1;background-color: #c1e0e5;color: #222;padding: 15px;border-radius: 5px;}
.committee h3 {font-size: 17px;margin-bottom: 10px;text-align: center;color:#0b4e58}
.committee ul {list-style: none;font-size: 13px;line-height: 1.8;}
.committee ul li{padding-left:14px;position: relative}
.committee ul li:before {content: "";position: absolute;left:0;top:10px;width:7px;height:1px;background-color: #8a8a8a;}
/* 하단 섹션 */
.bottom-section {display: flex;gap: 50px;margin-top: 40px;position: relative}
.bottom-section span{left:calc(50% - 220px);top:100px;display:block;position: absolute;background:url(/pages/cstrise/img/sub/org_arrow.png) no-repeat center center;height:250px;width:48px;z-index: -1;}
.bottom-section span.arrow_r{transform: rotate(180deg);right:calc(50% - 220px);left:auto}
.bottom-box {flex: 1;}
.section-title {border-radius:10px;background-color: #000;color: white;padding: 12px;text-align: center;font-weight: bold;font-size: 14px;margin-bottom: 15px;}
.content-grid {display: grid;gap: 5px;}
.grid-item {border-radius:10px;background-color: white;border: 2px solid #ddd;padding: 15px;}
.grid-item h4 {font-size: 14px;margin-bottom: 8px;font-weight: bold;color:#222}
.grid-item ul {list-style: none;font-size: 13px;line-height: 1.6;}
.grid-item ul li:before {content: "• ";}
/* RISE 센터 그리드 */
.rise-center-grid {display: grid;grid-template-columns: 1fr ;gap: 5px;}
.center-item {border-radius:10px;background-color: #f0f0f0;padding: 15px;border: 1px solid #999;}
.center-item h4 {font-size: 16px;margin-bottom: 8px;font-weight: bold;color:#222}
.center-item ul {list-style: none;font-size: 13px;line-height: 1.5;}
.center-item ul li:before {content: "• ";}
/* 컨소시엄 섹션 */
.consortium-section {margin-top: 20px;}
.consortium-title {border-radius:10px;background-color: #000;color: white;padding: 12px;text-align: center;font-weight: bold;font-size: 14px;margin-bottom: 15px;}
.consortium-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px}
.consortium-item {overflow:hidden;border-radius:10px;margin-bottom:10px;display: flex;align-items: center;justify-content: space-between;flex-direction: column;background-color: white;border: 1px solid #666;}
.consortium-name {border-radius:6px;background-color: #666;color: white;padding: 8px 15px;font-weight: bold;font-size: 13px;width:100%;text-align:center;}
.consortium-code {font-size: 13px;font-weight: bold;padding:10px}
/* 거버넌스 섹션 */
.governance-section {margin-top: 30px;border: 1px solid #ddd;border-radius:10px}
.governance-title {padding:20px 0 0;font-size: 17px;font-weight: bold;text-align:center;color:#222}
.governance-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;font-size: 13px;line-height: 1.8;;padding: 20px;}
.governance-item {padding-left: 10px;}


/****** Mobile ******/
@media screen and (max-width:690px) {
    .line{display:none}
    .president {font-size: 16px;padding: 12px}
    .connector-line {height: 20px;}
    .main-section {flex-direction: column;gap: 5px;margin-bottom: 30px;}
    .main-section > div{width:100%}
    .rise-center {width:100%;flex: auto;order: -1; }
    .rise-box {padding: 20px 15px;font-size: 20px;width:100%}
    .rise-description {font-size: 13px;padding: 12px;}
    .committee {margin-bottom: 10px !important;width:100%}
    .committee h3 {font-size: 14px;}
    .committee ul {font-size: 13px;line-height: 1.6;}
    .bottom-section {flex-direction: column;gap: 20px;margin-top: 30px;}
    .bottom-section span{display:none}
    .section-title {font-size: 13px;padding: 10px;}
    .grid-item {padding: 12px;}
    .grid-item h4 {font-size: 13px;}
    .grid-item ul {font-size: 13px;}
    .rise-center-grid {grid-template-columns: 1fr;}
    .center-item {padding: 12px;}
    .center-item h4 {font-size: 12px;}
    .center-item ul {font-size: 10px;}
    .consortium-grid {grid-template-columns: 1fr;margin-bottom:5px}
    .consortium-title {font-size: 12px;padding: 8px;}
    .consortium-item {padding: 5px;margin:0;border:1px solid #ddd}
    .consortium-name {font-size: 13px;padding: 6px 12px;}
    .consortium-code {font-size: 13px;}
    .governance-section {padding: 15px;}
    .governance-title {font-size: 13px;margin-bottom: 12px;}
    .governance-grid {grid-template-columns: 1fr;font-size: 11px;line-height: 1.6;gap: 5px;}
    .governance-item {padding-left: 8px;}
}

/*tablet*/
@media screen and (min-width:691px) and (max-width:1023px) {
    .line{display:none}
    .connector-line {height: 20px;}
    .main-section {flex-direction: column;gap: 5px;margin-bottom: 30px;}
    .main-section > div{width:100%}
    .rise-center {width:100%;flex: auto;order: -1; }
    .rise-box {padding: 20px 15px;font-size: 20px;width:100%;margin-bottom:5px;}
    .rise-description {font-size: 13px;padding: 12px;}
    .committee {margin-bottom: 10px !important;width:100%}
    .committee h3 {font-size: 14px;}
    .committee ul {font-size: 13px;line-height: 1.6;}
    .consortium-name{padding:8px 0}
    .bottom-section span{left:calc(50% - 160px)}
    .bottom-section span.arrow_r{right:calc(50% - 160px)}





}


/*desktop*/
@media screen and (min-width:1024px) and (max-width:1500px) {

    .line{display:none}
    .connector-line {height: 20px;}
    .main-section {flex-wrap:wrap;gap: 5px;margin-bottom: 30px;}
    .main-section > div{width:100%;display:flex;gap:10px;flex-direction: row}
    .rise-center {width:100% !important;flex: auto;order: -1;flex-direction: column !important; ;margin-bottom:20px}
    .rise-box {padding: 20px 15px;font-size: 20px;width:100%;margin-bottom:5px;}
    .rise-description {font-size: 13px;padding: 12px;}
    .committee {margin-bottom: 10px !important;width:100%}
    .committee h3 {font-size: 14px;}
    .committee ul {font-size: 13px;line-height: 1.6;}
    .consortium-name{padding:8px 0}
    .bottom-section span{left:calc(50% - 180px)}
    .bottom-section span.arrow_r{right:calc(50% - 180px)}


}