@charset "utf-8";

/* 인사말 */
.intro-inner {margin-top: 50px;}
.intro-box{position: relative; background: url(../../images/sub/intro_title_img.png) no-repeat right center; padding: 101.5px 0; background-size: cover;}
.intro-box::after{content:""; display: table; clear: both;}
.intro-image{position: absolute; left: -2.7%; bottom: 0;}
.intro-content{padding-left: 33%;}
.intro-content .intro-title > span{font-size: 20px; font-family: 'Noto DemiLight'; color: #222222; line-height: 1;}
.intro-content .intro-title h1{font-size: 28px; color: #222222; font-family: 'Noto Medium';}
.intro-content .intro-title h1 span{color: #025093;}
.intro-content .intro-text{margin-top: 25px; padding-right: 55px; word-break: keep-all;}
.intro-content .intro-text p{font-size: 25px; line-height: 30px; font-weight: bold;}
.intro-content .intro-text p span{font-size: 18px; line-height: 30px; font-weight: normal;}
.intro-textbox{margin-top: 45px;}
.intro-textbox::after{content:""; display: table; clear: both;}
.intro-textbox p {text-align: justify;}
.intro-textbox p strong {font-family: "Noto Bold"; font-size: 18px;}
.intro-sign {text-align: right; margin-top: 20px;}
.intro-sign .intro-text-end{display: inline-block; vertical-align: middle; text-align: right; font-family: 'Noto Bold'; font-size: 18px; color: #111111; margin-right: 15px; letter-spacing: -0.5px;}
.intro-sign img {display: inline-block; vertical-align: middle;}

@media all and (max-width: 1250px) {
  .intro-image{left: -5%;}
  .intro-content{padding-left: 35%;}
  .intro-content .intro-title > span{font-size: 22px;}
  .intro-content .intro-title h1{font-size: 33px;}
  .intro-content .intro-text p{font-size: 18px; line-height: 25px;}
}

@media all and (max-width: 1023px) {
  .intro-inner {margin-top: 0;}
  .intro-box{padding: 40px 20px;}
  .intro-image{left: 50%; width: 250px; margin-left: -125px; bottom: auto; top: -2%;}
  .intro-content{padding-left: 0; padding-top: 230px;}
  .intro-content .intro-title > span{font-size: 18px;}
  .intro-content .intro-title h1{font-size: 25px;}
  .intro-content .intro-text{margin-top: 15px; padding-right: 0;}
  .intro-content .intro-text p{font-size: 16px; line-height: 22px;}
  .intro-textbox{margin-top: 30px;}
}

/* 프로필 */
.profile-top {overflow: hidden; display: table; margin-bottom: 35px;}
.profile-top .profile-top-img {display: table-cell; vertical-align: middle; width: 40%;}
.profile-top .profile-top-img img {display: inline-block;}
.profile-top .profile-top-info {display: table-cell; vertical-align: middle; padding-left: 3%; width: 53%;}
.profile-top .profile-top-info .profile-top-title {font-size: 16px; line-height: 24px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Regular"; margin-bottom: 35px;}
.profile-top .profile-top-info .profile-top-title strong {font-size: 26px; color: #0065b3; font-family: "Noto Medium"; margin-top: 5px;}
.profile-top .profile-top-info .profile-top-txt {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular";}

@media all and (max-width: 768px){
  .profile-top {display: block;}
  .profile-top .profile-top-img {display: block; width: 100%; margin-bottom: 20px; text-align: center;}
  .profile-top .profile-top-info {display: block; width: 100%; padding-left: 0;}
  .profile-top .profile-top-info .profile-top-title {text-align: center;}
}

.profile-inner{margin-top: 10px;}
.profile-inner ul::after{content:""; display: table; clear: both;}
.profile-inner > ul > li{margin-bottom: 30px;}
.profile-inner > ul > li:last-child{margin-bottom: 0;}
.profile-inner li h1{font-size: 18px; font-family: 'Noto Medium'; padding-top: 10px; position: relative; color: #23499e;}
.profile-inner li h1::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 28px; height: 2px; background-color: #23499e;}
.profile-inner .profile-inner-list{margin-top: 5px;}
.profile-inner .profile-inner-list p{padding-left: 20px; position: relative; font-size: 16px; color: #333333; margin-bottom: 5px;}
.profile-inner .profile-inner-list p::before{content:""; display: block; position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; border: 2px solid #23499e; left: 0; top: 7px;}

.profile-inner-text {font-size: 18px; }
.profile-inner-text span {font-weight: bold;}

@media all and (max-width: 1250px) {
  .profile-inner .profile-inner-list p{font-size: 16px;}
}

@media all and (max-width: 1023px) {
  .profile-inner li{padding-right: 20px;}
}

@media all and (max-width: 768px) {
  .profile-inner li{padding-right: 0; margin-bottom: 0;}
  .profile-inner li:last-child{margin-bottom: 0;}
}

.top-title-box{width: 100%; height: auto;}
.top-title-box .top-title{background: #1187cf; padding: 20px 10px;}
.top-title-box .top-title p{font-family: 'Noto Bold'; font-size: 35px; color: #fff; text-align: center;}
.top-title-box .top-title p span{color: #00fdff;}


/* 비전 코멘트부분 */
.vision-comment-box{background: url(/sites/startup/images/sub/border-pattern.png); padding: 5px; font-family: 'Noto Regular';}
.vision-comment-wrap{background: #f0faff;}
.vision-comment-wrap:after{content: ''; display: table; clear: both;}
.vision-image-box img{max-width: 100%; min-width: 174px;}
.img-left .vision-image-box{float: left; width: 20%;}
.img-left .vision-comment-con-box{float: right; width: calc(100% - 25%);}
.img-right .vision-image-box{float: right; width: 20%;}
.img-right .vision-image-box img{float: right;}
.vision-image-box::after{content: ''; display: table; clear: both;}
.img-right .vision-comment-con-box{float: left; width: calc(100% - 25%);}
.vision-comment-con-box{padding: 8% 5% 3%;}
.vision-comment-con-box .comment p{font-size: 18px; word-break: keep-all; position: relative;}
.vision-comment-con-box .comment p:before{content:''; display: block; position: absolute; background: url(/sites/startup/images/sub/apostro.png) no-repeat; width: 48px; height: 30px; top: -35px; left: 0px;}
.vision-comment-con-box .comment p strong{font-family: 'Noto Bold';}
.vision-comment-con-box .comment-name{color: #2f6fb3;}
.vision-comment-con-box .comment-name span{font-size: 20px; font-family: 'Noto Bold'; color: #004da0;}
.vision-comment-wrap.img-left .comment-name p{text-align: right;}


@media all and (max-width: 1024px) {


}

@media all and (max-width: 768px){
  .top-title-box .top-title p{font-size: 25px;}
  .vision-image-box{padding-top: 20px;}
  .img-left .vision-image-box{float: inherit; width: 100%; text-align: center;}
  .img-right .vision-image-box{float: inherit; width: 100%; text-align: center;}
  .img-left .vision-comment-con-box{float: inherit; width: 100%; text-align: center;}
  .img-right .vision-comment-con-box{float: inherit; width: 100%; text-align: center;}
  .img-right .vision-image-box img{float: inherit;}
  .vision-comment-con-box .comment p{font-size: 16px;}
}

/*비전 하단*/
.vision-content-box{width: 100%;}
.vision-content-box ul::after{content:"";display: table;clear: both;}
.vision-content-box li{float: left; width: 31%; margin-right: 3.5%; position: relative;}
.vision-content-box li:last-child{margin-right: 0;}
.vision-content-box li .vision-header{width: 60%;border-radius: 30px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.vision-content-box li:nth-child(1) .vision-header{background: url(../../images/sub/pattern_1.png);}
.vision-content-box li:nth-child(2) .vision-header{background: url(../../images/sub/pattern_2.png);}
.vision-content-box li:nth-child(3) .vision-header{background: url(../../images/sub/pattern_1.png);}
.vision-content-box li::after {content: ''; display: block; position: absolute; left: 50%; margin-left: -25px; bottom: -80px; z-index: -1; width: 50px; height: 50px; background: url(../../images/sub/up_arrow.png) no-repeat;}
.vision-content-box li .vision-header p{padding: 13px 0; text-align: center; color: white; font-family: 'Noto Medium'; font-size: 18px;}
.vision-content-box li .vision-content{margin-top: 30px; border-radius: 20px;}
.vision-content-box li .vision-content p{font-size: 15px; line-height: 25px; color: #333333; padding: 30px; background-color: #f5f5f5; min-height: 157px; letter-spacing: -0.05em; border-radius: 20px; text-align: center;}

.vision-content-box li .vision-content p span {display: block;}
.vision-content-box li .vision-content p span.title {width: 100%; font-size: 20px; font-weight: bold; color: #333; position: relative; padding-bottom:  10px;}
.vision-content-box li .vision-content p span.title::after {content: ''; display: block; position: absolute; bottom: 0px; width: 90%; height: 2px; background: #ccc; left: 50%; transform: translateX(-50%);}
.vision-content-box li .vision-content p span.sub-title{color: #708aff; font-size: 16px; font-weight: bold; padding-top: 10px;}

.vision-bottom-box{width: 100%; padding: 70px 10px 0 10px;}
.vision-bottom-box .vision-content{font-size: 15px; line-height: 25px; color: #333333; padding: 30px; background-color: #f5f5f5; letter-spacing: -0.05em; border-radius: 20px; text-align: center;}
.vision-bottom-box .vision-content p.title{width: 100%;font-size: 20px;font-weight: bold; color: #333; position: relative; padding-bottom: 10px;}
.vision-bottom-box .vision-content p.title::after{content: ''; display: block; position: absolute; bottom: 0px; width: 90%; height: 2px; background: #ccc; left: 50%; transform: translateX(-50%);}
.vision-bottom-box .vision-content p.sub-title{color: #708aff; font-size: 16px; font-weight: bold; padding-top: 10px;}

.box_1.bgSkyB{text-align: center; background: #dbf2ff;}

@media all and (max-width: 1024px) {
  .vision-box{padding: 20px 25px;}
  .vision-content-box li .vision-header p{font-size: 16px;}
}

@media all and (max-width: 768px){
  .vision-content-box{width: 100%; float: none;}
  .vision-content-box li{width: 100%; margin-right: 0; margin-bottom: 30px;}
  .vision-content-box li:last-child{margin-bottom: 0;}
  .box_1.bgSkyB br{display: none;}
}

@media all and (max-width: 420px) {
  .vision-content-box li{width: 100%; float: none; margin-bottom: 50px;}
  .vision-content-box li:last-child{margin-bottom: 0;}
  .vision-content-box li .vision-content{margin-top: 0; position: relative; top: 30px;}
}
/*지원방법*/
.wrap-contents .txt-color5 {color: #476ed5;}
.wrap-contents h2.txt-color5{position: relative;}
.wrap-contents h2.txt-color5:after{ content: ''; position: absolute; display: block; height: 2px; width: 90%; left: 0; margin-left: 100px; bottom: 10px; background-color: #476ed5;}

.recruit-box-wrap{background: #dbf2ff;}
.recruit-box{padding: 20px 40px; font-size: 18px; font-family: 'Noto Regular';}
.list_0 ul,.list_1 ul,.list_2 ul,.nList_1 ul,.nList_2 ul,.kList_1 ul,.aList_1 ul,.rList_1 ul{padding: 20px 5px;}
.process-wrap-box > ul > li{font-size: 18px; font-family: 'Noto Regular';}
.process-wrap-box ul.rowBox_arr{text-align: center;}
.process-wrap-box ul.rowBox_arr li:nth-child(3){position: relative;}
/*.process-wrap-box ul.rowBox_arr li:nth-child(3)::after{content: '';display: block;position: absolute; bottom: -30px; right: 100px; width: 150px; height: 25px; background: url(/sites/startup/images/sub/wave-arrow.png)no-repeat;}*/
.process-wrap-box ul.rowBox_arr li:nth-child(3)::after{content: '';display: block;position: absolute; bottom: -30px; right: 100px; width: 150px; height: 25px; }
.process-wrap-box ul.rowBox_arr li dl dt{font-size: 14px; font-family: 'Noto Light';}
.process-wrap-box ul.rowBox_arr li dl dd{font-size: 14px; font-family: 'Noto Light';}
.method-box{font-size: 18px; font-family: 'Noto Regular';}
@media all and (max-width: 1024px){
  .process-wrap-box ul.rowBox_arr li:nth-child(3)::after{bottom: -30px; right: 10px;}

}
@media all and (max-width: 768px){

}

/* 운영방법 추가 (박의진, 2022-07-11) */
.apply-content-box{width: 100%;}
.apply-content-box ul::after{content:"";display: table;clear: both;}
.apply-content-box li{float: left; width: 47%; margin-right: 3.5%; position: relative;}
.apply-content-box li:last-child{margin-right: 0;}

@media all and (max-width: 1024px) {

}

@media all and (max-width: 768px){
  .apply-content-box{width: 100%; float: none;}
  .apply-content-box li{width: 100%; margin-right: 0; margin-bottom: 30px;}
  .apply-content-box li:last-child{margin-bottom: 0;}
}

@media all and (max-width: 420px) {
  .apply-content-box li{width: 100%; float: none; margin-bottom: 50px;}
  .apply-content-box li:last-child{margin-bottom: 0;}
  .apply-content-box li .apply-content{margin-top: 0; position: relative; top: 30px;}
}