@charset "utf-8";

/*공통*/
.eccC *{box-sizing:border-box;}


/*탭메뉴*/
.c-tab01 ~ .eccC:has(.c-tit01){padding-top: 80px }

.eccC .implem_numb dd img {border-radius: 10px; margin-bottom: 20px;}
.eccC .implem_numb .c-list-dotted.flex {display: flex; flex-wrap: wrap;}
.eccC .implem_numb .c-list-dotted.flex li {width: 50%;}


@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; }
}


.curric_wrap .img_box{width: 100%; height: 350px; border-radius: 30px; overflow: hidden;margin-bottom: 70px;  }
.curric_wrap .img_box img{width: 100%; height: 100%; object-fit:cover; }

@media screen and (max-width: 991px){
    .curric_wrap .img_box{height: 300px; }
}

@media screen and (max-width: 575px){
    .curric_wrap .img_box{height: 260px; }
}



/*프로그램 신청*/
/* 검색 - searchCont_wrap */
.searchCont_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
    padding: 25px 35px;
    border-radius: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
    }
    
    .searchInfo {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #333;
    }
    
    .searchInfo .label::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #ddd;
    margin: 0 15px;
    }
    
    .searchInfo .count {
    color: #465DAC;
    font-style: normal;
    }
    
    .searchForm {
    display: flex;
    }
    
    .searchSelect,
    .searchInput {
    height: 35px;
    padding: 0 12px 0 8px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    vertical-align: middle;
    border: none;
    }
    
    .searchSelect {
    width: 95px;
    cursor: pointer;
    margin-right: 5px;
    min-width: auto;
    }
    
    .searchInput {
    width: 180px;
    margin-right: 8px;
    }
    
    .searchBtn {
    height: 35px;
    background-color: #fff;
    border: 1px solid #333;
    padding: 5px 14px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    color: #333;
    transition: all 0.2s;
    }
    
    .searchBtn:hover {
    background: #333;
    color: #fff;
    }
    
    
    /* 안내 박스 - topGuide */
    .topGuide_wrap {
    border: 1px solid #04816C;
    border-radius: 15px;
    padding: 50px 50px 35px;
    margin-bottom:40px;
    }
    
    .guideTitle {
    font-size: 24px;
    font-weight: 700;
    color: #04816C;
    margin-bottom: 20px;
    font-family: 'paperoz';
    }
    
    .guideTxt {
    font-size: 17px;
    line-height: 1.6;
    color: #555;
    word-break: keep-all;
    margin-bottom: 15px
    }
    
    .guideList .listItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 17px
    }
    
    .guideList .listItem .label {
    color: #04816C;
    font-weight: 700;
    margin-right: 10px;
    min-width: 40px;
    position: relative;
    }
    
    .guideList .listItem .label::before {
    content: '•';
    margin-right: 10px;
    }
    
    .guideList .listItem .value {
    color: #555;
    font-weight: 600;
    }
    
    
    /* 상태 및 관리 */
    .prgStatus {
    width: 60px;
    padding: 7px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    display: inline-block;
    }
    
    .ing, .accept {
    color: #fff;
    background-color: #465DAC;
    }
    
    .closed, .canceled {
    background-color: #F0F0F0;
    }
    
    .completed { 
    color: #fff;
    background-color: #04816C; 
    }
    
    
    .btnTxt {
    background: #fff;
    border: 1px solid #333;
    padding: 5px 14px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    color: #333;
    font-weight: 500;
    transition: all 0.2s;
    }
    
    .btnTxt:hover {
    background: #333;
    color: #fff;
    }
    
    .btn-icon {
    background-color: #fff;
    border: 1px solid #333;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0;
    /*font-size: 14px;*/
    color: #333;
    min-width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    }
    
    .btn-icon.modify {
    background-image:url(/resources/homepage/nb/_Img/modify.png);
    background-position: center ;
    background-repeat: no-repeat;
    }
    
    .btn-icon.delete {
    background-image:url(/resources/homepage/nb/_Img/delete.png);
    background-position: center ;
    background-repeat: no-repeat;
    }
    
    .btn-icon:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
    }
    
    .btn-icon.modify:hover {
    background-image:url(/resources/homepage/nb/_Img/modify_over.png);
    }
    
    .btn-icon.delete:hover {
    background-image:url(/resources/homepage/nb/_Img/delete_over.png);
    }
    
    
    /* 페이징 */
    .prgPaging_wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    }
    
    .pageList {
    display: flex;
    align-items: center;
    gap: 5px;
    }
    
    .page-nav, .page-num {
    min-width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F0;
    text-decoration: none;
    color: #666;
    border-radius: 4px;
    font-size: 12px;
    transition: 0.2s;
    padding: 0 8px;
    }
    
    .page-num {
    position: relative;
    background-color: transparent;
    color: #666;
    font-weight: 500;
    }
    
    .page-num.active {
    background: #fff;
    border: 1px solid #333;
    color: #333;
    font-weight: bold;
    }
    
    .page-num:hover:not(.active) {
    background-color: #e0e0e0;
    }
    
    .page-nav:hover {
    background-color: #333;
    color: #fff;
    }
    
    .page-nav::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    }
    
    /* 페이징 모양 */
    .page-nav.first { position: relative; }
    .page-nav.first::before { transform: rotate(-135deg); margin-left: 8px; }
    .page-nav.first::after { content: ''; position: absolute; left: 12px; width: 1px; height: 14px; background-color: #333;}
    .page-nav.prev::before { transform: rotate(-135deg); margin-left: 4px; }
    .page-nav.next::before { transform: rotate(45deg); margin-right: 4px; }
    .page-nav.last { position: relative; }
    .page-nav.last::before { transform: rotate(45deg); margin-right: 8px; }
    .page-nav.last::after { content: ''; position: absolute; right: 12px; width: 1px; height: 14px; background-color: #333;}
    .page-nav:hover::before{ border-color: #fff; }
    .page-nav:hover::after{ background: #fff; }
    
    
    
    /* 프로그램리스트 - programList */
    .programList_wrap {margin-bottom:50px;}
    
    /* 스크린 리더 전용 텍스트 */
    .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
    
    .programList {width: 100%;overflow-x: auto;}
    .prgList-table {width: 100%;border-collapse: collapse;min-width: 900px;}
    .prgList-table thead th {background-color: #343996;color: #fff;padding: 25px 10px;font-weight: 700;font-size: 17px;}
    .prgList-table thead th:first-child {width:60px;border-radius: 15px 0 0 15px;padding-left:20px;}
    .prgList-table thead th:last-child {border-radius: 0 15px 15px 0;padding-right:20px;}
    .prgList-table td {padding: 10px 15px;border-bottom: 1px solid #ddd;text-align: center;font-size: 17px;color: #555;transition: 0.2s;}
    .prgList-table td:first-child {width:60px;padding-left:20px;}
    .prgList-table td:last-child {padding-right:20px;}
    .prgTitle {font-weight: 780;}
    .prgTitle a:hover {color: #04816C;}
    .prgList-table tr:hover {background-color: #f0f1f8;}
    
    
    /* 개별 맞춤 */
    .teacher .prgSummury {width:200px; }
    .teacher .prgCapacity {width:80px; }
    .teacher .prgLocation {width:140px; }
    
    
    /* 강사현황 - teacherList */
    .teacherList_warp  {  margin-bottom: 50px;}
    
    .teacherList {display: flex;flex-wrap: wrap;gap: 24px;margin-top: 20px;}
    .profileBox {background: #fff;border: 1px solid #ccc;border-radius: 15px;padding: 25px;transition: transform 0.2s; /* PC: 3열 */min-width: 300px;width: calc(33.333% - 16px);box-sizing: border-box;}
    .profileBox:hover { transform: translateY(-5px); background: #f0f1f8;}
    .boxTop { display: flex; justify-content: space-between; align-items: center; padding:10px 20px 5px 35px;background-color: #FBFBFB;border-radius: 15px 15px 0 0;}
    .teacherName { font-size: 22px; font-weight: 700; color: #333; }
    .teacherImg { width: 65px; height: 65px; border-radius: 50%;background-color: #fff;}
    .teacherImg img { width: 100%; border-radius: 50%;height: 100%; object-fit: cover; }
    .boxCont { padding: 30px 35px; }
    .contList { display: flex; font-size: 17px;flex-wrap: wrap;}
    
    .contList .listItem {display: flex;align-items: center;flex-basis: 50%;margin-bottom:15px}
    .contList .listItem .label { color: #343996; font-weight: 700; margin-right: 10px;min-width: 40px;}
    .contList .listItem .value {color: #555;font-weight: 600;}
    
    .countInfo {display: flex;align-items: center;justify-content: space-between;background: #F5F5F5;border-radius: 15px;margin-top: 15px;overflow: hidden;}
    .profileBox:hover .countInfo { background: #fff;}
    .countTxt {padding:19px 30px;font-size: 17px;font-weight: 700;color:#555;}
    .txtBlue {color: #465DAC;margin-right:10px;}
    .btnSearch {width: 60px;height: 55px;background: #343996;border: 1px solid #333;color: #fff;font-size: 0;cursor: pointer;transition: background 0.2s;border-radius: 15px;position: relative;}
    .btnSearch:hover { background: #04816C; }
    .btnSearch:focus {outline: 2px solid #009688;outline-offset: -2px;}
    .btnSearch .blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;}
    .btnSearch:after {content:'';display: block;width:15px;height: 15px;background: url('/resources/homepage/nb/_Img/ico_search.png') no-repeat center center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    
    
    /* 프로그램 상세 - prgDetail_wrap */
    .prgDetail_wrap {margin-bottom: 50px;}
    
    .detailCont {
      margin-bottom:30px;
    }
    .detailTop {
    display: flex;
    gap: 50px;
    background-color: #F0F0F0; /* 배경 회색 */
    padding: 50px;
    border-radius: 15px;
    margin-bottom: 50px;
    }
    
    .thumbImg {
    flex: 0 0 35%;
    border-radius: 10px;
    overflow: hidden; aspect-ratio: 3/2;
    }
    
    .thumbImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    
    .infoCard {
    flex: 1;
    background-color: #fff;
    border-radius: 10px;
    padding: 45px 45px 30px;
    position: relative;
    }
    
    .statusLine {
    display: inline-block;
    border: 1px solid #465DAC;
    color: #4a6cc3;
    min-width: 60px;
    padding: 7px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    }
    
    .detailTitle {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding-bottom:20px;
    word-break: keep-all;
    border-bottom: 1px solid #ddd;
    margin:0 0 25px;
    }
    
    .infoList {
    display: flex;
    margin:0 0 15px;
    font-size:17px;
    }
    
    .infoList dt {
    width: 80px;
    color: #04816C;
    font-weight: 700;
    }
    
    .infoList dd {
    margin: 0;
    color: #555;
    }
    
    .tableType {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;    
    border-top: 2px solid #333;
    border-bottom:1px solid #333;
    }
    
    .tableType thead th, .tableType thead td {
    border-bottom:1px solid #ddd;
    }
    
    .tableType th, .tableType td {
    padding: 15px 20px;
    text-align: center;
    font-size: 17px;
    word-wrap: break-word;
    border-top:1px solid #ddd;
    }
    
    .tableType th {
    background-color: #FBFBFB;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    border-right: 1px solid #ddd;
    }
    
    .tableType td {
    color: #555;
    }
    
    .tableType tbody tr:first-child th, .tableType tbody tr:first-child td {
    border-top:0;
    }
    
    table.byRow {
    border-collapse: separate;
    border-spacing: 0;
    }
    
    .byRow th, .byRow td {
    text-align: left;
    }
    
    .btnGroup {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
    }
    
    .btn {
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s;
    }
    
    .btnGroup .btnBlue  {
    background-color: #465DAC;
    color: #fff;
    border: 1px solid #333;
    }
    
    .btnGroup .btnBlue:hover {
    background-color: #193aa5;
    color:#fff;
    }
    
    .btnBlue {
    background-color: #465DAC;
    color: #fff;
    border: 1px solid #333;
    }
    
    .btnBlue:hover {
    background-color: #193aa5;
    color:#fff;
    }
    
    .btnLine {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    }
    .btnLine:hover {
    background-color: #333;
    color:#fff;
    }