@charset "utf-8";

/*소개*/
.introImg{overflow: hidden; display: table; width: 100%; background: url(/sites/rnd/images/sub/introBg2.jpg) no-repeat;}
.introTitle{display: table-cell; width: 53%; color: #fff; padding: 8% 4%;}
.introBg{display: table-cell; width: 48%; background: url(/sites/rnd/images/sub/introImg.jpg) no-repeat; background-size: cover;}


@media all and (max-width: 768px){
  .introImg{position: relative; display: block; width: 100%; padding: 0;}
  .introTitle{position: absolute; bottom: 0px; width: 100%; z-index: 99; background: url(/sites/rnd/images/sub/introBg2.jpg) no-repeat;}
  .introTitle p{font-size: 0.9em;}
  .introBg{width: 100%; display: block; height: 420px; background-size: contain;}
}

/*연구절차*/
.research-inner .research-box{width: calc(24% - 60px); margin-bottom: 40px;}
.research-box .research-content{height: 100px;}
.research-textbox p{font-size: 16px; letter-spacing: -0.05em;}
.research-inner .research-arrow{width: 15px; margin-top: 65px;}

@media all and (max-width: 1024px){
  .research-inner .research-box{width: calc(22% - 60px);}
}

@media all and (max-width: 768px){
  .research-inner .research-box{width: 100%; height: auto;}
  .research-inner .research-arrow{margin: 0px auto 30px;}
  .research-box .research-content{height: auto;}
}


/*간접비 자동계산*/
.rowBox_arr table{border: 1px solid #d4d4d4; border-top: 4px solid #053463;}
.rowBox_arr table th{background: #efefef; border-right: 1px solid #d4d4d4; padding: 10px;}
.rowBox_arr table td{border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 10px 5px;}
.rowBox_arr table td input[type="number"]{width: 75%;}

/*기술이전센터 소개*/
.support{background: url(/sites/rnd/images/sub/support_bg.jpg) no-repeat;}
.support p{font-size: 24px; color: #fff; text-align: center; font-family: 'Noto Bold'; padding: 107px 0; text-shadow: 5px 5px 10px rgb(0 0 0 / 30%);}

.roadmapBox.box5p > .item{flex: 0 1 19%; min-height: 161px;}
@media all and (max-width: 1024px){
  .roadmapBox.box5p > .item{flex: 0 1 49%; min-height: 141px;}
  .roadmapBox > .item > div{font-size: 14px;}
}

.rowBox_arr > li{flex-direction: column; align-items: center;}
.rowBox_arr.auto > li{flex-direction: inherit; align-items: inherit;}
.rowBox_arr li.arr{align-items: center; justify-content: center; margin-bottom: 40px;}
.rowBox_arr.auto li.arr{margin-bottom: 24px;}
.rowBox_arr .img-box{padding: 20px; border: 3px solid #18026e; border-radius: 25px;}
.rowBox_arr > li > p{padding-top: 10px; font-family: 'Noto Regular';}


.purpose_box ul{overflow: hidden;}
.purpose_box ul li{float: left; color: #fff; position: relative; width: 19%; height: 240px; padding: 2% 2% 5%; margin-left: 1%; background: url(/sites/rnd/images/sub/pattern_bg.png) no-repeat; background-size: cover; word-break: keep-all; white-space: pre-line; word-wrap: break-word;}
.purpose_box ul li:first-child{margin-left: 0;}
.purpose_box ul li:nth-child(odd){background-color: #5c88b1;}
.purpose_box ul li:nth-child(even){background-color: #70aec3;}
.purpose_box ul li span{display: block; font-size: 30px; font-weight: 900;}
@media all and (max-width: 1226px){
  .purpose_box ul li{width: 49%; height: 150px; padding: 2% 6% 5% 2%; margin-bottom: 1%;}
  .purpose_box ul li:nth-child(2n+1){margin-left: 0;}
}
@media all and (max-width: 768px){
  .purpose_box ul li span{font-size: 22px;}
  .purpose_box ul li{margin-left: 0; width: 100%; height: auto; font-size: 14px;}
}

.method dd{display: flex; align-items: center;}

.sub-expalin-inner .sub-explain-info{padding-top: 60px;}
/*가족회사 가입신청방법*/
.join .research-box{width: calc(35% - 60px);}
.join .research-box .research-content{height: 120px;}
.join .research_1{background: url('/sites/styleguide/images/sub/research_1.png') top center;}
.join .research_2{background: url('/sites/styleguide/images/sub/research_2.png') top center;}
.join .research_3{background: url('/sites/styleguide/images/sub/research_3.png') top center;}

@media all and (max-width: 1024px){
  .join .research-box{width: calc(37% - 60px);}
}
@media all and (max-width: 768px){
    .join .research-box{width: 100%;}
}

.arrow ul li{margin-left: 8%;}
.arrow ul li::after{position: absolute; width: 15px; background: url(/sites/kor/images/sub/research_arrow.png); height: 25px; top: 50%; margin-top: -17px; right: -50px; display: inline-block; content: '';
}
.arrow ul li:last-child::after{content: none;}
@media all and (max-width: 1304px){
  .arrow ul li{font-size: 14px;}
}
@media all and (max-width: 1226px){
  .arrow ul li{width: 46%;}
  .arrow ul li::after{right: -40px;}
}
@media all and (max-width: 768px){
    .arrow ul li{width: 100%; height: 130px; margin-bottom: 8%; margin-left: 0;}
    .arrow ul li::after{left: 50%; margin-left: -12px; transform: rotate(90deg); top: auto; bottom: -25%;}
}

.process >li dl{min-height: 190px;}