.col01{color:#FF9600;}
.heading-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px;padding:0 20px;margin-bottom:80px;background:url(/_res/postech/csepostech/img/content/alumni_head_bg.png) no-repeat 50% 50%;border-radius:24px;text-align:center;}
.heading-wrap .head-desc{color:#fff;font-size:28px;font-weight:600;letter-spacing:-0.56px;}
.heading-wrap .head-tit{margin-top:5px;color:#FF9C0F;font-size:50px;font-weight:800;letter-spacing:-1px;}

.info-box ul{display:flex;gap:13px;}
.info-box li{display:flex;align-items:center;width:calc((100% - 26px) / 3);padding:30px 40px 35px;border-radius:20px;background:#FAF9F7;}
.info-box_txt strong{display:inline-block;padding-left:30px;color:#4D4D3D;font-size:18px;font-weight:600;letter-spacing:-0.36px;}
.info-box_txt p{margin-top:20px;color:#111;font-size:18px;font-weight:600;letter-spacing:-0.36px;}
.info-box_txt a{display:inline-flex;align-items:center;color:#353533;text-decoration:none;}

.link_btn a[target] span::after{content:'\f061';display:inline-block;margin-left:9px;margin-top:-3px;margin-right:-3px;font-family:'Line Awesome Free';font-size:17px;font-weight:400;transform:rotate(-45deg);vertical-align:middle;}
a.link-btn.link04{display:inline-block;position:relative;padding:14.7px 80px 14.7px 20px;border:0;font-size:16px;font-weight:700;line-height:24px;border-radius:10px;background:#FF9600;color:#fff;}
a.link-btn.link04::after{content:'';display:inline-block;width:32px;height:32px;vertical-align:text-bottom;right:10px;top:50%;transform:translateY(-50%) rotate(-45deg);position:absolute;background:#fff url(/_res/postech/csepostech/img/common/ico-map-right.png);background-repeat:no-repeat;background-position:center;border-radius:50%;background-size:22px;}
.info-box_txt p.link_btn a{text-decoration:underline;}
.info-box_txt p.link_btn a::after{text-decoration:none;}

li.ico-time strong{background:url(/_res/postech/csepostech/img/ico_time.png) no-repeat 0 50%;}
li.ico-place strong{background:url(/_res/postech/csepostech/img/content/ico-adress.png) no-repeat 0 50%;}
li.ico-person strong{background:url(/_res/postech/csepostech/img/ico_user.png) no-repeat 0 50%;}
.link_btn a{text-decoration:none;}
.link_btn a span{text-decoration:underline;}
.ico-blank{display:inline-block;width:14px;height:14px;margin-left:4px;background:url('/img/common/ico-blank.svg') no-repeat center / contain;}

.timeline-step{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:60px;}
.timeline-step li{position:relative;flex:1;text-align:center;cursor:pointer;}
.timeline-step li::before{content:'';position:absolute;top:14px;left:-50%;width:100%;border-top:1px dashed #d6d6d6;}
.timeline-step li:first-child::before{display:none;}
.timeline-step .num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:15px;border-radius:50%;background:#c9c9c9;color:#fff;font-size:15px;font-weight:600;transition:.3s ease;}
.timeline-step p{color:#c2c2c2;font-size:16px;font-weight:700;letter-spacing:-0.32px;transition:.3s ease;}
.timeline-step li.active .num{background:#FF9600;}
.timeline-step li.active p{color:#FF9600;}
.timeline-card-list li:hover .time-badge, .timeline-card-list li.active .time-badge { background: #ff9600; color: #fff;}

.timeline-card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:0;padding:0;list-style:none;}
.timeline-card-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:35px 20px;border:1px solid #E5E5E5;border-radius:20px;background:#fff;transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;}
.timeline-card-list li:nth-child(n+5){transform:translateX(50%);}
.timeline-card-list li:hover, .timeline-card-list li.active{border-color:#FF9600;box-shadow:0 15px 35px rgba(0,0,0,.08);}
.timeline-card-list li:hover{transform:translateY(-8px);}
.timeline-card-list li:nth-child(n+5):hover{transform:translateX(50%) translateY(-8px);}
.timeline-card-list .time-badge{padding:6px 10px;border-radius:5px; background: rgba(238, 238, 238, 0.60);  color: #999999;font-size:16px;font-weight:600;letter-spacing:-0.32px;}
.timeline-card-list .ico-event{display:block;width:50px;height:50px;margin:40px 0;background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .35s ease;}

.ico01{background-image:url('/_res/postech/csepostech/img/content/event_step01.png');}
.ico02{background-image:url('/_res/postech/csepostech/img/content/event_step02.png');}
.ico03{background-image:url('/_res/postech/csepostech/img/content/event_step03.png');}
.ico04{background-image:url('/_res/postech/csepostech/img/content/event_step04.png');}
.ico05{background-image:url('/_res/postech/csepostech/img/content/event_step05.png');}
.ico06{background-image:url('/_res/postech/csepostech/img/content/event_step06.png');}
.ico07{background-image:url('/_res/postech/csepostech/img/content/event_step07.png');}

.timeline-card-list li:hover .ico01, .timeline-card-list li.active .ico01{background-image:url('/_res/postech/csepostech/img/content/event_step01_hover.png');}
.timeline-card-list li:hover .ico02, .timeline-card-list li.active .ico02{background-image:url('/_res/postech/csepostech/img/content/event_step02_hover.png');}
.timeline-card-list li:hover .ico03, .timeline-card-list li.active .ico03{background-image:url('/_res/postech/csepostech/img/content/event_step03_hover.png');}
.timeline-card-list li:hover .ico04, .timeline-card-list li.active .ico04{background-image:url('/_res/postech/csepostech/img/content/event_step04_hover.png');}
.timeline-card-list li:hover .ico05, .timeline-card-list li.active .ico05{background-image:url('/_res/postech/csepostech/img/content/event_step05_hover.png');}
.timeline-card-list li:hover .ico06, .timeline-card-list li.active .ico06{background-image:url('/_res/postech/csepostech/img/content/event_step06_hover.png');}
.timeline-card-list li:hover .ico07, .timeline-card-list li.active .ico07{background-image:url('/_res/postech/csepostech/img/content/event_step07_hover.png');}
.timeline-card-list li:hover .ico-event, .timeline-card-list li.active .ico-event{transform:scale(1.08);}

.card-txt{min-height:60px;text-align:center;}
.timeline-card-list strong{display:block;color:#111;font-size:22px;font-weight:600;line-height:135%;letter-spacing:-0.44px;}
.timeline-card-list .desc{display:block;margin-top:8px;color:#999;font-size:16px;font-weight:500;line-height:135%;letter-spacing:-0.32px;}
.timeline-card-list li:hover .desc, .timeline-card-list li.active .desc{color:#FF9600;}
.timeline-card-list li:hover strong, .timeline-card-list li.active strong{color:#FF9600;}

/* 참가 신청 안내 */
p.duedate{color:#666;font-size:16px;font-weight:600;line-height:26px;letter-spacing:-0.42px;}
.apply-step{position:relative;padding:0 0 0 75px;}
.apply-step::before{content:'';position:absolute;top:20px;bottom:20px;left:19px;width:0;border-left:1px dashed #FF9600;}
.apply-step li{position:relative;padding:30px 40px;border:1px solid #E4E4E4;border-radius:8px;}
.apply-step li + li{margin-top:10px;}
.apply-step .step-num{position:absolute;top:50%;left:-85px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#FF9600;color:#fff;font-size:18px;font-weight:700;letter-spacing:-0.72px;transform:translateY(-50%);}
.apply-step .step-txt strong{display:inline-block;margin-bottom:10px;color:#222;font-size:22px;font-weight:700;line-height:30px;letter-spacing:-0.88px;}
/*.apply-step .step-txt p{color:#666;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.32px;}*/

/* CTA */
.cta-box{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:33px 40px;border-radius:12px;background:#F6F5F1;}
.cta-box p{color:#111;font-size:22px;font-weight:800;line-height:140%;letter-spacing:-0.22px;}
.cta-box .cta-p{color:#222;font-size:18px;font-weight:700;letter-spacing:-0.36px;}

/* 참가비 운영 및 예우 */
.benefit-list{display:flex;align-items:center;justify-content:center;}
.benefit-list li{position:relative;display:flex;align-items:center;gap:30px;flex:1;padding:0 60px;text-align:center;}
.benefit-list li + li::before{content:"";position:absolute;top:50%;left:0;width:1px;height:50px;background:#D9D9D9;transform:translateY(-50%);}
.benefit-list .ico{flex-shrink:0;width:130px;height:130px;}
.benefit-list .ico img{width:100%;height:100%;object-fit:contain;}
.benefit-list p{color:#222;font-size:20px;font-weight:600;line-height:130%;letter-spacing:-0.8px;text-align:left;}

/* 행사 후원 모집 */
ul.ul-type03 li{color:#666;font-size:16px;font-weight:600;line-height:26px;letter-spacing:-0.42px;}
.table tbody td{padding:10px;}
.table-wrap{margin-top:25px;}
.sponsor-table tbody tr:first-child th[rowspan]{border-top:0;border-right:1.5px solid #666;border-bottom:1px solid #666;}
.table tbody tr td.none_bg{background:#f9f9f9;border-bottom:0;}
p.mark-p.ta-r{margin-top:15px;text-align:right;}
.mark-p.ta-r::before{display:none;}
.table tbody td span{color:#94795F;}

/* 후원 동문 & 기업 */

.sponsor-logo ul{display:grid;grid-template-columns:repeat(6,1fr);gap: 15px;}
.sponsor-logo li{display:flex;align-items:center;justify-content:center;height: 70px;border:1px solid #E5E5E5;border-radius:12px;background:#F8F8F8;}
.sponsor-logo li span{color:#999;font-size:16px;font-weight:600;letter-spacing:-0.3px;}
/* =========================
   반응형 1024
========================= */
@media screen and (max-width:1024px){

.heading-wrap{height:260px;margin-bottom:60px;border-radius:18px;}
.heading-wrap .head-desc{font-size:22px;}
.heading-wrap .head-tit{font-size:38px;}

.info-box ul{flex-direction:column;gap:12px;}
.info-box li{width:100%;padding:25px 30px;}
.benefit-list .ico {flex-shrink: 0;  width: 90px; height: 90px;}
	
.timeline-step{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 0;margin-bottom:40px;}
.timeline-step li{position:relative;min-width:0;flex:none;text-align:center;}
.timeline-step li::before{content:'';position:absolute;top:14px;left:-50%;width:100%;border-top:1px dashed #d6d6d6;}
.timeline-step li:nth-child(1)::before,.timeline-step li:nth-child(5)::before{display:none;}
.timeline-step .num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center; width: 28px;height: 28px;margin-bottom: 15px;border-radius: 50%; background: #c9c9c9; color: #fff;font-size: 14px;font-weight:600;}
.timeline-step p{margin:0;color:#c2c2c2;font-size:13px;font-weight:700;line-height:1.4;}
.timeline-step li.active .num{background:#FF9600;}
.timeline-step li.active p{color:#FF9600;}
.timeline-step li:nth-child(5){grid-column:1;}
.timeline-step li:nth-child(6){grid-column:2;}
.timeline-step li:nth-child(7){grid-column:3;}
	
.timeline-card-list{grid-template-columns:repeat(2,1fr);}
.timeline-card-list li,.timeline-card-list li:nth-child(n+5){transform:none;}
.timeline-card-list li:hover,.timeline-card-list li:nth-child(n+5):hover{transform:translateY(-6px);}

.benefit-list{flex-direction:column;gap:30px;align-items:flex-start;}
.benefit-list li{width:100%;padding:0;justify-content:flex-start;}
.benefit-list li+li::before{display:none;}

.cta-box{padding:28px 30px;}

.table-wrap.scrollbox{overflow-x:auto;}
.sponsor-table{min-width:760px;}
.sponsor-logo ul{grid-template-columns:repeat(2,1fr);gap:16px;}
.sponsor-logo li{height:80px;padding:15px;}
.sponsor-logo li img{max-height:55px;}
/*.timeline-card-list > li { scroll-margin-top: 110px;}		*/
}


/* =========================
   반응형 760
========================= */
@media screen and (max-width:760px){
.heading-wrap{height:220px;padding:0 18px;margin-bottom:45px;border-radius:14px;background-size:cover;}
.heading-wrap .head-desc{font-size:17px;line-height:1.4;}
.heading-wrap .head-tit{font-size:28px;line-height:1.2;}

.info-box li{padding:22px 20px;border-radius:14px;}
.info-box_txt strong{font-size:15px;}
.info-box_txt p{margin-top:12px;font-size:15px;line-height:1.5;}


.timeline-card-list{grid-template-columns:1fr;gap:12px;}
.timeline-card-list li{min-height:auto;padding:28px 18px;border-radius:14px;}
.timeline-card-list .time-badge{font-size:13px;}
.timeline-card-list .ico-event{width:42px;height:42px;margin:25px 0;}
.timeline-card-list strong{font-size:18px;}
.timeline-card-list .desc{font-size:14px;}

.apply-step{padding-left:48px;}
.apply-step::before{left:14px;}
.apply-step li{padding:22px 18px;}
.apply-step .step-num{left:-58px;width:48px;height:48px;font-size:14px;}
.apply-step .step-txt strong{font-size:18px;line-height:1.4;}
.apply-step .step-txt p{font-size:14px;line-height:1.6;}

.cta-box{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px;}
.cta-box p{font-size:17px;}
a.link-btn.link04{width:100%;padding:13px 60px 13px 18px;font-size:14px;text-align:left;}

.benefit-list{gap:24px;}
.benefit-list li{gap:18px;}
.benefit-list .ico{width:80px;height:80px;}
.benefit-list p{font-size:16px;}

ul.ul-type03 li,p.duedate{font-size:14px;line-height:1.6;}
.sponsor-table{min-width:720px;}
p.mark-p.ta-r{text-align:left;font-size:13px;line-height:1.5;}
.sponsor-logo-box{min-height:120px;}
.sponsor-logo ul { grid-template-columns: repeat(2, 1fr); gap: 16px;}

	
}