@charset "utf-8";

/* sub3_1 인력양성 */

.sbox-container{overflow: hidden;display: flex;flex-wrap: wrap;}
.sbox-img{flex: 1 1 50%;background: url('../img/sub/sub3_1_img01.jpg') no-repeat center;background-size: cover;height: 450px;}
.sbox-con{flex: 1 1 50%;display: table;position: relative;padding: 0 0 140px 70px;}
.sbox-con::after{display: block;content: '';width: 276px;height: 189px;background: url('../img/sub/sub3_1_charactor.png') no-repeat center;background-size:contain;position: absolute;right: 0px;bottom: 0px;z-index: -1;}
.sbox-con .ttl{padding: 0 0 28px;margin: 0 0 28px;position: relative;}
.sbox-con .ttl::after{display: block;content: '';width: 100%; max-width: 180px;height:3px; background: #afbcd0;position: absolute;bottom: 0;left: 0;}
.sbox-con .ttl > p{font-size:22px;font-weight: 700;color: #014190;}
.sbox-con .txt > p{font-size: 17px;color: #000000;line-height: 27px;padding: 0 0 25px;}

@media screen and (max-width:1300px) {
    .sbox-con{padding:0 0 120px 50px}
    .sbox-con::after{}
}

@media screen and (max-width:1024px) {
    .sbox-img{flex: 1 1 100%;text-align: center;height:400px;}
    .sbox-con{flex: 1 1 100%;padding: 50px 0px 140px;}    
    .sbox-con .ttl{padding: 0 0 20px;margin: 0 0 20px;}
    .sbox-con .ttl::after{max-width: 150px;}
    .sbox-con .ttl > p {font-size: 20px;}
    .sbox-con .txt > p{font-size: 16px;line-height: 26px;padding: 0 0 100px;}
}

@media screen and (max-width:768px) {
    .sbox-img{height:300px;}
    .sbox-con{padding: 30px 0 160px;}
    .sbox-con::after{}
}
@media screen and (max-width:500px) {
    .sbox-img{height:250px;}
    .sbox-con .ttl::after{max-width: 100px;}
    .sbox-con .ttl > p {font-size: 16px;}
    .sbox-con .txt > p{font-size: 14px;line-height: 24px;padding: 0 0 50px;}
	}

	/* sub3_2 표준학기제 현장실습 */
.sbox-img.img02{flex: 1 1 50%;background: url('../img/sub/sub3_2_img01.jpg') no-repeat center;background-size: cover;height: 450px;}
.sbox-con.con02{flex: 1 1 50%;display: table;position: relative;padding: 0 0 140px 70px;}
.sbox-con.con02::after{display: block;content: '';width: 365px;height: 211px;background: url('../img/sub/sub3_2_charactor.png') no-repeat center;background-size:contain;position: absolute;right: 0px;bottom: -80px;z-index: -1;}

@media screen and (max-width:1300px) {
	.sbox-con.con02{padding:0 0 120px 50px}
}

@media screen and (max-width:1024px) {
	.sbox-img.img02{flex: 1 1 100%;text-align: center;height:400px;}
	.sbox-con.con02{flex: 1 1 100%;padding: 50px 0px 140px;}    
	.sbox-con.con02::after{bottom:0}
}


@media screen and (max-width:768px) {
	.sbox-img.img02{height:300px;}
	.sbox-con.con02{padding: 30px 0 140px;}
	.sbox-con.con02::after{
    width: 270px;
    height: 190px;
}
}

@media screen and (max-width:500px) {
	.sbox-img.img02{height: 200px;}
	.sbox-con .txt > p .pc-only{display:none;} sub2-1 .con-wr .con-ttl {font-weight: 500}
}

/* sub3_3 캡스톤디자이 */
.sbox-img.img03{flex: 1 1 50%;background: url('../img/sub/sub3_3_img01.jpg') no-repeat center;background-size: cover;height: 450px;}
.sbox-con.con03{flex: 1 1 50%;display: table;position: relative;padding: 0 0 140px 70px;}
.sbox-con.con03::after{display: block;content: '';width: 202px;height: 311px;background: url('../img/sub/sub3_3_charactor.png') no-repeat center;background-size:contain;position: absolute;right: 0px;bottom: -100px;z-index: -1;}
.span-wr{display: flex;max-width: 450px;flex-wrap: wrap;gap: 6px;}
.span-wr .class{display: inline-block;padding: 10px 5px;font-size: 17px;border-top: 3px solid #afbcd0;flex: 0 1 calc(100% / 3 - 5px);text-align: center;background: #f2f2f2;}

.capstone .con-wr.con01{background:url('../img/sub/sub3_3_con02_img_bg.png')no-repeat center;background-size: cover;margin-top: 80px;padding: 80px 20px;text-align: center;}
.capstone .con-wr.con01 .con-bx .mo-only{display:none;}


@media screen and (max-width:1300px) {
	.sbox-con.con03{padding:0 0 120px 50px}
	.capstone .sbox-con.con03{padding:0 0 150px 50px}
	.sbox-con.con03::after{width: 190px;height: 250px;bottom: -60px;}
	.capstone .sbox-con.con03::after{width: 190px;height: 250px;bottom: -70px;}
	.sbox-con .txt > p .pc-only{display:none;}

}

@media screen and (max-width:1024px) {
	.sbox-img.img03{flex: 1 1 100%;text-align: center;height:400px;}
	.sbox-con.con03{flex: 1 1 100%;padding: 50px 0px 140px;}    
	.capstone .sbox-con.con03{flex: 1 1 100%;padding: 50px 0px 200px;}    
	.sbox-con.con03::after{width: 150px;height: 225px;bottom: -70px;}
	.span-wr{max-width:unset;}
	.span-wr .class{flex: unset;min-width:150px;}

	.capstone .sbox-con .txt > p{padding: 0 0 50px;}
	.capstone .con-wr.con01{margin-top:0;}
}

@media screen and (max-width:768px) {
	.sbox-img.img03{height:300px;}
	.sbox-con.con03{padding: 30px 0 110px;}

	.capstone .sbox-con .txt > p{padding: 0 0 30px;}

    .capstone .con-wr.con01 .con-bx .pc-only{display:none;}
    .capstone .con-wr.con01 .con-bx .mo-only{display:block;text-align: center;}



}

@media screen and (max-width:500px) {
	.sbox-img.img03{height: 200px;}
	.capstone .sbox-con.con03{padding: 50px 0px 170px;}   
	.span-wr .class{font-size:14px;flex: 0 1 100%;min-width:unset;}
	.span-wr {padding: 0 0 50px}
}

	/* sub3_4 현장기반 학습공간 */
	.sbox-img.img04{flex: 1 1 50%;background: url('../img/sub/sub3_4_img01.jpg') no-repeat center;background-size: cover;height: 450px;}
	.sbox-con.con04{flex: 1 1 50%;display: table;position: relative;padding: 0 0 140px 70px;}
	.sbox-con.con04::after{display: block;content: '';width: 202px;height: 311px;background: url('../img/sub/sub3_3_charactor.png') no-repeat center;background-size:contain;position: absolute;right: 0px;bottom: -100px;z-index: -1;}
	
	@media screen and (max-width:1300px) {
		.sbox-con.con04{padding:0 0 120px 50px}
		.sbox-con.con04::after{width: 160px;height: 280px;}
	}
	
	@media screen and (max-width:1024px) {
		.sbox-img.img04{flex: 1 1 100%;text-align: center;height:400px;}
		.sbox-con.con04{flex: 1 1 100%;padding: 50px 0px 140px;}    
	}
	
	@media screen and (max-width:768px) {
		.sbox-img.img04{height:300px;}
		.sbox-con.con04{padding: 30px 0 110px;}
		.sbox-con.con04::after{width: 160px;height: 220px;}
	}
	
	@media screen and (max-width:500px) {
		.sbox-img.img04{height: 200px;}
		.sbox-con .txt > p .pc-only{display:none;}
	}

	.place .s-wr{background: #f2f2f2;padding: 54px 20px 0;text-align: center;position: relative;}
	.place .s-wr .wr-1300{position: relative;}
	.place .s-wr .wr-1300::after{display: block;content: '';background: url('../img/sub/sub3_4_bgicon.png') no-repeat center; background-size: contain;width: 135px;height: 113px;position: absolute;right: 50px;bottom: 40px;}
	.place .sbox-container{margin: 0 0 50px;}
	.s-ttl{font-size: 22px;font-weight: 700;color: #014190;padding: 0 0 25px;}
	.s-txt{font-size: 17px;color: #010101;}

	.s-icons{display: flex;flex-wrap: wrap;gap: 20px;padding: 45px 0;max-width: 768px;margin: 0 auto;}
	.s-icon{flex: 0 1 calc(100% / 3 - 15px);}
	.s-icon-img{text-align: center;padding: 10px;background: #FFF;width: 160px;height: 160px;margin: 0 auto;display: table;border-radius: 100%;}
	.s-icon-text{padding: 30px 10px;}
	.s-icon-text .ttl{padding: 0 0 15px;font-size: 17px;color: #000000;font-weight: 700;word-break: keep-all;}
	.s-icon-text .txt{padding: 0 0 15px;font-size: 17px;color: #000000;word-break: keep-all;}
	
	@media screen and (max-width: 1024px) {
		.place .s-wr .wr-1300{padding: 0 0 0 0;}
		.s-ttl{font-size: 20px;}
		.s-txt{font-size: 16px;}
	}

	@media screen and (max-width: 768px) {
		.s-icon-img{width:130px;height:130px;}
	}

	@media screen and (max-width: 500px) {
		.place .s-wr .wr-1300::after{width:100px;height:90px;right: 10px;bottom: 10px;}
		.s-ttl{font-size: 16px;}
		.s-txt{font-size: 14px;}
		.s-txt .pc-only {display:none;}
		.s-icons{gap: 10px;}
		.s-icon{flex: 0 1 100%}
		.s-icon-img{width:90px;height:90px;}
		.s-icon-text{padding: 10px 10px 0;}
		.s-icon-text .ttl{font-size: 16px;}
		.s-icon-text .txt{font-size: 14px;}
	}

	/* sub3_5 프로그램 */
.program{}
.program .bg-grey{background: #f2f2f2;}
.program .con-wr{max-width:1300px;margin:0 auto;padding: 50px 0;}
.program .con-ln{}
.program .con-ln .img-wr{width:50%;}
.program .con-ln .info-wr{width:50%;display: table;padding: 10px 50px;}
.program .con-ln .info-wr .num{font-size:36px;color: rgba(110, 132, 159, 0.21);font-weight: 900;}
.program .con-ln .info-wr .ttl{font-size:23px;font-weight: 700;color:#254792;padding: 0px 0 10px;}
.program .con-ln .info-wr .txt{font-size:18px;}

@media (max-width:1300px){
    .program .con-ln .info-wr{padding: 10px 40px;}
    .program .con-ln .info-wr .ttl{font-size: 20px;padding: 0px 0 15px;}
    .program .con-ln .info-wr .txt{font-size: 16px;}
}

@media (max-width:1024px){
    .program .con-ln .info-wr{padding: 10px 30px;}
    .program .con-ln .info-wr .ttl{font-size: 18px;padding: 0px 0 10px;}
    .program .con-ln .info-wr .txt{font-size: 15px;}
}

@media (max-width:768px){
    .program .con-ln{position:relative;padding-top: 230px;}
    .program .con-ln .img-wr{width:100%;height: 230px;position:absolute;top:0;left:0;}
    .program .con-ln .img-wr img{width: 100%;height: 100%;object-fit: cover;}
    .program .con-ln .info-wr{width:100%;padding: 25px 40px 50px;text-align: center;}
}

@media (max-width:500px){
    .program .con-ln{padding-top: 180px;}
    .program .con-ln .img-wr{height: 180px;}
    .program .con-ln .info-wr{padding: 20px 0 40px;}
}

/* sub4_1 리빙랩 */
.living-lab{text-align: center;}
.living-lab-top{margin-bottom: 70px;}
.living-lab-bot{background: url('../img/sub/sub4_1_bg01.jpg') no-repeat center;padding: 60px 20px 100px;}

.living-lab-bot .s-img .m-only{display: none;}


@media screen and (max-width: 768px) {
	.living-lab-top{margin-bottom:30px;}
	.living-lab-bot .s-img .pc-only{display: none;}
	.living-lab-bot .s-img .m-only{display: block;}
}

@media screen and (max-width: 500px){
	.living-lab-bot{padding: 30px 20px 50px;}
}

/* sub5_1 취창업동아리 */
.club{background: #f2f2f2;padding: 60px 20px;text-align: center;}
.club-items{display: flex;flex-direction: column;gap: 50px;padding: 0;}
.club-item{}

.s-table-wr{width: 100%;overflow-x: scroll;}
.s-table-wr::-webkit-scrollbar{height:7px;}
.s-table-wr::-webkit-scrollbar-thumb{background-color:#525f6f;border-radius:10px}
.s-table-wr::-webkit-scrollbar-track{background-color:transparent}
.s-table{width: 100%;border-collapse:collapse;}
.s-table thead tr{background: #263f5e; color: #FFF;}
.s-table thead tr th{border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding: 5px;font-size: 18px;font-weight: 400;}
.s-table thead tr th.bor-right{border-right: 1px solid #f2f2f2 !important;}
.s-table thead tr th:last-child{/* border-right: 0px; */}
.s-table tbody tr{background: #FFF;color: #000;}
.s-table tbody tr td{border:1px solid #f2f2f2;padding: 5px;font-size: 17px;}

@media screen and (max-width: 1300px) {
	.s-table thead tr th{font-size: 17px;}
	.s-table tbody tr td{font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.s-table thead tr th{font-size: 16px;}
	.s-table tbody tr td{font-size: 14px;}
}

@media screen and (max-width: 768px) {
	.s-table-wr{padding:0 0 5px;}
	.s-table thead tr th{font-size: 15px;}
	.s-table tbody tr td{font-size: 13px;}
}

@media screen and (max-width: 500px) {
	.s-table thead tr th{font-size: 14px;padding: 5px 3px;}
	.s-table tbody tr td{font-size: 12px;padding: 5px 3px;}
}

/* sub5_2 프로그램 */
.sub-tab-wr{text-align: center;margin: 0 auto 12px;}
.sub-tab{display: flex; flex-wrap: wrap;max-width: 580px;margin: 0 auto;gap: 10px;}
.sub-tab li{flex: 1 1 calc(50% - 5px);background: #f2f2f2;color: #000;}
.sub-tab li a{display: block;padding: 20px 0;position: relative;}
.sub-tab li a:hover{color: #014190;background:#FFF;}
.sub-tab li a:hover::after{display: block;content: '';background: url('../img/sub/sub-tab-img01.png') no-repeat center;width: 282px;height: 12px;background-size: cover;position: absolute;left: 50%;bottom: -12px;transform: translateX(-50%);}
.sub-tab li a.active{color: #014190;background:#FFF;}
.sub-tab li a.active::after{display: block;content: '';background: url('../img/sub/sub-tab-img01.png') no-repeat center;width: 100%;height: 12px;background-size: cover;position: absolute;left: 50%;bottom: -12px;transform: translateX(-50%);}

.program{}
.program .sub-ttl-wr{padding: 0 0 40px}
.program-top{padding: 70px 20px;text-align: center;}
.program-top .s-ttl{padding:0 0 40px}
.program-items{display: flex; flex-wrap: wrap;gap: 10px;}
.program-item{flex: 1 1 calc(50% - 5px);position: relative;padding: 25px 30px;background: #f2f2f2;}
.program-item .num{position: absolute;font-size: 22px; font-weight: 700;color: #649ee7;}
.program-item .img{min-height: 173px;padding: 0 0 15px;}
.program-item .txt{font-size: 17px;}

.program-mid-wr{background: url('../img/sub/sub4_1_bg01.jpg')no-repeat center;background-size: cover;padding: 50px 20px;}
.program-mid{}
.program-mid .s-ttl{text-align: center;}
.program-mid .img-wr{}
.program-mid .img-wr .pc-only{text-align:center;}
.program-mid .img-wr .pc-only img{width: 100%;}
.program-mid .img-wr .m-only{display: none;}

.program-bot{padding: 100px 20px;}
.program-bot .s-ttl{text-align:center}
.program-bot .s-con{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.program-bot .s-con .img-wr{flex: 1 1 calc(50% - 5px);text-align:center}
.program-bot .s-con .txt-wr{flex: 1 1 calc(50% - 5px);}
.program-bot .s-con .txt-wr ul li{display: table;width: 100%;height: 100%;padding: 0 0 10px;font-size: 18px;}
.program-bot .s-con .txt-wr ul li:last-child{padding-bottom:0;}
.program-bot .s-con .txt-wr ul li .ttl{display: table-cell;width: 170px;padding: 7px 0;text-align: center;color: #FFF;}
.program-bot .s-con .txt-wr ul li:nth-child(odd) .ttl{background: #1b539e;}
.program-bot .s-con .txt-wr ul li:nth-child(even) .ttl{background: #15427f;}
.program-bot .s-con .txt-wr ul li .txt{display: table-cell;padding: 5px 20px;background: #f2f2f2;border-left: 5px solid #fff;}

@media screen and (max-width:1300px) {
	.program-bot .s-con .txt-wr ul li{font-size:16px;}
}
@media screen and (max-width:1024px) {
	.program-top{padding:50px 20px;}
	.program-item{flex: 1 1 100%;}

	.program-bot .s-con{flex-direction: column-reverse;justify-content:center;}
	.program-bot .s-con .img-wr{flex: 1 1 100%;}
	.program-bot .s-con .txt-wr{flex: 1 1 100%;width: 100%;}
	
}
@media screen and (max-width:768px) {
	.program-item{padding: 30px 20px}
	.program-item .txt{font-size:16px;}
	.program-item .txt .pc-only{display:none;}
	.program-item .img{min-height: unset;;padding: 0 0 15px;}
	
	.program-mid .img-wr .pc-only{display: none;}
	.program-mid .img-wr .m-only{display: block;text-align: center;}
	.program-mid .img-wr .m-only img{width: 250px;}

	.program-bot{padding: 50px 20px;}
	.program-bot .s-con .txt-wr ul li .ttl{width:100px;}
	.program-bot .s-con .txt-wr ul li .txt{padding:5px 10px;font-size:14px;}
}
@media screen and (max-width:500px) {
	.program-item .img img{height:100px;}
	
	.program-mid .img-wr .m-only img{width: 200px;}
	.program-bot .s-con .txt-wr ul li{padding: 0 0 15px;}
	.program-bot .s-con .txt-wr ul li .ttl{display:block;width:100%}
	.program-bot .s-con .txt-wr ul li .txt{display:block;width:100%;border: 0;padding: 10px;text-align: center;}
}

/* 준비중 */
.ready{text-align: center;padding: 50px 20px;}