.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.3em; letter-spacing:-.03em;}
.sub-table th {padding:14px 8px; font-weight:500; background:#f5f5f5; border:1px solid #ddd;}
.sub-table td {padding:14px 8px; padding-left: 25px; border:1px solid #ddd; }
.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;}


.sub-table.type2 td {padding:14px; padding-left: 14px;}


.doc-tit {position: relative; font-weight: 500; font-size: 22px; line-height: 1.5em; letter-spacing: -.03em; color: #242424; padding-left: 30px; margin-bottom: 30px;}	
.doc-tit:before {content:""; position: absolute; top: 4px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-cnt {margin-bottom: 50px;}
.doc-cnt:last-child {margin-bottom: 0;}
.doc-cnt > div {margin-bottom: 30px;}
.doc-cnt > div:last-child {margin-bottom: 0;}

.img-list {text-align: center;}
.img-list ul {display: flex;flex-wrap:wrap; margin: 0 -15px; margin-bottom: -30px;}
.img-list ul li {padding: 0 15px; margin-bottom: 30px;}
.img-list ul li p {font-weight: 500;margin-top: 10px;}

.img-list ul.lenth4 li {width: 25%;}
.img-list ul.lenth3 li {width: 33.3333333%;}
.img-list ul.lenth2 li {width: 50%;}

/* greetings */
.greetings {}
.greetings .img {height: 230px;background-image:url("../images/sub/greetings.jpg");background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.greetings .cnt-wrap {max-width: 1060px;margin: 0 auto;padding: 0 30px;position: relative;margin-top: -80px;}
.greetings .cnt {background: #fff;padding: 45px 20px;text-align: center;border: 1px solid #ddd;}
.greetings .cnt .txt-wrap {max-width: 655px;margin: 0 auto;}
.greetings .cnt h3 {color: #008cad;font-size: 26px; font-weight: 500; line-height: 1.5em;letter-spacing: -.03em;margin-bottom: 20px;}
.greetings .cnt p {margin-bottom: 30px;}
.greetings .cnt p:last-child {margin-bottom: 0;}

/* vision */
.vision {padding: 61px 20px 61px 12.5%;background-image:url("../images/sub/bg_vision.jpg");background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

/* location */
.root_daum_roughmap {width:100% !important;}
.location-info {margin-bottom: 50px;}
.location-info dl {display: flex;border-bottom: 1px solid #ddd;}
.location-info dl dt {text-align: center;min-width: 185px;font-weight: 500;padding: 11px 5px;}
.location-info dl dt img {vertical-align: middle;}
.location-info dl dd {padding: 11px 5px;padding-left: 25px;}

.transport-info {}
.transport-info .group {margin-bottom: 50px;}
.transport-info .group:last-child {margin-bottom: 0;}
.transport-info .tit{position: relative;color: #008cad; font-size: 22px; font-weight: 500; line-height: 1.5em; letter-spacing: 0; padding-left: 38px; margin-bottom: 20px;}
.transport-info .tit:before {content:""; position: absolute; top: 3px; left: 0; width: 29px; height: 29px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.transport-info .txt{border: 1px solid #ddd; padding: 30px;}
.transport-info .txt .row {display: flex; margin-bottom: 20px;}
.transport-info .txt .row:last-child {margin-bottom: 0;}

.transport-info .bus .tit:before {background-image:url("../images/sub/icon_bus_tit.png");}
.transport-info .bus .txt {}
.transport-info .bus .bus-num-wrap{}
.transport-info .bus .bus-num{display: inline-block; border-radius:50px; background: #10aa18; line-height: 26px; min-width: 80px; text-align: center; color: #fff; padding: 0 5px; margin-right: 5px;}
.transport-info .bus .bus-num:last-child {margin-right: 0;}
.transport-info .bus .txt p {padding-left: 12px;}

.transport-info .subway .tit:before {background-image:url("../images/sub/icon_subway_tit.png");}
.transport-info .subway .txt {}
.transport-info .subway .subway-line{min-width: 180px;}
.transport-info .subway .subway-line.line3 {color: #f15d20;}
.transport-info .subway .subway-line.line-kj {color: #7dc4a5;}
.transport-info .subway .subway-line span {display: inline-block;line-height: 26px;color: #fff;text-align: center;margin-right: 5px;}
.transport-info .subway .subway-line.line3 span {width: 26px;height: 26px;border-radius:100%; background: #f15d20;}
.transport-info .subway .subway-line.line-kj span {padding: 0 12px;border-radius:50px; background: #7dc4a5;}
.transport-info .subway .txt p {padding-left: 25px;}

/* equipment */
.equipment .top-txt {background: #f5f5f5;padding: 25px 10px;text-align: center; border-radius:10px; margin-bottom: 50px;}
.equipment .top-txt .txt-wrap {max-width: 790px;margin: 0 auto;}
.equipment .top-txt p {font-weight: 500;}

/* project */
.project {margin-bottom: 30px;}
.project .cnt-wrap{display: flex; margin: 0 -15px;}
.project .cnt{width: 33.3333333%;padding: 0 15px;}
.project .cnt .in {position: relative;height: 100%;}
.project .cnt .in:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.project .cnt .tit {position: relative;z-index: 10;font-size: 20px; line-height: 60px; letter-spacing: -.03em; color: #fff; text-align: center;}
.project .cnt .hypen-list {padding: 25px 30px;}
.project .cnt .hypen-list li {line-height: 1.875em; padding-left: 0.438em; text-indent: -0.438em;}

.project .cnt .tit.bg1 {background: #fec111;}
.project .cnt .tit.bg2 {background: #f8931f;}
.project .cnt .tit.bg3 {background: #67acbc;}