@charset "utf-8";

.wrap-contents * { font-family: 'Gmarket Medium' !important;}

.wrap-contents .con-list > li:before {top:5px !important;}
.wrap-contents .con-list2 > li:before { top:6px !important;}


/* ----- 인사말 ----- */
#greeting {position: relative; padding-bottom: 80px; word-break: keep-all;}
#greeting .inner .top-box {position: relative; margin-bottom: 80px; overflow: visible;}
#greeting .inner .top-box .img {overflow: hidden; border-radius: 20px; margin: 0 40px;}
#greeting .inner .top-box .img > img {max-width: 100%; border-radius: 20px;}
#greeting .inner .top-box .tit {right: 10px; position: absolute; bottom: -35px; width: 420px; padding: 40px; border-radius: 20px 20px 20px 50px; background: linear-gradient(135deg, #1e3a8a 0%, #1a2760 100%); box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.18); color: #fff;}
#greeting .inner .top-box .tit span {line-height: 1.3; font-weight: normal; color: #fff;}
#greeting .inner .top-box .tit span small {display: block; margin-bottom: 10px; color: #c8d7ff; font-size: 18px;}
#greeting .inner .top-box .tit span big {display: block; font-size: 24px;}
#greeting .inner .top-box .tit span big strong {display: block; font-weight: bold; font-size: 28px;}
#greeting .inner .bottom-box .text-area .flex-wr {display: flex; margin-top: 40px; align-items: flex-start;}
#greeting .inner .bottom-box .text-area .txt {padding-left: 80px;}
#greeting .inner .bottom-box .text-area p {font-size: 20px; line-height: 1.6; color: #666;}
#greeting .inner .bottom-box .text-area p + p {margin-top: 30px;}
#greeting .ceo-name {margin-top: 40px; display: flex; align-items: flex-end; justify-content: flex-end; gap: 15px; color: #222; font-size: 22px; font-weight: 500;}
#greeting .ceo-name span {font-size: 24px; color: #101010; text-align: right;}
#greeting .ceo-name span b {color: #224188; font-weight: 500;}
#greeting .ceo-name strong {font-size: 36px; color: #000; font-weight: normal;}

@media (max-width: 12000px) {
  #greeting {padding-bottom: 60px;}
  #greeting .inner .top-box .tit {position: absolute; left: auto; right: 10px; transform: none; width: 450px; padding: 35px;}
  #greeting .inner .bottom-box .text-area .txt {padding-left: 0;}
  #greeting .inner .bottom-box .text-area .flex-wr {display: block;}
}
@media (max-width: 768px) {
  #greeting {padding-bottom: 40px;}
  #greeting .inner .top-box {margin-bottom: 30px; padding: 0;}
  #greeting .inner .top-box .img {margin: 0; border-radius: 0;}
  #greeting .inner .top-box .img > img {border-radius: 0;}
  #greeting .inner .top-box .tit {position: relative; bottom: auto; left: 0; transform: none; width: 100%; padding: 18px 15px; text-align: center; border-radius: 0;}
  #greeting .inner .top-box .tit span small {font-size: 14px;}
  #greeting .inner .top-box .tit span big {font-size: 18px;}
  #greeting .inner .top-box .tit span big strong {font-size: 20px;}
  #greeting .inner .bottom-box .text-area p {font-size: 15px; line-height: 1.5;}
  #greeting .inner .bottom-box .text-area p + p {margin-top: 20px;}
  #greeting .ceo-name {margin-top: 20px; flex-direction: column; align-items: center; text-align: center; gap: 5px;}
  #greeting .ceo-name span {font-size: 18px;}
  #greeting .ceo-name strong {font-size: 24px;}
}


