@charset "utf-8";
/* 공통 */
.sub-pd { padding-bottom: 120px; }
.sub-pd.p0 { padding-bottom: 0; }
.sub-tbl-wrap { overflow: auto;}
.sub-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
.sub-tbl tr { border-bottom: 1px solid #ddd; }
.sub-tbl tr th { border-right: 1px solid #ddd; background: #ebeef0; font-weight: 700; color: #121212; line-height: 1.2em; padding: 16px 10px;}
.sub-tbl tr th:last-child { border: none; }
.sub-tbl tr th.bd { border-right: 1px solid #ddd;}
.sub-tbl tr td { border-right: 1px solid #ddd; text-align: center; padding: 15px 10px;}
.sub-tbl tr td.bd { border-right: 1px solid #ddd;}
.sub-tbl tr td:last-child { border: none; }
.sub-tbl.it tr:hover { background: #f9f9f9;}
.sub-tbl.it tr td { font-size: 14px; }
.sub-tbl.it tr td a { display: inline-block; color: #121212; font-weight: 600;}
.sub-tbl.it tr:hover td a { text-decoration: underline; text-underline-position: under;}
.sub-tbl.fz tr td { line-height: 1.6em; font-weight: 400; padding: 18px 10px;}
.sub-tbl.fz tr td.fw { font-size: 14px; }
.sub-tbl.fz tr td.fw strong { color: #121212; font-weight: 600; font-size: 16px; }
.sub-tbl.fz tr td .fx { display: flex; align-items: center; padding-left: 10px; flex-wrap: wrap;}
.sub-tbl.fz tr td .clr { line-height: 1.1em; color: var(--color-primary); font-size: 12px; font-weight: 500; padding: 5px 10px 4px; border-radius: 4px; background: #f9e6eb; display: inline-block; margin-left: 10px; }
.sub-tbl tr th.bg { font-size: 14px; font-weight: 600; padding: 14px 10px; background: #f9f9f9; }
.sub-tbl tr td.bg { background: #f9f9f9; font-size: 14px; padding: 10px; font-weight: 600;}
.sub-tbl tr td.bg.fw { color: #121212; font-weight: 600; }
.sub-tbl tr td.in { padding: 0; background: #718391; }
.sub-tbl tr td.black { color: #121212; font-weight: 600; font-size: 14px; }
.subtab {text-align:center; margin-bottom:60px; display:flex; border-radius: 8px 8px 0 0; overflow: hidden;}
.subtab li {flex:1; height:60px; border:1px solid #ddd; border-right:0; border-bottom:1px solid var(--color-primary); background:#f9f9f9; }
.subtab li:first-child {border-radius: 8px 0 0 0;}
.subtab li:last-child {border-right:1px solid #ddd; border-radius: 0 8px 0 0;}
.subtab li a {display:flex; align-items:center; justify-content:center; height:100%; font-size:16px; font-weight:400; line-height:1.3em;}
.subtab li.active {border:1px solid var(--color-primary); border-bottom:1px solid #fff; background:#fff;}
.subtab li.active a { color: var(--color-primary); font-weight: 600; }
.subtab li.active + li {border-left-color:#e1e1e1;}

/* 인사말 */
.gt-img { border-radius: 16px; overflow: hidden; z-index: -1; }
.gt-big { padding: 0 20px; position: relative;  margin-bottom: 60px; margin-top: -39px;}
.gt-big .big { font-size: 64px; font-family: var(--paperlogy); font-weight: 700; color: #121212; line-height: 1.15em; }
.gt-big .big span { color: var(--color-primary);}
.gt-big h4 { text-align: right; font-size: var(--font-size24); font-weight: 700; color: var(--color-secondary); line-height: 1.3em; margin-top: 30px; }
.gt p { margin-bottom: 30px; line-height: 1.666em; font-size: var(--font-size18);}
.gt p span { color: #121212; font-weight: 600; }
.gt strong { text-align: right; display: block; font-size: var(--font-size20); font-weight: 700; line-height: 1.66em; color: #121212; }
.gt-fx { display: flex; align-items: center; }
.gt-fx .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.gt-fx .img img { border-radius: 16px; }

/* 조직도 */
.organ img { width: 100%; }
.organ-tbl { text-align: center; }
.organ-tbl .sub-tbl-wrap { display: none; margin-top: 100px; }

/* 참여기업소개 및 취업 */
.it-subtit { font-size: 14px; color: var(--color-secondary); font-weight: 500; line-height: 1.2em; position: relative; padding-left: 20px; }
.it-subtit::before { content: ""; position: absolute; left: 0; width: 15px; height: 2px; background: var(--color-secondary); top:7px; }
.it-tit { font-size: var(--font-size24); font-weight: 700; line-height: 1.2em; color: #121212; margin: 10px 0 13px;}
.it-txtbox { background: #f4f6f7; border-radius: 0 8px 8px 0; padding: 28px 10px; padding-left: 40px; font-size: var(--font-size18); color: var(--color-secondary); line-height: 1.3em; position: relative; font-weight: 600; margin:35px 0 20px; }
.it-txtbox.mg { margin: 0; }
.it-txtbox span { color: var(--color-primary); font-weight: 700; }
.it-txtbox::before { content: ""; position: absolute; left: 0; width: 4px; height: 100%; background: var(--color-secondary); top: 0; }
.it-txtbox.fz { font-size: 14px; font-weight: 400; margin: 0; line-height: 1.57em; }
.it-txtbox.fz strong { display: block; color: var(--color-primary); margin-top: 10px; }
.it-txtbox.fz span { font-weight: 700; color: var(--color-primary); }
.it-wrap { display: flex; border-radius: 8px; overflow: hidden; border: 1px solid #ddd; flex-wrap: wrap;}
.it-wrap .col { width: calc(100%/4); text-align: center; }
.it-wrap .col .tit { color: #fff; position: relative; font-weight: 700; line-height: 1.1em; padding: 17px 10px; background: var(--color-primary);}
.it-wrap .col .tit::after { content: ""; position: absolute; left: 0; bottom: -10px; right: 0; margin: auto; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid var(--color-primary); width: 0; height: 0;}
.it-wrap .col .tit.bg2 { background: #214b73; }
.it-wrap .col .tit.bg2::after { border-top-color: #214b73; }
.it-wrap .col .tit.bg3 { background: #2F4858; }
.it-wrap .col .tit.bg3::after { border-top-color: #2F4858; }
.it-wrap .col .tit.bg4 { background: #564681; }
.it-wrap .col .tit.bg4::after { border-top-color: #564681; }
.it-wrap .col ul { padding: 25px 20px; border-right: 1px solid #ddd; height: 100%; }
.it-wrap .col:last-child ul { border: none; }
.it-wrap .col ul li { border-bottom: 1px solid #ddd; text-align: center; padding: 15px 10px; font-size: 14px; font-weight: 400; }
.it-wrap .col ul li:last-child { border: none; }
.it-pc { display: flex; gap: 10px; }
.it-pc li { border: 1px solid #ddd; padding: 30px 15px; border-radius: 8px; text-align: center; position: relative; width: calc(100%/7); margin-top: 26px; }
.it-pc li::after { content: ""; position: absolute; right: 50%; width: calc(100% + 10px); background: #7e6eaf; height: 2px; top: -19px; z-index: -1; }
.it-pc li::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 16px; height: 16px; border-radius: 16px; background: #48206e; border: 2px solid #fff; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15)); top: -26px; }
.it-pc li .tit { line-height: 1.2em; font-weight: 700; color: #48206e; }
.it-pc li .ctr { display: inline-block; line-height: 1em; padding: 5px 9px; border-radius: 25px; background: #48206e; color: #fff; margin: 8px 0 18px; font-size: 12px; font-weight: 600; }
.it-pc li .txt { font-size: 12px; line-height: 1.5em; font-weight: 400; }
.it-pc li:first-child::after { display: none; }
.it-pc li.bg2::before { background: #7e6eaf;}
.it-pc li.bg3::before { background: #2CA3ED;}
.it-pc li.bg4::before { background: #68C5D4;}
.it-pc li.bg5::before { background: #9ABD3C;}
.it-pc li.bg6::before { background: #F48B37;}
.it-pc li.bg7::before { background: #C10230;}
.it-pc li.bg2 .tit { color: #7e6eaf;}
.it-pc li.bg3 .tit { color: #2CA3ED;}
.it-pc li.bg4 .tit { color: #68C5D4;}
.it-pc li.bg5 .tit { color: #9ABD3C;}
.it-pc li.bg6 .tit { color: #F48B37;}
.it-pc li.bg7 .tit { color: #C10230;}
.it-pc li.bg2 .ctr { background: #7e6eaf;}
.it-pc li.bg3 .ctr { background: #2CA3ED;}
.it-pc li.bg4 .ctr { background: #68C5D4;}
.it-pc li.bg5 .ctr { background: #9ABD3C;}
.it-pc li.bg6 .ctr { background: #F48B37;}
.it-pc li.bg7 .ctr { background: #C10230;}
.it-pc li.bg3::after { background: #2CA3ED;}
.it-pc li.bg4::after { background: #68C5D4;}
.it-pc li.bg5::after { background: #9ABD3C;}
.it-pc li.bg6::after { background: #F48B37;}
.it-pc li.bg7::after { background: #C10230;}
.it-map { margin: 40px 0; padding: 40px 0; border-radius: 8px; background: #f9f9f9; position: relative; }
.it-map h3 { position: absolute; left: 40px; top: 38px; color: #121212; font-size: var(--font-size24); font-weight: 600; line-height: 1.2em; }
.it-map .img { text-align: center; }
.it-map .info { position: absolute; bottom: 40px; right: 100px; min-width: 200px; padding: 30px 20px 25px; border-radius: 8px; border: 1px solid #ddd; background: #fff; }
.it-map .info h5 { font-size: 16px; color: #121212; font-weight: 700; line-height: 1.2em; margin-bottom: 15px; }
.it-map .info strong { color: #121212; font-weight: 600; }
.it-map .info .jum-txt p { font-size: 14px; padding-bottom: 5px; padding-left: 9px;}
.it-map .info .jum-txt p:last-child { padding-bottom: 0; }
.it-map .info .jum-txt p::before { width: 4px; height: 4px; top: 9px; }
.it-map .info .total-num { display: block; font-size: 14px; font-weight: 700; margin-top: 12px; color: #121212; }
.it-map .info .total-num .num { color: var(--color-primary);}

/* 오시는 길 */
.map-wrap { border-radius: 16px; overflow: hidden; position: relative; margin-bottom: 40px; }
.map-wrap .flex { padding: 28px 50px; background: rgba(193, 2, 48, 0.9); color: #fff; display: flex; align-items: center; left: 0; bottom: 0; width: 100%; position: absolute; z-index: 9; gap: 10px 55px; flex-wrap: wrap;}
.map-wrap .col { display: flex; font-size: var(--font-size18); }
.map-wrap .col .tit { display: flex; align-items: center; padding-right: 20px; }
.map-wrap .col .tit strong { padding-left: 10px; font-weight: 700; line-height: 1.2em; }
.map-wrap .col .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.lct { border-top: 1px solid #121212;}
.lct .col { border-bottom: 1px solid #ddd; padding: 48px 55px; display: flex; align-items: flex-start;}
.lct .col img { margin-top: 6px; }
.lct .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 58px; }
.lct .col .info h4 { font-size: var(--font-size20); color: #121212; font-weight: 700; line-height: 1.2em; margin-bottom: 18px; }
.lct .col .line { display: flex; align-items: center; margin-bottom: 12px; }
.lct .col .line:last-child { margin-bottom: 0; }
.lct .col .line span { display: inline-block; }
.lct .col .line .clr { line-height: 1.1em; font-size: 14px; font-weight: 600; padding: 5px 10px; border-radius: 4px; color: #fff; background: #59be0a; margin-right: 10px; }
.lct .col .line .clr.bg2 { background: #6175f5;}
.lct .col .line .clr.bg3 { background: #8C8621;}
.lct .col .line .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.lct .col p { font-size: var(--font-size18); margin-top: 17px; }
.lct .col p strong { color: #121212; font-weight: 600;}

/* 사업소개 */
.sub2-titbox { padding-bottom: 30px; }
.sub2-tit { padding-left: 26px; font-size: var(--font-size24); font-weight: 700; color: #121212; line-height: 1.2em; position: relative;}
.sub2-tit span { font-size: 16px; color: #878787; }
.sub2-tit::before { content: ""; position: absolute; left: 0; top:6px; width: 16px; height: 16px; background: url(../images/sub/tit-bf.png) center no-repeat; background-size: contain; }
.sub2-titbox p { margin-top: 15px;}
.sub2-tit.mg { margin-bottom: 20px; }
.biz-intro { margin-bottom: 60px; }
.biz-intro .intro-box { border: 1px solid #ddd; border-radius: 16px; overflow: hidden;}
.biz-intro .row-wrap { padding: 0 40px;}
.biz-intro .row { display: flex; align-items: center; gap: 60px; padding: 35px 0; }
.biz-intro .row .label { font-weight: 600; color: #214b73; line-height: 1em; flex-shrink: 0; width: 88px; }
.biz-intro .row1 { border-bottom: 1px solid #ddd;}
.biz-intro .row1 .budget { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.biz-intro .row1 .budget .item { font-size: 14px; color: #505050; line-height: 1.29em; }
.biz-intro .row1 .budget .item strong { font-size: var(--font-size18); font-weight: 700; color: #121212; }
.biz-intro .row1 .budget .item strong.total { font-size: var(--font-size24); color: var(--color-primary); }
.biz-intro .row1 .budget .term { color: #878787; }
.biz-intro .row1 .budget .op { font-size: var(--font-size18); color: #505050; line-height: 1em; }
.biz-intro .line { height: 1px; background: #d9d9d9; margin: 30px 0; width: 100%; }
.biz-intro .row2 .cont { flex: 1 1 auto; min-width: 0; color: #505050; line-height: 1.625em; }
.biz-intro .row2 .cont p { margin: 0; }
.biz-intro .row2 .cont strong { font-weight: 600; color: var(--color-primary); }
.biz-intro .intro-banner { padding: 17px 20px; background: #505050; color: #fff; text-align: center; font-weight: 600; line-height: 1em; }
.biz-vision .top { display: flex; flex-wrap: wrap; gap: 20px; }
.biz-vision .top .col { color: #fff; width: calc(100%/2 - 10px); padding: 30px; border-radius: 8px; display: flex; align-items: center; overflow: hidden; position: relative; }
.biz-vision .top .col.bg1 { background: var(--color-primary); }
.biz-vision .top .col.bg2 { background: #214B73; }
.biz-vision .top .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 30px; }
.biz-vision .top .col .info h5 { font-weight: 600; font-size: 16px; line-height: 1.2em; margin: 18px 0 10px;}
.biz-vision .top .col .info h4 { font-size: var(--font-size20); font-weight: 700; line-height: 1.2em; }
.biz-vision .top .col .ctr { display: inline-block; line-height: 1.1em; padding: 5px 10px 4px; font-size: 12px; border-radius: 4px; background: rgba(255, 255, 255, 0.20); font-weight: 500; }
.biz-vision .top .col .circle { position: absolute; bottom: -35px; right: -35px; width: 120px; height: 120px; border-radius: 120px; background: rgba(255,255,255,0.1);}
.biz-vision .mid { text-align: center; font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.3em; margin: 40px 0 15px;}
.biz-vision .btm { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 40px; }
.biz-vision .btm .col { width: calc(100%/3 - 6px); border: 1px solid #ddd; text-align: center; padding: 30px 10px; border-radius: 8px; }
.biz-vision .btm .col .percent { line-height: 1.2em; font-size: var(--font-size32); font-weight: 700; margin: 20px 0 15px;}
.biz-vision .btm .col .percent.clr1 { color: #C10230;}
.biz-vision .btm .col .percent.clr2 { color: #004483;}
.biz-vision .btm .col .percent.clr3 { color: #564681;}
.biz-vision .btm .col .tit { font-weight: 600; color: #121212; margin-bottom: 5px; }
.biz-vision .btm .col .txt { font-size: 14px; color: #878787; line-height: 1.3em; }
.biz-vision .chk-txt .group { margin-bottom: 10px; display: flex; padding: 15px 20px 13px; border-radius: 8px; background: #f4f4f4; align-items: flex-start;}
.biz-vision .chk-txt .group img { position: relative; top: 2px; }
.biz-vision .chk-txt .group p { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 10px; line-height: 1.4em; }
.biz-outline { display: flex; flex-wrap: wrap; gap: 20px; }
.biz-outline .col { width: calc(100%/2 - 10px); padding: 30px; border: 1px solid #ddd; border-radius: 8px; }
.biz-outline .col .ctr { line-height: 1.2em; color: var(--color-primary); font-size: 14px; font-weight: 600; }
.biz-outline .col .ctr.clr { color: var(--color-secondary);}
.biz-outline .col .tit { line-height: 1.2em; margin: 10px 0 15px; font-size: var(--font-size20); font-weight: 700; color: #121212; }
.biz-logo { display: flex; align-items: center; margin: 40px 0 60px; padding: 30px; border-radius: 8px; background: #f4f4f4; }
.biz-logo .tit { width: 100px; color: var(--color-primary); font-size: var(--font-size18); font-weight: 600; line-height: 1.2em; }
.biz-logo .wrap { flex:1 1 auto; min-width: 0; width: 1%; display: flex; gap: 12px; flex-wrap: wrap;}
.biz-logo .wrap .item { width: calc(100%/4 - 9px); background: #fff; padding: 15px; border-radius: 8px; display: flex; align-items: center;}
.biz-logo .wrap .item .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 15px; }
.biz-logo .wrap .item .info .tt { font-weight: 600; color: #121212; margin-bottom: 3px; }
.biz-logo .wrap .item .info .txt { font-size: 14px; font-weight: 400; }
.biz-com .titbox { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.biz-com .titbox h3 { line-height: 1.2em; font-size: var(--font-size20); color: #000; font-weight: 700; }
.biz-com .titbox span { font-size: 14px; line-height: 1.1em; padding: 8px 10px; color: var(--color-primary); font-weight: 600; border-radius: 25px; background: rgba(193, 2, 48, 0.05); }
.biz-com ul { display: flex; flex-wrap: wrap; gap: 12px;}
.biz-com ul li { width: calc(100%/6 - 10px); border: 1px solid #ddd; padding: 16px 10px; text-align: center; border-radius: 8px; border: 1px solid #ddd; font-size: 14px; font-weight: 600; }
.biz-bg { padding: 60px 10px; color: #fff; text-align: center; border-radius: 8px; background: url(../images/sub/sub2-big.jpg) center no-repeat; background-size: cover; }
.biz-bg .ctr { display: inline-block; font-weight: 500; padding: 7px 10px; border-radius: 25px; background: rgba(255, 255, 255, 0.2); margin-bottom: 20px; }
.biz-bg .tit { font-size: var(--font-size24); line-height: 1.5em; font-weight: 700; }
.biz-bg .tit span { color: var(--color-primary); }
.biz-pp { display: flex; flex-wrap: wrap; gap: 21px; margin: 40px 0 60px;}
.biz-pp .col { width: calc(100%/3 - 14px); border-radius: 8px; border: 1px solid #ddd; padding: 30px; }
.biz-pp .col .num { background: linear-gradient(135deg, #C10230 0%, #5B0117 100%); color: #fff; border-radius: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: var(--font-size18); font-weight: 700; line-height: 1.1em; }
.biz-pp .col .tit { margin: 15px 0; font-size: var(--font-size18); font-weight: 700; line-height: 1.556em; color: #121212; }
.biz-pp .col .jum-txt p { padding: 15px 0; border-bottom: 1px solid #ddd; padding-left: 16px; font-size: 14px; line-height: 1.57em; font-weight: 400; }
.biz-pp .col .jum-txt p:last-child { border: none; }
.biz-pp .col .jum-txt p::before { top: 22px; }
.biz-pp2 { display: flex; flex-wrap: wrap; gap: 21px; }
.biz-pp2 .col { width: calc(100%/3 - 14px); padding: 30px 10px; text-align: center; border-radius: 8px; background: #f4f4f4; }
.biz-pp2 .col .tit { font-size: var(--font-size18); color: #121212; font-weight: 700; line-height: 1.2em; margin: 18px 0 15px;}
.biz-pp2 .col .txt { font-size: 14px; line-height: 1.42em; }
.biz-pp-tit { text-align: center; color: var(--color-secondary); font-weight: 600; line-height: 1.3em; margin-top: 28px; }
.sub2-diagram { text-align: center; overflow: auto;}
.biz-pk { display: flex; flex-wrap: wrap; gap: 80px; margin-top: 60px; }
.biz-pk .col { width: calc(100%/2 - 40px); position: relative; padding: 40px 30px; border: 1px solid #ddd; background: #f9f9f9; border-radius: 16px; }
.biz-pk .col::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: -60px; width: 40px; height: 21px; background: url(../images/sub/sub2-equal.png) center no-repeat; background-size: contain; }
.biz-pk .col:last-child::after { display: none; }
.biz-pk .col h4 { padding-bottom: 14px; line-height: 1.2em; font-size: var(--font-size18); color: #000; font-weight: 700; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.biz-pk .col .hash { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;  }
.biz-pk .col .hash span { padding: 5px 8px; font-size: 12px; font-weight: 400; border-radius: 4px; border: 1px solid #ddd; background: #fff; display: inline-block; line-height: 1.2em; }
.biz-pk .col .group { margin-bottom: 10px; padding: 20px; background: #fff; border-radius: 8px; border: 1px solid #ddd;}
.biz-pk .col .group:last-child { margin-bottom: 0; }
.biz-pk .col .group h5 { color: #214b73; position: relative; font-size: 14px; font-weight: 600; line-height: 1.2em; margin-bottom: 14px; padding-left: 16px; }
.biz-pk .col .group h5::before { content: ""; position: absolute; left: 0; width: 8px; height: 8px; border-radius: 8px; background: #214b73; top: 2px; }
.biz-pk .col .group .txt p { position: relative; padding-left: 14px; font-size: 12px; font-weight: 400; margin-bottom: 8px; line-height: 1.4em; }
.biz-pk .col .group .txt p:last-child { margin-bottom: 0; }
.biz-pk .col .group .txt p::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #ccc; top: 6px; }
.biz-pk .col .group.red h5 { color: var(--color-primary);}
.biz-pk .col .group.red h5::before { background: var(--color-primary);}
.biz-pk .col .group.purple h5 { color: #564681;}
.biz-pk .col .group.purple h5::before { background: #564681;}
.biz-roadmap { display: flex; flex-wrap: wrap; position: relative; gap: 39px; border-top: 2px solid #ddd;}
.biz-roadmap .col { width: calc(100%/3 - 26px); text-align: center; padding-top: 35px; position: relative; }
.biz-roadmap .col::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 24px; height: 24px; top: -12px; border-radius: 24px; background: #d45271;}
.biz-roadmap .col::after { content: ""; position: absolute; right: -27px; top: -11px; width: 15px; height: 21px; background: url(../images/sub/sub2-polygon.png) center no-repeat; background-size: contain; }
.biz-roadmap .col:last-child::after { display: none; }
.biz-roadmap .col .ctr { display: inline-block; line-height: 1.1em; font-weight: 600; padding: 7px 10px 6px; border-radius: 25px; background: #d45271; color: #fff; }
.biz-roadmap .col .tit { margin: 20px 0 25px; line-height: 1.2em; color: #121212; font-size: var(--font-size20); font-weight: 700; }
.biz-roadmap .col .txt { padding: 15px 20px; border-radius: 8px; border: 1px solid #ddd;}
.biz-roadmap .col .txt p { position: relative; padding: 14px 0; border-bottom: 1px dashed #ddd; font-size: 14px; font-weight: 400; padding-left: 22px; text-align: left; }
.biz-roadmap .col .txt p::before { content: ""; position: absolute; left: 0; width: 12px; height: 9px; top: 21px; background: url(../images/sub/sub2-chk2.png) center no-repeat; background-size: contain; }
.biz-roadmap .col .txt p:last-child { border: none; }
.biz-roadmap .col.bg2::before { background: #c10230; }
.biz-roadmap .col.bg2 .ctr { background: #c10230; }
.biz-roadmap .col.bg3::before { background: #830120; }
.biz-roadmap .col.bg3 .ctr { background: #830120; }
.biz-effect { display: flex; flex-wrap: wrap; gap: 42px; margin-top: 40px; }
.biz-effect .col { width: calc(100%/3 - 28px); }
.biz-effect .col img { border-radius: 8px; }
.biz-effect .col .info { padding-top: 20px; padding-left: 10px; }
.biz-effect .col .info .num { font-size: 14px; color: #878787; font-weight: 600; line-height: 1.1em; }
.biz-effect .col .info .tit { font-size: var(--font-size20); color: #121212; font-weight: 700; margin: 12px 0;}
.biz-map { display: flex; align-items: flex-start;} 
.biz-map .left { width: 440px; margin-right: 60px; }
.biz-map .left .img { position: relative; text-align: center; border-radius: 8px; margin-bottom: 10px; }
.biz-map .left .img::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd; border-radius: 8px; }
.biz-map .left .tit { font-size: var(--font-size18); font-weight: 700; line-height: 1.666em; padding: 18px 10px; color: #fff; border-radius: 8px; text-align: center; background: #214b73;}
.biz-map .right { flex: 1 1 auto; min-width: 0; width: 1%; }   
.biz-map .right .col { display: flex; margin-bottom: 60px; }
.biz-map .right .col:last-child { margin-bottom: 0; }
.biz-map .right .num { width: 40px; height: 40px; border-radius: 8px; background: linear-gradient(135deg, #C10230 0%, #5B0117 100%); font-size: var(--font-size18); line-height: 1em; display: flex; align-items: center; justify-content: center; margin-right: 20px; color: #fff; font-weight: 700; }
.biz-map .right .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.biz-map .right .info h4 { font-size: var(--font-size20); line-height: 1.2em; color: #121212; font-weight: 700; padding-bottom: 13px; margin-bottom: 20px; border-bottom: 2px solid #ddd;}
.biz-map .right .info .inner { padding: 40px 30px; border-radius: 8px; border: 1px solid #ddd; background: #f4f6f8; margin-bottom: 20px; }
.biz-map .right .info .inner:last-child { margin-bottom: 0; }
.biz-map .right .info .inner h5 { margin-bottom: 28px; color: var(--color-primary); font-weight: 700; font-size: 16px; }
.biz-map .right .info .inner .txt p { position: relative; font-size: 14px; font-weight: 400; padding-left: 22px; text-align: left; line-height: 1.57em; margin-bottom: 15px; }
.biz-map .right .info .inner .txt p:last-child { margin-bottom: 0; }
.biz-map .right .info .inner .txt p::before { content: ""; position: absolute; left: 0; width: 12px; height: 9px; top: 5px; background: url(../images/sub/sub2-chk2.png) center no-repeat; background-size: contain; }
.biz-map .right .info .inner .txt p span { font-size: 12px; color: #878787; }

/* 인력양성과정소개 */
.sub3-comp { display: flex; flex-wrap: wrap; gap: 20px; }
.sub3-comp .col { width: calc(100%/2 - 10px); border: 1px solid var(--color-primary); padding: 30px; border-radius: 8px; }
.sub3-comp .col h4 { font-size: var(--font-size18); color: var(--color-primary); font-weight: 700; line-height: 1.2em; margin-bottom: 20px; }
.sub3-comp .col .jum-txt p { padding-bottom: 6px; }
.sub3-comp .col .jum-txt p:last-child { padding-bottom: 0; }
.sub3-comp .col .jum-txt p strong { color: #121212; font-weight: 600; }
.sub3-comp .col.clr { border-color: var(--color-secondary);}
.sub3-comp .col.clr h4 { color: var(--color-secondary);}
.sub3-contents { display: none; }
.sub3-contents.active { display: block; }
.sub3-contents .top { display: flex; align-items: center ;}
.sub3-contents .top img { margin-right: 15px;}
.sub3-contents .top .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.sub3-contents .top .info h4 { color: #121212; font-size: var(--font-size20); font-weight: 700; line-height: 1.2em; margin-bottom: 6px; }
.sub3-contents .top .info p { font-size: 14px; font-weight: 400; }
.sub3-contents .mid { display: flex; flex-wrap: wrap; gap: 21px; margin: 20px 0;}
.sub3-contents .mid .col { width: calc(100%/3 - 14px); border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
.sub3-contents .mid .col .tit { text-align: center; color: #fff; font-weight: 700; line-height: 1.1em; padding: 15px 10px 14px; background: #4a6a80; }
.sub3-contents .mid .col .tit.clr2 { background: #214B73;}
.sub3-contents .mid .col .tit.clr3 { background: var(--color-primary);}
.sub3-contents .mid .col ul { padding: 15px 20px 20px;}
.sub3-contents .mid .col ul li { padding: 13px 0; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400;}
.sub3-contents .mid .col ul li:last-child { border: none; }
.sub3-contents .mid .col ul li strong { font-size: 12px; color: #214b73; line-height: 1.1em; padding: 5px 10px 4px; border-radius: 4px; background: #f4f6f7; margin-right: 8px; }
.sub3-contents .mid .col ul li strong.red { color: var(--color-primary); background: #f9e6eb; }
.sub3-contents .btm { color: #fff; display: flex; align-items: center; padding: 20px; background: #214b73; border-radius: 8px; margin-top: 40px; }
.sub3-contents .btm .tit { display: flex; align-items: center; margin-right: 40px; }
.sub3-contents .btm .tit strong { padding-left: 15px; font-size: var(--font-size20); font-weight: 700; line-height: 1.1em; }
.sub3-contents .btm .chk { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; gap: 10px 50px; flex-wrap: wrap;}
.sub3-contents .btm .chk span { color: #fff; font-weight: 400; padding-left: 30px; position: relative; display: inline-block; }
.sub3-contents .btm .chk span::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(../images/sub/sub3-chk.png) center no-repeat; background-size: contain;}
.sub3-open-top { display: flex; padding: 30px; border-radius: 8px; background: #f4f4f4; padding-bottom: 27px; }
.sub3-open-top h4 { width: 100px; font-size: var(--font-size18); font-weight: 600; color: var(--color-primary); line-height: 1.2em; }
.sub3-open-top p { flex: 1 1 auto; min-width: 0; width: 1%; }
.sub3-open-mid { margin: 20px 0 60px; display: flex; gap: 21px; flex-wrap: wrap;}
.sub3-open-mid .col { width: calc(100%/3 - 14px); border: 1px solid #ddd; border-radius: 8px; overflow: hidden; position: relative; }
.sub3-open-mid .col .top { padding: 30px; padding-bottom: 74px; }
.sub3-open-mid .col h4 { line-height: 1.2em; font-size: var(--font-size18); color: #121212; font-weight: 700; margin-bottom: 28px; }
.sub3-open-mid .col h5 { line-height: 1.2em; font-size: 14px; color: var(--color-primary); font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.sub3-open-mid .col .jum-txt { margin: 20px 0 30px;}
.sub3-open-mid .col .jum-txt p { padding-bottom: 13px; font-size: 14px; font-weight: 400; }
.sub3-open-mid .col .jum-txt p:last-child { padding-bottom: 0;  }
.sub3-open-mid .col .jum-txt p::before { top: 8px; }
.sub3-open-mid .col .gray { padding: 20px; border-radius: 8px; background: #f4f6f7; }
.sub3-open-mid .col .gray .tit { font-size: 14px; line-height: 1.2em; color: #214b73; font-weight: 600; margin-bottom: 15px; }
.sub3-open-mid .col .txt p { position: relative; font-size: 12px; color: #214b73; font-weight: 400; padding-left: 10px; line-height: 1.5em; margin-bottom: 10px; }
.sub3-open-mid .col .txt p:last-child { margin-bottom: 0; }
.sub3-open-mid .col .txt p::before { content: ""; position: absolute; width: 5px; height: 1px; background: #214b73; left: 0; top: 8px; }
.sub3-open-mid .col .btm { display: flex; padding: 10px 30px; background: #f4f6f7; justify-content: space-between; font-size: 14px; position: absolute; left: 0; bottom: 0; width: 100%; }
.sub3-open-mid .col .btm span { color: #121212; font-weight: 700; }
.sub3-open-mid .col .btm strong { color: var(--color-primary);}
.sub3-wrap { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0;}
.sub3-wrap .col { width: calc(100%/2 - 10px); border: 1px solid #ddd; border-radius: 16px; padding: 30px; }
.sub3-wrap .col .tit { line-height: 1.2em; font-weight: 700; color: #121212; font-size: var(--font-size18); margin: 20px 0 30px;}
.sub3-wrap .col .tit span { line-height: 1.1em; font-size: 12px; font-weight: 600; color: var(--color-primary); padding: 5px 10px 4px; margin-left: 8px; border-radius: 4px; background: #f9e6eb; position: relative; top: -2px; }
.sub3-wrap .col .txt { line-height: 1.5em; }