/* sub visual */
.sub_visual {position: relative; width: 100%; height: 420px; background: #666;}

.sub_visual_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: cover;}
.sub_visual_bg.sub_visual01 {background-image: url(../images/contents/sub_visual01.jpg);} /* 사업소개 */
.sub_visual_bg.sub_visual02 {background-image: url(../images/contents/sub_visual02.jpg);} /* 지원장비 */
.sub_visual_bg.sub_visual03 {background-image: url(../images/contents/sub_visual03.jpg);} /* 기술정보 */
.sub_visual_bg.sub_visual04 {background-image: url(../images/contents/sub_visual04.jpg);} /* 전문가매칭 */
.sub_visual_bg.sub_visual05 {background-image: url(../images/contents/sub_visual05.jpg);} /* 공지사항 */
.sub_visual_bg.sub_visual06 {background-image: url(../images/contents/sub_visual06.jpg);} /* 기타 */

/* .sub_visual_bg .sub_bg_1 {position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url(../images/contents/sub_visual_bg1.jpg) no-repeat 50% 50%; background-size: cover;}
.sub_visual_bg .sub_bg_2 {position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: url(../images/contents/sub_visual_bg2.jpg) no-repeat 50% 50%; background-size: cover;} */

.sub_tit_box {position: relative; display: table; width: 100%; height: 100%; z-index: 10;}
.sub_tit_box .sub_visual_tit {display: table-cell; vertical-align: middle;}
.sub_tit_box .sub_visual_tit h3 {font-size: 40px; font-weight: 800; color: #fff; line-height: 1; margin-bottom: 30px;}
.sub_tit_box .sub_visual_tit p {color: rgba(255,255,255,.6); letter-spacing: .2em;}

.sub_navi {position: relative; width: 1200px; margin: -72px auto 0; background-color: #111; height: 72px; z-index: 100;}
.sub_navi ul {display: table; font-size: 0; text-align: center; table-layout: fixed; width: 100%;}
.sub_navi ul li {display: table-cell; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, .25);}
.sub_navi ul li:last-child {border-right: 0;}
.sub_navi ul li a {position: relative; display: block; font-size: 20px; line-height: 72px; color: #fff;}
.sub_navi ul li.active {background-color: #fff; }
.sub_navi ul li.active a {color: #111; font-weight: 600;}
/* .sub_navi ul li.active a:after {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 3px; background-color: #fc5020;} */

.m_sub_navi {display: none;}

.visual_line {position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;}
.visual_line .inner {width: 100%; height: 100%;}
.visual_line .inner > div {float: left; width: 50%; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, .1);}
.visual_line .inner > div:first-child {border-left: 1px solid rgba(255, 255, 255, .1);}

.sub_side {position: relative;}
/* .sub_side .home_btn {display: inline-block; width: 72px; height: 72px; background: #fc5020 url(../images/contents/icon_home.svg) no-repeat 50% 50%; background-size: 16px auto; margin-top: -36px;} */
.sub_location {font-size: 0; padding-top: 20px; text-align: right; margin-right: -20px;}
.sub_location li {font-size: 15px; position: relative; display: inline-block; padding: 0 20px; color: #999;}
.sub_location li:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 10px; background: #eee; margin-top: 6px;}
.sub_location li:first-child:before {content: none;}
.sub_location li a {color: #999;}
.sub_location li.on a {color: #333;}

/* container */
.container {padding: 100px 0 120px;}

/* container title */
.title {text-align: center; margin-bottom: 60px;}
.title h1{font-size: 38px; font-weight: 800; line-height: 1;}
.float_wrap .title {text-align: left;}

.info_tit {position: relative; display: inline-block; font-size: 26px; margin: 60px auto 0; padding: 0 30px;}
.info_tit:before, .info_tit:after {content: ''; display: block; width: 10px; height: 24px; background: #fc5020; position: absolute; top: 50%; margin-top: -12px;}
.info_tit:before {left: 0;}
.info_tit:after {right: 0;}

.float_wrap {display: flex; flex-wrap: wrap;}
.float_wrap:after {content: ''; display: block; clear: both;}
.float_wrap .float_left {width: 25%;}
.float_wrap .float_right {width: 75%;}

.desc_list li {position: relative; padding: 5px 0 5px 13px; color: #767676;}
.desc_list li:before {content: ''; position: absolute; top: 16px; left: 0; display: inline-block; width: 4px; height: 4px; background: #767676; vertical-align: middle;}

.tab_wrap {text-align: center; margin-bottom: 40px;}

/* 사업소개 참여기업 tab */
.area_tab {margin:0 auto 70px; font-size:0; text-align:center;}
.area_tab > li {display:inline-block;}
.area_tab > li > a {display:inline-block; position:relative;}
.area_tab > li > a:after{content:""; position:absolute; top:50%; left:-1px; width:1px; height:14px; margin-top:-7px; background:#eee;}
.area_tab > li:first-child > a:after{display:none;}
.area_tab > li span{opacity:0.7;display:inline-block; position:relative; padding:20px 40px; font-weight:500; font-size:20px;}
.area_tab > li span:before,
.area_tab > li span:after{content:""; display:block;position:absolute;}
.area_tab > li span:before{bottom:0; left:0; width:100%; height:3px; background:#eee;}
.area_tab > li.active span{opacity:1; color:#fc5020;}
.area_tab > li.active span:before{background-color:#fc5020;}

/* 참여기업 sub tab */
.tab {font-size: 0; margin-left: -5px; margin-right: -5px; margin-bottom: 110px; width: 100%;}
.tab li {display: inline-block; width: calc(33.3% - 10px); background-color: #FAF9F8; text-align: center; vertical-align: middle; margin: 5px 5px;}
.tab.type01 li {width: calc(20% - 10px);}
.tab.type02 li {width: calc(25% - 10px);}
.tab li a {display: block; width: 100%; height: 70px; line-height: 68px; font-size: 18px; font-weight: 600; color: #999; transition: all .3s;}
.tab li.active a,
.tab li:hover a {background-color: #111; color: #ffca3d; box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);}

/* 게시판 tab */
.tab02 {display: inline-block; border: 1px solid #eee; border-width: 1px 0 1px 0; margin: 40px auto 0;}
.tab02 > a {position: relative; display: inline-block; color: #999;}
.tab02 > a > span {display: block; font-size: 18px; padding: 20px 40px;}
.tab02 > a:first-child:after {content: none;}
.tab02 > a:after {content: ''; position: absolute; top: 50%; margin-top: -6px; display: block; width: 1px; height: 10px; background: #eee;}
.tab02 > a > span:before {content: ''; display: inline-block; width: 6px; height: 6px; background: #eee; border-radius: 50%; margin: 0 6px 2px 0; visibility: hidden; opacity: 0; transition: all .2s;}
.tab02 > a.active, 
.tab02 > a:hover{font-weight: 800; color: #333;}
.tab02 > a.active > span:before,
.tab02 > a:hover > span:before{content: ''; background: #fc5020; visibility: visible; opacity: 1;}

/* content common */
.cont_area {margin-bottom: 80px;}
.cont_area:after {content: ''; display: block; clear: both;}
.cont_area:last-child {margin-bottom: 0;}
.cont_area.bg {position: relative; padding: 80px 0 80px; background-color: #faf9f8;}
/* .cont_area.bg:after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100vw; height: 100%; background-color: #FAF9F8; z-index: -1;} */
.cont_area.arw_area {margin-top: -120px;}
.cont_tit {position: relative; padding-left: 16px; font-size: 24px; font-weight: 800; margin-bottom: 24px;}
.cont_tit:before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 6px; height: 6px; background: #fc5020; border-radius: 50%; transform: translateY(-50%);}
.cont_sub_area {margin-bottom: 30px;}
.cont_sub_area:last-child {margin-bottom: 0;}
.cont_sub_tit > h4 {font-size: 24px; font-weight: 600;}
.cont_sub_tit > p {color: #767676;}

.arw01 {width: 80px; height: 80px; background: #111 url(../images/contents/icon_bottom_arw.png) no-repeat 50% 50%; border-radius: 50%; margin: 0 auto 60px;}

.text_box {position: relative; border: 4px solid #ffca3d; text-align: center; padding: 30px 0; border-radius: 100px; box-shadow: 0 2px 4px 0 rgb(255 202 61 / 24%);}
.text_box:before {content: '"'; position: absolute; top: -12px; left: 60px; display: block; width: 35px; font-size: 40px; font-weight: 800; color: #ffca3d; background-color: #fff; line-height: 1;}
.text_box p {font-size: 24px; line-height: 1.2; word-break: keep-all;}

.table {width: 100%; border-top: 2px solid #fc5020;}
.table th {position: relative; background-color: #faf9f8; padding: 16px 10px; font-size: 18px; font-weight: 600; text-align: center; border-bottom: 1px solid #eee; vertical-align: middle;}
.table th:after {content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd;}
.table th:last-child:after {content: none;}
.table td {padding: 20px 10px; font-size: 17px; text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; color: #666; vertical-align: middle;} 
.table td[rowspan] {vertical-align: middle;}
.table td:last-child {border-right: 0;}

.table .desc_list li {text-align: left;}


/* 사업소개 > 과제개요 */
.overview .overview_box {display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.overview .overview_box .bar {position: relative; flex-grow: 1; width: 10px; height: 1px; background-color: #eee; flex-shrink: 1; display: block;}
.overview .overview_box .bar:before {content: ''; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; background-color: #ffca3d; border-radius: 50%;}
.overview .overview_box .circle {position: relative; display: table; width: 360px; height: 360px; border-radius: 50%; border: 15px solid #f7f7f7; padding: 0 40px;}
.overview .overview_box .circle > div {display: table-cell; vertical-align: middle; text-align: center;}
.overview .overview_box .circle span {display: inline-block; font-size: 22px; color: #999; font-family: 'Titillium'; font-weight: 800; letter-spacing: 0; background-color: #eee; padding: 0 8px; border-radius: 20px;}
.overview .overview_box .circle span b {color: #fc5020;}
.overview .overview_box .circle p {margin-top: 20px; font-size: 19px; font-weight: 600; word-break: keep-all;}
.overview .overview_box .img_box {width: 280px; height: 280px; border-radius: 50%; background: #FEF6E4 url(../images/contents/goal_img.png) no-repeat 50% 50%; border: 20px solid #FEFCF7;}

.overview .goal_list {display: flex; justify-content: space-between; font-size: 0;}
.overview .goal_list > li {display: inline-block; width: 30%;}
.overview .goal_list > li .top {position: relative; border-radius: 10px; text-align: center; padding: 20px 0;}
.overview .goal_list > li .top:after {content: ''; position: absolute; bottom: -30px; left: 50%; width: 1px; height: 30px;}
.overview .goal_list > li:nth-child(1) .top, 
.overview .goal_list > li:nth-child(1) .top:after {background-color: #D55374; box-shadow: 0 2px 4px 0 rgba(213, 83, 116, .24);}
.overview .goal_list > li:nth-child(2) .top,
.overview .goal_list > li:nth-child(2) .top:after {background-color: #E27562; box-shadow: 0 2px 4px 0 rgba(226, 117, 98, .24);}
.overview .goal_list > li:nth-child(3) .top,
.overview .goal_list > li:nth-child(3) .top:after {background-color: #ffca3d; box-shadow: 0 2px 4px 0 rgba(255, 202, 61, .24);}
.overview .goal_list > li .top span {font-size: 22px; color: #fff;}
.overview .goal_list > li .top span.num {font-family: 'Titillium'; font-weight: 600; text-transform: uppercase; margin-right: 10px;}
.overview .goal_list > li .bottom {position: relative; border: 1px solid #eee; border-radius: 10px; padding: 0 20px; text-align: center; margin-top: 40px; background-color: #fff;}
.overview .goal_list > li .bottom:before {content: ''; position: absolute; top: -9px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; box-sizing: border-box;}
.overview .goal_list > li .bottom:after {content: '';  position: absolute; top: -4px; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box;}
.overview .goal_list > li:nth-child(1) .bottom:after {background-color: #D55374;}
.overview .goal_list > li:nth-child(2) .bottom:after {background-color: #E27562;}
.overview .goal_list > li:nth-child(3) .bottom:after {background-color: #ffca3d;}
.overview .goal_list > li .bottom ul > li {display: block; font-size: 20px; font-weight: 600; border-bottom: 1px dashed #eee; padding: 20px 0; color: #666;}
.overview .goal_list > li .bottom ul > li:last-child {border-bottom: 0;}

.overview .goal_result_list {display: flex; align-items: center; justify-content: center; font-size: 0;}
.overview .goal_result_list li {width: calc(33.3% + 30px); text-align: center; mix-blend-mode: multiply; padding: 20px 0; border-radius: 100px; margin: 0 -30px;}
.overview .goal_result_list li:nth-child(1) {background-color: #D55374; box-shadow: 0 2px 4px 0 rgba(213, 83, 116, .24);}
.overview .goal_result_list li:nth-child(2) {background-color: #E27562; box-shadow: 0 2px 4px 0 rgba(226, 117, 98, .24);}
.overview .goal_result_list li:nth-child(3) {background-color: #ffca3d; box-shadow: 0 2px 4px 0 rgba(255, 202, 61, .24);}
.overview .goal_result_list li strong {font-size: 24px; color: #fff; font-weight: 600;}


/* 사업소개 > 추진배경 */
.propel .propel_list {display: flex; flex-wrap: wrap; margin-top: -20px;}
.propel .propel_list .item {width: calc(50% - 30px); margin: 20px 15px;}
.propel .propel_list .item .top {display: block; width: 100%; padding: 15px 0; background: #fc5020; text-align: center; border-radius: 100px; margin-bottom: 20px;}
.propel .propel_list .item02 .top,
.propel .propel_list .item03 .top {background-color: #ffca3d;}
.propel .propel_list .item .top strong {font-size: 24px; font-weight: 600; color: #fff;}
.propel .propel_list .item .top span {display: block; font-size: 18px; color: #fff;}
.propel .propel_list .item .bottom {padding: 0 40px; border: 1px solid #eee; text-align: center; border-radius: 30px 0; min-height: 390px;}
.propel .propel_list .item .bottom strong {display: block; font-size: 18px; font-weight: 800; padding: 10px 15px; margin-bottom: 10px; background-color: #eee;}
.propel .propel_list .item .bottom .bottom_01 {padding: 30px 0; border-bottom: 1px dashed #eee;}
.propel .propel_list .item .bottom .bottom_02 {padding: 30px 0;}
.propel .propel_list .item .bottom dl {font-size: 0;}
.propel .propel_list .item .bottom dl * {display: inline-block; font-size: 17px; vertical-align: top; text-align: left; margin-top: 10px;}
.propel .propel_list .item .bottom dl dt {width: 170px; font-weight: 600; white-space: nowrap;}
.propel .propel_list .item .bottom dl dd {width: calc(100% - 170px); color: #666;}


/* 사업소개 > 추진전략 */
.purpose .purpose_box {display: flex; flex-wrap: wrap;  border-bottom: 1px solid #eee; padding: 40px 0;}
.purpose .purpose_box:first-child {border-top: 2px solid #111;}
.purpose .purpose_box .left {position: relative; width: 25%;}
.purpose .purpose_box .right {width: 75%;}
.purpose .purpose_box .img_box {position: absolute; bottom: 0; width: 140px;}
.purpose .purpose_box .txt {font-size: 20px; font-weight: 600; margin-bottom: 30px; letter-spacing: -0.05em;}
.purpose .purpose_box .img_list {font-size: 0; margin: 0 -10px; padding-top: 30px;}
.purpose .purpose_box .img_list li {display: inline-block; width: calc(50% - 20px); margin: 0 10px; border-radius: 10px; overflow: hidden;}
.purpose .purpose_box .desc_list li {font-size: 18px;}


/* 사업소개 > 참여기업 common */
.company {position: relative;}
.company:after {content: ''; position: absolute; top: 25rem; left: 0; width: 100%; height: calc(100% - 25rem + 120px); background-color: #FAF9F8; z-index: -1;}
.company .link_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px; background: url(../images/contents/icon_link.png) no-repeat 50% 50%; border: 2px solid #eee; transition: all .3s;}
.company .link_btn:hover {border-color: #111;}
.company .item_cont {position: relative; margin: 0 80px; font-size: 0;}
.company .item_cont:after {content: ''; display: block; clear: both;}
.company .item_cont + .item_cont {margin-top: 60px;}
.company .item_cont .cont_tit {display: inline-block; width: 240px; vertical-align: top; white-space: nowrap;}
.company .item_cont .logo {display: inline-block; width: 240px; height: 80px; vertical-align: middle; border: 1px solid #eee;}
.company .item_cont .logo img + img {margin-top: 10px;}
.company .item_cont .txt {display: inline-block; width: calc(100% - 320px); margin-left: 80px; vertical-align: middle;}
.company .item_cont .txt p {font-size: 17px; word-break: keep-all;}
.company .img_box + .img_box {display: none; width: 100%; height: 400px; background-color: #999; margin-top: 40px;}

.company .c_tab {display: flex; font-size: 0; margin: 0 auto;}
.company .c_tab:after {content: ''; display: block; clear: both;}
.company .c_tab a {position: relative; display: table; float: left; width: calc(100%/3 + 1px); height: 70px; text-align: center; margin-left: -1px;}
.company .c_tab a.active:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #fc5020;}
.company .c_tab a span {display: table-cell; vertical-align: middle; padding: 0 10px; font-size: 18px; color: #666; background-color: #f7f7f7; border: 1px solid #eee; font-family: 'Play';}
.company .c_tab a.active span {background-color: #fff; border-bottom-width: 0; color: #fc5020; font-weight: 600;}

.company .tab_cont {display: block; width: 100%; border: 1px solid #eee; border-top-width: 0; padding: 60px 60px; background-color: #fff; margin: 0 auto;}
.company .tab_cont .item_cont {margin-left: 0; margin-right: 0;}
.company .tab_cont .txt_box .box_inr {margin: 0 60px;}
.company .tab_cont .txt_box p {font-size: 17px; word-break: keep-all; color: #666;}
.company .tab_cont .txt_box dl {font-size: 0;}
.company .tab_cont .txt_box dl * {display: inline-block; font-size: 17px; vertical-align: middle;}
.company .tab_cont .txt_box dl dt {font-weight: 600; width: 230px;}
.company .tab_cont .txt_box dl dd {width: calc(100% - 230px); color: #666;}

.company .company_list {display: flex; margin: 30px -20px 0;}
.company .company_list > li {display: inline-block; width: calc(50% - 40px); border-radius: 15px; border: 1px solid #eee; margin: 0 20px; overflow: hidden;}
.company .company_list.list02 > li {width: 100%;}
.company .company_list.list03 > li {margin: 0 10px; width: calc(33.3% - 20px);}
.company .company_list .top {position: relative; display: block; background-color: #666; font-size: 24px; color: #fff; font-weight: 600; text-align: center; padding: 17px 0;}
.company .company_list .top:after {content:''; display:block; position:absolute; left:50%; bottom:-13px; transform:translate(-50%); width: 0px; height: 0px; border-top: 26px solid #666666; border-left: 26px solid transparent; border-right: 26px solid transparent;}
.company .company_list .logo {width: 100%; height: 160px; background-color: transparent; text-align: center;}
.company .company_list.list03 .logo {height: 100px;}
.company .company_list .bottom {padding: 30px 30px;}
.company .company_list .bottom strong {display: block; font-size: 18px; font-weight: 600; margin: 20px 0;}
.company .company_list .bottom .desc_list {padding-top: 20px;}
.company .company_list .bottom .desc_list li {font-size: 18px; font-weight: 600;}

.company .product_list {display: flex; flex-wrap: wrap; margin: auto -10px;}
.company .product_list > li {position: relative; width: calc(50% - 20px); margin: 0 10px 15px; text-align: center; vertical-align: top;}
.company .product_list > li .num {position: absolute; top: 0; right: 0; width: 40px; font-size: 17px; background-color: #ffca3d; color: #fff; padding: 5px 0; font-family: 'Titillium'; font-weight: 600; z-index: 10;}
.company .product_list > li .state {position: absolute; top: 0; right: 0; width: 60px; font-size: 17px; background-color: #fc5020; color: #fff; padding: 5px 0; font-weight: 600; z-index: 10;}
.company .product_list > li .state01 {background-color: #fc5020;}
.company .product_list > li .state02 {background-color: #666;}
.company .product_list > li .img_box {position: relative; height: 220px; margin-top: 0; border: 1px solid #eee; overflow: hidden;}
.company .product_list > li .img_box > img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; max-height: none; min-width: 100%; object-fit: cover;}
.company .product_list > li strong {display: block; font-size: 18px; font-weight: 600; margin-top: 10px;}
.company .product_list > li span {display: block; font-size: 16px; color: #666; word-break: keep-all;}
.company .product_list.list02 > li {width: calc(20% - 20px);}
.company .product_list.list03 > li {width: calc(33.3% - 20px);}
.company .product_list.list04 > li {width: calc(25% - 20px);}

.company .product_list.list03 > li.col03 {width: 100%; margin-left: 0; margin-right: 0;}
.company .product_list.list03 > li.col03 .img_box {display: inline-block; width: calc(33.3% - 20px); margin: 0 10px;}

.company .product_list .desc_list > li {text-align: left; font-size: 17px;}

/* 과제성과 > 인증서 list */
.company .img_list {display: flex; flex-wrap: wrap; align-items: center; margin: 0 -10px;}
.company .img_list li {width: calc(33.3% - 20px); margin: 0 10px 15px; text-align: center; vertical-align: top;}
.company .img_list li .img_box {width: 100%; height: 320px; background-color: #fff; border: 1px solid #eee;}
.company .img_list li .info_box {margin-top: 10px;}
.company .img_list li .info_box strong {font-size: 18px; font-weight: 600; white-space: nowrap;}
.company .img_list li .info_box b {display: block; font-size: 16px; margin-bottom: 5px;}
.company .img_list li .info_box span {font-size: 17px; color: #666; display: block; font-family: 'Titillium'; letter-spacing: 0;}
.company .img_list li.col02 {width: 66.6%; margin-left: 0; margin-right: 0;}
.company .img_list li.col02 .img_box {display: inline-block; width: calc(50% - 20px); margin: 0 10px;}

.company .img_list02 li {width: calc(25% - 20px);}
.company .img_list03 li {width: calc(20% - 20px);}
.company .img_list03 li .img_box {height: 250px;}

.cont_item {display: flex; justify-content: space-around;}
.cont_item_tit {display: block; font-size: 20px; font-weight: 600; margin-bottom: 15px; padding-left: 20px;}
.cont_item .img_wrap {position: relative; width: 46%;}
.cont_item .img_wrap > strong {position: absolute; top: 0; right: -26px; left: auto; font-weight: 600; text-transform: uppercase; color: #ffca3d; writing-mode: vertical-rl;}
.cont_item .info_wrap {width: 50%; padding: 120px 80px 40px;}
.cont_item .info_wrap .tit {font-size: 40px; font-weight: 800; margin-bottom: 40px;}
.cont_item .info_wrap p {color: #767676; font-size: 16px;}
.cont_item.item_right .img_wrap > strong {left: -26px; right: auto;}
.cont_item.item_right .info_wrap {text-align: right !important;}


/* 사업소개 > 참여기업 KNU */
.knu .overview_box {display: flex;}
.knu .overview_box > div {display: inline-block; width: 50%; text-align: center; border: 1px solid #eee; border-radius: 10px; padding: 30px 30px;}
.knu .overview_box > div + div {margin-left: 30px;}
.knu .overview_box > div span {display: block; color: #999; font-family: 'Titillium'; font-size: 18px; font-weight: 800; letter-spacing: 0; margin-bottom: 20px;}
.knu .overview_box > div span b {color: #ffca3d;}

.knu .project_info {margin: 0 -10px;}
.knu .project_info li {position: relative; display: inline-block; width: calc(25% - 20px); text-align: center; margin: 0 10px; vertical-align: top;}
.knu .project_info li:nth-child(2n) {margin-top: 60px;}
.knu .project_info li .project_txt {position: relative; padding-top: 50px;}
.knu .project_info li .project_txt:before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 30px; background-color: #e61d18;}
.knu .project_info li .project_txt:after {content: ''; position: absolute; top: 30px; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box; background-color: #e61d18;}
.knu .project_info li:nth-child(2) .project_txt:before,
.knu .project_info li:nth-child(2) .project_txt:after {background-color: #1e85c7;}
.knu .project_info li:nth-child(3) .project_txt:before,
.knu .project_info li:nth-child(3) .project_txt:after {background-color: #005e85;}
.knu .project_info li:nth-child(4) .project_txt:before,
.knu .project_info li:nth-child(4) .project_txt:after {background-color: #df4196;}
.knu .project_info li .project_txt strong {font-size: 20px; font-weight: 800;}
.knu .project_info li .project_txt span {display: block; font-size: 18px; font-weight: 600;}

.knu .platform_box {display: flex;}
.knu .platform_box .item {width: calc(50% - 30px); margin: 0 15px;}
.knu .platform_box .item .top {background-color: #f7f7f7; border-top: 1px solid #fc5020; text-align: center; padding: 15px 0;}
.knu .platform_box .item .top strong {font-size: 20px; font-weight: 600;}
.knu .platform_box .item .bottom {padding: 20px 0;}
.knu .platform_box .item .bottom .desc_list li {font-size: 18px;}

.knu .milestone_box .tit {position: relative; max-width: 480px; background-color: #fc5020; padding: 20px 0; margin: 0 auto; text-align: center; border-radius: 20px;}
.knu .milestone_box .tit:after {content: ''; position: absolute; bottom: -45px; left: 50%; width: 680px; height: 40px; transform: translateX(-50%); background: url(../images/contents/knu_mileston_arw.png) no-repeat 50% 50%; background-size: contain;}
.knu .milestone_box .tit h4 {font-size: 24px; font-weight: 600; color: #fff;}
.knu .milestone_box .tit p {font-size: 18px; color: #fff;}
.knu .milestone_box .milestone_list {display: flex; margin-top: 60px;}
.knu .milestone_list .item {width: calc(50% - 30px); margin: 0 15px; padding: 40px 30px; border: 1px solid #eee;}
.knu .milestone_list .item .icon {display: inline-block; width: 120px; height: 120px; background: #f7f7f7 no-repeat 50% 50%; background-size: auto 60px; border-radius: 50%; vertical-align: middle;}
.knu .milestone_list .item .icon.icon01 {background-image: url(../images/contents/knu_mileston_icon01.png);}
.knu .milestone_list .item .icon.icon02 {background-image: url(../images/contents/knu_mileston_icon02.png);}
.knu .milestone_list .item .txt_box {display: inline-block; width: calc(100% - 120px); padding-left: 30px; vertical-align: middle;}
.knu .milestone_list .item .txt_box strong {display: block; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.knu .milestone_list .item .txt_box .desc_list li {display: block; font-size: 18px; white-space: nowrap;}
.knu .milestone_list .item .txt_box .desc_list li b {display: inline-block; width: 24px; background-color: #fc5020; padding: 4px 6px; font-size: 14px; color: #fff; margin-right: 10px;}
 
/* 사업소개 > 참여기업 kpc */
.kpc .company_list li:nth-child(1) .top {background-color: #000;}
.kpc .company_list li:nth-child(1) .top:after {border-top-color: #000;}
.kpc .company_list li:nth-child(2) .top {background-color: #114B9F;}
.kpc .company_list li:nth-child(2) .top:after {border-top-color: #114B9F;}
 
/* 사업소개 > 참여기업 지에스메디칼 */
.gsmedical .company_list li:nth-child(1) .top {background-color: #00853b;}
.gsmedical .company_list li:nth-child(1) .top:after {border-top-color: #00853b;}
.gsmedical .company_list li:nth-child(2) .top {background-color: #00387f;}
.gsmedical .company_list li:nth-child(2) .top:after {border-top-color: #00387f;}
.gsmedical .company_list li:nth-child(3) .top {background-color: #005AAB;}
.gsmedical .company_list li:nth-child(3) .top:after {border-top-color: #005AAB;}

/* 사업소개 > 참여기업 세신정밀 */
.saeshin .company_list li:nth-child(1) .top {background-color: #005B9F;}
.saeshin .company_list li:nth-child(1) .top:after {border-top-color: #005B9F;}
.saeshin .company_list li:nth-child(2) .top {background-color: #DA2128;}
.saeshin .company_list li:nth-child(2) .top:after {border-top-color: #DA2128;}

/* 사업소개 > 참여기업 인코아 */
.incore .company_list li:nth-child(1) .top {background-color: #0E357E;}
.incore .company_list li:nth-child(1) .top:after {border-top-color: #0E357E;}
.incore .company_list li:nth-child(2) .top {background-color: #114B9F;}
.incore .company_list li:nth-child(2) .top:after {border-top-color: #114B9F;}
.incore .product_info {display: flex; align-items: center;}
.incore .product_info li {display: block; }
.incore .product_info li + li {margin-top: 20px;}
.incore .product_info .txt_box {margin-left: 40px; border: 10px solid #f7f7f7; border-left-width: 0; padding: 20px 40px; border-radius: 0 0 40px 0;}
.incore .product_info .txt_box strong {font-size: 20px; font-weight: 600; color: #fff; background-color: #ffca3d; border-radius: 30px; padding: 4px 20px;}
.incore .product_info .txt_box p {margin-top: 5px;}

/* 사업소개 > 참여기업 멘티스 */
.mantiz .company_list li:nth-child(1) .top {background-color: #0085D0;}
.mantiz .company_list li:nth-child(1) .top:after {border-top-color: #0085D0;}

/* 사업소개 > 참여기업 메가젠임플란트1 */
.megagen01 .company_list li:nth-child(1) .top {background-color: #243A72;}
.megagen01 .company_list li:nth-child(1) .top:after {border-top-color: #243A72;}
.megagen01 .company_list li:nth-child(2) .top {background-color: #2956A5;}
.megagen01 .company_list li:nth-child(2) .top:after {border-top-color: #2956A5;}


.megagen01 .product_info {overflow: hidden; margin-bottom: 60px;}
.megagen01 .product_info .left {float: left; width: 50%; padding-right: 60px;}
.megagen01 .product_info .left .img_box {border: 1px solid #eee; text-align: center;}
.megagen01 .product_info .right {float: right; width: 50%;}
.megagen01 .product_info .right .txt_box {margin-top: 40px;}
.megagen01 .product_info .right .img_box {width: 180px; height: 180px; overflow: hidden; border: 1px solid #eee; margin-top: 30px; margin-left: 60px;}

/* 사업소개 > 참여기업 메가젠임플란트2 */
.megagen02 .company_list li:nth-child(1) .top {background-color: #DA2128;}
.megagen02 .company_list li:nth-child(1) .top:after {border-top-color: #DA2128;}

.megagen02 .product_list.type02 > li {text-align: left; display: flex; align-items: center; margin-bottom: 20px;}
.megagen02 .product_list.type02 > li .img_box {display: inline-block; width: 220px; height: 135px;}
.megagen02 .product_list.type02 > li .txt_box {display: inline-block; padding-left: 20px;}
.megagen02 .product_list.type02 > li .txt_box strong {margin-top: 0; margin-bottom: 10px; font-size: 20px;}
.megagen02 .product_list.type02 > li .txt_box strong > b {margin-left: 10px; font-size: 16px;}

.megagen02 .color_list {margin: 0 -10px;}
.megagen02 .color_list li {display: inline-block; width: calc(20% - 20px); margin: 0 10px; border: 1px solid #eee; margin-bottom: 10px;}
.megagen02 .color_list li .color {display: inline-block; width: 50%; height: 40px; background-color: #111; vertical-align: middle;}
.megagen02 .color_list li:nth-child(1) .color {background-color: #56433B;}
.megagen02 .color_list li:nth-child(2) .color {background-color: #2A3140;}
.megagen02 .color_list li:nth-child(3) .color {background-color: #364C6E;}
.megagen02 .color_list li:nth-child(4) .color {background-color: #8287B5;}
.megagen02 .color_list li:nth-child(5) .color {background-color: #A688B3;}
.megagen02 .color_list li:nth-child(6) .color {background-color: #98AD61;}
.megagen02 .color_list li:nth-child(7) .color {background-color: #E6AA32;}
.megagen02 .color_list li:nth-child(8) .color {background-color: #CF383A;}
.megagen02 .color_list li:nth-child(9) .color {background-color: #E56C37;}
.megagen02 .color_list li:nth-child(10) .color {background-color: #F0EEEA;}
.megagen02 .color_list li:nth-child(11) .color {background-color: #F6F7F7;}
.megagen02 .color_list li:nth-child(12) .color {background-color: #735B3E;}
.megagen02 .color_list li:nth-child(13) .color {background-color: #2C2929;}

.megagen02 .color_list li span {display: inline-block; width: 50%; font-size: 17px; color: #666; vertical-align: middle; text-align: center;}

/* 사업소개 > 참여기업 이노리젠 */
.innoregen .company_list li:nth-child(1) .top {background-color: #DA2128;}
.innoregen .company_list li:nth-child(1) .top:after {border-top-color: #DA2128;}

.innoregen .product_list {justify-content: center;}


/* 장비이용 */
.equipment_wrap {position: relative; margin: 0 80px; padding-top: 140px;}
.equipment_wrap:after {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 480px; background: #faf9f8;}
.equipment_wrap .tit {padding-top: 80px;}
.equipment_wrap .tit h3 {font-size: 42px; font-weight: 300; line-height: 1.2;}
.equipment_wrap .cont {position: relative; margin-top: 110px; background: #fff; padding: 80px 0;}
.equipment_wrap .cont:after {content: ''; position: absolute; top: 0; left: 42%; z-index: 1; width: 20%; height: 100%; background: #fff;}
.equipment_wrap .cont > p {color: #767676; margin-bottom: 60px;}
.equipment_wrap .img_wrap {position: absolute; top: 140px; right: 0; width: 960px; height: 640px; background: #999;}
.equipment_wrap .img_wrap > img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; max-height: none; min-width: 100%; object-fit: cover;}

.equipment_wrap .more_btn {min-width: 260px; padding: 0 30px;}
.equipment_wrap .more_btn:after {right: 30px;}

.more_btn {position: relative; display: inline-block; min-width: 160px; height: 60px; padding: 0 15px; border: 1px solid #191919;}
.more_btn > span {color: #333; position: relative; padding-left: 20px; line-height: 60px;}
.more_btn > span:before {content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 1px; background: #191919;}
.more_btn:after {content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); display: inline-block; background: url(../images/common/icon_link.png) no-repeat ; background-size: 16px auto; width: 20px; height: 20px;}

.equipment_wrap .cont_area {margin-top: 60px;}

.equipment_process {font-size: 0;}
.equipment_process li {position: relative; display: inline-block; font-size: 14px; border: 1px solid #eee; padding: 60px 20px 40px; width: 13%; text-align: center; margin-right: 18px; transition: all .3s;}
.equipment_process li:last-child {margin-right: 0;}
.equipment_process li .num {position: absolute; top: 20px; left: 0; font-size: 16px; font-weight: 800; color: #999;}
.equipment_process li .num:before {content: ''; display: inline-block; width: 6px; height: 10px; background: #ffca3d; margin-right: 10px;}
.equipment_process li strong:before {content: ''; display: block; margin: 0 auto 20px; width: 48px; height: 48px; background: no-repeat 50% 50%; background-size: auto 45px;}
.equipment_process li.item01 strong:before {background-image: url(../images/contents/eq_list01.svg);}
.equipment_process li.item02 strong:before {background-image: url(../images/contents/eq_list02.svg);}
.equipment_process li.item03 strong:before {background-image: url(../images/contents/eq_list03.svg);}
.equipment_process li.item04 strong:before {background-image: url(../images/contents/eq_list04.svg);}
.equipment_process li.item05 strong:before {background-image: url(../images/contents/eq_list05.svg);}
.equipment_process li.item06 strong:before {background-image: url(../images/contents/eq_list06.svg);}
.equipment_process li.item07 strong:before {background-image: url(../images/contents/eq_list07.svg);}
.equipment_process li:hover {transform: translateY(-10px); box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);}

/* 전문가 매칭 > 매칭 프로세스 */
.expert .expert_box {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 2px solid #eee; border-radius: 180px; padding: 60px 0;}
.expert .expert_box > strong {position: absolute; top: -19px; font-size: 26px; background-color: #fff; padding: 0 30px; font-weight: 800;}
.expert .expert_box .item {position: relative; display: table; width: 160px; height: 160px; border: 8px solid #eee; border-radius: 50%; text-align: center;}
.expert .expert_box .item:after {content: ''; position: absolute; top: 50%; right: -28px; width: 40px; height: 40px; margin-top: -20px; background: url(../images/contents/icon_plus.png) no-repeat 50% 50%; z-index: 1;}
.expert .expert_box .item.item01 {border-color: #eee;}
.expert .expert_box .item.item02 {border-color: #ffca3d;}
.expert .expert_box .item.item03 {border-color: #E27562;}
.expert .expert_box .item.item04 {border-color: #D55374;}
.expert .expert_box .item.item04:after {content: none;}
.expert .expert_box .item strong {display: table-cell; vertical-align: middle; font-size: 22px; font-weight: 600;}

.expert .info_tit {margin-top: 0;}
.expert .expert_process {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.expert .expert_process li {width: calc(25% - 40px); margin: 0 20px;}
.expert .expert_process li > div {position: relative; display: block; width: 100%; background-color: #fff; padding: 20px 25px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);}
.expert .expert_process li > div .num {font-size: 24px; font-family: 'Titillium'; font-weight: 800; color: #ddd;}
.expert .expert_process li > div strong {display: block; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.expert .expert_process li > div .icon {display: block; width: 60px; height: 60px; background: no-repeat 50% 50%; background-size: auto 50px; float: right;}
.expert .expert_process li:nth-child(1) > div .icon {background-image: url(../images/contents/expert_icon01.png);}
.expert .expert_process li:nth-child(2) > div .icon {background-image: url(../images/contents/expert_icon02.png);}
.expert .expert_process li:nth-child(3) > div .icon {background-image: url(../images/contents/expert_icon03.png);}
.expert .expert_process li:nth-child(4) > div .icon {background-image: url(../images/contents/expert_icon04.png);}
.expert .expert_process .txt {font-size: 16px; color: #666; margin-top: 15px; margin-left: 10px;}



/* 오시는 길 */
#contactMap {width: 100%; height: 480px; border: 1px solid #eee;}
.map_info {position: relative; padding: 40px 20px; text-align: center; border: 1px solid #eee; border-bottom: 2px solid #191919; border-top: 0;}
.map_info dl {font-size: 0;}
.map_info dl {font-size: 0;}
.map_info dl dt {display: inline-block; font-size: 15px; color: #ffca3d; font-weight: 600; padding-right: 20px;}
.map_info dl dd {display: inline-block; font-size: 15px; color: #333; margin-right: 40px;}

.map_content {margin-top: 60px;}
.map_content .cont_box {border: 4px solid #faf9f8; padding: 30px; margin-bottom: 30px;}
.map_content .cont_box > p {color: #999; line-height: 2;}
.map_content .cont_box > p > b {color: #666; display: inline-block; width: 100px;}

.map div:not(.map_mark){display: inline-block; border-color:transparent !important; background: transparent !important;}
.map_mark {display: block; position: relative; width: 110%; height: 34px; line-height: 34px; margin: 0 auto; padding: 0 20px; background-color: #333; color: #ffca3d; text-align: center; font-size: 14px; font-weight: 500; box-shadow: 5px 5px 20px rgb(0 0 0 / 23%);}

@media (max-width: 1400px) {
    /* 사업소개 > 과제개요 */
    /* .cont_area.bg:after {width: calc(100% + 200px);} */

    .equipment_wrap {padding-top: 0;}
    .equipment_wrap:after {height: 290px;}
    .equipment_wrap .tit h3 {font-size: 36px;}
    .equipment_wrap .img_wrap {width: 50%; height: 480px; top: 0px;}
    .equipment_wrap .cont {padding: 40px 0; margin-top: 80px;}
    .equipment_wrap .cont > p {margin-bottom: 40px;}

    .equipment_process li {width: 30%; margin-bottom: 20px;}
}

@media (max-width: 1200px) {
    .equipment_wrap:after {height: 268px;}
    .equipment_wrap .tit h3 {font-size: 30px;}

    /* 사업소개 > 참여기업 경북대 */
    .knu .milestone_list .item .icon {display: block; margin: 0 auto 10px;}
    .knu .milestone_list .item .txt_box {width: 100%; padding-left: 0;}
}

@media (max-width: 1024px) {
    .sub_navi {width: 100%;}

    /* 사업소개 > 과제개요 */
    .overview .overview_box .circle {width: 280px; height: 280px;}
    .overview .overview_box .circle p {font-size: 1rem;}

    /* 사업소개 > 추진배경 */
    .propel .propel_list .item .bottom {min-height: auto;}
    .propel .propel_list .item .bottom dl dt {display: block; width: 100%; margin-bottom: 0;}
    .propel .propel_list .item .bottom dl dd {display: block; width: 100%;}

    /* 사업소개 > 참여기업 */
    .tab li a {height: 60px; line-height: 58px; font-size: 16px;}

    .company .item_cont {margin: 0 40px;}
    .company .item_cont .cont_tit {font-size: 20px;}

    .company .tab_cont .txt_box .box_inr {margin: 0 4%;}

    .company .company_list > li {width: calc(50% - 20px); margin: 0 10px;}

    
    .company .img_list {margin: 0 -5px;}
    .company .img_list li {width: calc(33.3% - 10px); margin: 0 5px 15px;}
    .company .img_list02 li {width: calc(25% - 10px); margin: 0 5px 15px;}
    .company .img_list03 li {width: calc(20% - 10px); margin: 0 5px 15px;}

    .company .img_list li.col02 .img_box {width: calc(50% - 10px); margin: 0 5px;}

    .company .product_list {margin: 0 -5px;}
    .company .product_list > li {width: calc(50% - 10px); margin: 0 5px 15px;}
    .company .product_list.list02 > li {width: calc(20% - 10px);}
    .company .product_list.list03 > li {width: calc(33.3% - 10px);}
    .company .product_list.list04 > li {width: calc(25% - 10px);}

    .company .product_list.list03 > li.col03 .img_box {width: calc(33.3% - 10px); margin: 0 5px;}

    /* 사업소개 > 참여기업 메가젠 */
    .megagen02 .color_list li {width: calc(20% - 10px); margin: 0 5px; margin-bottom: 10px;}

    .equipment_wrap:after {content: none;}
    .equipment_wrap .cont:after {content: none;}
    .equipment_wrap .cont {margin-top: 40px;}
    .cont_item .info_wrap .tit {font-size: 32px;}

    /* 전문가매칭 */
    .expert .expert_process li {width: calc(50% - 40px); margin-bottom: 20px;}
    
}

@media (max-width: 768px) {
    .container {padding: 80px 0 100px;}
    .sub_visual {height: 320px;}
    .sub_visual_bg .sub_bg_1 {display: none;}
    .sub_visual_bg .sub_bg_2 {width: 100%;}
    .visual_line > div {width: 33.3%;}
    .visual_line > div:nth-child(even) {display: none;}
    .sub_tit_box .sub_visual_tit h3 {font-size: 28px; margin-bottom: 15px;}
    .sub_navi,
    .sub_location {display: none;}
    .m_sub_navi {position: relative; display: block; width: 100%; height: 60px; background-color: #111;}
    .m_sub_navi .home {float: left; display: block; width: 40px; height: 60px; background: url(../images/contents/location_home.png) no-repeat 50% 50%; background-size: auto auto;}
    .m_sub_navi .navi_select {float: left; position: relative; z-index: 100; width: calc(100% - 40px);}
    .m_sub_navi .navi_select .depth {position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; text-align: left; transition: all .3s;}
    .m_sub_navi .navi_select .depth:before {content: ''; position: absolute; top: 50%; left: 0; margin-top: -10px; display: block; width: 1px; height: 20px; background-color: #dadada;}
    .m_sub_navi .navi_select .depth span {position: relative; display: block; color: #fff; font-size: 16px; line-height: 60px; letter-spacing: -0.05rem;}
    .m_sub_navi .navi_select .depth span:after {content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; display: block; width: 10px; height: 10px; background: url(../images/contents/icon_location_arw.png) no-repeat right 50%; background-size: auto 5px; transition: all .4s;}
    .m_sub_navi .navi_select.active .depth span:after {transform: rotate(180deg);}
    .m_sub_navi .navi_list {position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; border: 1px solid #eee; display: none;}
    .m_sub_navi .navi_list li {display: block; font-size: 15px; padding: 15px 10px; line-height: 1; border-bottom: 1px solid #eee;}
    .m_sub_navi .navi_list li:last-child {border-bottom: 0;}
    .m_sub_navi .navi_list li a {display: block; color: #666; letter-spacing: -0.05rem;}
    .m_sub_navi .navi_list li:hover a {color: #1066af;}

    .sub_side .home_btn {width: 54px; height: 54px; margin-top: 0;}
    .sub_side .inner {margin: 0; width: 100%;}
    .sub_location li {font-size: 13px;}

    .cont_tit {font-size: 20px;}

    .tab02 {margin-top: 20px;}
    .tab02 > a > span {padding: 8px 10px;}

    .title h1 {font-size: 26px;}
    .float_wrap .title {text-align: center;}
    .info_tit {font-size: 14px; margin-top: 40px;}

    .float_wrap .float_left,
    .float_wrap .float_right {float: none; width: 100%;}

    .text_box p {font-size: 16px;}
    .text_box br {display: none;}

    .arw01 {width: 60px; height: 60px;}

    /* 사업소개 > 과제개요 */
    .overview .overview_box .img_box {width: 200px; height: 200px; background-size: 50%; margin: 0 auto;}
    .overview .overview_box .circle {width: 240px; height: 240px; margin: 0 auto;}
    .overview .overview_box .circle span {font-size: 16px;}
    .overview .goal_result_list li strong {font-size: 20px;}

    /* 사업소개 > 추진배경 */
    .propel .propel_list .item {width: 100%;}
    .propel .propel_list .item .top strong {font-size: 20px;}
    .propel .propel_list .item .top span {font-size: 16px;}
    .propel .propel_list .item .bottom {padding: 0 20px;}
    .propel .propel_list .item .bottom dl * {font-size: 1rem;}

    /* 사업소개 > 추진전략 */
    .purpose .purpose_box {display: block;}
    .purpose .purpose_box .left {width: 100%;}
    .purpose .purpose_box .img_box {position: relative; margin: 0 auto;}
    .purpose .purpose_box .right {width: 100%;}
    .purpose .purpose_box .desc_list li {font-size: 1rem;}
    .purpose .purpose_box .txt {font-size: 16px;}
    .purpose .purpose_box .img_list {margin: 0;}
    .purpose .purpose_box .img_list li {width: 100%; margin: 0 0 10px 0;}
    
    /* 사업소개 > 참여기업 */
    .tab.type01 li,
    .tab.type02 li {width: calc(50% - 10px);}
    
    .company:after {top: 40rem; height: calc(100% - 40rem + 100px);}

    .company .item_cont .logo {display: block; margin-bottom: 20px;}
    .company .item_cont .txt {display: block; width: 100%; margin-left: 0;}
    .company .item_cont .txt p {font-size: 15px;}
    /* .company .link_btn {transform: none; top: 0;} */
    .company .link_btn {transform: none; top: auto; bottom: 0;}

    .company .item_cont .cont_tit {width: 100%; margin-bottom: 15px;}

    .company .tab_cont .txt_box p {font-size: 15px;}

    .company .company_list .top {font-size: 20px;}
    .company .company_list .logo {height: auto;}
    .company .company_list .bottom strong {font-size: 16px;}

    .company .product_list {justify-content: inherit;}
    .company .product_list.list02 > li {width: calc(50% - 10px);}
    .company .product_list.list04 > li {width: calc(50% - 10px);}

    .company .img_list02 li,
    .company .img_list03 li {width: calc(50% - 10px);}
    .company .img_list03 li .img_box {height: 320px;}

    /* 사업소개 > 경북대 */
    .knu .milestone_box .milestone_list {display: block;}
    .knu .milestone_box .milestone_list .item {width: 100%; margin-left: 0; margin-right: 0;}
    .knu .milestone_box .milestone_list .item + .item {margin-top: 10px;}

    /* 사업소개 > 참여기업 인코아 */
    .incore .product_info {display: block;}
    .incore .product_info .txt_box {margin-left: 0; margin-top: 20px;}
    
    /* 사업소개 > 참여기업 메가젠 */
    .megagen02 .product_list.type02 > li {width: 100%;}

    .equipment_wrap {margin: 0; padding: 0;}
    .equipment_wrap .cont {margin-top: 0;}
    .equipment_wrap .img_wrap {display: none;}
    .equipment_wrap .tit {padding: 0;}
    .equipment_wrap .tit h3 {font-size: 24px;}
    .equipment_wrap .cont {padding: 0; margin: 40px 0;}
    .equipment_process li {width: 48%; font-size: 13px; padding: 40px 0 20px; margin-right: 10px; margin-bottom: 10px;}
    .equipment_process li:nth-child(even) {margin-right: 0;}
}

@media (max-width: 576px) {
    .company .c_tab a span {font-size: 16px;}    
    
    .company .item_cont .cont_tit {font-size: 18px;}

    .text_box p {font-size: 14px;}

    .scrollTable {overflow-x: auto;}
    .table th {font-size: 15px; white-space: nowrap;}
    .table td {font-size: 1rem; white-space: nowrap;}

    /* 사업소개 > 과제개요 */
    .overview .overview_box {display: block;}
    .overview .overview_box .bar {display: none;}

    .overview .goal_list {display: block;}
    .overview .goal_list > li {display: block; width: 100%; margin-bottom: 30px;}
    .overview .goal_list > li .top {display: inline-block; width: 25%; vertical-align: top; border-radius: 10px 0 0 10px; padding: 15px 0;}
    .overview .goal_list > li .top:after {content: none;}
    .overview .goal_list > li .top span {display: block; font-size: 16px;}
    .overview .goal_list > li .top span.num {margin-right: 0;}
    
    .overview .goal_list > li .bottom {display: inline-block; width: 75%; vertical-align: top; margin-top: 0; border-radius: 0 10px 10px 10px;}
    .overview .goal_list > li .bottom:before,
    .overview .goal_list > li .bottom:after {content: none;}
    .overview .goal_list > li .bottom ul > li {font-size: 15px; text-align: left; padding: 15px 0;}
    .overview .goal_list > li .bottom ul > li > br {display: none;}

    .overview .goal_result_list {display: block;}
    .overview .goal_result_list li {width: 100%; margin: 0;}

    /* 사업소개 > 참여기업 */
    .company .item_cont .logo {margin: 0 auto 20px;}
    .company .link_btn {position: static; float: right; margin-top: 20px;}

    .company .item_cont .txt p br{display: none;}

    .company .tab_cont .txt_box dl dt {display: block;}
    .company .tab_cont .txt_box dl dd {display: block; width: 100%;}

    .company .company_list {flex-wrap: wrap;}
    .company .company_list > li {width: 100%; margin-bottom: 20px;}
    .company .company_list .bottom .desc_list li {font-size: 16px;}

    .company .product_list.list03 > li {width: calc(50% - 10px);}
    .company .product_list.list03 > li.col03 .img_box {width: 100%; margin-bottom: 10px;}

    .company .img_list li {width: calc(50% - 10px);}
    .company .img_list li.col02 {width: 100%;}

     /* 사업소개 > 참여기업 경북대 */
    .knu .project_info li {width: calc(50% - 20px);}
    .knu .platform_box {display: block;}
    .knu .platform_box .item {width: 100%; margin: 0;}
    .knu .platform_box .item .top strong {font-size: 18px;}
    .knu .milestone_box .tit:after {width: 100%;}
    .knu .milestone_list {margin: 0;}
    .knu .milestone_list .item {margin: 0;}

    /* 사업소개 > 참여기업 인코아 */
    .incore .product_info .txt_box {padding: 20px 20px;}

    /* 전문가매칭 */
    .expert .expert_box > strong {font-size: 20px;}
    .expert .expert_box {border: 0;}
    /* .expert .expert_box .item {width: 260px; height: 260px;} */
    .expert .expert_box .item:after {content: none;}
    
}


@media (max-width: 420px) {
    /* 사업소개 > 참여기업 */
    .area_tab {margin-bottom: 40px;}
    .area_tab > li span {padding: 16px 20px; font-size: 16px;}

    .company:after {top: 60rem; height: calc(100% - 60rem + 100px);}
    .company .item_cont {margin: 0;}
    .company .item_cont + .item_cont {margin-top: 40px;}
    .company .item_cont .cont_tit {width: 100%; white-space: normal;}

    .company .tab_cont {padding: 6%;}
    
    .company .product_list {margin: 0;}
    .company .product_list > li,
    .company .product_list.list02 > li,
    .company .product_list.list03 > li,
    .company .product_list.list04 > li {width: 100%; margin-left: 0; margin-right: 0;}

    .company .img_list {margin: 0;}
    .company .img_list li {width: 100%; margin-left: 0; margin-right: 0;}
    .company .img_list li.col02 .img_box {width: 100%; margin: 0 0 10px;}

    /* 사업소개 > 참여기업 메가젠 */
    .megagen02 .product_list.type02 > li {display: block;}
    .megagen02 .product_list.type02 > li .img_box {width: 100%;}
    .megagen02 .product_list.type02 > li .txt_box {display: block; padding: 0; margin-top: 10px;}

    .megagen02 .color_list li {width: calc(33.3% - 10px);}

    /* 전문가 매칭 */
    .expert .expert_process {display: block; margin: 0;}
    .expert .expert_process li {width: 100%; margin-left: 0; margin-right: 0;}
}