@charset "utf-8";

.sub-tab {margin-bottom:50px; text-align:center;}
.sub-tab.ty2 {margin-bottom: 100px;}
.sub-tab ul {display:flex; width:100%; border: 1px solid #ddd; border-right: 0;}
.sub-tab ul li {position: relative; flex:1; width: auto; display: table; min-height: 64px; background-color: #fafafa; border-right: 1px solid #ddd;}
.sub-tab ul li a {position:relative; display:table-cell; vertical-align: middle; color:#505050; font-size:18px; line-height:1.3em;}
.sub-tab ul li a:hover {color: #005bab;}
.sub-tab ul li.active {background-color: #fff;}
.sub-tab ul li.active:after {content:''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #005bab;}
.sub-tab ul li.active a {color: #005bab; z-index:2;}

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #a8a8a8;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; font-size: 16px; line-height:1.75em; letter-spacing:-.04em;}
.sub-table th {padding:12px 6px; background:#fafafa; border:1px solid #ddd;}
.sub-table thead th {/* background-color:#fff; */ color: #2c2c2c; font-weight: 500; text-align: center;}
.sub-table thead th.bg {background-color: #f7fafd;}
.sub-table tbody th {color: #505050; font-weight: 300; text-align: center;}
.sub-table td {padding:12px 6px; border:1px solid #ddd; background-color:#fff; color: #505050; font-weight: 300; text-align: center;}
.sub-table td.left {text-align: left; padding-left: 30px;}
.sub-table td a {color: #005bab;}
.sub-table td a:hover {text-decoration: underline;}
.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;}

.doc-group {margin-bottom: 100px;}
.doc-group.bg {padding: 100px 0; background-color: #fafafa;}
.doc-group.bg.c1 {background-color: #eef6fc;}
.doc-group:last-child {margin-bottom: 0;}
.doc-tit {position: relative; color: #005bab; font-size: 34px; line-height: 1.5em; letter-spacing: -.04em; margin-bottom: 50px;}
.doc-tit.center {text-align: center;}
.doc-tit .en {display: block; color: #878787; font-weight: 400; font-size: 18px; line-height: 1.3; letter-spacing: -.04em; margin-top: 6px;}
.doc-cnt {margin-bottom: 100px; font-weight: 300; color: #505050; font-size: 1.125em; line-height: 1.778; letter-spacing: -.04em;}
.doc-cnt:last-child {margin-bottom: 0;}

.flex-tit-cnt {display: flex;}
.flex-tit-cnt .doc-tit {width: 25%; min-width: 200px;}
.flex-tit-cnt .doc-cnt {flex: 1 1 auto; min-width: 0; width: 1%;}

.dot-list > li{position:relative; padding-left:11px; margin-bottom: .1em;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li:before{content:'•'; position:absolute; top:0; left:0;}

.blt-list > li{position: relative; padding-left: 39px; margin-bottom: 0.667em;}
.blt-list > li:last-child{margin-bottom: 0;}
.blt-list > li:before{content:''; position:absolute; top:14px; left:0; width: 16px; height: 4px; border-radius:50vh; background-color: #0086d1;}

.pic-list {text-align: center;}
.pic-list ul {display: flex;flex-wrap:wrap; margin: 0 -15px;}
.pic-list ul li {width: 33.333333%; padding: 0 15px;}
.pic-list ul li p {margin-top: 12px;}

.pic-list ul.w2 li {width: 50%;}

.decorationBox {position: relative;}
.decoration {position: absolute; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; z-index: -1;}

.decorationBox.st1 .decoration {width: 684px; height: 197px; right: 0; top: -7%; background-image:url("../images/sub/purpose_deco1.png");}
.decorationBox.st2 .decoration.left {width: 202px; height: 180px; left: 0; bottom: -100px; background-image:url("../images/sub/co_deco2.png");}
.decorationBox.st2 .decoration.right {width: 139px; height: 90px; right: 6.25%; top: 0; background-image:url("../images/sub/co_deco1.png");}
.decorationBox.st3 .decoration {width: 100px; height: 181px; right: 6.25%; top: 0; background-image:url("../images/sub/competency_deco1.png");}
.decorationBox.st4 .decoration.right {width: 100px; height: 180px; top: 90px; right: 40px; background-image:url("../images/sub/org_deco1.png");}
.decorationBox.st4 .decoration.left {width: 202px; height: 181px; top: 63%; left: 0; background-image:url("../images/sub/org_deco2.png");}
.decorationBox.st5 .decoration {top: 32%;}
.decorationBox.st5 .decoration.right {width: 580px; height: 187px; right: 0; background-image:url("../images/sub/location_deco1.png");}
.decorationBox.st5 .decoration.left {width: 544px; height: 185px; left: 0; background-image:url("../images/sub/location_deco2.png");}

.decorationBox.st6 .decoration.left {width: 222px; height: 180px; left: 0; top: 34%; background-image:url("../images/sub/result_deco1.png");}
.decorationBox.st6 .decoration.right {width: 648px; height: 186px; right: 0; top: 61%; background-image:url("../images/sub/result_deco2.png");}

.txt-black {color: #2c2c2c;}

/* greetings */
.greetings {position: relative; padding-bottom: 100px; overflow:hidden;}
.greetings:before,
.greetings:after {content:''; position: absolute; background-position:50% 50%; background-repeat:no-repeat; z-index: -1;}
.greetings:before {width: 202px; height: 181px; left: 0; top: 61%; background-image:url("../images/sub/greetings_deco1.png");}
.greetings:after {width: 283px; height: 186px; right: 0; top: 40%; background-image:url("../images/sub/greetings_deco2.png");}
.greetings .head {display: table; width: 100%; height: 320px; margin-bottom: 50px; border-radius: 15px; background: no-repeat url("../images/sub/greetings.jpg") center center / cover;}
.greetings .head .cell {display: table-cell; vertical-align:middle; padding: 20px; text-align: center; color: #fff; font-size: 34px; font-weight: 500; line-height: 1.529em; letter-spacing: -.04em;}
.greetings .head b {display: inline-block; background-color: #005bab; padding: 0 3px;}
.greetings .body {color: #505050; font-size: 1.125em; font-weight: 300; line-height: 2; letter-spacing: -.04em;}
.greetings .body p {margin-bottom: 1.5em;}
.greetings .body .sign {color: #2c2c2c; font-weight: 700; margin-bottom: 0; margin-top: 2.778em;}
.greetings .body .sign img {display: inline-block; vertical-align:middle; margin: -.2em 0 0 18px;}

/* schedule */
.schedule .head {position: relative; border: 1px solid #ddd; padding: 0px 160px; text-align: center; margin-bottom: 60px;}
.schedule .head .year {font-size: 30px; line-height: 84px;}
.schedule .head .btn {position: absolute; top: 0; width: 144px; height: 84px; color: #fff; background-color: #878787; border: 0;}
.schedule .head .btn i {display: inline-block; width: 11px; height: 11px; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.schedule .head .btn:hover {background-color: #005bab;}
.schedule .head .btn.btn-year-prev {left: 0;}
.schedule .head .btn.btn-year-prev i {transform:rotate(-45deg); margin-right: 10px;}
.schedule .head .btn.btn-year-next {right: 0;}
.schedule .head .btn.btn-year-next i {transform:rotate(135deg); margin-left: 10px;}

.schedule .body {position:relative;}
.schedule .body:before{content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background: #ddd; z-index: -1;}
.schedule .body .group {margin-bottom: 60px;}
.schedule .body .group:last-child {padding-bottom: 0;}
.schedule .body .group .month {margin-bottom: 40px; text-align: center;}
.schedule .body .group .month span {display: inline-block; min-width: 150px; padding: 0 40px; background-color: #fff; text-align: center; color: #005bab; font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 68px; border: 2px solid #005bab; border-radius:50vh;}
.schedule .body .group .list {width: 50%;}
.schedule .body .group:nth-child(odd) .list {margin-left: 50%;}
.schedule .body .group:nth-child(even) .list {margin-right: 50%;}
.schedule .body .group .list ul {}
.schedule .body .group .list ul li {position: relative; display: flex;flex-wrap: wrap; padding-left: 12px; color: #505050; font-weight: 300; letter-spacing: -.06em; margin-bottom: 20px;}
.schedule .body .group .list ul li:before {content:''; position: absolute; top: 10px; width: 7px; height: 7px; border-radius:100%; background-color: #878787;}
.schedule .body .group .list ul li:lst-child {margin-bottom: 0;}
.schedule .body .group .list ul li .badge {display: inline-block;} 
.schedule .body .group .list ul li .badge span {display: inline-block; min-width: 60px; padding: 0 10px; color: #fff; font-size: 0.875em; line-height: 25px; text-align: center; border-radius:4px; margin: 0 4px;} 
.schedule .body .group .list ul li .badge span.all {background-color: #005bab;}
.schedule .body .group .list ul li .badge span.inha {background-color: #00adeb;}
.schedule .body .group .list ul li .badge span.myongji {background-color: #0db14b;}
.schedule .body .group .list ul li .badge span.gongju {background-color: #f68620;}

.schedule .body .group:nth-child(odd) .list ul li {padding-left: 15px;}
.schedule .body .group:nth-child(odd) .list ul li:before {left: -3px;}
.schedule .body .group:nth-child(even) .list ul li {justify-content: flex-end; text-align: right; padding-right: 15px;}
.schedule .body .group:nth-child(even) .list ul li:before {right: -4px;}
.schedule .body .group:nth-child(even) .list ul li .badge {order: -1;}


/* 사업소개 */
.purpose {}
.purpose .img-txt {display: flex;align-items:center; background-color: #eef6fc; border-radius:10px;}
.purpose .img {width: 50%;}
.purpose .txt {flex: 1 1 auto; min-width: 0; width: 1%; padding: 20px 65px;}
.purpose .txt ul {max-width: 395px;}

.consortium {position: relative; text-align: center;}

.vision-mission {display: flex;justify-content: space-between;}
.vision-mission .box {display: flex;align-items:center; width: calc(50% - 15px); padding: 40px; background-color: #eef6fc; border-radius:20px;}
.vision-mission .box .icon {width: 99px; margin-right: 30px;}
.vision-mission .box .txt {}
.vision-mission .txt strong {display: block; color: #005bab; font-size: 1.111em; line-height: 1.5; margin-bottom: 8px;}
.vision-mission .txt p {font-size: 0.889em; line-height: 1.625em;}

.competency {position: relative; text-align: center;}
.competency ul {position: relative; display: flex; margin: 0 -10px;}
.competency ul:before {content:''; position: absolute; top: 50%; left: 10px; right: 10px; height: 1px; background-color: #ddd;}
.competency ul li {padding: 0 10px;}
.competency ul li.first {margin-right: 80px;}
.competency ul li .in {position: relative; width: 170px; height: 170px; border: 1px solid #ddd; border-radius:100%; background-color: #fff;}
.competency ul li.first .in {background-color: #005bab; border-color:#005bab; color: #fff;}
.competency ul li .in p {position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%);}
.competency ul li .in p strong {font-size: 1.556em;}
.competency ul li .in p b {color: #005bab; font-size: 1.111em; font-weight: 900;}
.competency ul li .in p span {display: block; color: #878787; font-size: 0.889em;}


/* 컨소시엄 소개 */
/* location */
.root_daum_roughmap {width:100% !important;}
.location {position: relative; z-index: 1;}
.loc-info {display: flex;align-items:center; margin-top: 50px;}
.loc-info dl {flex:1; position: relative; padding-left: 100px; line-height: 1.778; letter-spacing: -.04em;}
.loc-info dl:before {content:''; position: absolute; top: 50%; left: 0; margin-top: -40px; width: 80px; height: 80px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.loc-info dl.addr:before {background-image:url("../images/sub/icon_location1.png");}
.loc-info dl.tel:before {background-image:url("../images/sub/icon_location2.png");}
.loc-info dl dt {color: #005bab; font-weight: 700; line-height: 1.5; letter-spacing: -.04em;}
.loc-info dl dd {color: #505050;}

/* 캐릭터&로고 */
.consortium-character {}
.consortium-character .txt {color: #505050; font-size: 1.125em; line-height: 1.778; letter-spacing: -.04em;}
.consortium-character .top {display: flex; margin-bottom: 100px;}
.consortium-character .top .group {width: 50%;}
.consortium-character .top .left {display: flex;flex-direction: column;justify-content: space-between; padding-right: 30px;}
.consortium-character .top .left h3 {font-weight: 500; font-size: 34px; line-height: 1.647em; letter-spacing: -.04em; margin-bottom: 30px;}
.consortium-character .top .left h3 strong {color: #005bab;}
.consortium-character .top .right .txt {padding: 0 15px; margin: 45px 0;}
.consortium-character .top .right .txt strong {display: block; color: #0086d1; font-size: 1.722em; line-height: 1.5; letter-spacing: -.04em; margin-bottom: 12px;}
.consortium-character .top .right .txt span {font-weight: 500; color: #005bab;}
.consortium-character .bottom .txt {margin-top: 50px;}
.consortium-character .bottom .txt span {font-weight: 500;}
.consortium-character .bottom .txt .c1 {color: #0296cb;}
.consortium-character .bottom .txt .c2 {color: #04a13f;}
.consortium-character .bottom .txt .c3 {color: #f57908;}
.consortium-logo .txt {margin: 55px 0;}

/* 실적현황 */
.count-result {display: flex; background-color: #eef6fc; border-radius:15px; overflow:hidden;}
.count-result .box {position: relative; display: table; width: 25%; height: 206px; padding: 30px; background-color: #eef6fc; text-align: center; line-height: 1.4;}
.count-result .box:after {content:''; position: absolute; top: 50%; left: -1px; width: 1px; height: 100px; margin-top: -50px; background-color: #ccc;}
.count-result .box.total {background-color: #fff; border:1px solid #005bab; border-radius:15px;}
.count-result .box:first-child:after {display: none;}
.count-result .box.total:after {display: none;}
.count-result .box .cell {display: table-cell; vertical-align:middle;}
.count-result .box .tt {margin-bottom: 12px;}
.count-result .box p {font-size: 1.222em; font-weight: 500;}
.count-result .box p strong {display: inline-block; color: #005bab; font-size: 42px; margin: 0 12px;}

.cahrt-result {display: flex;justify-content: space-between; padding-top: 27px;}
.cahrt-result .box {width: calc(50% - 15px); text-align: center; padding: 0px 10px 50px; border-radius:15px;}
.cahrt-result .box.bg1 {background-color: #f4f4f4;}
.cahrt-result .box.bg2 {background-color: #eef6fc;}
.cahrt-result .box.bg3 {background-color: #fff;}
.cahrt-result .box.x2 {width: 100%;}
.cahrt-result .box .cahrtArea {width: 75%; margin: 0 auto;}
.cahrt-result .box .tt {display: inline-block; padding: 0 42px; transform:translateY(-50%); color: #fff; line-height: 54px; letter-spacing: -.04em; background-color: #005bab; border-radius:50vh;}

.chart-lables ul li {position: relative; padding-left: 37px; font-size: 19px; font-weight: 500; line-height: 1.4; letter-spacing: -.03em; margin-bottom: 20px;}
.chart-lables ul li:last-child {margin-bottom: 0;}
.chart-lables ul li .pan {position: absolute; top: 5px; left: 0; width: 16px; height: 16px;}
.chart-lables ul li .pan.c1 {background: #db1415;}
.chart-lables ul li .pan.c2 {background: #ed6a69;}
.chart-lables ul li .pan.c3 {background: #f29f9f;}
.chart-lables ul li .pan.c4 {background: #757574;}


/* 카카오채널 */
.kko-benefit {color: #2c2c2c;}
.kko-benefit ul {display: flex;flex-wrap:wrap; margin: -15px;}
.kko-benefit ul li {width: 33.3333333%; padding: 15px;}
.kko-benefit ul li.last {display: table;}
.kko-benefit ul li .in {padding: 40px 40px 35px; background-color: #eef6fc; border-radius:20px; height: 100%;}
.kko-benefit ul li.last .in {display: table-cell; vertical-align:middle; background-color: #ffd200;}
.kko-benefit ul li .num {margin-bottom: 20px;}
.kko-benefit ul li .num span {display: inline-block; width: 48px; line-height: 48px; font-size: 1.111em; color: #fff; font-weight: 700; background-color: #005bab; border-radius:100%; text-align: center;}

.kko-qr {text-align: center; margin-top: -35px;}
.kko-qr .txt {margin-bottom: 55px;}
.kko-qr .txt strong {color: #2c2c2c; font-weight: 500;}
.kko-qr .btn {margin-top: 50px;}
.btn-kko {display: inline-block; padding: 0 38px; color: #3c1d1d; font-weight: 500; letter-spacing: -.04em; line-height: 64px; background-color: #ffd200; border-radius:50vh;}
.btn-kko i {display: inline-block; vertical-align:middle; margin: -.2em 0 0 38px; width: 18px; height: 18px; background: no-repeat url("../images/sub/btn_kko.png") center center / contain; transition: .2s;}
.btn-kko:hover i {transform:translateX(4px);}