@charset "utf-8";
/* ==============================
 * 01. 첨단산업 인재양성 부트캠프
================================= */
/** - 공통 : 헤더  */
#header .logo a .slogo .logo-txt {max-width:180px;word-break:keep-all}
@media all and (max-width:999px) {
	#header .logo a .slogo .logo-txt {max-width:unset}
}
@media all and (max-width:399px) {
	#header .logo a .slogo .logo-txt {max-width:150px}
}

/** -- 01-1. 첨단산업 인재양성 부트캠프 사업단 (bootcamp.ftl)  */
.bootcamp-wr .bootcamp-cnt .cnt-tit {padding:20px;border-radius:52px;margin-bottom:15px;background-color:#005667;font-family:"ONE-Mobile-Title",sans-serif;color:#fff;font-size:1.55em;line-height:1.3;text-align:center;box-sizing:border-box}
.bootcamp-wr .bootcamp-cnt .txt-wr {display:flex;gap:20px;margin-bottom:80px}
.bootcamp-wr .bootcamp-cnt .txt-wr > p {flex:1;position:relative;text-align:center;padding:20px;border-radius:20px;background-color:#E7F4F4;color:#000;font-size:1.22em;line-height:1.3}
.bootcamp-wr .bootcamp-cnt .txt-wr > p:after {content:" ";display:block;position:absolute;left:50%;bottom:-65px;width:128px;height:65px;transform:translateX(-50%);background:url(/resources/homepage/semiboot/_Img/Contents/bootcamp_02.png) no-repeat}
.bootcamp-wr .bootcamp-cnt .green-box {position:relative;padding:20px;border-radius:20px 20px 0 0;background-color:#839E00;margin-bottom:30px;text-align:center;box-sizing:border-box}
.bootcamp-wr .bootcamp-cnt .green-box:after {content:" ";display:block;position:absolute;width:85%;height:0;border:1px dashed #999999;left:50%;bottom:-15px;transform:translateX(-50%)}
.bootcamp-wr .bootcamp-cnt .green-box > span {color:#fff;font-size:1.38em;font-weight:700;line-height:1.3}
.bootcamp-wr .bootcamp-cnt .green-border-box {padding:20px;border:3px solid #839E00;border-radius:0 0 20px 20px;box-sizing:border-box;text-align:center;margin-bottom:15px}
.bootcamp-wr .bootcamp-cnt .green-border-box > span {color:#374359;font-size:1.38em;font-weight:700;line-height:1.3}
.bootcamp-wr .bootcamp-cnt .flex-box {display:flex;gap:30px}
.bootcamp-wr .flex-box .item {flex:1;font-size:1.11em;line-height:1}
.bootcamp-wr .flex-box .item .tit {padding:12px 50px;border-radius:50px;border:2px solid #066C70;background-color:#E7F4F4;box-sizing:border-box;margin-bottom:10px}
.bootcamp-wr .flex-box .item .tit > .num {display:inline-block;background-color:#066C70;color:#fff;border-radius:50%;box-sizing:border-box;padding:5px 9px;line-height:1;margin-right:10px}
.bootcamp-wr .flex-box .item .tit > span {color:#000;line-height:1.3}
.bootcamp-wr .flex-box .item .row {padding:15px 30px;border-radius:10px;margin-bottom:10px;text-align:center;box-sizing:border-box}
.bootcamp-wr .flex-box .item .row1 {background-color:#F1F8DE;color:#000}
.bootcamp-wr .flex-box .item .row2 {display:flex;gap:10px;padding:0 !important;line-height:1.3}
.bootcamp-wr .flex-box .item .row2 > p {flex:1;padding:10px;background-color:#0EA2A4;color:#fff;font-weight:700;border-radius:10px}
.bootcamp-wr .flex-box .item .row3 {border:2px solid #009FBF;color:#000;text-align:center}
.bootcamp-wr .flex-box .item .row4 {background-color:#0EA2A4;color:#fff;font-weight:700}
@media all and (max-width:999px) {
	.bootcamp-wr .bootcamp-cnt .cnt-tit {font-size:1.38em}
	.bootcamp-wr .bootcamp-cnt .txt-wr > p {font-size:1.11em;padding:15px}
	.bootcamp-wr .bootcamp-cnt .green-box > span,
	.bootcamp-wr .bootcamp-cnt .green-border-box > span {font-size:1.22em}
	.bootcamp-wr .bootcamp-cnt .flex-box {gap:15px}
	.bootcamp-wr .flex-box .item {font-size:1em}
	.bootcamp-wr .flex-box .item .tit {text-align:center;padding:12px 20px}
}
@media all and (max-width:699px) {
	.bootcamp-wr .bootcamp-cnt .cnt-tit {font-size:1.22em;padding:10px 20px;border-radius:15px}
	.bootcamp-wr .bootcamp-cnt .txt-wr {margin-bottom:55px}
	.bootcamp-wr .bootcamp-cnt .txt-wr > p:after {width:89px;height:45px;bottom:-45px;background-size:cover}
	.bootcamp-wr .bootcamp-cnt .green-box,
	.bootcamp-wr .bootcamp-cnt .green-border-box {padding:10px 20px}
	.bootcamp-wr .bootcamp-cnt .green-box > span,
	.bootcamp-wr .bootcamp-cnt .green-border-box > span {font-size:1.11em}
	.bootcamp-wr .bootcamp-cnt .flex-box {flex-wrap:wrap;gap:10px}
	.bootcamp-wr .flex-box .item .tit {text-align:center;padding:8px}
	.bootcamp-wr .flex-box .item .row {padding:8px;margin-bottom:5px}
}
@media all and (max-width:499px) {
	.bootcamp-wr .bootcamp-cnt .txt-wr {flex-direction:column;gap:5px}
	.bootcamp-wr .bootcamp-cnt .txt-wr > p {padding:10px 15px}
	.bootcamp-wr .bootcamp-cnt .txt-wr > p:nth-child(1):after,
	.bootcamp-wr .bootcamp-cnt .txt-wr > p:nth-child(2):after {display:none}
}

/** -- 01-3. 산학연관 거버넌스 (governance.ftl)  */
.governance-wr .gov-tit {display:inline-block;width:292px;border-radius:60px;background:#005667;text-align:center;padding:12px;margin-bottom:15px;box-sizing:border-box}
.governance-wr .gov-tit span {color:#FFF;font-family:"ONE-Mobile-Title",sans-serif;font-size:1.22em;line-height:1.3}
.governance-wr .gov-cnt {display:flex}
.governance-wr .gov-cnt .gov-item1 {width:53.8%;margin-right:20px}
.governance-wr .gov-cnt .gov-item2 {width:44.5%}
.governance-wr .gov-cnt .gov-item .gov-stit {padding:12px;text-align:center;margin-bottom:10px;border-radius:10px}
.governance-wr .gov-cnt .gov-item .gov-stit1 {background-color:#009FBF}
.governance-wr .gov-cnt .gov-item .gov-stit2 {background-color:#1F8A9F}
.governance-wr .gov-cnt .gov-item .gov-stit span {color:#fff;font-family:"ONE-Mobile-Title",sans-serif;font-size:1.11em;line-height:1.3}
.governance-wr .gov-cnt .gov-item .img-box-wr {display:flex;flex-direction:column}
.governance-wr .gov-cnt .gov-item .gov-sstit {color:#005667;text-align: center;font-size:1.33em;font-weight: 700;line-height:1.3;text-align:center;margin-bottom:10px}
.governance-wr .gov-cnt .img-box {height:256px;padding:20px;background-color:#fff;border-radius:10px;border:1px solid #ddd;box-sizing:border-box}
.governance-wr .gov-cnt .img-box:first-child {margin-bottom:10px}
.governance-wr .gov-cnt .img-box img {width:100%}
@media all and (max-width:1199px) {
	.governance-wr .gov-cnt {flex-direction:column;gap:20px}
	.governance-wr .gov-cnt .gov-item {width:100%;margin:0}
	.governance-wr .gov-cnt .gov-item .img-box-wr {flex-direction:row;gap:10px}
	.governance-wr .gov-cnt .img-box {height:19.3%}
}
@media all and (max-width:799px) {
	.governance-wr .gov-tit,
	.governance-wr .gov-cnt .gov-item .gov-stit {padding:8px}
	.governance-wr .gov-tit span {font-size:1.11em}
	.governance-wr .gov-cnt .gov-item .gov-stit span {font-size:1em}
	.governance-wr .gov-cnt .gov-item .gov-sstit {font-size:1.22em}
	.governance-wr .gov-cnt .gov-item .img-box-wr {flex-direction:column}
	.governance-wr .gov-cnt .img-box {height:auto}
}
@media all and (max-width:499px) {
	.governance-wr .gov-tit {width:100%}
	.governance-wr .gov-cnt .img-box {padding:10px}
}