/* ----- 사업 개요 ----- */
.sys-wrap {color: #191919;}
.sys-header {text-align: center; padding-bottom: 60px; position: relative; z-index: 1;}
.sys-header-top {padding-bottom: 30px; position: relative;}
.sys-title-main {font-size: 50px; font-weight: bold; margin-bottom: 40px; background: linear-gradient(to right, #00469b, #1968a6, #52b055, #e5a76b, #eb8b82, #52b055, #217799, #00469b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding: 0 50px; position: relative;}
.sys-title-main:before, .sys-title-main:after {content: ''; width: 40px; height: 40px; position: absolute; background: url('/sites/startuphub/images/sub/buis-mark.png') center no-repeat; background-size: contain; top: -8px;}
.sys-title-main:before {left: 0;}
.sys-title-main:after {right: 0; transform: rotate(-180deg);}
.sys-subtitle {font-size: 28px; font-weight: 500; margin-top: -10px; line-height: 1.4;}
.sys-subtitle span {font-weight: 600; font-size: 38px; color: #2f74d0;}
.sys-inner .sys-box {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; margin-bottom: 60px; gap: 40px;}
.sys-left {flex: 0 0 240px; position: relative;}
.sys-right {flex: 1 1 auto;}
.sys-title .sys-title-text {color: #fff; text-align: center; padding: 34px 0; border-radius: 12px; font-size: 22px; font-weight: 600; position: relative; margin-bottom: 30px;}
.sys-title.title1 .sys-title-text {background-color: #042e6f;}
.sys-title.title2 .sys-title-text {background-color: #008ad2;}
.sys-title.title3 .sys-title-text {background-color: #07a287;}
.sys-title .sys-title-text::before, .sys-title .sys-title-text::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.sys-title .sys-title-text::before {right: -50px; width: 14px; height: 14px; background-color: #042e6f; border-radius: 50%; box-shadow: 0 0 0 4px #e3ebf5; z-index: 2;}
.sys-title .sys-title-text::after {right: -30px; width: 80px; border-bottom: 2px dotted #d0d0d0; z-index: 1;}
.sys-content {background-color: #f1f6fa; border: 2px solid #0092dc; border-radius: 12px; padding: 36px 40px; display: flex; align-items: center; width: 100%; box-sizing: border-box;}
.sys-content p {font-size: 22px; line-height: 1.7; margin: 0; font-weight: 500; word-break: keep-all;}
.sys-card-list {display: flex; flex-direction: column; gap: 16px; list-style: none; padding: 0; margin: 0;}
.sys-card-list li {flex: 1 1 100%; display: block;}
.sys-card {background-color: #ffffff; border: 2px solid #07a287; border-radius: 10px; text-align: left; padding: 26px 30px; display: flex; align-items: center; gap: 14px; font-size: 22px; line-height: 1.6;}
.sys-card h2 {font-size: 22px; color: #07a287; font-weight: 700; margin: 0; white-space: nowrap;}
.sys-card p {font-size: 22px; color: #191919; margin: 0; line-height: 1.6;}

@media screen and (max-width: 1024px) {
  .sys-inner .sys-box {flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 36px;}
  .sys-left, .sys-right {width: 100%; flex: 0 0 auto;}
  .sys-title .sys-title-text {font-size: 18px; padding: 14px 0; margin-bottom: 0; border-radius: 8px;}
  .sys-title .sys-title-text::before, .sys-title .sys-title-text::after {display: none;}
  .sys-content {width: 100%; display: block; padding: 16px 20px; box-sizing: border-box; border-width: 1.6px;}
  .sys-content p {font-size: 16px; line-height: 1.6;}
  .sys-card-list {gap: 12px;}
  .sys-card {flex-direction: row; font-size: 17px; padding: 18px 16px;}
  .sys-card h2, .sys-card p {font-size: 17px;}
}
@media screen and (max-width: 768px) {
  .sys-header {padding-bottom: 24px;}
  .sys-title-main {font-size: 30px; padding: 0 18px; margin-bottom: 16px;}
  .sys-title-main:before, .sys-title-main:after {width: 15px;}
  .sys-subtitle {font-size: 17px;}
  .sys-subtitle span {font-size: 19px;}
  .sys-inner .sys-box {flex-direction: column; gap: 2px; margin-bottom: 24px;}
  .sys-left, .sys-right {width: 100%;}
  .sys-title .sys-title-text {font-size: 15px; padding: 9px 0; border-radius: 6px; margin-bottom: 0;}
  .sys-title .sys-title-text::before, .sys-title .sys-title-text::after {display: none;}
  .sys-content {width: 100%; display: block; padding: 10px 0; border-width: 1.4px; border-radius: 6px; background-color: #f9fbfd; box-sizing: border-box;}
  .sys-content p {font-size: 14px; line-height: 1.55; padding: 0 12px; margin: 0;}
  .sys-card-list {gap: 10px;}
  .sys-card {flex-direction: column; align-items: flex-start; padding: 16px 12px;}
  .sys-card h2 {font-size: 15px; margin-bottom: 4px;}
  .sys-card p {font-size: 14px;}
}
@media screen and (min-width: 1025px) {
  .sys-content p {font-size: 22px;}
  .sys-title .sys-title-text::before, .sys-title .sys-title-text::after {display: block;}
}


/* ----- 조직도 ----- */
.org {background:#f6f9fe; text-align:center; padding:80px 0; color:#191919;}
.org .box {display:inline-flex; justify-content:center; align-items:center; width:240px; height:56px; border-radius:10px; font-size:20px; font-weight:600; white-space:nowrap; box-shadow:0 3px 8px rgba(0,0,0,0.08); z-index:2;}
.org .blue {background:#2948c0; color:#fff;}
.org .navy {background:#1e3a78; color:#fff;}
.org .green {background:#078b7f; color:#fff;}
.org .white {background:#fff; border:1.5px solid #cfcfcf; color:#191919;}
.org .light {background:#fff; border:1.5px solid #b9c4db; color:#243c96;}
.org .circle {width:200px; height:200px; border-radius:50%; background:#2b6f59; color:#fff; font-size:28px; font-weight:600; display:flex; justify-content:center; align-items:center; border:8px solid #fff; outline:2px solid #d9d9d9; box-shadow:0 8px 16px rgba(0,0,0,0.15); margin:0 auto; z-index:5;}
.org .vline, .org .vline-after, .org .vline-short {width:2px; background:#c8c8c8; margin:0 auto;}
.org .vline {height:70px;}
.org .vline-after {height:40px; position:relative; z-index:2;}
.org .vline-short {height:25px;}
.org .branch {position:relative; width:520px; height:56px; margin:0 auto;}
.org .branch .box.blue {position:absolute; top:0; left:50%; transform:translateX(-50%);}
.org .branch .hline {position:absolute; top:30px; left:50%; width:150px; height:1.5px; background:#c8c8c8;}
.org .branch .box.white {position:absolute; top:50%; left:calc(50% + 150px); transform:translateY(-50%);}
.org .node {display:flex; flex-direction:column; align-items:center;}
.org .bottom {position:relative; display:flex; justify-content:space-between; align-items:flex-start; width:800px; margin:0 auto;}
.org .hline-wide {position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100% - 240px); height:1.5px; background:#c8c8c8;}
.org .child {display:flex; flex-direction:column; align-items:center;}

@media (max-width:1024px) {
  .org .box {width:200px; height:52px; font-size:18px;}
  .org .circle {width:160px; height:160px; font-size:24px;}
  .org .branch {width:420px; height:50px;}
  .org .branch .box.blue {top:50%; left:calc(50% - 110px); transform:translateY(-50%);}
  .org .branch .hline {top:50%; left:50%; width:220px; transform:translate(-50%, -50%);}
  .org .branch .box.white {top:50%; left:calc(50% + 110px); transform:translateY(-50%);}
  .org .bottom {width:680px; gap:10px;}
  .org .hline-wide {width:calc(100% - 200px);}
}
@media (max-width:768px) {
  .org {padding:40px 0;}
  .org .circle {width:130px; height:130px; font-size:22px;}
  .org .box {width:180px; height:48px; font-size:16px;}
  .org .branch {display:flex; flex-direction:column; align-items:center; width:auto; height:auto; gap:0;}
  .org .branch .box.blue, .org .branch .box.white {position:static; transform:none; margin:0;}
  .org .branch .hline {position:static; width:2px; height:26px; background:#c8c8c8; margin:13px auto -13px;}
  .org .bottom {flex-direction:column; align-items:center; width:100%; gap:0;}
  .org .hline-wide {display:none;}
  .org .vline {height:30px;}
  .org .vline-after {display:none;}
}


/* ----- 직원 안내 ----- */
.org-table {width:100%; border-collapse:collapse; margin:40px 0; background:#fff; border-top:1px solid #d1d8e0; border-bottom:1px solid #d1d8e0;}
.org-table thead {background:#1e3a78; color:#fff;}
.org-table th {padding:14px 10px; font-size:17px; font-weight:600; border-right:1px solid rgba(255,255,255,0.2);}
.org-table th:last-child {border-right:none;}
.org-table td {border-top:1px solid #e1e7f0; border-right:1px solid #e1e7f0; padding:14px 12px; font-size:16px; color:#222; text-align:center;}
.org-table td:last-child {border-right:none;}
.org-table tr:last-child td {border-bottom:1px solid #e1e7f0;}
.org-table td[rowspan] {background:#f5f6fa; color:#1e3a78; font-weight:600;}
.org-table tbody tr:hover {background:#f8fafc;}

@media (max-width:768px) {
  .org-table, .org-table thead, .org-table tbody, .org-table tr, .org-table th, .org-table td {display:block; width:100%;}
  .org-table {border:none; box-shadow:none;}
  .org-table thead {display:none;}
  .org-table tr {border:1px solid #d1d8e0; margin-bottom:15px; background:#fff; position:relative;}
  .org-table td[rowspan] {display:none;}
  .org-table td {border:none; display:flex; align-items:center; padding:8px 15px; font-size:15px; color:#333; text-align:left;}
  .org-table td::before {content:attr(data-label); font-weight:600; color:#1e3a78; background:#edf2f9; padding:5px 10px; border-radius:4px; min-width:85px; text-align:center; margin-right:10px;}
  .org-table tr::before {content:attr(data-affil); display:block; background:#2a4c90; color:#fff; font-weight:600; text-align:center; font-size:17px; padding:10px 0;}
  .org-table tbody tr:hover {background:none !important;}
  .org-table tr:last-child td {border-bottom:none;}
}


/* ----- 협력기관 ----- */
.partner-section {margin:0 auto; padding:80px 20px; text-align:center; max-width:1400px;}
.partner-section .partner-title {font-size:32px; font-weight:700; margin-bottom:60px; color:#111;}
.partner-section .partner-group {background:#f9f9fb; border-radius:16px; padding:35px 25px; margin-bottom:50px; box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.partner-section .partner-group.large {padding:45px 30px;}
.partner-section .partner-subtitle {font-size:22px; font-weight:600; color:#1e3a8a; margin-bottom:25px; border-bottom:2px solid #d8e1f3; display:inline-block; padding-bottom:6px;}
.partner-section .univ-area-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:25px;}
.partner-section .univ-area {background:#fff; border-radius:12px; border:1px solid #e3e6f0; padding:20px 10px; box-shadow:0 3px 8px rgba(0,0,0,0.04); transition:transform 0.3s ease, box-shadow 0.3s ease;}
.partner-section .univ-area:hover {transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.partner-section .univ-tit {font-size:17px; font-weight:600; color:#1e3a8a; margin-bottom:15px; border-bottom:1px solid #e0e3ef; padding-bottom:5px;}
.partner-section .univ-grid {display:flex; flex-wrap:wrap; justify-content:center; gap:12px;}
.partner-section .partner-flex {display:flex; justify-content:space-between; gap:30px; margin-bottom:50px;}
.partner-section .partner-group.half {flex:1;}
.partner-section .partner-card {background:#fff; border-radius:10px; padding:10px; border:1px solid #dfe3f1; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; width:220px; height:90px; box-shadow:0 2px 4px rgba(0,0,0,0.04);}
.partner-section .partner-card:hover {background:#f9fbff; transform:none; box-shadow:0 3px 6px rgba(0,0,0,0.06);}
.partner-section .partner-card img {width:160px; height:70px; object-fit:contain; transition:none;}
.partner-section .partner-grid {display:flex; flex-wrap:wrap; justify-content:center; gap:18px;}

@media (max-width:1200px) {
  .partner-section .univ-area-wrap {grid-template-columns:repeat(2,1fr);}
  .partner-section .partner-flex {flex-direction:column;}
  .partner-section .partner-card {width:200px; height:85px;}
}
@media (max-width:768px) {
  .partner-section .univ-area-wrap {grid-template-columns:1fr;}
  .partner-section .partner-card {width:160px; height:80px;}
  .partner-section .partner-card img {width:120px; height:60px;}
}


/* ----- 창업지원 인프라 ----- */
.vision-main-list > ul {display:flex; flex-wrap:wrap; justify-content:start; align-items:stretch; margin:-15px;}
.vision-main-list > ul > li {width:calc(100% / 4); padding:15px;}
.vision-main-list .vision-main-title {position:relative; text-align:center; margin-bottom:25px;}
.vision-main-list .vision-title-text {font-size:20px; font-weight:700; color:#fff; height:80px; border-radius:12px; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; box-shadow:0 3px 8px rgba(0,0,0,0.15); overflow:hidden;}
.vision-main-list .vision-title-text.blue {background-color:#004a91;}
.vision-main-list .vision-title-text.teal {background-color:#00a59c;}
.vision-main-list .title-connector {position:absolute; left:50%; bottom:-25px; width:2px; height:25px; background:#d6d6d6; transform:translateX(-50%); border-radius:2px; z-index:1;}
.vision-main-list .vision-main-content {border:1px solid #ccc; border-radius:10px; padding:20px 25px; background-color:#fff; min-height:190px; display:flex; align-items:center; justify-content:flex-start;}
.vision-main-list .con-list6 {list-style:none; margin:0; padding:0;}
.vision-main-list .con-list6 li {position:relative; font-size:18px; color:#333; margin-bottom:8px; line-height:1.6; padding-left:18px;}
.vision-main-list .con-list6 li::before {content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:linear-gradient(135deg, #0077c8, #00b6ad);}

@media (max-width:1250px) {
  .vision-main-list > ul > li {width:50%;}
}
@media (max-width:768px) {
  .vision-main-list > ul > li {width:100%;}
  .vision-main-list .vision-title-text {font-size:16px; height:70px;}
  .vision-main-list .vision-main-content {min-height:auto; padding:15px 20px;}
}


/* ----- 선정 창업기업 -----*/
.company-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; padding-bottom:40px;}
.company-grid .company-card {border:2px solid #1e3a8a; border-radius:10px; padding:25px 20px; text-align:center; background:#fff; position:relative; overflow:hidden; transition:background 0.35s ease, box-shadow 0.35s ease, transform 0.25s ease;}
.company-grid .company-card:hover {background:#1e3a8a; color:#fff; box-shadow:0 6px 18px rgba(30,58,138,0.4); transform:translateY(-3px);}
.company-grid .company-card:hover .company-name, .company-grid .company-card:hover .ceo, .company-grid .company-card:hover .desc {color:#fff; transition:color 0.35s ease;}
.company-grid .company-name {color:#1e3a8a; font-size:18px; font-weight:700; margin-bottom:10px; transition:color 0.35s ease;}
.company-grid .company-divider {border:none; border-top:2px solid #c5d1f3; width:70%; margin:10px auto 15px; transition:border-color 0.35s ease;}
.company-grid .company-card:hover .company-divider {border-top-color:#fff;}
.company-grid .ceo.no-prefix::before {content:none;}
.company-grid .ceo {position:relative; font-size:16px; font-weight:600; color:#111; margin-bottom:8px; transition:color 0.35s ease;}
.company-grid .ceo::before {content:"대표 "; color:inherit; font-weight:500; transition:color 0.35s ease;}
.company-grid .desc {font-size:15px; color:#333; line-height:1.5; font-weight:400; transition:color 0.35s ease;}

@media (max-width:1200px) {
  .company-grid {grid-template-columns:repeat(4,1fr);}
}
@media (max-width:992px) {
  .company-grid {grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px) {
  .company-grid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px) {
  .company-grid {grid-template-columns:1fr;}
}


/* ----- 창업 프로그램 ----- */
.program-section {display:flex; flex-wrap:wrap; justify-content:center; gap:60px; margin:40px auto; max-width:1400px; padding:0 20px; box-sizing:border-box;}
.program-section .program-frame {width:600px; flex:0 0 600px; position:relative; display:flex; justify-content:center; align-items:stretch;}
.program-section .program-frame::before {content:""; position:absolute; top:35px; left:35px; width:calc(100% - 15px); height:calc(100% - 15px); border:2px solid #e3ebf4; border-radius:20px; z-index:1; pointer-events:none;}
.program-section .program-box {width:100%; position:relative; background:#f1f6fa; border-radius:20px; border:1px solid #d0e0ef; padding:35px 35px; box-shadow:0 8px 18px rgba(0,0,0,0.06); z-index:2; display:flex; flex-direction:column; justify-content:flex-start; min-height:280px; box-sizing:border-box;}
.program-section .program-box::before {content:attr(data-deco); position:absolute; top:72%; right:-75px; transform:translateY(-50%) rotate(90deg); font-size:14px; font-weight:700; color:#c6dcee; background:#fff; padding:0 6px; z-index:3;}
.program-section .program-header {padding-bottom:12px; margin-bottom:20px; border-bottom:2px solid #dbe7f3;}
.program-section .program-title {font-size:26px; color:#003c70; font-weight:600; line-height:1.4; word-break:keep-all;}
.program-section .program-content {display:flex; flex-direction:column; gap:14px;}
.program-section .program-content .info {font-size:17px; line-height:1.7; color:#333; position:relative; padding-left:14px; display:grid; grid-template-columns:110px 1fr; align-items:start;}
.program-section .program-content .info strong {color:#003c70; font-weight:600; position:relative;}
.program-section .program-content .info span {display:block; word-break:keep-all;}
.program-section .program-content .info strong::before {content:""; position:absolute; left:-10px; top:10px; width:6px; height:6px; border-radius:50%; background:linear-gradient(135deg, #6ca8dc, #003c70);}

@media (max-width:1024px) {
  .program-section {gap:40px;}
  .program-section .program-frame {width:100%; flex:0 0 100%;}
  .program-section .program-frame::before {top:30px; left:30px; width:calc(100% - 20px); height:calc(100% - 20px);}
  .program-section .program-box {padding:30px 25px; min-height:300px;}
  .program-section .program-box::before {right:-58px; top:70%; font-size:12px;}
  .program-section .program-title {font-size:22px;}
  .program-section .program-content .info {font-size:16px; grid-template-columns:95px 1fr;}
}
@media (max-width:768px) {
  .program-section {flex-direction:column; gap:30px;}
  .program-section .program-frame {width:100%;}
  .program-section .program-box {padding:25px 20px; min-height:auto;}
  .program-section .program-frame::before {top:25px; left:25px; width:calc(100% - 15px); height:calc(100% - 15px);}
  .program-section .program-box::before {top:60%;}
  .program-section .program-title {font-size:20px; text-align:center;}
  .program-section .program-content .info {grid-template-columns:1fr; gap:4px; font-size:15px;}
  .program-section .program-content .info strong {width:auto; font-size:15px;}
  .program-section .program-content .info span {padding-left:10px;}
}