.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.75em; letter-spacing:-.03em; border-top: 2px solid #1ea6e0;}
.sub-table.layout-fixed {table-layout: fixed;}
.sub-table th {padding:15px 8px; border:1px solid #ddd; background: #fbfbfb; color: #242424; font-size: 1.063em; font-weight: 600;}
.sub-table td {padding:15px 8px; border:1px solid #ddd; color: #454545; text-align:center;}
.sub-table td.left {text-align: left; padding-left: 30px;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

/** CSS 추가 **/
.table-wrap2 {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table2 {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.75em; letter-spacing:-.03em; }
.sub-table2.layout-fixed {table-layout: fixed;}
.sub-table2 th {padding:10px 8px; border:1px solid #ddd; background: #04946f; color: white; font-size: 1.063em; font-weight: 600;}
.sub-table2 td {padding:10px 8px; border:1px solid #04946f; color: #454545; text-align:center;}
.sub-table2 td.left {text-align: left; padding-left: 10px;}
.sub-table2 tr th:first-child,
.sub-table2 tr td:first-child {border-left:0;}
.sub-table2 tr th:last-child,
.sub-table2 tr td:last-child {border-right:0;}
/** -- CSS 추가 -- **/

.doc-tit {position: relative; color: #242424; font-size:28px; letter-spacing:-.03em; line-height:1.4em; padding-left: 40px; margin-bottom: 15px;}
.doc-tit:before {content:""; position: absolute; top: 4px; left: 0; width: 29px; height: 29px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-cnt {margin-bottom: 75px; color: #454545;}
.doc-cnt:last-child {margin-bottom: 0;}

.dot-list > li {position: relative; padding-left: 16px;}
.dot-list > li:before {content:""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius:100%; background-color: #bbe4f6;}
.dot-list.ty2 > li:before {width: 5px; height: 5px; background-color: #c4c4c4;}

.dot-list2 > li{padding-left: 0.438em; text-indent: -0.438em;}

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em;}
.hypen-list > li:last-child{margin-bottom: 0;}

.pic-list ul {display: flex;flex-wrap:wrap; margin: -13px;}
.pic-list ul li {width: 50%; padding: 13px;}

.refer {color: #454545; line-height: 1.5; letter-spacing: -.03em; margin-top: 20px;}

/* 설립목적 및 비전 */
.task-list {margin-top: 40px;}
.task-list ul {display: flex;justify-content: space-between; margin: -10px;}
.task-list ul li {padding: 10px;}

.vision {}
.vision .group {display: flex; margin: -10px -5px;}
.vision .group > div {display: table; border-radius:8px; margin: 10px 5px;}
.vision .group .cell {display: table-cell; vertical-align:middle; padding: 10px;}
.vision .group .title {width: 230px; min-height: 120px;  text-align: center; background-color: #199cce; color: #fff; font-size: 25px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em;}
.vision .group .desc {flex: 1 1 auto; min-width: 0; width: 1%; background-color: #e8f5fa; border: 1px solid #ddd; text-align: center; color: #454545; font-size: 1.25em; line-height: 1.6; letter-spacing: -.03em;}
.vision .group .desc.none {background-color: transparent; border: 0;}
.vision .group .desc strong {display: block; color: #242424; font-weight: 600;}
.vision .group .desc .row {display: flex;justify-content: space-between; margin: -10px -5px;}
.vision .group .desc .row .col {width: 33.33333333%; height: 100%; margin: 10px 5px; border: 1px solid #ddd; border-radius:8px; overflow:hidden;}
.vision .group .desc .row .col > div {display: table; width: 100%;}
.vision .group .desc .row .col .tt {height: 55px; color: #fff; text-align: center; background-color: #e83430;}
.vision .group .desc .row .col .tt strong {color: #fff;}
.vision .group .desc .row .col .txt {min-height: 85px; color: #454545; font-size: 0.9em; line-height: 1.556em;}

.strategy {font-size: 1.125em; line-height: 1.556; letter-spacing: -.03em;}
.strategy .row {display: flex; margin: -10px -5px;}
.strategy .row .col {display: table; width: 21.9166666%; margin: 10px 5px; border-radius:6px; text-align: center;}
.strategy .row .col.long {flex: 1 1 auto; min-width: 0; width: 1%;}
.strategy .row .col .cell {display: table-cell; vertical-align:middle;}

.strategy .head .col {height: 50px; background-color: #199cce; color: #fff; text-align: center;}
.strategy .head .col strong {font-weight: 500;}
.strategy .body .col {min-height: 130px; background-color: #f8f8f8; border: 1px solid #ddd; color: #454545;}
.strategy .body .col {padding: 5px;}

/* greetings */
.greetings {position: relative;}
.greetings .img {position: absolute; top: -50px; left: 0; width: 40.83333%; z-index: 1;}
.greetings .txt {position: relative; background-color: #f8f8f8; margin: 50px 0 0 50px;}
.greetings .txt:before {content:''; position: absolute; top: 0; left: 100%; height: 100%; width: 100%; background-color: #f8f8f8;}
.greetings .txt .inner {padding: 40px 0 40px 43%;}
.greetings .txt p {color: #454545; line-height: 1.875; letter-spacing: -.03em; margin-bottom: 1.125em;}
.greetings .txt p:last-child {margin-bottom: 0;}
.greetings .txt p strong {font-size: 1.125em; font-weight: 600;}

/* history */
.history .head {height: 280px; background: no-repeat url("../images/sub/history.jpg") center center / cover; margin-bottom: 55px;}
.history .body {position: relative;}
.history .body:before {content:''; position: absolute; top: 5px; left: 155px; bottom: 5px; width: 1px; background-color: #ddd;}
.history .body .group {position: relative; margin-bottom: 30px; display: flex;}
.history .body .group:last-child {margin-bottom: 0;}
.history .body .group:before {content:""; position: absolute; width: 1px; height: calc(100% - 11px); top: 5px; left: 155px; background: #199cce;}
.history .body .group:after {content:""; position: absolute; width: 19px; height: 19px; top: 5px; left: 146px; background: #199cce; border: 5px solid #bae1f0; border-radius:100%;}
.history .body .group .year {font-size: 35px; font-weight: 600; letter-spacing: -.03em; width: 155px; padding-left: 20px;}
.history .body .group .list {padding-left: 50px;}
.history .body .group .list li {display: flex; color: #454545;}
.history .body .group .list li .month {color: #242424; font-size: 1.125em; font-weight: 500; min-width: 32px;}

/* location */
.root_daum_roughmap {width:100% !important;}
.loc-info {border-top: 2px solid #199cce; margin-top: 40px; font-size: 1.125em;}
.loc-info .row {display: flex; padding: 28px 23px; border-bottom: 1px solid #ddd;}
.loc-info .row .col {position: relative; flex:1; padding-left: 75px;}
.loc-info .icon {position: absolute; top: 0; left: 0;}
.loc-info .tt {font-weight: 600; margin-bottom: 12px;}
.loc-info .detail-info {color: #454545;}
.loc-info .detail-info p {margin: 8px 0;}
.loc-info .detail-info .arrow {display: inline-block; margin: -.1em 6px 0; vertical-align:middle; width: 8px; height: 8px; border-right: 1px solid #454545; border-top: 1px solid #454545; transform:rotate(45deg);}
.loc-info .line {display: inline-block; min-width: 80px; margin-right: 10px; padding: 0 5px; text-align: center; color: #fff; line-height: 30px; letter-spacing: -.03em; border-radius:4px;}
.loc-info .line.bg1 {background-color: #38881f;}
.loc-info .line.bg2 {background-color: #199cce;}

/* CI */
.color-palette {display: flex;flex-wrap:wrap; margin: -10px;}
.color-palette .box {width: 224px; margin: 10px; padding: 68px 30px 28px; border-radius:0 15px 0 15px; color: #fff;}
.color-palette .box.bg1 {background-color: #1ea6e0;}
.color-palette .box.bg2 {background-color: #be202f;}
.color-palette .box.bg3 {background-color: #ef3f3f;}
.color-palette .box.bg4 {background-color: #1077bc;}
.color-palette .box.bg5 {background-color: #1f9fce;}
.color-palette .box p {font-weight: 200; margin-bottom: .5em;}
.color-palette .box p:last-child {margin-bottom: 0;}
.color-palette .box p strong {display: block; font-weight: 500;}

/* 지원사업 */
.biz-content {}
.biz-content dl {display: flex;align-items:center; padding: 32px 40px; border-bottom: 1px solid #ddd;}
.biz-content dl dt {min-width: 268px; color: #242424; font-size: 28px; font-weight: 600; line-height: 1.4; letter-spacing: -.03em;}
.biz-content dl dt img {display: inline-block; vertical-align:middle; margin: -.2em 16px 0 0;}
.biz-content dl dd {flex: 1 1 auto; min-width: 0; width: 1%; color: #454545; font-size: 1.125em; line-height: 1.667em; letter-spacing: -.03em;}
.biz-content dl dd .underline {text-decoration: underline;}

.youngMall {display: flex;flex-wrap:wrap; margin: -15px;}
.youngMall .box {width: 33.3333333%; padding: 15px;}
.youngMall .box .in {border: 1px solid #ddd; height: 100%; background: #fff no-repeat url("../images/sub/bg_youngMall.png") right bottom; padding: 40px 40px 35px; color: #454545; line-height: 1.75; letter-spacing: -.03em;}
.youngMall .box h3 {color: #1ea6e0; font-size: 1.5em; font-weight: 600; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 16px;}
.youngMall .box {}