@charset "utf-8";



.curric_wrap .purpose_box,
.excurs_wrap .purpose_box,
.onSrtUp_wrap .purpose_box,
.onSrtUp_wrap .type_box,
.gradChn_wrap .purpose_box,
.gradChn_wrap .methd_box,
.gradChn_wrap .type_box,
.gradChn_wrap .univ_box{padding-bottom:60px; margin-bottom: 60px; border-bottom: 1px dashed #ddd; }


/*주문식교육과정 CURRIC*/
.curric_wrap .implem_box dl{}
.curric_wrap .implem_box dl:not(:last-child){margin-bottom: 60px;}
.curric_wrap .implem_box dl dt{font-size: 22px; color: #666; font-weight: 500; }
.curric_wrap .implem_box dl dt span{display:flex; width: 60px; height: 60px; border-radius: 20px; align-items:center; justify-content:center; font-family: 'oneMobileT';font-size:28px; font-weight: 100;  color:#fff; margin-bottom: 16px; }
.curric_wrap .implem_box dl dd{font-size:18px;color : #666; margin-top: 20px; position:relative; padding-left: 26px; }
.curric_wrap .implem_box dl dd:before{content:''; display:block; width: 6px; height: 1px; background:#666;position:absolute; top: 10px; left: 12px; }
.curric_wrap .implem_box .item01 span{background:#009FBF }
.curric_wrap .implem_box .item02 span{background:#0EA2A4 }

.curric_wrap .implem_numb{}
.curric_wrap .implem_numb dl{display:flex; flex-direction: row; align-items: flex-start; column-gap: 25px;padding: 45px 50px; background: #f8f8f8; border-radius: 30px; margin-bottom: 30px;}
.curric_wrap .implem_numb dt{color: #067E93; font-family:'oneMobileT'; font-size: 22px; font-weight: 100; width: 33%; display:flex; flex-direction: row; }
.curric_wrap .implem_numb dt span{display:block; margin-right: 8px; }
.curric_wrap .implem_numb dd{width: 66%; margin-top: 8px; }

.curric_wrap .join_box{}
.curric_wrap .join_box ul{display:flex; flex-direction: row; gap:25px; }
.curric_wrap .join_box ul li{ border: 1px solid #067e93; border-radius: 30px; padding: 52px 44px;width: 33.3%; }
.curric_wrap .join_box ul li dl{}
.curric_wrap .join_box ul li dt{color:#535353; font-family: 'oneMobileT' ; font-size: 22px; margin-bottom: 16px; }
.curric_wrap .join_box ul li dd{font-size: 18px; }
.curric_wrap .join_box ul li dd:not(:last-child){border-bottom: 1px dotted #ddd;margin-bottom: 12px; padding-bottom: 12px;  }
.curric_wrap .join_box .title_box.titl-row {display: flex; margin-bottom: 20px; align-items: center;}
.curric_wrap .join_box .title_box.titl-row .c-tit02 {margin-right: 20px; margin-bottom: 0px;}

.curric_wrap .ptype_box{ }
.curric_wrap .ptype_box .img_item{display:flex; flex-direction: row;overflow: hidden; border-radius: 30px; }
.curric_wrap .ptype_box .img_item .item{position: relative;background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.5s ease;}
.curric_wrap .ptype_box .img_item .item:after{content:''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8) 80%); position:absolute; top:0; left:0; z-index:1; }
.curric_wrap .ptype_box .img_item .item01{background-image:url(/resources/homepage/ecc/_Img/ptype01.png)}
.curric_wrap .ptype_box .img_item .item02{background-image:url(/resources/homepage/ecc/_Img/ptype02.png)}
.curric_wrap .ptype_box .img_item .item03{background-image:url(/resources/homepage/ecc/_Img/ptype03.png)}
.curric_wrap .ptype_box .img_item .item04{background-image:url(/resources/homepage/ecc/_Img/ptype04.png)}
.curric_wrap .ptype_box .img_item .item05{background-image:url(/resources/homepage/ecc/_Img/ptype05.png)}
.curric_wrap .ptype_box .img_item .item .txt{position:relative; z-index: 2; width: 100%; height: 100%; padding: 44px 32px; display:flex; flex-direction: column; justify-content: flex-end;}
.curric_wrap .ptype_box .img_item .item .titl{color:#fff;font-family: 'oneMobileT' ; font-size: 22px; transition: all 0s ease;writing-mode: vertical-rl;text-orientation: upright;
opacity:1; }
.curric_wrap .ptype_box .img_item .item .titl_on{color:#fff;font-family: 'oneMobileT' ; font-size: 22px; writing-mode: horizontal-tb;text-orientation: unset;transition: all 0.5s ease;opacity:0; }
.curric_wrap .ptype_box .img_item .item .eng{color:#fff; font-size: 22px; }
.curric_wrap .ptype_box .img_item .item .subs{color:#fff; font-size: 18px; margin-top: 32px; }
.curric_wrap .ptype_box .img_item .item .eng,
.curric_wrap .ptype_box .img_item .item .subs{visibility: hidden; opacity: 0; transition: all 0.5s ease; }
.curric_wrap .ptype_box .title_box.titl-row {display: flex; margin-bottom: 20px; align-items: center;}
.curric_wrap .ptype_box .title_box.titl-row .c-tit02 {margin-right: 20px; margin-bottom: 0px;}

.curric_wrap .implMethod_box .one3_box{display:flex; flex-direction: row; column-gap: 25px; }
.curric_wrap .implMethod_box dl{padding: 32px; border: 1px solid #eee; border-radius: 30px; background: #fcfcfc;width: 50%; }
.curric_wrap .implMethod_box dt{font-size: 22px; color:#535353; font-family: 'oneMobileT'; font-weight: 100; margin-bottom: 12px; }
.curric_wrap .implMethod_box dd{font-size: 18px; color:#666; }

/*현장실습 EXCURS*/
.excurs_wrap .overview_box .one1_box{display:flex; flex-direction: row; gap:25px; flex-wrap: wrap;  }
.excurs_wrap .overview_box .item{width:calc(33.3% - 16.5px); border-radius: 30px; border:1px solid #ddd;padding: 44px; }
.excurs_wrap .overview_box .item.big-item{width: 100%; }
.excurs_wrap .overview_box .item dt{color:#0EA2A4; font-family: 'oneMobileT'; font-size: 22px; margin-bottom: 16px; }
.excurs_wrap .overview_box .item dd{font-size: 18px; }
.excurs_wrap .overview_box .item ol{display:flex; flex-wrap: wrap;}
.excurs_wrap .overview_box .item ol li{width: 50%; }

.excurs_wrap .prg_box .item{display:flex; flex-direction: row; align-items: center; }
.excurs_wrap .prg_box .item:not(:last-child){border-bottom: 1px dashed #e8e8e8; padding-bottom:24px; margin-bottom: 24px;}
.excurs_wrap .prg_box .item dt{width: 33%;padding: 32px;color:#fff; font-family: 'oneMobileT';font-weight:100;  border-radius: 30px;display:flex; flex-direction: column; position:relative;min-height: 160px}
.excurs_wrap .prg_box .item.item1 dt{background: linear-gradient(-45deg, #019FBF, #189F9C)}
.excurs_wrap .prg_box .item.item2 dt{background: linear-gradient(-45deg, #189F9C, #3A9F6A)}
.excurs_wrap .prg_box .item.item3 dt{background: linear-gradient(-45deg, #3A9F6A, #5E9E35)}
.excurs_wrap .prg_box .item.item4 dt{background: linear-gradient(-45deg, #5E9E35, #809E05)}
.excurs_wrap .prg_box .item dt .label{color: rgba(255,255,255,0.7); font-size: 18px; }
.excurs_wrap .prg_box .item dt .title{font-size: 22px; }
.excurs_wrap .prg_box .item dt:after{display:block;font-family: 'pretendard';font-weight: 900;color:rgba(255,255,255,0.08); position:absolute; bottom:0; right:20px; font-size: 92px; }
.excurs_wrap .prg_box .item.item1 dt:after{content:'S1';}
.excurs_wrap .prg_box .item.item2 dt:after{content:'S3';}
.excurs_wrap .prg_box .item.item3 dt:after{content:'S4';}
.excurs_wrap .prg_box .item.item4 dt:after{content:'S5';}
.excurs_wrap .prg_box .item dd{width: 66%; padding-left: 30px;}

.excurs_wrap .suprt_box ul{display:flex; flex-wrap: wrap; gap: 20px; }
.excurs_wrap .suprt_box ul li{width: calc(50% - 10px); background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; padding: 24px 40px; font-size: 18px; }

/*교내창업동아리 ON STARTUP*/
.onSrtUp_wrap{}
.onSrtUp_wrap .type_box{}
.onSrtUp_wrap .type_box .one3_box{display:flex; flex-wrap: wrap;gap: 25px; }
.onSrtUp_wrap .type_box dl{width: calc(50% -  12.5px); background:#fcfcfc; border:1px solid #eee; border-radius: 30px;padding:44px 48px;  }
.onSrtUp_wrap .type_box dt{font-family:'oneMobileT'; font-weight:100; color:#535353;font-size: 22px; margin-bottom: 16px; line-height: 1; }
.onSrtUp_wrap .type_box dt span{font-family:'oneMobile'; font-size: 16px; font-weight: 400; color:#666; }
.onSrtUp_wrap .type_box dd{font-size: 18px; }

.onSrtUp_wrap .recrui_box{}
.onSrtUp_wrap .recrui_box .one1_box{display:flex; flex-direction: row; gap: 25px;}
.onSrtUp_wrap .recrui_box dl{width: calc(33.3% - 7px); border: 1px solid #ddd; border-radius: 30px; padding:44px 48px 36px 48px;  }
.onSrtUp_wrap .recrui_box dt{color:#0EA2A4; font-family: 'oneMobileT'; font-weight: 100; font-size: 22px; margin-bottom: 16px;  }
.onSrtUp_wrap .recrui_box dd{font-size: 18px; }
.onSrtUp_wrap .recrui_box dd:not(:last-child){margin-bottom: 4px; }
.onSrtUp_wrap .recrui_box dd.subm{border-top: 1px dashed #e8e8e8; padding-top: 16px; margin-top: 16px; display:flex; flex-direction: row; align-items:flex-start; }
.onSrtUp_wrap .recrui_box dd.subm .titl{font-weight: 600;width: 30%; min-width: 76px;  }
.onSrtUp_wrap .recrui_box dd.subm .doct{width: 70%; }

.onSrtUp_wrap .implem_numb{}
.onSrtUp_wrap .implem_numb dl{display:flex; flex-direction: row; align-items: flex-start; column-gap: 25px;padding: 45px 50px; background: #f8f8f8; border-radius: 30px; margin-bottom: 30px;}
.onSrtUp_wrap .implem_numb dt{color: #067E93; font-family:'oneMobileT'; font-size: 22px; font-weight: 100; width: 33%; display:flex; flex-direction: row; }
.onSrtUp_wrap .implem_numb dt span{display:block; margin-right: 8px; }
.onSrtUp_wrap .implem_numb dd{width: 66%; margin-top: 8px; }

.onSrtUp_wrap .prcss_box{}
.onSrtUp_wrap .prcss_box .one1_box{display:flex; flex-direction: row; align-items:flex-start; margin-top: 18px; }
.onSrtUp_wrap .prcss_box .item{width: calc(100% / 3); position:relative;padding-top: 56px; }
.onSrtUp_wrap .prcss_box .item:before{content:''; display:block; width: 100%; height: 1px; background: #0ea2a4; position:absolute; top:38px; left:0; }
.onSrtUp_wrap .prcss_box .item i{font-style: normal;width:34px; height: 34px; border-radius: 50%; display:flex; justify-content:center; align-items:center; position: absolute;
background: #0ea2a4;color:#fff;font-family: 'oneMobileT'; font-size: 22px; font-weight:100; top:21px; left:0; }
.onSrtUp_wrap .prcss_box .item h5{font-family: 'oneMobileT'; font-size: 22px; color:#067E93;font-weight: 100; position:absolute; top:0; left:56px; }
.onSrtUp_wrap .prcss_box .item h5 span{font-family: 'oneMobile'; font-size: 16px; color:#666;font-weight: 500; margin-left: 8px;}
.onSrtUp_wrap .prcss_box .item ul{padding-left: 48px; }

.onSrtUp_wrap .prg_box .item{display:flex; flex-direction: row; align-items: center; }
.onSrtUp_wrap .prg_box .item:not(:last-child){border-bottom: 1px dashed #e8e8e8; padding-bottom:24px; margin-bottom: 24px;}
.onSrtUp_wrap .prg_box .item dt{width: 33%;padding: 32px;color:#fff; font-family: 'oneMobileT';font-weight:100; border-radius: 30px;display:flex; flex-direction: column; position:relative;font-size: 22px; }
.onSrtUp_wrap .prg_box .item.item1 dt{background: linear-gradient(-45deg, #019FBF, #189F9C); min-height: 140px;}
.onSrtUp_wrap .prg_box .item.item2 dt{background: linear-gradient(-45deg, #189F9C, #3A9F6A)}
.onSrtUp_wrap .prg_box .item.item3 dt{background: linear-gradient(-45deg, #3A9F6A, #5E9E35)}

.onSrtUp_wrap .prg_box .item dd{width: 66%; padding-left: 30px;}

/*대외 창업활동 OUT STARTUP*/
.outSrtUp_wrap .item_wrap{display:flex; flex-direction: column; gap: 25px;}
.outSrtUp_wrap .item{display:grid; grid-template-columns: repeat(3, 1fr);gap :40px 62px ; padding: 48px 40px;  border-radius: 30px; }
.outSrtUp_wrap .item .title{display:flex; flex-direction: row; gap: 8px; align-items:flex-start; color:#067E93; font-family: 'oneMobileT'; font-weight: 100; font-size: 22px; }
.outSrtUp_wrap .item .img_box{overflow: hidden; border-radius: 20px; }
.outSrtUp_wrap .item .img_box img{width: 100%; height: 100%; object-fit:cover; object-position: center center; }
.outSrtUp_wrap .item .txt_wrap dt,
.outSrtUp_wrap .item .txt_wrap p{font-family: 'oneMobileT'; font-weight: 100; font-size: 20px; color:#535353; margin-bottom: 16px; }
.outSrtUp_wrap .item .txt_wrap dd{margin-bottom: 32px; }

.outSrtUp_wrap .item:nth-child(odd){background:#fff; border:1px solid #eee;  }
.outSrtUp_wrap .item:nth-child(even){background: #F8F8F8; }

.outSrtUp_wrap .item1 .title{grid-column: 1/ 2; grid-row: 1/ 1 }
.outSrtUp_wrap .item1 .img_box{grid-column: 1/ 2;  grid-row: 2/ 4; }
.outSrtUp_wrap .item1 .txt_wrap{grid-column: 2/ span 2; grid-row: 1/ span 2; }

.outSrtUp_wrap .item2 .title{grid-column: 1/ span 3;grid-row:1/ span 1}
.outSrtUp_wrap .item2 .img_box{grid-column : 3/ 3; grid-row: 2/ 2}
.outSrtUp_wrap .item2 .txt_wrap{grid-column: 1/ span 2; grid-row: 2/ 2; display:flex;flex-wrap: wrap; column-gap: 30px;}
.outSrtUp_wrap .item2 .txt_wrap dl{width: calc(50% - 15px);margin-bottom: 16px; }
.outSrtUp_wrap .item2 .txt_wrap dl:not(:nth-child(-n + 2)),
.outSrtUp_wrap .item2 .txt_wrap dl:not(:nth-child(-n + 2)) dd{margin-bottom:0; }

.outSrtUp_wrap .item3 .title{grid-column: 1/ span 3;grid-row:1/ span 1}
.outSrtUp_wrap .item3 .img_box{grid-column: 1/ 1; grid-row: 2/ 2}
.outSrtUp_wrap .item3 .txt_wrap{grid-column: 2/ span 3; grid-row: 2/ 2; display:flex; flex-wrap: wrap; column-gap:30px;}
.outSrtUp_wrap .item3 .txt_wrap dl{width: calc(50% - 15px); margin-bottom: 16px; }
.outSrtUp_wrap .item3 .txt_wrap dl:not(:nth-child(-n + 2)),
.outSrtUp_wrap .item3 .txt_wrap dl:not(:nth-child(-n + 2)) dd{margin-bottom:0; }

.outSrtUp_wrap .item4 .title{grid-column: 1/1; grid-row: 1/1;}
.outSrtUp_wrap .item4 .txt_wrap{display:flex; flex-wrap: wrap;grid-column: 2/4; grid-row: 1/1; gap: 30px}
.outSrtUp_wrap .item4 .txt_wrap p{width: calc(50% - 15px);margin-bottom:0;  }

/*학점교류 GRADCHANGE*/
.gradChn_wrap .methd_box ul{display:flex; flex-wrap:wrap; gap: 25px; }
.gradChn_wrap .methd_box ul li{width: calc(50% - 12.5px); border-radius: 10px; border: 1px solid #eee; background: #fcfcfc; padding:26px 40px; font-size: 18px;}

.gradChn_wrap .type_box .one3_box{display:flex; flex-wrap:wrap;  gap: 25px; }
.gradChn_wrap .type_box .item{color:#fff; padding:44px; width: calc(50% - 12.5px); border-radius: 30px; }
.gradChn_wrap .type_box .item1{background: #066C70}
.gradChn_wrap .type_box .item2{background: #0EA2A4}
.gradChn_wrap .type_box .item3{background: #1F8A9F}
.gradChn_wrap .type_box .item4{background: #009FBF}
.gradChn_wrap .type_box .item dt{font-family:'oneMobileT'; font-weight: 100; font-size:22px; margin-bottom: 8px; }
.gradChn_wrap .type_box .item dd{font-size: 18px;}

.gradChn_wrap .univ_box ol{display: flex; flex-wrap: wrap; gap: 12px 25px}
.gradChn_wrap .univ_box ol li{border-radius: 25rem; border: 1px solid #ddd; padding: 24px 40px;font-size: 18px;}

.gradChn_wrap .prcc_box ol{counter-reset:prccNum 0; display:flex; flex-wrap: wrap; gap: 20px}
.gradChn_wrap .prcc_box ol li{font-size: 18px; padding: 24px 40px; border:1px solid #0EA2A4; border-radius: 10px; width:calc(33% - 13px); display:flex; flex-direction: row; align-items:flex-start; gap:8px }
.gradChn_wrap .prcc_box ol li:before{content:counter(prccNum); counter-increment: prccNum 1;min-width: 24px; height: 24px; border-radius: 50%; background: #0ea2a4; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-family:'oneMobileT'; font-weight:100; font-size: 14px; margin-bottom: -1px; }












@media screen and (max-width: 1200px){
	/*교내창업동아리 ON STARTUP*/
	.onSrtUp_wrap .prcss_box .item{padding-top: 74px;}
	.onSrtUp_wrap .prcss_box .item h5 span{display:block; margin-left:0; margin-top: 2px; }
	.onSrtUp_wrap .prcss_box .item i{top: 41px; }
	.onSrtUp_wrap .prcss_box .item:before{top: 58px; }
}





@media screen and (max-width: 991px){
	/*주문식교육과정 CURRIC*/
	.curric_wrap .implem_box dl dt{font-size: 20px; }
	.curric_wrap .implem_box dl dt span{display:inline-flex;width: 52px; height: 52px; font-size: 24px;  margin-bottom: 0; margin-right: 12px; }
	.curric_wrap .implem_box dl dd{margin-top: 4px; margin-left: 52px; }
	.curric_wrap .implem_box dl dd:before{top: 12px}
	.curric_wrap .implem_box dl:not(:last-child){margin-bottom: 40px;}
	
	.curric_wrap .implem_numb dl{flex-direction: column; margin-bottom: 25px; }
	.curric_wrap .implem_numb dt{width: 100%; margin-bottom: 10px; }
	.curric_wrap .implem_numb dt br{display:none; }
	.curric_wrap .implem_numb dd{width: 100%; }


	.curric_wrap .join_box ul{flex-direction: column; }
	.curric_wrap .join_box ul li{width: 100%; padding:32px 36px; }
	.curric_wrap .join_box ul li dl{flex-wrap: wrap; display:flex; }
	.curric_wrap .join_box ul li dt{width: 100%;margin-bottom: 8px;  }
	.curric_wrap .join_box ul li dd{width: 50%; position:relative; padding: 0 8px; }
	.curric_wrap .join_box ul li dd:not(:last-child){margin-bottom: 8px;border-bottom:0; padding-bottom:0; }
	.curric_wrap .join_box ul li dd:nth-child(even):after{content:''; display:block; width: 1px; height: 12px; position: absolute; top:50%; right:4px; transform:translateY(-50%);background:#ddd; }

	.curric_wrap .ptype_box .img_item .item .txt{padding-left: 26px; padding-right: 26px; }
	.curric_wrap .ptype_box .img_item .item .eng{font-size: 16px; margin-top: -4px; color: rgba(255,255,255,0.8)}

	/*현장실습 EXCURS*/
	.excurs_wrap .overview_box .item:nth-child(-n+2){width:calc(50% - 12.5px)}
	.excurs_wrap .overview_box .item:nth-of-type(3){width: 100%; }
	.excurs_wrap .prg_box .item dt{padding: 28px 20px}
	.excurs_wrap .prg_box .item dt .label{font-size: 15px;  }
	.excurs_wrap .prg_box .item dt .title{font-size: 20px; line-height: 1.25;}
	.excurs_wrap .prg_box .item dt .title br{display:none;}
	.excurs_wrap .prg_box .item dt:after{font-size: 72px; bottom: -10px;}
	
	/*교내창업동아리 ON STARTUP*/
	.onSrtUp_wrap .type_box dl,
	.onSrtUp_wrap .recrui_box dl{padding: 36px; }

	.onSrtUp_wrap .recrui_box dd.subm{flex-direction: column; }
	.onSrtUp_wrap .recrui_box dd.subm .doct{width: 100%; }

	.onSrtUp_wrap .implem_numb dl{flex-direction: column; margin-bottom: 25px; }
	.onSrtUp_wrap .implem_numb dt{width: 100%; margin-bottom: 10px; }
	.onSrtUp_wrap .implem_numb dt br{display:none; }
	.onSrtUp_wrap .implem_numb dd{width: 100%; }
	
	/*대외 창업활동 OUT STARTUP*/
	.outSrtUp_wrap .item{display:flex; flex-direction: column; row-gap: 28px; }
	.outSrtUp_wrap .item .img_box{display:none; }
	.outSrtUp_wrap .item .txt_wrap{display:flex; flex-wrap: wrap;gap:40px 32px;}
	.outSrtUp_wrap .item .txt_wrap dl{width: calc(50% - 16px); margin-bottom:0; }
	.outSrtUp_wrap .item .txt_wrap dd,
	.outSrtUp_wrap .item .txt_wrap dt{margin-bottom:0; }
	.outSrtUp_wrap .item .txt_wrap dt, 
	.outSrtUp_wrap .item .txt_wrap p{font-size: 18px; color:#777; }
	.outSrtUp_wrap .item .txt_wrap p{width: calc(50% - 16px)}
	.outSrtUp_wrap .item .txt_wrap:has(p){gap: 28px 32px}
	
	/*학점교류 GRADCHANGE*/
	.gradChn_wrap .prcc_box ol li{padding:24px; }
	.gradChn_wrap .prcc_box ol li:before{margin-top:1px; margin-bottom: unset; }

}

@media screen and (min-width: 767px){
	/*주문식교육과정 CURRIC*/
	.curric_wrap .ptype_box .img_item .item{width: 20%; height: 500px;}
	.curric_wrap .ptype_box .img_item .item.on{width: 600px; transition: all 0.5s ease;}
	.curric_wrap .ptype_box .img_item:has(.item.on) .item:not(.on){width: calc((100% - 600px) / 4); transition: all 0.5s ease;}
	.curric_wrap .ptype_box .img_item .item:not(.on) .titl{position:absolute; bottom: 44px;}
	.curric_wrap .ptype_box .img_item .item.on .titl {opacity:0; transition: all 0s ease;}
	.curric_wrap .ptype_box .img_item .item.on .titl_on{opacity:1; }
	.curric_wrap .ptype_box .img_item .item.on .eng,
	.curric_wrap .ptype_box .img_item .item.on .subs{visibility: visible; opacity: 1; transition: all 0.5s ease; }
}

@media (min-width: 767px) and (max-width: 991px){
	/*주문식교육과정 CURRIC*/
	.curric_wrap .ptype_box .img_item .item.on{width: 50%;}
	.curric_wrap .ptype_box .img_item:has(.item.on) .item:not(.on){width: calc(50% / 4);}

}



/***************************************/
/***************************************
768px == 2제목사이즈 20px & 본문사이즈 16px & gap 20px
****************************************/
/***************************************/
@media screen and (max-width: 768px){
	
	.curric_wrap .purpose_box, 
	.excurs_wrap .purpose_box,
	.onSrtUp_wrap .purpose_box,
	.onSrtUp_wrap .type_box,
	.gradChn_wrap .purpose_box,
	.gradChn_wrap .methd_box,
	.gradChn_wrap .type_box,
	.gradChn_wrap .univ_box{padding-bottom: 40px; margin-bottom:40px;}

	/*주문식교육과정 CURRIC*/
	.curric_wrap .implem_numb dt,
	.curric_wrap .join_box ul li dt,
	.curric_wrap .ptype_box .img_item .item .titl_on,
	.curric_wrap .ptype_box .img_item .item .titl,
	.curric_wrap .implMethod_box dt{font-size: 20px; }

	.curric_wrap .implMethod_box dd,
	.curric_wrap .implem_box dl dd,
	.excurs_wrap .suprt_box ul li{font-size:16px;}

	.curric_wrap .implem_numb dl{margin-bottom: 20px; padding: 30px 36px; }
	.curric_wrap .implem_numb dl:last-child{margin-bottom: 0; }

	.curric_wrap .join_box ul{gap: 20px; }
	.curric_wrap .join_box ul li dd{width: 100%;font-size: 16px;padding:0;  }
	.curric_wrap .join_box ul li dd:not(:last-child){margin-bottom:4px; }
	.curric_wrap .join_box ul li dd:nth-child(even):after{display:none;}

	.curric_wrap .implem_box dl:not(:last-child){margin-bottom: 24px; }
	.curric_wrap .implem_box dl dt{font-size: 18px; }
	

	.curric_wrap .ptype_box .img_item{flex-direction: column;}
	.curric_wrap .ptype_box .img_item .item{width: 100%; height: 120px;}
	.curric_wrap .ptype_box .img_item .item:after{background: rgba(0,0,0,0.4)}
	.curric_wrap .ptype_box .img_item .item .txt{padding: 24px; justify-content:flex-start;flex-wrap: wrap; flex-direction: row; align-items:flex-start;align-content:space-around;}
	.curric_wrap .ptype_box .img_item .item .titl,
	.curric_wrap .ptype_box .img_item .item .titl_on{font-weight: 100; text-align: center; width: 100%; left:50%;}
	.curric_wrap .ptype_box .img_item .item .titl{writing-mode:unset; text-orientation: unset;font-weight: 100;opacity: 0; visibility: hidden;position:relative;top:0; transform: translate(-50%, 0) ; transition: all 0.2s ease; }
	.curric_wrap .ptype_box .img_item .item .titl_on{opacity:1; visibility:visible;position:absolute; top: 50%;  transform: translate(-50%, -50%);transition: all 0s ease;}
	
	.curric_wrap .ptype_box .img_item .item .eng, 
	.curric_wrap .ptype_box .img_item .item .subs{text-align: center; width: 100%;}
	.curric_wrap .ptype_box .img_item .item .eng{margin-top: -25px; }
	.curric_wrap .ptype_box .img_item .item .subs{ font-size: 16px;margin-top:0; }


	.curric_wrap .ptype_box .img_item .item.on{height:180px; }
	.curric_wrap .ptype_box .img_item .item.on .titl_on{opacity:0; visibility: hidden; transition: all 0.2s ease;}
	.curric_wrap .ptype_box .img_item .item.on .titl{opacity:1; visibility: visible; transition: all 0s ease;}
	.curric_wrap .ptype_box .img_item .item.on .txt{padding: 30px 34px; }
	.curric_wrap .ptype_box .img_item .item.on .eng,
	.curric_wrap .ptype_box .img_item .item.on .subs{position:relative;opacity:1; visibility:visible; }

	/*현장실습 EXCURS*/
	.excurs_wrap .overview_box .item dt{font-size: 20px}
	.excurs_wrap .overview_box .item dd,
	
	.excurs_wrap .overview_box .one1_box{gap: 20px;}
	.excurs_wrap .overview_box .item:nth-child(-n+2){width: calc(50% - 10px)}

	/*교내창업동아리 ON STARTUP*/
	.onSrtUp_wrap .type_box dt,
	.onSrtUp_wrap .implem_numb dt,
	.onSrtUp_wrap .prcss_box .item h5,
	.onSrtUp_wrap .prg_box .item dt,
	.onSrtUp_wrap .recrui_box dt{font-size: 20px}
	.onSrtUp_wrap .type_box dd,
	.onSrtUp_wrap .recrui_box dd{font-size: 16px; }

	.onSrtUp_wrap .type_box .one3_box,
	.onSrtUp_wrap .recrui_box .one1_box{gap: 20px; }

	.onSrtUp_wrap .type_box dl{width: calc(50% - 10px)}
	.onSrtUp_wrap .type_box dt{margin-bottom: 8px; }
	.onSrtUp_wrap .implem_numb dl{margin-bottom: 20px; padding: 30px 36px; }
	.onSrtUp_wrap .implem_numb dl:last-child{margin-bottom: 0; }

	.onSrtUp_wrap .recrui_box .one1_box{flex-wrap: wrap; }
	.onSrtUp_wrap .recrui_box dl:nth-child(-n + 2){width: calc(50% - 10px) }
	.onSrtUp_wrap .recrui_box dl:last-child{width:100%; }
	.onSrtUp_wrap .recrui_box dt{margin-bottom: 8px; }

	.onSrtUp_wrap .prcss_box .one1_box{flex-direction: column; }
	.onSrtUp_wrap .prcss_box .item{width: 100%;padding-top: 0;  padding-left: 56px; }
	.onSrtUp_wrap .prcss_box .item:before{width: 1px; height: 100%; top:0; left: 17px; }
	.onSrtUp_wrap .prcss_box .item i{top:0; }
	.onSrtUp_wrap .prcss_box .item h5{position: unset; margin-bottom:8px; }
	.onSrtUp_wrap .prcss_box .item h5 span{display:inline-block; margin-top:0; margin-left: 4px; }
	.onSrtUp_wrap .prcss_box .item ul{padding-left:0;  }
	.onSrtUp_wrap .prcss_box .item:not(:last-child){padding-bottom: 30px; }

	/*대외 창업활동 OUT STARTUP*/
	.outSrtUp_wrap .item .title{font-size: 20px; }
	.outSrtUp_wrap .item .txt_wrap{column-gap:20px}
	.outSrtUp_wrap .item .txt_wrap dl,
	.outSrtUp_wrap .item .txt_wrap p{width:calc(50% - 10px)}
	.outSrtUp_wrap .item .txt_wrap dt, 
	.outSrtUp_wrap .item .txt_wrap p{font-size: 17px;}


	/*학점교류 GRADCHANGE*/
	.gradChn_wrap .methd_box ul,
	.gradChn_wrap .type_box .one3_box{gap: 20px; }
	.gradChn_wrap .type_box .item dt{font-size: 20px}
	.gradChn_wrap .methd_box ul li,
	.gradChn_wrap .type_box .item dd,
	.gradChn_wrap .univ_box ol li,
	.gradChn_wrap .prcc_box ol li{font-size: 16px;}

	.gradChn_wrap .methd_box ul li{padding: 20px 32px; }
	.gradChn_wrap .type_box .item{padding: 32px; }
	.gradChn_wrap .univ_box ol{gap: 8px 12px}
	.gradChn_wrap .univ_box ol li{padding: 12px 24px;}
	.gradChn_wrap .prcc_box ol li{ width: calc(50% - 10px)}
	.gradChn_wrap .prcc_box ol li:before{align-items:flex-end; }
	



}

@media screen and (max-width: 575px){
	/*주문식교육과정 CURRIC*/
	.curric_wrap .implem_box dl dt span{display:flex; margin-bottom: 4px; font-size: 18px; height: 32px; width: 60px; padding-top: 3px; }
	.curric_wrap .implem_box dl dd{margin-left:0; }

	.curric_wrap .ptype_box .img_item .item.on{height: 150px;}
	/* .curric_wrap .ptype_box .img_item .item .txt{flex-direction: column; flex-wrap:nowrap;justify-content:center;  }
	.curric_wrap .ptype_box .img_item .item .eng{margin-left:0; }
	.curric_wrap .ptype_box .img_item .item .titl_on,
	.curric_wrap .ptype_box .img_item .item.on .titl_on,
	.curric_wrap .ptype_box .img_item .item.on .eng,
	.curric_wrap .ptype_box .img_item .item .subs{text-align:center; width: 100%;display:block; }
	.curric_wrap .ptype_box .img_item .item.on .txt{padding: 24px;} */
	
	.curric_wrap .ptype_box .img_item .item .eng{margin-top:-12px;}

	.curric_wrap .implem_numb dl:not(:last-child){margin-bottom: 20px;}
	.curric_wrap .join_box ul li dd:not(:last-child){margin-bottom: 6px; }
	.curric_wrap .one3_wrap .one3_box{flex-direction: column; row-gap: 20px;}
	.curric_wrap .implMethod_box dl{width: 100%; }

	/*현장실습 EXCURS*/
	.excurs_wrap .overview_box .item{width: 100%!important;padding: 20px 28px;}
	.excurs_wrap .overview_box .item dt{margin-bottom: 4px; }
	.excurs_wrap .overview_box .item ol li{width: 100%; }
	.excurs_wrap .prg_box .item{flex-direction:column; align-items:flex-start; }
	.excurs_wrap .prg_box .item dt{width: 100%; min-height: unset; padding: 28px 32px;}
	.excurs_wrap .prg_box .item dd{width: 100%; padding-left:0; padding-top:20px;}

	.excurs_wrap .suprt_box ul{gap: 10px; }
	.excurs_wrap .suprt_box ul li{width: 100%; }

	/*교내창업동아리 ON STARTUP*/
	.onSrtUp_wrap .type_box dl, 
	.onSrtUp_wrap .recrui_box dl{width: 100%; padding: 28px 32px}

	.onSrtUp_wrap .implem_numb dl:not(:last-child){margin-bottom: 20px;}

	.onSrtUp_wrap .prg_box .item{flex-direction: column; }
	.onSrtUp_wrap .prg_box .item dt,
	.onSrtUp_wrap .prg_box .item dd{width: 100%;}
	.onSrtUp_wrap .prg_box .item dt{min-height: unset!important; padding: 28px 32px; }
	.onSrtUp_wrap .prg_box .item dd{padding-left:0; padding-top:20px; }

	/*대외 창업활동 OUT STARTUP*/
	.outSrtUp_wrap .item{padding: 32px 38px}
	.outSrtUp_wrap .item .title{flex-direction: column; gap:0; line-height: 1.2; }
	.outSrtUp_wrap .item .title span{font-size: 14px; display:block;}
	.outSrtUp_wrap .item .txt_wrap{row-gap: 24px;}
	.outSrtUp_wrap .item .txt_wrap dl,
	.outSrtUp_wrap .item .txt_wrap p{width: 100%; }

	/*학점교류 GRADCHANGE*/
	.gradChn_wrap .methd_box ul, 
	.gradChn_wrap .type_box .one3_box,
	.gradChn_wrap .prcc_box ol{gap:12px;  }
	.gradChn_wrap .methd_box ul li,
	.gradChn_wrap .type_box .item,
	.gradChn_wrap .prcc_box ol li{width: 100%; }

}


@media screen and (max-width: 425px){
	/*교내창업동아리 ON STARTUP*/
	.onSrtUp_wrap .recrui_box dl{width: 100%!important; }
}