@charset "utf-8";
/* ******************************************************************************************************************* */
/* 공통부분 수정 */

/* ******************************************************************************************************************* */
/* 학과소개 > 학과소개 (intro.ftl) */
@media all and (max-width:499px) {
	.intro-wr .contlist-type1 {margin-top:0}
}

/* ******************************************************************************************************************* */
/* 학과소개 > 교육목표 및 방법 (goal.ftl) */
.goal-wr .contlist-type2 .c-list01 {margin-top:0}

/* ******************************************************************************************************************* */
/* 학과소개 > 실습실소개 (laboratory.ftl) */
.laboratory-wr .contimg-list1 .img-sec img {width:auto;height:100%}

/* ******************************************************************************************************************************************************************* */
/* 학과 소개 > 학과사무실 위치 (direction.ftl) */
.direction-wr .campMap-box {position:relative}
.direction-wr .cpmap-wr {position:relative;border-radius:30px 0 0 30px;overflow:hidden}
.direction-wr .cpmap-wr .btn-skip {opacity:0;position:absolute;left:0;top:0;background-color:#005667;color:#fff;font-weight:700;text-align:center;padding:10px 50px}
.direction-wr .cpmap-wr .btn-skip:focus {opacity:1;z-index:2}
.direction-wr .root_daum_roughmap {width:68.5%}
.direction-wr .root_daum_roughmap .map_border {display:none}
.direction-wr .wrap_controllers {display:none}
.direction-wr .camp-info {position:absolute;display:flex;flex-direction:column;justify-content:space-between;right:0;top:0;background-color:#fff;max-width:440px;width:32%;height:100%;padding:40px 50px;border-radius:0 30px 30px 30px;box-shadow:0 5px 10px #3743591A;box-sizing:border-box;z-index:1}
.direction-wr .camp-info .cnt-tit {font-family:'ONE-Mobile-Title', sans-serif;font-size:1.66em;color:#005667;margin-bottom:20px}
.direction-wr .camp-info dl {position:relative;padding-left:60px;margin-bottom:30px}
.direction-wr .camp-info dl:nth-last-of-type(1) {margin-bottom:0}
.direction-wr .camp-info dl:before {content:" ";position:absolute;width:40px;height:40px;left:0;top:0}
.direction-wr .camp-info dl:nth-of-type(1):before {background:url(/resources/homepage/www/_Img/Contents/ico_loco.png) no-repeat}
.direction-wr .camp-info dl:nth-of-type(2):before {background:url(/resources/homepage/www/_Img/Contents/ico_tel.png) no-repeat}
.direction-wr .camp-info dl dt {font-family:'ONE-Mobile-Title', sans-serif;font-size:1.11em;color:#2e2e2e}
.direction-wr .camp-info dl dd {font-family:'Poppins', sans-serif;font-weight:500}
.direction-wr .camp-info .cdp-btn {padding:20px;border-radius:20px;box-shadow:0 10px 20px #0EA2A433;min-height:59px;margin:0}
.direction-wr .camp-info .cdp-btn span {display:block;position:relative;padding-left:34px;width:fit-content;margin:0 auto}
.direction-wr .camp-info .cdp-btn span:before {content:" ";position:absolute;left:0;top:0;background:url(/resources/homepage/www/_Img/Contents/ico-map01.png) no-repeat;width:20px;height:18px}

@media all and (max-width:1099px) {
	.direction-wr .cpmap-wr {border-radius:0}
	.direction-wr .root_daum_roughmap {width:100%}
	.root_daum_roughmap .wrap_map {height:300px !important}
	.direction-wr .camp-info {position:static;width:100%;max-width:unset;padding:30px;border-radius:0 0 30px 30px}
	.direction-wr .camp-info dl {display:flex;margin-bottom:20px}
	.direction-wr .camp-info dl:nth-last-of-type(1) {margin-bottom:20px}
	.direction-wr .camp-info dl:before {top:50%;transform:translateY(-50%)}
	.direction-wr .camp-info dl dt {margin-right:10px}
}

@media all and (max-width:400px) {
	.direction-wr .camp-info .cnt-tit {margin-bottom:15px;font-size:1.44em}
	.direction-wr .camp-info dl,
	.direction-wr .camp-info dl:nth-last-of-type(1) {margin-bottom:15px}
	.direction-wr .camp-info dl:before {top:0;transform:translateY(0)}
	.direction-wr .camp-info .cdp-btn {margin-top:15px;min-height:49px;padding:15px}
}

/* ******************************************************************************************************************* */
/* 학과소개 > 주요교과목소개 (majorsubjt.ftl) */
.majorsubjt-wr .c-tit01 {margin-bottom:60px}
@media all and (max-width:999px) {
	.majorsubjt-wr .c-tit01 {margin-bottom:20px}
}
@media all and (max-width:700px) {
	.majorsubjt-wr .c-tit01 {margin-bottom:20px}
}

/* ******************************************************************************************************************* */
/* 졸업 후 진로 > 학과자랑 (pride.ftl) */
.pride-wr .info-s-box {margin-top:30px}
.pride-wr .info-s-box.tit-in .info-txt {padding-left:105px}
.pride-wr .info-s-box.tit-in .tit {width:50px}
.pride-wr .info-s-box.tit-in .tit:after {top:0}
@media all and (max-width:768px) {
	.pride-wr .info-s-box {margin-top:20px}
}
@media all and (max-width:499px) {
	.pride-wr .contlist-type1 {margin-top:0}
}

/* ******************************************************************************************************************* */
/** -- 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}
}