@charset "utf-8";

.greetings-wrap {position: relative;}
.greetings-wrap .frame {max-width:1480px; width:100%; margin:0 auto;}
.greetings-wrap .row {display: flex; justify-content: space-between;}
/* .greetings-wrap .row > div {width:50%;} */
.greetings-wrap .left {background:url('../../images/sub/logo-bg.png') no-repeat right -140px bottom; width:50%; position: relative; z-index: 1; min-height:400px;}
.greetings-wrap .left strong {font-size: 40px; color:#00AAB5; font-family: db; display: inline-block; position: relative; margin:45px 0 35px 0;}
.greetings-wrap .left strong::after {content:''; width:190px; height:2px; background:#00AAB5; position: absolute; top:50%; margin-top:-1px; left:calc(100% + 20px);}
.greetings-wrap .left p {font-size: 45px; font-family: db; line-height: 70px; letter-spacing: -.05em; color:#212121; padding-right:30px;}
.greetings-wrap .right {min-height:400px; width:50%; right:0; position: absolute;}
.greetings-wrap .img-box {height:100%;}
.greetings-wrap .img-box img {object-fit: cover;}
.greetings-wrap .text-box {margin-top: 50px;}
.greetings-wrap .text-box p{font-size: 16px; line-height: 28px; letter-spacing: -.025em; color:#333; font-family: dr;}
.greetings-wrap .text-box p i {display: block; margin:25px 0;}

@media screen and (max-width:1800px) {
    .greetings-wrap .wrap-inner {max-width:1480px; width:100%; margin:0 auto;}
    .greetings-wrap .row > div {width:50%;}
    .greetings-wrap .frame {width:auto;}
    .greetings-wrap .left {width:100%; min-height:auto;}
    .greetings-wrap .right {position: relative;}
}

@media screen and (max-width:1400px) {
    .greetings-wrap .left strong  {font-size: 35px;}
    .greetings-wrap .left p {font-size: 40px;}
}

@media screen and (max-width:1200px) {
    .greetings-wrap .left strong {font-size: 30px;}
    .greetings-wrap .left p {font-size: 35px; line-height: 1.5;}
}

@media screen and (max-width:1000px) {
    .greetings-wrap .row {flex-wrap:wrap; flex-direction: column-reverse;}
    .greetings-wrap .row > div {width:100%;}
    .greetings-wrap .left {background:url('../../images/sub/logo-bg.png') no-repeat right bottom; background-size:contain;}
    .greetings-wrap .right {min-height:auto;}
}

@media screen and (max-width:768px) {
    .greetings-wrap .left strong {font-size: 22px; margin:25px 0 15px 0;}
    .greetings-wrap .left strong::after {width:50px;}
    .greetings-wrap .left p {font-size: 26px;}
    .greetings-wrap .text-box {margin-top: 30px;}
    .greetings-wrap .text-box p {font-size: 15px;}
}

@media screen and (max-width:600px) {
    .greetings-wrap .left strong::after {display: none;}
}

.org-wrap {position: relative; max-width:1290px; width:100%; margin:0 auto;}
.org-wrap .top {position: relative; text-align: center; padding-bottom:50px;}
.org-wrap .top::before {content:''; width:1px; height:calc(100% - 14px); background:#c7c7c7; position: absolute; left:50%; top:14px;}
.org-wrap .top::after {content:''; width:50%; height:1px; background:#c7c7c7; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
.org-wrap .top .box {display: inline-block; padding:14px 11px; position: relative;}
.org-wrap .top .box::after {content:''; width:100%; height:100%; background:url('../../images/sub/org-obj1.png') no-repeat left top; position: absolute; left:0; top:0;}
.org-wrap .top .box::before {content:''; width:100%; height:100%; background:url('../../images/sub/org-obj2.png') no-repeat right bottom; position: absolute; left:0; top:0;}
.org-wrap .top .bg-box {width:280px; text-align: center; background:linear-gradient(to bottom,#01A9B5, #5787C5); color:#fff; padding:20px 10px; font-size: 24px; line-height: 40px; letter-spacing: -.05em; font-family: dm; border-radius:0 30px 0 30px;}
.org-wrap .top .bg-box p {margin-top: 10px;}
.org-wrap .bottom {position: relative;}
.org-wrap .bottom-inner {position: relative; display: flex;}
.org-wrap .bottom-inner > div {width:50%; text-align: center;}
.org-wrap .bottom-top {position: relative;}
.org-wrap .bottom-top::before {content:''; width:1px; height:100%; background:#c7c7c7; position: absolute; left:50%; top:0;}
.org-wrap .bottom-top .box {padding:30px 0; position: relative; text-align: center;}
.org-wrap .bottom-top .box::before {content:''; width:50%; height: 1px; background:#c7c7c7; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
.org-wrap .bottom-top .bg-box {background:#5785C5; padding:20px 10px 15px 10px; color:#fff; font-size: 20px; line-height: 40px; letter-spacing: -.05em; max-width:220px; border-radius:0 30px 0 30px; margin:0 auto; font-family: dm;}
.org-wrap .bottom-top .bg-box p {margin-top: 5px;}
.org-wrap .bottom-bottom {position: relative; }
.org-wrap .bottom-bottom::after {content:''; display: block; clear:both;}
.org-wrap .bottom-bottom .box {width:50%; float:left; position: relative; padding:30px 10px 0 10px;}
.org-wrap .bottom-bottom .box::before {content:''; width:1px; height:100%; background:#c7c7c7; position: absolute; left:50%; top:0;}
.org-wrap .bottom-bottom .bg-box {background:#C0EDF0; font-size: 16px; line-height: 40px; letter-spacing: -.05em; color:#444; font-family: dr; border-radius:0 30px 0 30px; height:80px; display: flex; align-items: center; justify-content: center; position: relative; max-width:240px; width:100%; margin:0 auto;}

@media screen and (max-width:1000px) {
    .org-wrap .top .bg-box {font-size: 22px; width:240px;}
    .org-wrap .bottom-top .bg-box {font-size: 18px; padding:10px; max-width:190px; }
}

@media screen and (max-width:700px) {
    .org-wrap .top .bg-box {font-size: 18px; width:200px;}
    .org-wrap .top .box::before {width:104px; height:95px; background-size:cover; right:0; bottom:0; top:unset; left:unset;}
    .org-wrap .top .box::after {width:104px; height:92px; background-size:cover; }
    .org-wrap .bottom-bottom .box {width:100%; padding-top:20px;}
    .org-wrap .bottom-bottom .bg-box {height:60px; font-size: 15px;}
    .org-wrap .bottom-top .box {padding-bottom:0}
    .org-wrap .bottom-top .box::before {display: none;}
}

.box-style-wrap1 {position: relative; }
.box-style-wrap1 .row {display: flex; margin:0 -20px;}
.box-style-wrap1 .row > div {width:50%; padding:0 20px; display: flex; flex-direction: column; margin-top: 180px;}
.box-style-wrap1 .img-box {border:1px solid #ddd; border-radius:0 50px 0 50px; overflow:hidden; margin-top: -180px;}
.box-style-wrap1 .box {border:1px solid #ddd; padding:0 45px 30px 45px; background:url('../../images/sub/logo-bg2.png') no-repeat bottom -77px right -140px; flex:1;}
.box-style-wrap1 .text-box strong {display: block; font-size: 25px; line-height: 40px; letter-spacing: -.05em; color:#152E6E; font-family: dm; margin-top: 20px; margin-bottom: 15px;}

@media screen and (max-width:1200px) {
    .box-style-wrap1 .row > div {margin-top:150px;}
    .box-style-wrap1 .img-box {margin-top:-150px;}
    .box-style-wrap1 .text-box strong {font-size: 22px;}
}

@media screen and (max-width:1000px) {
    .box-style-wrap1 .row {flex-wrap:wrap;}
    .box-style-wrap1 .row > div {width:100%; margin-top:100px; margin-bottom:30px}
    .box-style-wrap1 .row > div:last-child {margin-bottom: 0;}
    .box-style-wrap1 .img-box {max-width:720px; margin:-100px auto 0px auto;}
}

@media screen and (max-width:700px) {
    .org-wrap .bottom-top .bg-box {max-width:160px;}
    .box-style-wrap1 .box {padding: 0 25px 30px 25px;}
}

@media screen and (max-width:500px) {
    .box-style-wrap1 .text-box strong {font-size: 20px;}
}

/* 항공통계 */
.head-banner {position: relative;}
.head-banner .img-box {width:calc(100% + 211px); position: absolute; height:100%;}
.head-banner .img-box img {width:100%; height:100%; object-fit: cover;}
.head-banner .text-box {max-width:1480px; width:100%; margin:0 auto; padding:50px 40px; position: relative; z-index: 1; color:#fff; min-height:300px;}
.head-banner .text-box strong {font-size: 30px; line-height: 45px; letter-spacing: -.05em; font-family: db; margin-bottom: 12px; display: block; padding-left:155px; position: relative;}
.head-banner .text-box strong::after {content:''; width:120px; height:1px; background:#fff; position: absolute; left:0; top:50%;}
.head-banner .text-box p {font-size: 18px; line-height: 30px; letter-spacing: -.05em; font-family: dm; margin-bottom: 25px; padding-left:155px;}
.head-banner .text-box a {margin-left:155px;}

@media screen and (max-width:1200px) {
    .head-banner .text-box strong {font-size: 25px;}
    .head-banner .text-box p {font-size: 16px;}
}

@media screen and (max-width:1000px) {
    .head-banner .text-box strong {padding-left: 0;}
    .head-banner .text-box strong::after {display: none;}
    .head-banner .text-box p {padding-left:0;}
    .head-banner .text-box a {margin-left:0;}
}

@media screen and (max-width:700px) {
    .head-banner .text-box {padding:30px;}
    .head-banner .text-box strong {font-size: 22px;}
    .head-banner .text-box p {font-size: 15px; line-height:1.5;}
}

.service-list-wrap {position: relative;}
.service-list-wrap ul {display: flex; flex-wrap:wrap; margin:0 -20px;}
.service-list-wrap li {width:25%; padding:0 20px; margin-bottom:30px;}
.service-list-wrap li a {display: block; height:70px; display: flex; align-items: center; justify-content: center; border:1px solid #ddd; border-radius:0 30px 0 30px; font-size: 16px; font-family:  dr; color:#444; transition: all .3s; letter-spacing: -.05em; background:#fff; overflow:hidden; position: relative;}
.service-list-wrap li a::before {content:''; width:191px; height:74px; background:url('../../images/sub/btn-bg.png') no-repeat center; position: absolute; right:-40px; bottom:-20px; }
.service-list-wrap li a:hover {background:#00AAB5; color:#fff;}
.service-list-wrap li a span {display: inline-block; position: relative;}
.service-list-wrap li a span::after {content:''; width:21px; height:5px; background:url('../../images/sub/arrow1.png') no-repeat center; position: absolute; left:calc(100% + 5px); top:50%; margin-top:-2px; transition: left .3s; }
.service-list-wrap li a:hover span::after {position: absolute; left:calc(100% + 10px);}

@media screen and (max-width:1000px) {
    .service-list-wrap li {width:33.3333%;}
}

@media screen and (max-width:700px) {
    .service-list-wrap ul {margin:0 -10px;} 
    .service-list-wrap li {width:50%; padding:0 10px;}
    .service-list-wrap li a {height:60px; font-size: 15px;}
}

/* 연구수행절차 */
.procedure-box1 {position: relative; margin-top: 40px;}
.procedure-box1 .row {display: flex; align-items: center;}
.procedure-box1 .left > ul {display: flex; justify-content: space-between; width:700px;}
.procedure-box1 .circle-ul > li {position: relative;}
.procedure-box1 .circle-ul > li::after {content:''; width:90px; height:100%; background:url('../../images/sub/arrow2.png') no-repeat center / contain; position: absolute; left:100%; top:0; z-index: 1;}
.procedure-box1 .circle-ul > li:last-child::after {display: none;}
.procedure-box1 .circle {width:220px; height:220px; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.procedure-box1 .circle strong {font-size: 20px; letter-spacing: -.05em; font-family: dm; background:#fff; border-radius:50%; width:calc(100% - 40px); height:calc(100% - 40px); display: flex; align-items: center; justify-content: center; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.procedure-box1 .item1 .circle {background:#48A1B2; color:#48A1B2;}
.procedure-box1 .item2 .circle {background:#2285D0; color:#2285D0;}
.procedure-box1 .item3 .circle {background:#1B5FB8; color:#1B5FB8;}

.procedure-box1 .right {position: relative; flex:1;}
.org-wrap2 {position: relative; padding-left:115px; color:#fff;}
.org-wrap2::before {content:''; width:115px; height:1px; background:#c7c7c7; position: absolute; top:50%; left:0;}
.org-wrap2 .depth1 > ul > li {position: relative; padding-left:107px; display: flex; align-items: center; justify-content: center; }
.org-wrap2 .depth1 > ul > li::before {content:''; width:150px; height:1px; background:#c7c7c7; position: absolute; top:50%; left:0;}
.org-wrap2 .depth1 > ul > li::after {content:''; width:1px; height:100%; background:#c7c7c7; position: absolute; left:0;}
.org-wrap2 .depth1 > ul > li:first-child {margin-bottom:55px;}
.org-wrap2 .depth1 > ul > li:first-child::after {top:50%;}
.org-wrap2 .depth1 > ul > li:last-child {margin-top:55px;}
.org-wrap2 .depth1 > ul > li:last-child::after {bottom:50%;}
.org-wrap2 .depth1 > ul > li > .box {height:80px; display: flex; align-items: center; justify-content: center; font-size: 18px; letter-spacing: -.05em; font-family: dm; background:#5785C5; max-width:240px; width:100%; border-radius:0 30px 0 30px; position: relative;}
.org-wrap2 .depth2 {flex:1;}
.org-wrap2 .depth2 > ul {padding-left:40px; position: relative;}
.org-wrap2 .depth2 > ul::after {content:''; width:40px; height:1px; background:#c7c7c7; position: absolute; left:0; top:50%;}
.org-wrap2 .depth2 > ul > li {margin-bottom:20px; padding-left: 40px; position: relative;}
.org-wrap2 .depth2 > ul > li:last-child {margin-bottom: 0;}
.org-wrap2 .depth2 > ul > li::before {content:''; width:100%; height:1px; background:#c7c7c7; position: absolute; left:0; top:50%;}
.org-wrap2 .depth2 > ul > li::after {content:''; width:1px; height:100%; background:#c7c7c7; position: absolute; left:0;}
.org-wrap2 .depth2 > ul > li:first-child::after {top:35px;}
.org-wrap2 .depth2 > ul > li:last-child::after {bottom:35px;}
.org-wrap2 .depth2 .box {background:#6EADFF; width:100%; border-radius:0 30px 0 30px; height:70px; display: flex; align-items: center; justify-content: center; font-size: 18px; letter-spacing: -.05em; font-family: dm; position: relative;}

@media screen and (max-width:1500px) {
    .org-wrap2 {padding-left: 80px;}
    .org-wrap2::before {width:80px;}
    .org-wrap2 .depth1 > ul > li {padding-left: 55px;}
    .org-wrap2 .depth1 > ul > li > .box {font-size: 16px;}
    .org-wrap2 .depth2 .box {font-size: 16px;}
}

@media screen and (max-width:1400px) {
    .org-wrap2 .depth1 > ul > li > .box {max-width:180px;}
}

@media screen and (max-width:1300px) {
    .procedure-box1 .row {flex-wrap:wrap; flex-direction: column;}
    .procedure-box1 .left {padding-bottom:120px; background:url('../../images/sub/big-arrow2.png') no-repeat bottom center;}
    .procedure-box1 .right {width:100%;}
    .org-wrap2 {padding-left:unset; padding-top:30px;}
    .org-wrap2::before {width:1px; height:30px; left:50%; top:0;}
    .org-wrap2 .depth1 > ul {display: flex;}
    .org-wrap2 .depth1 > ul > li {padding:unset; display:block; width:50%; padding-top:30px;}
    .org-wrap2 .depth1 > ul > li::before {width:1px; height:30px; top:0; left:50%;}
    .org-wrap2 .depth1 > ul > li:first-child {margin-bottom:unset;}
    .org-wrap2 .depth1 > ul > li:last-child {margin-top:unset;}
    .org-wrap2 .depth1 > ul > li::after {width:50%; height:1px; top:0;}
    .org-wrap2 .depth1 > ul > li:first-child::after {right:0; left:unset; top:0;}
    .org-wrap2 .depth1 > ul > li:last-child::after {left:0; top:0;}
    .org-wrap2 .depth1 > ul > li > .box {margin:0 auto;}
    .org-wrap2 .depth2 > ul {display: flex; padding:30px 0 0 0;}
    .org-wrap2 .depth2 > ul::after {width:1px; height:30px; left:50%; top:0;}
    .org-wrap2 .depth2 > ul > li {width:50%; padding:30px 20px 0 20px; margin:0;}
    .org-wrap2 .depth2 > ul > li::before {width:1px; height:100%; top:0; left:50%;}
    .org-wrap2 .depth2 > ul > li::after {width:50%; height:1px; top:0; bottom:unset;}
    .org-wrap2 .depth2 > ul > li:first-child::after {right:0; left:unset; top:0;}
}

@media screen and (max-width:1000px) {
    .procedure-box1 .left > ul {width:600px;}
    .procedure-box1 .circle {width:180px; height:180px;}
    .procedure-box1 .circle-ul > li::after {background-size: cover;}
}

@media screen and (max-width:700px) {
    .procedure-box1 .left {padding-bottom:0; background: none;}
    .procedure-box1 .left > ul {flex-direction: column; align-items: center; width:auto;}
    .procedure-box1 .circle-ul > li::after {width:100%; height:70px; background:url('../../images/sub/arrow2-vertical.png') no-repeat center / cover; top:100%; bottom:-50%; left:0;}
    .procedure-box1 .circle strong {font-size: 18px;}
    .org-wrap2 .depth2 > ul {flex-wrap:wrap; padding:0;}
    .org-wrap2 .depth2 > ul::after {display: none;}
    .org-wrap2 .depth2 > ul > li {width:100%; padding:20px 5px 0 5px;}
    .org-wrap2 .depth2 > ul > li::after {display: none;}
}

.procedure-box2 {position: relative; margin-top: 50px;}
.procedure-box2 ul {display: flex; justify-content: start;}
.procedure-box2 .circle {width:220px; height:220px; border-radius:50%;display: flex; align-items: center; justify-content: center; position: relative; margin:0 auto;}
.procedure-box2 .circle::after {content:''; width:90px; height:100%; background:url('../../images/sub/arrow2.png') no-repeat center / cover; position: absolute; left:100%; top:0; z-index: 1;}
.procedure-box2 .circle strong {text-align: center; font-size: 20px; letter-spacing: -.05em; font-family: dm; background:#fff; border-radius:50%; width:calc(100% - 40px); height:calc(100% - 40px); display: flex; align-items: center; justify-content: center; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.procedure-box2 li {width:calc(100% / 6); padding:0 11px;}
.procedure-box2 li:last-child .circle::after {display: none;}
.procedure-box2 li:nth-last-child(-n+2) {margin-bottom: 0;}
.procedure-box2 .item1 .circle {background:#DCAE20;}
.procedure-box2 .item2 .circle {background:#48A1B2;}
.procedure-box2 .item3 .circle {background:#2285D0;}
.procedure-box2 .item4 .circle {background:#1B5FB8;}
.procedure-box2 .item5 .circle {background:#13407F;}
.procedure-box2 .item6 .circle {background:#19375C;}
.procedure-box2 .text-box {padding-top:50px; position: relative;}
.procedure-box2 .text-box::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
.procedure-box2 .text-box::after {content:''; width:13px; height:13px; border:3px solid #9B9B9B; border-radius:50%; position: absolute; left:50%; top:-7px; margin-left:-6px; background: #fff;}
.procedure-box2 .text-box p{ border:1px solid #ddd; background: #fff; text-align: center; position: relative; z-index: 1; min-height:95px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 28px; color:#333; letter-spacing: -.025em; font-family: dr; padding:0 10px;}
.procedure-box2 .text-box p sup{color:#152E6E; font-size: 16px; position: relative; top:-6px;}
.procedure-box2.interval1 {max-width:1230px; width:100%; margin:40px auto 0 auto;}
.procedure-box2.interval1 li {width:calc(100% / 5);}

@media screen and (max-width:1400px) {
    .procedure-box2 .circle::after {display: none;}
    .procedure-box2 ul {flex-wrap:wrap;}
    .procedure-box2 li {position:relative; width:calc(100% / 3) !important; text-align: center; margin-bottom: 20px;}
    .procedure-box2 li::after {content:''; width:40px; height:100px; background:url('../../images/sub/arrow2.png') no-repeat center / cover; position: absolute; left:calc(100% - 40px); top:30%; z-index: -1; transform: translate(0, -50%)}
    .procedure-box2 li .box {display: inline-block;}
}

@media screen and (max-width:1200px) {
    .procedure-box2 .circle {width:180px; height:180px; margin:0 auto;}
    .procedure-box2 .circle::after {width:90px; left:80%; z-index: -1;}
}

@media screen and (max-width:768px) {
    .procedure-box2 {margin-top: 20px;}
    .procedure-box2 li {width:calc(100% / 2) !important;}
    .procedure-box2 .circle::after {z-index: 1; width:40px; left:100%; background-size: contain;}
  	.procedure-box2 li::after {left: calc(100% - 20px);}
    .procedure-box2 li:nth-child(2n) .circle::after {display: none;}
    .procedure-box2 .circle strong {font-size: 18px;}
    .procedure-box2 .text-box p {padding:0 10px;}
    .procedure-box2.interval1 {margin-top: 20px;}
}

.procedure-box3 {position: relative; margin-top: 55px;}
.procedure-box3 .row {display: flex; margin-bottom: 50px;}
.procedure-box3 .row:last-child {margin-bottom: 0;}
.procedure-box3 .left-box {width:140px; margin-right:110px; background:#5785C5; display: flex; align-items: center; justify-content: center; border-radius:0 30px 0 30px;}
.procedure-box3 .left-box p {font-size: 20px; letter-spacing: -.05em; font-family: dm; color:#fff;}
.procedure-box3 .item-list {display: flex; justify-content: space-between;}
.procedure-box3 .row1 .item-list {justify-content: flex-start;}
.procedure-box3 .circle {width:220px; height:220px; border-radius:50%;display: flex; align-items: center; justify-content: center; position: relative;}
.procedure-box3 .circle::after {content:''; width:90px; height:100%; background:url('../../images/sub/arrow2.png') no-repeat center / cover; position: absolute; left:100%; top:0; z-index: 1;}
.procedure-box3 .circle strong {text-align: center; font-size: 20px; letter-spacing: -.05em; font-family: dm; background:#fff; border-radius:50%; width:calc(100% - 40px); height:calc(100% - 40px); display: flex; align-items: center; justify-content: center; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.procedure-box3 .circle strong span {position: relative; z-index: 1;}
.procedure-box3 li {padding:0 11px;}
.procedure-box3 li:last-child .circle::after {display: none;}
.procedure-box3 .item1 .circle {background:#DCAE20;}
.procedure-box3 .item2 .circle {background:#48A1B2;}
.procedure-box3 .item3 .circle {background:#2285D0;}
.procedure-box3 .item4 .circle {background:#1B5FB8;}
.procedure-box3 .item5 .circle {background:#13407F;}
.procedure-box3 .item6 .circle {background:#19375C;}
.procedure-box3 .text-box {padding-top:50px; position: relative;}
.procedure-box3 .text-box::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
.procedure-box3 .text-box::after {content:''; width:13px; height:13px; border:3px solid #9B9B9B; border-radius:50%; position: absolute; left:50%; top:-7px; margin-left:-6px; background: #fff;}
.procedure-box3 .text-box p{ border:1px solid #ddd; background: #fff; text-align: center; position: relative; z-index: 1; min-height:95px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 28px; color:#333; letter-spacing: -.025em; font-family: dr;}
.procedure-box3 .text-box p sup{color:#152E6E; font-size: 16px; position: relative; top:-6px;}

@media screen and (max-width:1500px) {
    .procedure-box3 .left-box {margin-right: 30px;}
    .procedure-box3 .circle {width:180px; height:180px;}
    .procedure-box3 .right-box {flex:1;}
}

@media screen and (max-width:1300px) {
    .procedure-box3 {margin-top: 30px;}
    .procedure-box3 .row {flex-wrap:wrap;}
    .procedure-box3 .left-box {width:100%; padding:20px 0; margin-bottom: 20px; margin-right: 0;}
}

@media screen and (max-width:1100px) {
    .procedure-box3 .item-list {flex-wrap:wrap;}
    .procedure-box3 li {width:50%; margin-bottom: 20px;}
    .procedure-box3 .circle {margin:0 auto;}
}

@media screen and (max-width:700px) {
    .procedure-box3 {margin-top: 20px;}
    .procedure-box3 .row {margin-bottom: 20px;}
    .procedure-box3 .left-box p {font-size: 18px;}
    .procedure-box3 .circle::after {width:40px; background-size: contain;}
    .procedure-box3 li:nth-child(2n) .circle::after {display: none;}
    .procedure-box3 .circle strong {font-size: 18px;}
}

/* 테크마켓 플랫폼 */
.techmarket-wrap {position: relative; min-height:483px; max-width:1240px; width:100%; margin:60px auto 0 auto;}
.techmarket-wrap .center {width:500px; height:100%; position: absolute; left:50%; margin-left:-250px; z-index: 1;}
.techmarket-wrap .center::before {content:''; width:468px; height:100%; background:url('../../images/sub/tech-bg.png') no-repeat center / contain; position: absolute; left:50%; margin-left:-234px;}
.techmarket-wrap .c-center {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.techmarket-wrap .c-center strong {display: block; font-family: dm; font-size: 23px; letter-spacing: -.05em; color:#152E6E; margin-top: 15px;}
.techmarket-wrap .circle li {width:140px; height:140px; border:5px solid #fff; border-radius:50%; background:#152E6E; }
.techmarket-wrap .circle .box {width:100%; height:100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.techmarket-wrap .circle li p {color:#333; font-size: 18px; line-height: 22px; letter-spacing: -.05em; font-family: dm; width:calc(100% - 28px); height:calc(100% - 28px); background:#fff; border-radius:50%; display: flex; align-items: center; justify-content: center; }
.techmarket-wrap .item1 {position: absolute; left:50%; margin-left:-70px;}
.techmarket-wrap .item2 {position: absolute; right:50%; margin-right:-250px; margin-top:130px;}
.techmarket-wrap .item3 {position: absolute; right:50%; margin-right:-190px; bottom:10px;}
.techmarket-wrap .item4 {position: absolute; left:50%; margin-left:-180px; bottom:10px;}
.techmarket-wrap .item5 {position: absolute; left:50%; margin-left:-250px; margin-top:130px;}

.techmarket-wrap .side-box {position: relative; }
.techmarket-wrap .side-box .row {display: flex; justify-content: space-between;min-height:483px; align-items: center; text-align: center;} 
.techmarket-wrap .side-box .row > div {flex:1; display: flex; align-items: center; justify-content: center; padding:100px 0; max-width:386px; width:100%;}
.techmarket-wrap .side-box .left {background:url('../../images/sub/tech-line1.png') no-repeat center / contain; max-width:365px !important;}
.techmarket-wrap .side-box .right {background:url('../../images/sub/tech-line2.png') no-repeat center / contain;}
.techmarket-wrap .side-box strong {display: block; font-family: dm; font-size: 25px; letter-spacing: -.05em; color:#152E6E; margin-top: 10px;}
.techmarket-wrap .side-box .con-list1 {margin-top: 18px; display: inline-block;}

@media screen and (max-width:1100px) {
    .techmarket-wrap .center {min-height:483px; position: relative;}
    .techmarket-wrap .side-box .row > div {max-width:unset !important;}
}

@media screen and (max-width:900px) {
    .techmarket-wrap .side-box .row {min-height:auto;}
    .techmarket-wrap .side-box .row > div {min-height:320px !important; padding:0; margin:0 20px;}
    .techmarket-wrap .side-box .left {background: none; border:5px solid #00ADB4; border-radius:30px;}
    .techmarket-wrap .side-box .right {background: none; border:5px solid #FBAB1A; border-radius:30px;}
}

@media screen and (max-width:700px) {
    .techmarket-wrap {margin:0 auto;}
    .techmarket-wrap .c-center {padding:0 20px;}
    .techmarket-wrap .c-center strong {font-size: 15px; text-align: center;}
    .techmarket-wrap .center {width:350px; margin-left:-175px;}
    .techmarket-wrap .center::before {width:350px; margin-left:-175px;}
    .techmarket-wrap .circle li {width:120px; height:120px;}
    .techmarket-wrap .circle li p {font-size: 16px;}
    .techmarket-wrap .side-box strong {font-size: 22px;} 
    .techmarket-wrap .item1 {top:40px; margin-left:-60px;}
    .techmarket-wrap .item2 {margin-right:-200px; margin-top:150px;}
    .techmarket-wrap .item3 {margin-right:-150px; bottom:60px;}
    .techmarket-wrap .item4 {margin-left:-150px; bottom:60px;}
    .techmarket-wrap .item5 {margin-left:-200px; margin-top:150px;}
}

@media screen and (max-width:600px) {
    .techmarket-wrap .side-box .row > div {margin:0 5px;}
}



/* 오시는 길 */
.map-wrap .under-box{padding: 30px 50px 30px 40px; border: 1px solid #DDDDDD;}
.map-wrap .img-box{border: 1px solid #DDDDDD; border-bottom: 0;}
.map-wrap .list-box ul{display: flex; }
.map-wrap .list-box li{font-size: 16px; font-family: dr; color: #333333; position: relative; display: flex; align-items: center; margin-right: 30px;}
.map-wrap .list-box li a{color: #333333;}
.map-wrap .list-box li:last-child{margin-right: 0;}
.map-wrap .list-box li::before{content: ''; margin-right: 15px; display: inline-block;}
.map-wrap .list-box li.ic1::before{content: ''; background: url(../../images/sub/map-ic1.png) no-repeat center / cover; width: 15px; height: 20px;}
.map-wrap .list-box li.ic2::before{content: ''; background: url(../../images/sub/map-ic2.png) no-repeat center / cover; width: 20px; height: 20px;}
.map-wrap .list-box li.ic3::before{content: ''; background: url(../../images/sub/map-ic3.png) no-repeat center / cover; width: 21px; height: 21px;}
.map-wrap .list-box li.ic4::before{content: ''; background: url(../../images/sub/map-ic4.png) no-repeat center / cover; width: 24px; height: 16px;}
.map-wrap .under-box{display: flex; justify-content: space-between; align-items: center;}
.map-wrap .btn{display: flex;}
.map-wrap .btn a{font-size: 16px; font-family: dr; color: #333333; padding:0 15px 0 60px; position: relative; border: 1px solid #dddd; height: 60px; display: inline-block; display: flex; align-items: center; justify-content: center; background: #fff; }
.map-wrap .btn a:hover{border-color: #00abb3;  background:#00abb3; color: #fff;}
.map-wrap .btn a::before{content: ''; position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.map-wrap .btn a.naver::before{background: url(../../images/sub/map-naver-ic.png) no-repeat left / cover; width: 30px; height: 30px;} 
.map-wrap .btn a.google::before{background: url(../../images/sub/map-google-ic.png) no-repeat left / cover; width: 30px; height: 30px;} 

@media screen and (max-width:1500px){
    .map-wrap .under-box{padding: 30px 20px;}
}

@media screen and (max-width:1450px){
    .map-wrap .under-box{display: block;}
    .map-wrap .btn{margin-top: 20px; justify-content: end;}
}

@media screen and (max-width:1100px){
    .map-wrap .list-box li{font-size: 15px;}
    .map-wrap .btn a{font-size: 15px; height: 45px;}
}

@media screen and (max-width:1024px){
    .map-wrap .list-box ul{display: block;}
    .map-wrap .list-box li{margin-bottom: 15px; margin-right: 0;}
    .map-wrap .list-box li:last-child{margin-bottom: 0px;}
}

.car-wrap{display: flex; justify-content: space-between;}
.car-wrap .left{width: 140px;}
.car-wrap .left > .box{width: 140px; height: 140px; border-radius: 50%; border: 3px solid #00ABB3; display: flex; align-items: center; justify-content: center;}
.car-wrap .objHeading_h3{margin-top: 20px;}
.car-wrap .con-desc{margin-top: 7px;}
.car-wrap .right{width:calc(100% - 210px );}
.car-wrap ul > li{margin-bottom: 12px;}
.car-wrap ul > li:last-child{margin-bottom: 0;}

@media screen and (max-width:1024px){
    .car-wrap .right{width:calc(100% - 180px )}
}

@media screen and (max-width:700px){
    .car-wrap{display: block}
    .car-wrap .left{width: 100%;}
    .car-wrap .left > .box{margin: auto;}
    .car-wrap .right{width:100%;}
}

/* 중소기업 종합지원 */
.fast-wrap > ul{display: flex; margin: 0 -30px;}
.fast-wrap > ul > li{width: 25%; padding: 0 30px; text-align: center;}
.fast-wrap p{font-size: 20px; font-family: deb; color: #333333; margin-top: 15px; min-width: 270px;}
.fast-wrap .top-box{min-height: 210px; display: flex; align-items: center; justify-content: center; position: relative;}
.fast-wrap .top-box > p{position: absolute; top: 100%;}
.fast-wrap .under-box{padding-top: 40px; position: relative; margin-top: 60px;}
.fast-wrap .under-box::after {content:''; width:13px; height:13px; border:3px solid #9B9B9B; border-radius:50%; position: absolute; left:50%; top:0px; margin-left:-6px; background: #fff;}
.fast-wrap .under-box::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}

.tit-box span{height:60px; display: flex; align-items: center; justify-content: center; font-size: 18px; letter-spacing: -.05em; font-family: dm; background:#5785C5; max-width:210px; width:100%; border-radius:0 30px 0 30px; position: relative; color: #fff; margin: auto; z-index: 2;}
.fast-wrap .txt-box {text-align: left;}
.fast-wrap .txt-box .con-list1{ background: #fff; ; z-index: 1; min-height:240px;  padding:0 10px; margin-top: -28px;padding: 55px 10px 20px 30px;border:1px solid #ddd;}

@media screen and (max-width:1500px){
    .fast-wrap > ul{ margin: 0 -15px;}
    .fast-wrap > ul > li{ padding: 0 15px;}
}

@media screen and (max-width:1300px){
    .fast-wrap p{font-size: 17px; min-width: 225px;}
    .fast-wrap .txt-box .con-list1{padding: 55px 10px 20px 20px;}
}

@media screen and (max-width:1150px){
    .fast-wrap > ul{ flex-wrap: wrap;}
    .fast-wrap > ul > li{width: 33.333%; margin-bottom: 20px;}
}

@media screen and (max-width:1024px){
    .tit-box span{font-size: 16px; max-width: 180px; height: 50px;}
}

@media screen and (max-width:768px){
    .fast-wrap > ul > li{width:50%;}
}

/* @media screen and (max-width:550px){
  .fast-wrap > ul > li{width:100%;}
  .fast-wrap .txt-box .con-list1{min-height: auto;}
} */

.step-wrap ul{display: flex;}
.step-wrap li:not(.arr) {width: 27%; padding-top: 13px; position: relative;} 
.step-wrap li:not(.arr)::before{content: '';width: 93px; height: 13px; border-radius: 20px 55px 0 0; position: absolute; top: 0; left: 0;}
.step-wrap li.box1::before{ background: url(../../images/sub/folder-img1.png);}
.step-wrap li.box2::before{ background: url(../../images/sub/folder-img2.png);}
.step-wrap li.box3::before{ background: url(../../images/sub/folder-img3.png);}
.step-wrap li.arr{width: 9.45%; position: relative;}
.step-wrap li.arr:before{content: ''; background: url(../../images/sub/sm-arr.png) no-repeat center center / cover;  width: 39px; height: 89px; position: absolute; top: 50%; margin-top: -44.5px; left: 50%; margin-left: -24.5px;}

.step-wrap .top-item{height: 70px;border-radius: 0px 20px 0 0;}
.step-wrap li.box1 .top-item{ background: #FA9D1C;}
.step-wrap li.box2 .top-item{background:#00ABB3}
.step-wrap li.box3 .top-item{background:#6EADFF}
.step-wrap .top-item > p{font-size: 36px; font-family: deb; color: #fff; opacity: 0.3; text-align: center; position: relative; top: -10px;}
.step-wrap .top-item > p > em{font-size: 70px;}
.step-wrap .bottom-item{min-height: 110px; display: flex; align-items: center; justify-content: center; border: 1px solid #DDDDDD; border-top: 0;}
.step-wrap .bottom-item > p{font-size: 16px; font-family: dr; color: #333333;text-align: center;}

@media screen and (max-width:1200px){
    .step-wrap li:not(.arr){width: 36%;}
    .step-wrap .top-item > p{font-size: 33px; top: 0;}
    .step-wrap .top-item > p > em{font-size: 62px;}
}

@media screen and (max-width:950px){
    .step-wrap ul{flex-wrap: wrap;}
    .step-wrap li:not(.arr){width: 100%; margin: 20px 0;}
    .step-wrap li.arr{width: 100%; padding: 20px 0;}
    .step-wrap li.arr:before{transform: rotate(90deg);}
}
.support-box img{width: 100%;}

.process-box ul {display: flex; justify-content: space-between;}
.process-box .circle {width:220px; height:220px; border-radius:50%;display: flex; align-items: center; justify-content: center; position: relative; margin:0 auto; flex-direction: column;}
.process-box .circle::after {content:''; width:90px; height:100%; background:url('../../images/sub/arrow2.png') no-repeat center / cover; position: absolute; left:50%; margin-left: 180px; top:0; z-index: 1;}
.process-box .circle strong {text-align: center; font-size: 20px; letter-spacing: -.05em; font-family: dm;  position: relative;display: flex;}
.process-box .circle span{font-size: 12px; font-family: dm; color: #CBCBCB; z-index: 1; margin-bottom: 8px; text-transform: uppercase; }
.process-box .circle::before{content: ''; background:#fff; border-radius:50%; width: calc(100% - 40px); height: calc(100% - 40px);  align-items: center; justify-content: center; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); position: absolute; }

.process-box li {width:230px;}
.process-box li:last-child .circle::after {display: none;}
.process-box li:nth-last-child(-n+2) {margin-bottom: 0;}
.process-box .item1 .circle {background:#DCAE20;}
.process-box .item2 .circle {background:#48A1B2;}
.process-box .item3 .circle {background:#2285D0;}
.process-box .item4 .circle {background:#1B5FB8;}
.process-box .text-box {padding-top:50px; position: relative;}
.process-box .text-box::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
.process-box .text-box::after {content:''; width:13px; height:13px; border:3px solid #9B9B9B; border-radius:50%; position: absolute; left:50%; top:-7px; margin-left:-6px; background: #fff;}
.process-box .text-box p{ border:1px solid #ddd; background: #fff; text-align: center; position: relative; z-index: 1; min-height:95px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 28px; color:#333; letter-spacing: -.025em; font-family: dr; padding:0 10px;}

@media screen and (max-width:1500px) {
    .process-box .circle::after{left: 100%; margin-left: 0;}
}

@media screen and (max-width:1400px) {
    .process-box ul {flex-wrap:wrap;}
    .process-box li {width:calc(100% / 3) !important; text-align: center; margin-bottom: 20px;}
    .process-box li .box {display: inline-block;}
}

 @media screen and (max-width:1200px) {
    .process-box .circle {width:190px; height:190px; margin:0 auto;}
    .process-box .circle strong{font-size: 18px;}
    .process-box .circle::before{content: '';width: calc(100% - 30px); height: calc(100% - 30px);}
    .process-box .circle::after{ width: 90px; left: 80%; z-index: -1;}
} 

@media screen and (max-width:768px) {
    .process-box {margin-top: 20px;}
    .process-box li {width:calc(100% / 2) !important;}
    .process-box .circle {width:180px; height:180px;}
    .process-box .circle::after {z-index: 1;width:40px;left:100%;background-size: contain;}
    .process-box li:nth-child(2n) .circle::after {display: none;}
    .process-box .circle strong {font-size: 17px; line-height: 1.3;}
    .process-box .text-box p {padding:0 10px; min-height: 75px;}
    .process-box.interval1 {margin-top: 20px;}
}