@charset "utf-8";

.copyCode {
    position: relative;
}
.btnC1 {
    background: #005128;
    border: 1px solid #005128;
}
.btnB {
    padding: 0 20px;
    font-size: 16px;
    line-height: 48px;
}

.btnC2 {
    background: #5a912d;
    border: 1px solid #5a912d;
}



.btnB, .btnM, .btnS {
    color: #FFF !important;
    font-family: 'Dream Medium';
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.3;
}



/*
.hist-content .hist-box ul {
padding-left: 0px  !important;
}


.hist-content .left {
    width: calc(100% - 800px) !important;

}
 */
.hist-content .right {
    width: 800px !important;
}
.hist-content .left {
    width: calc(100% - 800px) !important;

}

@media (max-width: 1300px) {
    .hist-content .left {
        width: calc(100% - 800px) !important;
    }



.border-box { border:1px solid #ddd; padding:25px; display:flex; align-items:center; } 
.border-box.no-flex {display:block; } 
.btn-style.para-down1 {display: inline-block;}
.btn-style.para-down1.line {position: relative; margin-right: 30px; padding-right: 40px;}
.btn-style.para-down1.line::after {content: ''; position: absolute; right: 0; top: 16px; width: 1px; height: 40px; background: #b7b7b7;}
.btn-style.para-down1 .ico {float: left; width: 70px; height: 70px; background: #fff url('../../images/sub/btn-down1.png') no-repeat center; border-radius: 100%;}
.btn-style.para-down1 strong {float: left; margin-left: 20px;}
.btn-style.para-down1 strong em {display: block; margin-top: 7px; font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.btn-style.para-down1 strong span {display:block; font-family: 'Noto Light'; font-size: 16px; color: #333;}
.btn-style.para-down1:hover .ico {background: #005128 url('../../images/sub/btn-down1-ov.png') no-repeat center;}

/* 산업협력단소개 - 단장인사말 */
.greeting .visual { position: relative; height: 250px; background-image: url('/sites/research/images/sub/greeting-visual.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.greeting .visual .tit-box { position: absolute; right:56px; bottom: -45px; width: 665px; padding: 40px 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/sites/research/images/sub/tit_bg.jpg'); text-align: center; } 
.greeting .visual .tit-box::before { content: ''; position: absolute; right: -15px; bottom: -25px; width: 666px; height: 70px; background-image: url('/sites/research/images/sub/square.png'); z-index: -1; } 
.greeting .visual .tit-box strong { color: #fff; font-size: 40px; letter-spacing: -0.05em; line-height: 1.5; font-family: 'Noto Bold'; } 
.greeting .visual-container .info { margin-bottom: 85px; } 
.greeting .visual-container .info i { display: block; height: 30px; } 
.president-intro { margin: 34px 0 126px; } 
.president-intro .inner { display: flex; justify-content: space-between; align-items: flex-start; } 
.president-intro .left-box { position: relative; width: 700px; margin-right: 60px; } 
.president-intro .left-box img { position: relative; } 
.president-intro .left-box::before { content: ''; position: absolute; left: -259px; bottom: -55px; width: 952px; height: 423px; background-image: url('/sites/research/images/sub/greeting-president_bg.jpg'); background-repeat: no-repeat; background-position: left top; background-size: cover; } 
.president-intro .left-box > div { max-width: 580px; } 
.president-intro .left-box > div::before { content: ''; position: absolute; left: 27px; bottom: -22px; width: 580px; height: 520px; background-image: url('/sites/research/images/sub/square.png'); } 
.president-intro .right-box { width: 610px; padding-top: 97px; } 
.president-intro .right-box .name { padding-bottom: 30px; margin-bottom: 53px; border-bottom: 1px solid #ccc; } 
.president-intro .right-box .name span { line-height: 1.5; letter-spacing: -0.05em; color: #dd313f; font-size: 25px; font-family: 'Noto Bold'; } 
.president-intro .right-box .name strong { display: block; margin-top: -10px; font-size: 60px; line-height: 1.5; letter-spacing: -0.05em; color: #111; font-family: 'Noto Bold'; } 
.president-intro .right-box ul.info-list em { display: block; margin-bottom: 25px;; position: relative; font-size: 25px; padding-left: 17px; color: #121212; font-family: 'Noto Bold'; } 
.president-intro .right-box ul.info-list em::before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 18px; margin-top: -9px; background-color: #016365; } 
.president-intro .right-box ul.info-list ul li { display: flex; justify-content: space-between; margin-bottom: 10px; padding: 0 95px 0 17px; } 
.president-intro .right-box ul.info-list ul li:last-child { margin-bottom: 0; } 
.president-intro .right-box ul.info-list ul li .year { margin-right: 25px; font-size: 22px; color: #016365; white-space: nowrap; font-family: 'Noto Medium'; } 
.president-intro .right-box ul.info-list ul li .info { width: 350px; } 
.president-intro .right-box ul.info-list ul li .info span { display: block; margin-bottom: 8px; font-size: 18px; margin-top: 3px; letter-spacing: -0.05em; line-height: 1.5; color: #555; font-family: 'Noto Light'; } 
.president-intro .right-box ul.info-list ul li .info span:last-child { margin-bottom: 0; } 

.brief-history ul.info-list { display: flex; justify-content: space-between; } 
.brief-history .inner > em { position: relative; display: block; margin-bottom: 30px; font-size: 25px; padding-left: 17px; color: #121212; font-family: 'Noto Bold'; } 
.brief-history .inner > em::before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 18px; margin-top: -9px; background-color: #016365; } 
.brief-history ul.info-list > li { width: 610px; margin-bottom: 25px; } 
.brief-history ul.info-list ul li { display: flex; justify-content: space-between; margin-bottom: 15px; padding: 0 95px 0 17px; } 
.brief-history ul.info-list ul li .year { display: inline-block; width: 109px; margin-right: 25px; font-size: 22px; color: #016365; font-family: 'Noto Medium'; white-space: nowrap; flex-shrink: 0; } 
.brief-history ul.info-list ul li .info { width: 350px; } 
.brief-history ul.info-list ul li .info span { display: block; margin-bottom: 4px; font-size: 18px; margin-top: 3px; letter-spacing: -0.05em; line-height: 1.5; color: #555; font-family: 'Noto Light'; } 
.brief-history ul.info-list ul li .info span:last-child { margin-bottom: 0; } 

@media (max-width: 1750px){
  .president-intro .left-box::before { width: 900px; } 
}
@media (max-width: 1400px){
  .president-intro .left-box { width: 47%; } 
  .president-intro .left-box::before { width: 67vw; height: 37vw; bottom: -2vw; } 
  .president-intro .left-box > div { width: 42vw; } 
  .president-intro .left-box > div::before { bottom: -2vw; width: 42vw; height: 36vw; left: 2vw; } 
  .president-intro .right-box { width: 47%;; padding-top: 2.7vw } 
  .president-intro .right-box ul.info-list ul li { padding: 0 0 0 17px; } 
  .brief-history ul.info-list > li { width: 47%; } 
  .brief-history ul.info-list ul li { padding: 0 0 0 17px; } 
}
@media (max-width: 1023px){
  .president-intro .right-box .name { padding-bottom: 20px; margin-bottom: 35px; } 
  .president-intro .right-box .name span { font-size: 22px; } 
  .president-intro .right-box .name strong { font-size: 47px; } 
  .president-intro .left-box > div::before { left: 2vw; height: 36vw; width: 42vw; } 
}

@media (max-width: 1000px){
  .president-intro .left-box::before {width: calc(100% + 120px); left: -60px;}
}	

@media (max-width: 750px){
  .president-intro .left-box::before {width: calc(100% + 40px); left: -20px;}
}	

@media (max-width: 900px){
  .greeting .visual .tit-box { left: auto; right: 35px; width: 500px;; } 
  .greeting .visual .tit-box::before { right: -20px; bottom: -25px; width: 480px; height: 70px; } 
  .greeting .visual .tit-box strong { font-size: 30px; } 
  .greeting .visual-container .info { margin-bottom: 55px; } 
  .president-intro { margin: 34px 0 100px; } 
  .president-intro .right-box .name { margin-top: 40px; text-align: center; } 
  .president-intro .right-box .name span { font-size: 22px; } 
  .president-intro .right-box .name strong { font-size: 37px; margin-top: -5px; } 
  .president-intro .inner { flex-direction: column; } 
  .president-intro .left-box { width: 100%; } 
  .president-intro .left-box > div { width: 68%; margin: 0 auto; } 
  .president-intro .left-box > div::before { left: 18vw; height: 50vw; width: 54vw; bottom: -4vw; } 
  .president-intro .right-box { width: 100%; } 
  .president-intro .right-box ul.info-list em { font-size: 23px; } 
  .president-intro .right-box ul.info-list ul li .year { font-size: 20px; } 
  .president-intro .right-box ul.info-list ul li .info span { font-size: 16px; } 
  .brief-history .inner > em { font-size: 23px; } 
  .brief-history ul.info-list ul li .year { width: 88px; font-size: 20px; } 
  .brief-history ul.info-list ul li .info span { font-size: 16px; } 
  .president-intro .right-box ul.info-list ul li .info{flex:1;}

}

@media (max-width: 768px){
  .president-intro .left-box > div::before { width: 62.5vw; height: 58vw; left: 18vw; bottom: -3.5vw; } 
}

@media (max-width: 660px){
  .greeting .visual .tit-box { right: 20px; width: 380px; padding: 30px 20px; } 
  .greeting .visual .tit-box::before { right: -12px; bottom: -18px; width: 396px; height: 70px; } 
  .greeting .visual .tit-box strong { font-size: 23px; } 
  .greeting .visual-container .info { margin-bottom: 45px; } 
  .greeting .visual-container .info i { height: 20px; } 
  .president-intro { margin: 34px 0 75px; } 
  .president-intro .right-box .name { margin-top: 30px; margin-bottom: 25px; padding-bottom: 10px; } 
  .president-intro .right-box ul.info-list em { margin-bottom: 20px; } 
  .brief-history ul.info-list { flex-direction: column; } 
  .brief-history ul.info-list > li { width: 100%; } 
  .brief-history ul.info-list ul li .info { width: 310px; } 
}

/* 산업협력단소개 - 연혁 */
.page18895 #_contentBuilder::after { content: ""; display: block; clear: both; } 
.page18895 .wrap-contents { max-width: 1400px !important; margin: 0 auto !important; } 

/* 산업협력단소개 - 조직도 */
#menu17742_obj2778 {overflow:hidden;}
.page17742 .wrap-contents {padding-bottom:0 !important;}
.org .intro {margin-top: 31px;;border: 1px solid #ddd;}
.org .intro .inner {padding: 30px 212px 70px 212px;}
.org .intro ul {display: flex;justify-content: space-between;}
.org .intro ul li {width: calc((100% / 2) - 88px);}
.org .intro ul li .circle {padding: 90px 0 15px;text-align: center;margin: 0 auto;margin-bottom: 15px;}
.org .intro ul li.vision .circle {width: 152px;height: 177px;background-image: url('/sites/research/images/sub/org-circle_vision.png');background-size: contain;background-position: center;background-repeat: no-repeat;padding: 90px 0 15px;}
.org .intro ul li.goal .circle {width: 152px;height: 177px;background-image: url('/sites/research/images/sub/org-circle_goal.png');background-size: contain;background-position: center;background-repeat: no-repeat;}
.org .intro ul li strong {font-size: 22px;color: #222;letter-spacing: -0.05em;line-height: 1.5;font-family: 'Noto Bold';}
.org .intro ul li p {display: flex;justify-content: center;align-items: center;min-height: calc(100% - 186px);padding: 15px 30px;letter-spacing: -0.05em;line-height: 1.5;font-size: 18px; color: #fff;text-align: center;border-radius: 5px;}
.org .intro ul li.vision p {background-color: #005128;}
.org .intro ul li.goal p {background-color: #00a754;}
.org-con-wrap05 {margin-top: 50px; margin-bottom:0;}
.org-con-wrap05 .circle span{position: relative; width: 140px; height: 140px; font-size: 20px;display: flex; align-items: center; justify-content: center; border-radius: 50%; background-image: url(../../images/sub/circle-green.png); background-repeat: no-repeat; background-position: center;background-size: cover;  color: #fff; line-height: 1.5; letter-spacing: -0.05em; font-family: 'Noto Medium';}
.org-list {height: 60px; display: flex; align-items: center;justify-content: center; font-size: 18px; letter-spacing: -.05em; color: #fff; font-family: 'Noto Regular'; position: relative; background: #016365;}
.org05 { position: relative;}
.org05::after { content: ''; display: block; clear: both;}
.org-con-wrap05 .circle { float: left; width: 180px; position: relative;}
.org-con-wrap05 .circle::before { content: ''; width: 100%; height: 1px; background: #bcbcbc; position: absolute; top: 50%; left: 0; margin-top: -1px;}
.org05-content { float: left; padding-top: 41px; width: calc(100% - 180px);}
.org05-content .box1 { position: relative;}
.org05-content .box1::after { content: ''; width: 1px; height: 100%; background: #bcbcbc; position: absolute; left: 0;top: 28px;}
.org05-content .depth1 { display: flex; position: relative;}
.org05-content .depth1 li:first-child{padding-left: 50px;}
.org05-content .depth1 li { width: 16.666%; padding-left: 30px; margin-bottom: 20px; position: relative; flex: 1;}
.org05-content .depth1 li::before { content: ''; width: 100%; height: 1px; background: #bcbcbc; position: absolute; left: 0; top: 28px;}
.org05-content .box2 .depth1{ width: 83.6%;}

@media all and (max-width: 1380px) {
.org05-content .box2 .depth1{ width: 91%;}
}


@media all and (max-width: 1300px) {
  .org05-content .depth1 li:first-child{padding-left: 30px;}
  .org05-content .box2 .depth1{ width: 100%;}
  .org05-content .depth1 { flex-wrap: wrap;}
  .org05-content .depth1 li { flex: unset; width: 33.3333%;}
  .org05-content .box2 {position: relative;}
  .org05-content .box2::after { content: '';  width: 1px; height: 100%; background: #bcbcbc; position: absolute; left: 0; bottom: 46px; }
}
@media (max-width:1024px){
  .org .intro .inner {padding: 30px 112px 70px 112px;}
  .org .intro ul li {width: calc((100% / 2) - 35px)}
  .org05-content .depth1 li { width: 50%;}
}
@media (max-width:768px){
  .org .intro .inner {padding: 40px 62px 40px 62px;}
  .org-con-wrap05 .circle{float: none; margin: auto; width: 140px; padding-bottom: 50px;}
  .org-con-wrap05 .circle::before{content: ''; width: 1px; height: 100%; position: absolute; top: unset; bottom: 0; left: 50%; margin-left: -1px;}
  .org05-content .depth1 li:first-child{padding: 10px;}
  .org05-content { float: none; position: relative;}
  .org05-content::after { content: ''; display: block;  clear: both;}
  .org05-content .box1, .org05-content .box2 {  position: relative;}
  .org05-content .box1::after { display: none;}
  .org05-content .box1 .depth1::before { content: ''; width: calc(50% + 10px); height: 1px; background: #bcbcbc;  position: absolute;
	left: 50%; top: 0;}
  .org05-content .box2 .depth1::before { content: ''; width: calc(50% + 10px); height: 1px; background: #bcbcbc; position: absolute; right: 50%; top: 0;}
  .org02-content, .org05-content, .org06-content, .org07-content {width: 100%; padding-top: 0px;}
  .org05-content .box1, .org05-content .box2 { float: left; width: 50%;}
  .org05-content .box2::after { display: none;}
  .org05-content .depth1 li {width: 100%; padding-left: 0; padding: 0 10px; margin-bottom: 0; padding-top: 10px;}
  .org05-content .depth1 li::before { width: 1px; height: 100%; top: 0; left: 50%;}
  .org01 .org-title::after {  left: -20px;}
  .org-wrap .org-inner::before { height: calc(100% - 65px - 279px);}
}
.ori-chart-box{margin-top: 240px;}
.ori-chart-box .item-box{ display: flex; position: relative; justify-content: space-between;}
.org-con-wrap05 .txt-box{flex:1;}
.ori-chart-box .txt-box > p{font-size: 60px; font-family: "Mont SemiBold"; line-height: 70px; color: #fff; background: #10693C; padding: 54px 0 61px 20px; position: relative; z-index:1;}
.ori-chart-box .ori-pic-box{position:relative;margin-top: -174px; position:relative;right: 0;padding-right: 74px;}
.ori-chart-box .ori-pic-box img {position: relative;}
.ori-chart-box::before { content: '';width: 100%;height: 185px;background: #10693C;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);}
.ori-chart-box .ori-pic-box::before {content: '';position: absolute;right: 0;top: 9px ;width: 616px;height: 204px;background-image: url('/sites/research/images/sub/ori-tit-pic_bg.png');background-size: contain;background-position: center;background-repeat: no-repeat;}
@media (max-width:1410px){
  .ori-chart-box .txt-box > p{font-size: 50px; line-height:55px;}
}
@media (max-width:1282px){
  .ori-chart-box .ori-pic-box::before {top: 4px;}
  .ori-chart-box .txt-box > p {padding: 30px 0 40px 20px;}
}
@media (max-width:1200px){
  .ori-chart-box  {margin-top: 90px;position: relative;}
  .ori-chart-box .item-box{flex-wrap: wrap;}
  .ori-chart-box .txt-box{width: 100%;order: 2;}
  .ori-chart-box .ori-pic-box{width: 100%; padding: 0 0; margin-top: 0; text-align: center;order: 1}
  .ori-chart-box .txt-box > p {padding: 30px; text-align: center;}
  .ori-chart-box .ori-pic-box::before {right: auto; left: 50%;transform: translateX(-50%)}
  .ori-chart-box::before {    content: '';width: 130%;height: 171px;background: #10693C;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);}
  .ori-chart-box .ori-pic-box img {width: 350px;}
  .ori-chart-box .ori-pic-box::before {top: 9px;}
  .ori-chart-box .ori-pic-box img {width: 300px;}
}

@media (max-width: 948px){
    .ori-chart-box  {margin-top: 70px;}
  .ori-chart-box .ori-pic-box::before {top: 64px;}
  .ori-chart-box .ori-pic-box img { transform: translateY(26px);z-index: 50;}
}
@media (max-width:650px){
  .org .intro ul {flex-direction: column;align-items: center;justify-content: flex-start;}
  .org .intro ul li {width: 100%;}
  .org .intro ul li:first-child {margin-bottom: 40px;}
  .ori-chart-box .txt-box > p{padding: 20px; font-size: 35px; line-height:40px;}
    .ori-chart-box .ori-pic-box::before {top: -28px;}
  .ori-chart-box::before {height: 150px;}
  .ori-chart-box .ori-pic-box img {width: 270px; transform: translateY(0);}
}

@media (max-width:578px){
  .ori-chart-box .ori-pic-box::before {top: 4px;}
}



/* 산업협력단소개 - 찾아오시는길 */
#mapContent.industry { padding: 20px 60px; } 
#mapContent.industry .info { display: block; line-height: 1.5; letter-spacing: -0.05em; font-size: 18px; color: #212121; background: none; padding: 0; height: auto; } 
#mapContent.industry .info p { display: flex; margin-bottom: 3px; } 
#mapContent.industry .info p:last-child { margin-bottom: 0; } 
#mapContent.industry .info strong { display: inline-block; min-width: 78px; font-size: 18px; color: #016365; } 
#mapContent .button li { padding: 0; } 

@media (max-width: 1077px){
  #mapContent.industry { padding: 20px 40px; } 
  #mapContent.industry .info strong { font-size: 16px; } 
  #mapContent.industry .info p { font-size: 16px; } 
  #mapContent.industry .info p:last-child { margin-bottom: 3px; } 
  #mapContent.industry .button { margin-top: 20px; margin-bottom: 0; } 
}

/* 지원사업 - 연구과제수행절차(흐름도) */
.flow-chart-wrap li { text-align: center; padding-bottom: 60px; } 
.flow-chart-wrap li:last-child { padding-bottom: 0; } 
.flow-chart-wrap li:not(.flow-arrow) { padding-bottom: 0; } 
.flow-chart-wrap li.flow-arrow { background: url(/sites/research/images/sub/three-arrow.png) no-repeat center center / contain; max-width: 740px; width: 100%; margin: auto; } 
.flow-chart-wrap .txt-box { border: 1px solid #016365; padding: 32px 10px 33px 10px; } 
.flow-chart-wrap .txt-box > p { font-size: 22px; font-family: "Noto Medium"; line-height: 30px; letter-spacing: -.05em; color: #016365; padding-left: 35px; position: relative; display: inline-block; } 
.flow-chart-wrap .txt-box > p::before { content: ''; background: url(/sites/research/images/sub/green-check-ic.png) no-repeat left center; width: 20px; height: 20px; position: absolute; top: 5px; left: 0; } 
.flow-chart-wrap .txt-box p > span { font-size: 18px; color:#111; } 
.flow-chart-wrap .list-box span { font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #E84855; display: inline-block; padding-left: 10px; position: relative; margin-top: 5px; } 
.flow-chart-wrap .list-box span::before { content: ''; width: 5px; height: 2px; background: #E84855; position: absolute; top: 13px; left: 0; } 

@media (max-width:600px){
  .flow-chart-wrap li.flow-arrow { background: url(/sites/research/images/sub/three-arrow.png) no-repeat center center / cover; } 
  .flow-chart-wrap .txt-box > p { font-size: 20px; padding-left: 30px; } 
  .flow-chart-wrap .list-box span { font-size: 16px; } 
}

/* 지원사업 - 학술연구교수 */
.academic { margin-top: 20px; } 
.academic ul.procedure-list { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.academic ul.procedure-list > li { position: relative; width: calc(50% - 20px); margin-bottom: 40px; } 
.academic ul.procedure-list > li::after { content: ''; position: absolute; width: 22px; height: 22px; background-image: url('/sites/research/images/sub/double-arrow_gray.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.academic ul.procedure-list > li:nth-child(1):after { top: 50%; transform: translateY(-50%); right: -32px; } 
.academic ul.procedure-list > li:nth-child(2):after { left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -32px } 
.academic ul.procedure-list > li:nth-child(3):after { top: 50%; transform: translateY(-50%) rotate(180deg); right: -32px; } 
.academic ul.procedure-list > li:nth-child(4):after { display: none; } 
.academic .tit { padding: 15px 37px; font-size: 20px; letter-spacing: -0.05em; line-height: 1.5; color: #fff; background-color: #003951; font-family: 'Noto Medium'; } 
.academic .tit i { display: inline-block; width: 12px; height: 12px; margin: 0 10px; background-image: url('/sites/research/images/sub/arrow-circle_red.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } 
.academic .info { height: calc(100% - 60px); min-height: 450px; padding: 15px 37px 30px; border: 1px solid #003951; } 

@media (max-width: 1023px){
  .academic ul.procedure-list { flex-direction: column; } 
  .academic ul.procedure-list > li { width: 100%; } 
  .academic ul.procedure-list > li:nth-child(1) { order: 1; } 
  .academic ul.procedure-list > li:nth-child(2) { order: 2; } 
  .academic ul.procedure-list > li:nth-child(3) { order: 4; } 
  .academic ul.procedure-list > li:nth-child(4) { order: 3; } 
  .academic ul.procedure-list > li::after { top: auto !important; left: 50% !important; transform: translateY(0) translateX(-50%) rotate(90deg)!important; bottom: -32px !important; } 
  .academic ul.procedure-list > li:nth-child(3):after { display: none; } 
  .academic ul.procedure-list > li:nth-child(4):after { display: block; } 
}
@media (max-width: 660px){
  .academic .tit { font-size: 18px; padding: 15px 30px; } 
  .academic .info { height: calc(100% - 57px); padding: 15px 28px 30px; min-height: 250px; } 
}

/* 지원사업 - 지식재산권 */
.intellectual .property-list { padding: 75px 0 20px; } 
.intellectual .property-list ul.list { display: flex; justify-content: space-between; } 
.intellectual .property-list ul.list > li { width: calc((100% / 3) - 26.6px); } 
.intellectual .property-list ul.list ul li { margin-bottom: 20px; } 
.intellectual .property-list ul.list ul li:last-child { margin-bottom: 0; } 
.intellectual .property-list ul.list ul li strong { display: flex; width: 100%; height: 100px; justify-content: center; align-items: center; padding: 15px; font-size: 30px; color: #fff; line-height: 1.5; letter-spacing: -0.05em; font-family: 'Noto Bold'; } 
.intellectual .property-list ul.list > li:nth-child(1) ul li strong { background-image: url('/sites/research/images/sub/intellectual-tit-bg_bl.jpg'); background-color: #006185; } 
.intellectual .property-list ul.list > li:nth-child(2) ul li strong { background-image: url('/sites/research/images/sub/intellectual-tit-bg_mi.jpg'); background-color: #039da0; } 
.intellectual .property-list ul.list > li:nth-child(3) ul li strong { background-image: url('/sites/research/images/sub/intellectual-tit-bg_gr.jpg'); background-color: #016365; } 
.intellectual .property-list ul.list ul li span { display: flex; width: 100%; height: 100px; justify-content: center; align-items: center; padding: 15px; font-size: 22px; line-height: 1.5; letter-spacing: -0.05em; font-family: 'Noto Medium'; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.intellectual .property-list ul.list ul li .bl { color: #006185; } 
.intellectual .property-list ul.list ul li .mi { color: #039da0; } 
.intellectual .property-list ul.list ul li .gr { color: #016365; } 
.intellectual .procedure { padding: 100px 0; } 
.intellectual .procedure ul.list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.intellectual .procedure ul.list > li { position: relative; width: calc((100% / 5) - 32px); margin-bottom: 40px; } 
.intellectual .procedure ul.list > li::after { content: ''; position: absolute; width: 22px; height: 22px; background-image: url('/sites/research/images/sub/double-arrow_gray.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.intellectual .procedure ul.list > li:nth-child(-n + 4)::after { top: 50%; transform: translateY(-50%); right: -30px; } 
.intellectual .procedure ul.list > li:nth-child(5)::after { bottom: -30px; left: 50%; transform: translateX(-50%) rotate(90deg); } 
.intellectual .procedure ul.list > li:nth-child(n + 6):nth-child(-n + 10)::after { left: -30px; top: 50%; transform: translateY(-50%) rotate(180deg); } 
.intellectual .procedure ul.list > li:nth-child(6)::after { display: none; } 

.intellectual .procedure ul.list > li:nth-child(1)::before { content: ''; position: absolute; left: 0; top: -18px; width: 5px; height: 7px; background-image: url('/sites/research/images/sub/triangle_gray_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); } 
.intellectual .procedure ul.list > li:nth-child(2)::before { content: ''; position: absolute; right: 0; top: -18px; width: 5px; height: 7px; background-image: url('/sites/research/images/sub/triangle_gray_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.intellectual .procedure ul.list > li:nth-child(1) i { position: absolute; left: 0; top: -49px; width: calc(200% + 40px); height: 35px; text-align: center; } 
.intellectual .procedure ul.list > li:nth-child(1) i::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #999; } 
.intellectual .procedure ul.list > li:nth-child(1) i::after { content: '연구자 직접 수행(연구통합행정시스템 활용)'; position: absolute; top: 0; left: 0; width: 100%; text-align:center; color: #121212; letter-spacing: -0.05em; line-height: 1.2; font-size: 18px; } 
.intellectual .procedure ul.list > li span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; padding: 20px; color: #fff; background-color: #b7b7b7; font-size: 20px; letter-spacing: -0.05em; line-height: 1.5; font-family: 'Noto Medium'; text-align: center; } 
.intellectual .procedure ul.list > li .yg { background-color: #80ba20; } 
.intellectual .procedure ul.list > li .yl { background-color: #e8a72a; } 
.intellectual .procedure ul.list > li .gr { background-color: #0a6f3c; } 
.intellectual .procedure ul.list > li .rd { position: absolute; bottom: -140px; left: 0; background-color: #e23342; } 
.intellectual .procedure ul.list > li .rd::after { content: ''; position: absolute; top: -30px; left: 50%; width: 22px; height: 22px; transform: translateX(-50%) rotate(90deg); background-image: url('/sites/research/images/sub/double-arrow_gray.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } 

@media (max-width: 1300px){
  .intellectual .property-list ul.list > li { width: calc((100% / 3) - 10px) } 
  .intellectual .property-list ul.list ul li { margin-bottom: 10px; } 
  .intellectual .property-list ul.list ul li strong { height: 70px; font-size: 25px; } 
  .intellectual .property-list ul.list ul li span { height: 70px; font-size: 18px; } 
}

@media (max-width: 1060px){
  .intellectual .property-list ul.list { flex-direction: column; flex-wrap: wrap; } 
  .intellectual .property-list ul.list > li { width: 100%; margin-bottom: 40px; } 
  .intellectual .property-list ul.list > li:last-child { margin-bottom: 0; } 
  .intellectual .procedure { padding: 60px 0; } 
  .intellectual .procedure ul.list > li { width: 100%; margin-bottom: 40px; } 
  .intellectual .procedure ul.list > li:last-child { margin-bottom: 0; } 
  .intellectual .procedure ul.list > li::after { top: auto !important; bottom: -30px !important; left: 50% !important; right: auto !important; transform: translate(-50%, 0) rotate(90deg) !important; width: 19px; height: 19px; } 
  .intellectual .procedure ul.list > li:nth-child(10)::after { display: none; } 
  .intellectual .procedure ul.list > li:nth-child(1) { order: 1; } 
  .intellectual .procedure ul.list > li:nth-child(2) { order: 2; } 
  .intellectual .procedure ul.list > li:nth-child(3) { order: 3; } 
  .intellectual .procedure ul.list > li:nth-child(4) { order: 4; } 
  .intellectual .procedure ul.list > li:nth-child(5) { order: 5; } 
  .intellectual .procedure ul.list > li:nth-child(6) { order: 6; } 
  .intellectual .procedure ul.list > li:nth-child(7) { order: 7; } 
  .intellectual .procedure ul.list > li:nth-child(8) { order: 8; } 
  .intellectual .procedure ul.list > li:nth-child(9) { order: 9; } 
  .intellectual .procedure ul.list > li:nth-child(10) { order: 10; } 
  .intellectual .procedure ul.list > li span { height: 75px; font-size: 18px; padding: 10px; } 
  .intellectual .procedure ul.list > li .rd { display: none; } 
  .intellectual .procedure ul.list > li:nth-child(1) i { display: none; } 
  .intellectual .procedure ul.list > li:nth-child(1)::before { display: none; } 
  .intellectual .procedure ul.list > li:nth-child(2)::before { display: none; } 
  .intellectual .procedure ul.list > li:nth-child(6)::after { display: block; } 
}

@media (max-width: 500px){
  .intellectual .property-list { padding: 50px 0 70px; } 
  .intellectual .property-list ul.list > li { margin-bottom: 30px; } 
  .intellectual .property-list ul.list ul li strong { font-size: 21px; height: 55px; } 
  .intellectual .property-list ul.list ul li span { font-size: 16px; height: 55px; } 
  .intellectual .procedure { padding: 50px 0 40px; } 
  .intellectual .procedure ul.list > li span { height: 65px; font-size: 16px; } 
}


/* 지원사업 - 기술이전 */
.technology-transfer { margin: 84px 0 50px; } 
.technology-transfer .technology-box { display: flex; justify-content: center; align-items: center; border: 3px solid #ddd; padding: 74px 200px; margin-bottom: 90px; } 
.technology-transfer .technology-box img { min-width: 410px; } 
.technology-transfer .technology-box .mb { display: none; } 
.technology-transfer ul.list > li { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.technology-transfer ul.list > li:last-child { margin-bottom: 0; } 
.technology-transfer ul.list li strong { position: relative; display: flex; justify-content: center; align-items: center; width: 310px; margin-right: 80px; padding: 20px; font-size: 30px; color: #fff; letter-spacing: -0.05em; line-height: 1.5; background-size: cover; background-position: center; background-repeat: no-repeat; } 
.technology-transfer ul.list li:nth-child(1) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_1.jpg'); } 
.technology-transfer ul.list li:nth-child(2) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_2.jpg'); } 
.technology-transfer ul.list li:nth-child(3) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_3.jpg'); } 
.technology-transfer ul.list li:nth-child(4) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_4.jpg'); } 
.technology-transfer ul.list li:nth-child(5) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_5.jpg'); } 
.technology-transfer ul.list li:nth-child(6) strong { background-image: url('/sites/research/images/sub/technology-tit-bg_6.jpg'); } 
.technology-transfer ul.list .info { position:relative; display:flex; align-items: center; ; flex:1; min-height: 130px; padding: 10px 50px 10px 50px; } 
.technology-transfer ul.list .info::before { content: ''; position: absolute; left: -36px; top: 50%; width: 12px; height: 12px; margin-top: -6.5px; background-color: #ddd; border-radius: 3px; transform: rotate(45deg); } 
.technology-transfer ul.list .info::after { content: ''; position: absolute; width: 12px; height: 12px; left: -56px; top: 50%; margin-top: -6.5px; background-color: #ddd; border-radius: 3px; transform: rotate(45deg); } 
.technology-transfer ul.list li:nth-child(1) .info { border: 1px solid #04749c; background-color: #f3f6f8; } 
.technology-transfer ul.list li:nth-child(2) .info { border: 1px solid #006185; background-color: #f3f6f8; } 
.technology-transfer ul.list li:nth-child(3) .info { border: 1px solid #039da0; background-color: #f2f8f7; } 
.technology-transfer ul.list li:nth-child(4) .info { border: 1px solid #038183; background-color: #f2f8f7; } 
.technology-transfer ul.list li:nth-child(5) .info { border: 1px solid #016365; background-color: #f2f8f6; } 
.technology-transfer ul.list li:nth-child(6) .info { border: 1px solid #015456; background-color: #f2f8f6; } 
.technology-transfer ul.list .info li { display: flex; position: relative; padding-left: 20px; } 
.technology-transfer ul.list .info li::before { content: ''; position: absolute; left: 0; top:11px; width: 5px; height: 5px; border-radius: 50%; } 
.technology-transfer ul.list li:nth-child(1) .info li::before { background-color: #04749c; } 
.technology-transfer ul.list li:nth-child(2) .info li::before { background-color: #006185; } 
.technology-transfer ul.list li:nth-child(3) .info li::before { background-color: #039da0; } 
.technology-transfer ul.list li:nth-child(4) .info li::before { background-color: #038183; } 
.technology-transfer ul.list li:nth-child(5) .info li::before { background-color: #016365; } 
.technology-transfer ul.list li:nth-child(6) .info li::before { background-color: #015456; } 
.technology-transfer ul.list .info li { margin-bottom: 5px; } 
.technology-transfer ul.list .info li:last-child { margin-bottom: 0; } 
.technology-transfer ul.list .info li span { font-size: 18px; color: #666; letter-spacing: -0.05em; line-height: 1.5; } 

@media (max-width: 900px){
  .technology-transfer {margin: 50px 0 40px;}
  .technology-transfer .technology-box { display: block; position: relative; padding: 20px; margin-bottom: 50px; } 
  .technology-transfer .technology-box img { display: none; } 
  .technology-transfer .technology-box .mb {display: block;}
  .technology-transfer .technology-box .mb > div {padding: 85px 0 35px;text-align:center;background-image: url('/sites/research/images/sub/technology-bulb_icon.png');background-size: 53px 75px; background-position: top center;background-repeat: no-repeat;}
  .technology-transfer .technology-box .mb > div strong {display: block;letter-spacing: -0.05em;line-height: 1.5;font-size: 32px;font-family: 'Mont Bold'}
  .technology-transfer .technology-box .mb > div em {font-size: 21px;letter-spacing: -0.05em;line-height: 1.5;}
  .technology-transfer .technology-box .mb ul li { padding:15px; margin-bottom: 30px; } 
  .technology-transfer .technology-box .mb ul li:last-child { margin-bottom: 0; } 
  .technology-transfer .technology-box .mb ul li:nth-child(1) { background-color: #ffc363; } 
  .technology-transfer .technology-box .mb ul li:nth-child(2) { background-color: #75c4e8; } 
  .technology-transfer .technology-box .mb ul li:nth-child(3) { background-color: #98c295; } 
  .technology-transfer .technology-box .mb ul li span { display: block; min-height: 70px; font-size: 21px; letter-spacing: -0.05em; line-height: 70px; font-family: 'Noto Medium'; color: #fff; text-align: center; } 
  .technology-transfer .technology-box .mb ul li:nth-child(1) span { background-color: #f49908; } 
  .technology-transfer .technology-box .mb ul li:nth-child(2) span { background-color: #1894d6; } 
  .technology-transfer .technology-box .mb ul li:nth-child(3) span { background-color: #36a02e; } 
  .technology-transfer ul.list > li { flex-direction: column; margin-bottom: 70px; } 
  .technology-transfer ul.list li strong { width: 100%; } 
  .technology-transfer ul.list .info { width: 100%; min-height: auto; padding: 20px 50px 20px 50px; } 
  .technology-transfer ul.list li strong { font-size: 25px; padding: 17px; } 
  .technology-transfer ul.list .info::before { width: 10px; height: 10px; left: 50%; top: auto; bottom: -30px; margin-left: -5px; margin-top: 0; } 
  .technology-transfer ul.list .info::after { width: 10px; height: 10px; left: 50%; top: auto; bottom: -50px; margin-left: -5px; margin-top: 0; } 
  .technology-transfer ul.list > li:last-child .info::before { display: none; } 
  .technology-transfer ul.list > li:last-child .info::after { display: none; } 
}

@media (max-width: 500px){
  .technology-transfer .technology-box { margin-bottom: 70px; } 
  .technology-transfer ul.list > li { flex-direction: column; margin-bottom: 50px; } 
  .technology-transfer ul.list li strong { width: 100%; } 
  .technology-transfer ul.list .info { width: 100%; } 
  .technology-transfer ul.list li strong { padding: 13px; font-size: 21px; } 
  .technology-transfer ul.list .info li span { font-size: 16px; } 
  .technology-transfer ul.list .info::before { width: 8px; height: 8px; bottom: -22px; margin-left: -4px; } 
  .technology-transfer ul.list .info::after { width: 8px; height: 8px; bottom: -38px; margin-left: -4px; } 
}

/* 지원사업 - 교원창업 */
.teacher-startup .new { margin: 82px 0; } 
.teacher-startup .sec > ul { display: flex; justify-content: space-between; width: 100%; } 
.teacher-startup .new > ul > li { position: relative; width: calc((100% / 3) - 66.6px); } 
.teacher-startup .new > ul > li::before { content: ''; position: absolute; right: -74px; top: 435px; width: 59px; height: 98px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('/sites/research/images/sub/big-arrow_gray.png') } 
.teacher-startup .sec > ul > li:last-child::before { display: none; } 
.teacher-startup .sec > ul > li strong { display: flex; justify-content: center; align-items: center; min-height: 90px; width: 100%; text-align: center; margin-bottom: 25px; font-size: 28px; color: #fff; letter-spacing: -0.05em; line-height: 1.2; font-family: 'Noto Medium'; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.teacher-startup .sec > ul > li .info > ul > li::after { content: ''; position: absolute; bottom: 8px; left: 50%; margin-left: -4.5px; width: 9px; height: 6px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('/sites/research/images/sub/triangle_black_icon.png'); } 
.teacher-startup .sec > ul > li .info > ul > li:last-child::after { display: none; } 
.teacher-startup .sec > ul > li:nth-child(1) strong { background-image: url('/sites/research/images/sub/teacher-startup-tit_bg_1.jpg'); } 
.teacher-startup .sec > ul > li:nth-child(2) strong { background-image: url('/sites/research/images/sub/teacher-startup-tit_bg_2.jpg'); } 
.teacher-startup .sec > ul > li:nth-child(3) strong { background-image: url('/sites/research/images/sub/teacher-startup-tit_bg_3.jpg'); } 
.teacher-startup .sec > ul > li .info > ul > li > span { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 110px; padding: 10px 5px; font-size: 22px; color: #222; letter-spacing: -0.05em; line-height: 1.5; text-align: center; background-color: #eee; } 
.teacher-startup .sec > ul > li .info em { display: block; font-size: 18px; color: #555; letter-spacing: -0.05em; line-height: 1.3; font-family: 'Noto Light'; } 
.teacher-startup .sec > ul > li .info em.bold { color: #19323c; font-family: 'Noto Regular'; } 
.teacher-startup .new > ul > li .info > ul > li { position: relative; } 
.teacher-startup .new > ul > li:nth-child(1) .info > ul > li { padding-bottom: 140px; } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li { padding-bottom: 40px; } 
.teacher-startup .new > ul > li:nth-child(3) .info > ul > li { padding-bottom: 90px; } 
.teacher-startup .sec > ul > li .info > ul > li:last-child { padding-bottom: 0 !important; } 
.teacher-startup .new > ul > li:nth-child(1) .info > ul > li:last-child > span { background-color: #d8f1fc; } 
.teacher-startup .new > ul > li .info > ul > li::before { content: ''; position: absolute; bottom: 8px; left: 50%; margin-left: -0.5px; width: 1px; background-color: #333; } 
.teacher-startup .sec > ul > li .info > ul > li:last-child::before { display:none; } 
.teacher-startup .new > ul > li:nth-child(1) .info > ul > li::before { height: 124px; } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li::before { height: 25px; } 
.teacher-startup .new > ul > li:nth-child(3) .info > ul > li::before { height: 69px; } 
.teacher-startup .new > ul > li:nth-child(1) .info > ul > li:nth-child(1) span::before { content: ''; width: 9px; height: 6px; position: absolute; right: -14px; top: 50%; margin-top: -3px; transform: rotate(90deg); background-image: url('/sites/research/images/sub/triangle_black_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.teacher-startup .new > ul > li:nth-child(1) .info > ul > li:nth-child(1) span::after { content: ''; position: absolute; right: -78px; top: 50%; margin-top: -0.5px; width: 70px; height: 1px; background-color: #333; } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::after { content: ''; position: absolute; top: 55px; left: -22px; width: 1px; height: 301px; background-color: #333; } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::after { content: '결격사유 발생 시 미승인'; position: absolute; left: -139px; top:50%; transform: translateY(-50%); width: 103px; font-size: 16px; font-family: 'Noto Light'; color: #e84855; text-align: right; letter-spacing: -0.05em; line-height: 1.3 } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::after { content: ''; position: absolute; top: 50%; margin-top: -0.5px; left: -22px; width: 14px; height: 1px; background-color: #333; } 
.teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before { content: '승인'; position: absolute; bottom: -25px; right: 210px; color: #328eff;font-family: 'Noto Light';letter-spacing: -0.05em;line-height: 1.2;font-size: 16px; }
.teacher-startup .circle-num-list { margin-top: 15px; padding: 6px 18px 11px; border: 1px solid #999; } 
.teacher-startup .extension { margin-top: 80px; padding: 0 163px 0 330px; } 
.teacher-startup .extension > ul > li { position: relative; width: calc((100% / 2) - 53.5px); } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li:nth-child(1) { padding-bottom: 490px; } 
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li { padding-bottom: 40px; } 
.teacher-startup .extension > ul > li .info > ul > li { position: relative; } 
.teacher-startup .extension > ul > li .info > ul > li::before { content: ''; position: absolute; bottom: 8px; left: 50%; margin-left: -0.5px; width: 1px; background-color: #333; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li:nth-child(1)::before { height: 475px; } 
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li::before { height: 25px; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice { position: absolute;left: -338px;width: 370px; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice .con-list1 { padding: 0px 15px 14px 20px;border:1px solid #016365;background-color: #fff !important; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 54px; background-color: #016365; letter-spacing: -0.05em; line-height: 1.3; color: #fff; font-size: 18px; font-family: 'Noto Medium'; text-align: center; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice em { display: block; font-size: 15px; color: #555; letter-spacing: -0.05em; line-height: 1.3; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice1 { top: 276px; } 
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice2 { top: 486px; }
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice::before {display: none !important;}
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice::after {display: none !important;}
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i::before {content: '';position: absolute;width: 7px;height: 7px;border-radius: 50%;background-color: #016365;right: -13px;top: 50%;margin-top: -3.5px;}
.teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i::after {content: '';position: absolute;width: 157px;height: 1px;right: -164px;border: 1px dashed #016365;}
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::after {content: ''; position: absolute; right: -38px; top: 50%; margin-top: -0.5px; width: 30px; height: 1px; background-color: #333;}
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::before {content: ''; width: 9px; height: 6px; position: absolute; right: -14px; top: 50%; margin-top: -3px; transform: rotate(90deg); background-image: url('/sites/research/images/sub/triangle_black_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::before {content: ''; position: absolute; top: 50%;margin-top: -150px; right: -38px; width: 1px; height: 300px; background-color: #333;}
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::after {content: ''; position: absolute; right: -38px; top: 50%; margin-top: -0.5px; width: 30px; height: 1px; background-color: #333;}
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::after  { content: '결격사유 발생 시 미승인'; position: absolute; right: -151px; top:50%; transform: translateY(-50%); width: 103px; font-size: 16px; font-family: 'Noto Light'; color: #e84855; text-align: right; letter-spacing: -0.05em; line-height: 1.3 }
.teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before {content: '승인'; position: absolute; bottom: -25px; right: 210px; color: #328eff;font-family: 'Noto Light';letter-spacing: -0.05em;line-height: 1.2;font-size: 16px;}
.teacher-startup .extension > ul > li::before { content: ''; position: absolute; right: -74px; top: 346px; width: 59px; height: 98px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('/sites/research/images/sub/big-arrow_gray.png') }

@media (max-width: 1750px) {
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice {left: -356px;}
}

@media (max-width: 1400px) {
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice {width: 100%;left: -24.4vw;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before {right: 5vw;left: 0;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before {right: 5vw;left: 0;}
}

@media (max-width: 1300px) {
  .teacher-startup .extension {padding: 0;}
  .teacher-startup .new > ul > li::before {width: 80px;height: 80px;top: 387px;right: -84px;}
  .teacher-startup .sec > ul > li strong {font-size: 22px;min-height: 85px;margin-bottom: 22px;}
  .teacher-startup .sec > ul > li .info > ul > li > span {font-size: 18px;min-height: 85px;}
  .teacher-startup .sec > ul > li .info > ul > li > span br {display: none !important;}
  .teacher-startup .sec > ul > li .info em {font-size: 15px;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::after {top: 42px;left: -22px;height: 250px;}
  .teacher-startup .extension > ul > li {width: calc((100% / 3) - 66.6px);}
  .teacher-startup .extension > ul > li:nth-child(1) {margin-left: 176px;margin-right: 90px;}
  .teacher-startup .extension > ul > li:nth-child(2) {margin-right: 176px;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::before {height: 251px;margin-top: -125px;}
  .teacher-startup .extension > ul > li::before {width: 80px;height: 80px;top: 300px;right: -7vw;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice span {font-size: 16px;line-height: 1.2;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice em {font-size: 14px;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::after {font-size: 14px;}
  .teacher-startup .extension > ul > li .info > ul  li.notice  .con-list1 > ul > li {padding-left: 12px !important;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice {width: 90%; left: -13.9vw}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i::after {width: 34px;right: -44px;}
}

@media (max-width: 1100px) {
  .teacher-startup .sec > ul {flex-direction: column;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before {left:-43px;right: 0;}
  .teacher-startup .new > ul > li {width: 100%;padding-bottom: 100px;}
  .teacher-startup .new > ul > li:last-child {padding-bottom: 0;}
  .teacher-startup .new > ul > li::before {width: 65px;height: 65px;top: auto;bottom: 13px;right: auto;left: 50%;margin-left: -32.5px;transform: rotate(90deg);}
  .teacher-startup .new > ul > li .info > ul > li::before {height: 25px !important;}
  .teacher-startup .new > ul > li:nth-child(1) .info > ul > li {padding-bottom: 40px;}
  .teacher-startup .new > ul > li:nth-child(3) .info > ul > li {padding-bottom: 40px;}
  .teacher-startup .new > ul > li:nth-child(1) .info > ul > li:nth-child(1) span::before {display: none;}
  .teacher-startup .new > ul > li:nth-child(1) .info > ul > li:nth-child(1) span::before {display: none;}
  .teacher-startup .new > ul > li:nth-child(1) .info > ul > li:nth-child(1) span::after {display: none;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::after {display: none;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::after {display: none;}
  .teacher-startup .new > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::after {display: none;}
  .teacher-startup .extension > ul > li {width: 100%;padding-bottom: 100px;}
  .teacher-startup .extension > ul > li:last-child {padding-bottom: 0;}
  .teacher-startup .extension > ul > li:nth-child(1) {margin-right: 0;margin-left: 0;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i::before {display: none;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice i::after {display: none;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice2 {position:relative;padding-bottom: 40px;margin-bottom: 0;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice2::before { content: '';position: absolute;bottom: 8px;left: 50%;margin-left: -0.5px;width: 1px;background-color: #333;height: 25px;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice2::after {    content: '';position: absolute;bottom: 8px;left: 50%;margin-left: -4.5px;width: 9px;height: 6px;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(/sites/research/images/sub/triangle_black_icon.png);}
  .teacher-startup .extension > ul > li:nth-child(2) {margin-right: 0;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li.notice {position: relative;left: 0;top: 0;width: 100%;margin-bottom: 20px;}
  .teacher-startup .extension > ul > li::before {width: 65px;height: 65px;top: auto;bottom: 13px;right: auto;left: 50%;margin-left: -32.5px;transform: rotate(90deg);}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::after {display: none;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(1) span::before {display: none;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::before {display: none;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::after {display: none;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(3) span::before {left: -43px;right: 0;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li:nth-child(1)::before {height: 85px;}
  .teacher-startup .extension > ul > li:nth-child(1) .info > ul > li:nth-child(1) {padding-bottom: 100px;}
  .teacher-startup .extension > ul > li:nth-child(2) .info > ul > li:nth-child(2) span::after {display: none;}
}


/*발전전략 체계도*/
.tit-wrap .tit-box.type2{position: relative; background: url(../../images/sub/planning-img02.jpg) no-repeat center / cover; width: 100%; height: 230px;}
.tit-wrap .tit-txt p.bg2::after{content: ''; background: #016466;}
.system-map::after{content: ''; display: block; clear: both;}
.bg-box.type01 {background: url(../../images/sub/tit-bg-shape01.jpg) no-repeat center / cover; margin-bottom: 20px; margin-top: 50px; position: relative; }
.bg-box > p{font-size: 30px; font-family: "Mont Semibold"; letter-spacing: -.05em; color: #fff; padding: 32px 0; text-align: center; position: relative;}
.wrap-map .map-box  ul > li{padding-bottom: 20px;}
.wrap-map .map-box  ul > li:last-child{padding-bottom: 0;}
.wrap-map .in-box {display: flex; justify-content: space-between; height: 100%; flex: 1;}
.wrap-map .left{width: 25%; margin-right: 40px; display: flex; align-items: center; justify-content: center;}
.wrap-map ul > li .bg1{background:#69971C url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg2{background:#265F42 url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg3{background:#016C6E url(../../images/sub/map-sh.png) repeat;}
.wrap-map ul > li .bg4{background:#203B45 url(../../images/sub/map-sh.png) repeat;}
.wrap-map .tit-box  > p{font-size: 25px; font-family: "Noto Regular"; letter-spacing: -.05em; color: #fff; text-align: center;}
.wrap-map .right{width: calc(100% - 25% - 40px); text-align: center;}
.wrap-map .right > div {padding-bottom: 20px;}
.wrap-map .right > div:last-child {padding-bottom: 0;}
.wrap-map .p-bg{position: relative;}
.wrap-map .p-bg::after{content: ""; width: 24px; height: 3px; background: #19323C; position: absolute; right: 0; top: 0;}
.wrap-map .p-bg::before{content: ""; width: 3px; height: 24px; background: #19323C; position: absolute; right: 0; top: 0;}
.wrap-map .p-bg2{position: relative;}
.wrap-map .p-bg2::after{content: ""; width: 24px; height: 3px; background: #19323C; position: absolute; left: 0; bottom: 0;}
.wrap-map .p-bg2::before{content: ""; width: 3px; height: 24px; background: #19323C; position: absolute; left: 0; bottom: 0;}
.wrap-map .p-bg2 > p{font-size: 22px; font-family: "Noto Regular"; color: #121212; padding: 17px 10px 20px 10px;}
.wrap-map .list-box2 > p{font-size: 22px; font-family: "Noto Bold"; color: #121212;  padding: 17px 0; background: #F5F5F5; border-top: 3px solid #006332;}
.wrap-map .list-box01{border: 1px solid #00A754;}
.list-box.right ul{width:100%; margin: 0 0;     flex-wrap: wrap;}
.list-box.right ul > li{width: 25%; padding: 15px 0;position: relative;}
.list-box.right ul > li::before{content: ''; width: 2px; height: 36px; background: #E8E9E8; position: absolute; right: 0; top: 50%; margin-top: -18px;}
.list-box.right ul > li:last-child::before{content: none;}
.map-box .box1-inner{background: #00AA59 ;}
.wrap-map .box1-inner p{font-size:25px; font-family:"Noto Regular"; color: #fff; letter-spacing: -.05em; line-height: 1.5;  padding: 16px 0; background:url(../../images/sub/pioneer-shape01.png) repeat;}
.wrap-map .list-box4 .box2 ul{display: flex; justify-content: space-between; margin: 0 -10px; }
.wrap-map .list-box4 .box2 ul > li{width: 20%; padding:  0 10px; }
.wrap-map .list-box4 .box2 p{font-size: 22px; font-family: "Noto Regular"; color: #fff; padding: 19px 0; position: relative;}
.wrap-map .list-box4 .box2 p::after{content: ''; width: 17px; height: 17px;  position: absolute; right: -8px; top: 50%; margin-top: -8.5px; transform: rotate(45deg);}
.wrap-map .list-box4 .box2 p.bg1{background: #89CB1D;}
.wrap-map .list-box4 .box2 p.bg2{background: #57B038;}
.wrap-map .list-box4 .box2 p.bg3{background: #1B9D52;}
.wrap-map .list-box4 .box2 p.bg4{background: #5C8F08;}
.wrap-map .list-box4 .box2 p.bg5{background: #265F42;}
.wrap-map .list-box4 .box3 p{font-size: 22px; font-family: "Noto Bold"; color: #265F42; background: #F1F1F1; padding: 19px 0;}
.wrap-map .list-box4 .box2 p.bg1::after{background: #89CB1D;}
.wrap-map .list-box4 .box2 p.bg2::after{background: #57B038;}
.wrap-map .list-box4 .box2 p.bg3::after{background: #1B9D52;}
.wrap-map .list-box4 .box2 p.bg4::after{background: #5C8F08;}

@media (max-width:1200px){
  .wrap-map .bg-box{ width: 100%; position: static;}
  .wrap-map .bg-box > p > span{font-size: 65px;}
  .wrap-map .bg-box > p{font-size: 25px;}
  /*.wrap-map .tit-box > p{font-size: 25px;}*/
  /* .wrap-map .p-bg2 > p{font-size: 25px;}*/
  /*.wrap-map .list-box2 > p{font-size: 25px;}*/
  /*.wrap-map .list-box p{font-size: 25px;}*/
  /*.wrap-map .list-box span{font-size: 25px;}*/
  /*  .wrap-map .box1-inner p{font-size: 30px;}*/
  .wrap-map  .bg-box > p::after{background: none;}
  .wrap-map .list-box .p1{font-size:16px;}
  .wrap-map .list-box p{font-size:18px;}
  .wrap-map .list-box span{font-size:18px;}
}

@media (max-width:1024px){
  .wrap-map .left{width: 100%; padding: 15px 0; margin-right: 0; margin-bottom: 20px;}
  .wrap-map .right{width: 100%;}
  .wrap-map .in-box{display: block;}

}

@media (max-width:768px){
  .wrap-map{margin-top: 100px; }
  .wrap-map .bg-box > p{padding: 30px;}
  .wrap-map .bg-box > p > span{font-size: 40px;}
  .wrap-map .p-bg2 > p{font-size: 20px; }
  .wrap-map .list-box2 > p{font-size: 20px;}
  .list-box.right ul > li{width: 50%;}
  .list-box.right ul > li:nth-child(2)::before{background: none;}
  .wrap-map .list-box4 .box2 P{font-size: 19px;}
  .wrap-map .list-box4 .box3 p{font-size: 20px; padding: 25px 0;}

}

@media (max-width:600px){
  .wrap-map .list-box4 .box2 ul{flex-wrap: wrap;}
  .wrap-map .list-box4 .box2 ul > li{width: 50%; margin-bottom: 20px;}
}


/* title */
.indirect-calc {position: relative;}
.indirect-calc .title {display: flex; justify-content: space-between; letter-spacing: -.05em; align-items: center;flex-wrap:wrap;}
.indirect-calc .title h1 {font-family: 'Noto Medium'; line-height: 40px; font-size: 30px; color:#121212;}
.indirect-calc .title strong {font-family: 'Noto Medium'; font-size: 20px; line-height: 40px; color:#005128;}
/* table */
.indirect-calc .indirect-table {margin-top: 20px; position: relative;}
.indirect-calc .indirect-table table {border-top:1px solid #005128; position: relative; letter-spacing: -.05em;}
.indirect-calc .indirect-table table::before {content:''; width:1px; height:100%; background:#fff; position: absolute; right:0; top:0;}
.indirect-calc .indirect-table caption {text-indent: -9999px;}
.indirect-calc .indirect-table thead th {background: #F5F5F5; font-size: 18px; font-family: 'Noto Medium'; color:#121212; padding:14px 0; border-bottom:1px solid #E2E2E2; border-right:1px solid #E2E2E2;}
.indirect-calc .indirect-table thead .sub-text {font-size: 16px; font-family: 'Noto Light'; display: inline-block;}
.indirect-calc .indirect-table td {font-family: 'Noto Regular'; font-size: 16px; color:#666; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:10px;}
.indirect-calc .indirect-table td .sub-text {font-size: 13px; line-height: 18px; font-family: 'Noto Regular'; color:#999; display: block; margin-top:-5px;}
/* input */
.indirect-calc input.type-text {border:1px solid #121212; border-radius:5px; height:30px; padding:0 10px; margin-right:10px; font-family: 'Noto Regular'; color:#111; font-size: 16px; line-height: 30px; text-align: right; width:calc(100% - 70px);}
.indirect-calc input:read-only {background:#f5f5f5; border:1px solid #ddd;}
.indirect-calc .submit-btn {color:#e2e2e2; font-size: 20px; line-height: 40px; letter-spacing: -.05em; font-family: 'Noto Regular'; background:#005128; padding: 10px 55px;}
/* radio */
.indirect-calc input[type="radio"] {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.indirect-calc .radio-box {display: inline-block; vertical-align: middle;}
.indirect-calc .radio-box .radio-inner:last-child label {margin-bottom: 0;}
.indirect-calc .radio-box label {line-height:25px; color:#333; font-family: 'Noto Regular'; font-size: 16px; display: flex; margin-bottom: 10px;}
.indirect-calc .type-radio {width:25px; height:25px; border:1px solid #C4C4C4; display: inline-block; border-radius:50%; margin-right:10px; position: relative;}
.indirect-calc .type-radio::after {content:''; width:100%; height:100%; background:#004395; border-radius:50%; position: absolute; top:0; left:0; opacity:0; box-shadow: inset 0 0 0 0px #fff; filter: blur(2px); transition:all .3s ease-in-out;}
.indirect-calc .radio-inner label > input[type="radio"]:checked + .type-radio {border:1px solid #004395;}
.indirect-calc .radio-inner label > input[type="radio"]:checked + .type-radio::after {opacity:1; filter:blur(0px); box-shadow: inset 0 0 0 5px #fff;}
/* noti-box */
.indirect-calc .noti-box {position: relative; margin-top:20px; display: flex; justify-content: space-between; flex-wrap:wrap;}
.indirect-calc .noti-list li {font-size: 18px; color:#555; font-family: 'Noto Regular'; padding-left:45px; position: relative; margin-bottom: 12px;}
.indirect-calc .noti-list li::after {content:''; width:20px; height:17px; background:url('../../images/sub/ic-talk.png') no-repeat center; position: absolute; top:5px; left:10px;}
.indirect-calc .noti-list li strong {color:#222; font-family: 'Noto Medium';}
.indirect-calc .noti-list li .imt1 { color:#E84855; font-size: 16px;}
.indirect-calc .noti-list li .imt2 {font-size: 16px; color:#999; margin-top:5px; display: block;}

@media (max-width:1200px) {
  .indirect-calc .indirect-table {overflow-x: hidden; min-height: 200px;}
  .indirect-calc .indirect-table.on {min-height: auto;}
  .indirect-calc .indirect-table.no-scroll {min-height: auto;}
  .indirect-calc .indirect-table table {width: 1300px;}
  .indirect-calc .indirect-table.no-scroll table {width: 100%;}
  .indirect-calc .indirect-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/sub/img_mobile_text.png') no-repeat center 40px;}
  .indirect-calc .indirect-table.on:after,
  .indirect-calc .indirect-table.no-scroll:after {display: none;}
  .indirect-calc .indirect-table thead th,
  .indirect-calc .indirect-table tbody th,
  .indirect-calc .indirect-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media (max-width:1000px) {
  .indirect-calc .title strong {display: block; width:100%;}

}
@media (max-width:950px) {
  .indirect-calc .noti-box {justify-content: center;}
  .indirect-calc .noti-list {width:100%;}  
  .indirect-calc .noti-list li {font-size: 16px;}
  .indirect-calc .submit-box {margin-top: 10px;}
}

/* ie noti */
.ie .ie-noti {display:block;}
.ie-noti {background: #fff; padding:5px 0;  border-bottom:1px solid #ddd; display:none;}
.ie-noti .ie-noti-inner{max-width:1700px; margin:0 auto; width:100%;}
.ie-noti p {font-size:16px; font-family:'Noto Regular';}
.ie-noti p a.link-underline {text-decoration:underline; display:inline-block; margin-left:10px; font-family:'Noto Medium';}
.ie-noti strong {font-size:18px; display:block; font-family:'Noto Bold';}