@charset "utf-8";

/*
* {font-family:'pretended', 'Noto Sans KR', sans-serif;box-sizing:border-box;}
body {margin:0;padding:0;background:#f5f5f5;overflow:hidden;}
*/

/* .slide-container {width:1280px;height:720px;position:relative;overflow:hidden;margin:30px auto auto;} */
/* .slide-container {width:1280px;min-height:500px;position:relative;overflow:hidden;margin:30px auto;} */
.slide-container {width:1280px;position:relative;overflow:hidden;margin:30px auto;}

/* .header-bar {background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);} */
.header-bar {background:linear-gradient(90deg, #4e5e78 0%, #5f7394 100%);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}
.logo-text {font-size:24px;font-weight:700;color:white;display:flex;align-items:center;gap:10px;}
.logo-icon {width:40px;height:40px;background:#ffc107;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1a1a2e;}
.header-right {display:flex;align-items:center;gap:20px;color:#ffc107;font-size:0.875rem;}

.main-content {padding:1.5rem 1.5rem;display:flex;flex-direction:column;height:calc(100% - 70px);background:#f8f5f0;}
.main-content .page-title {font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.main-content .page-subtitle {font-size:0.9375em;color:#444;margin-bottom:1rem;}

.process-container {display:flex;justify-content:space-between;align-items:flex-start;gap:15px;position:relative;}
.process-container .step-card {flex:1;background:white;border-radius:12px;border:1px solid #ccc;padding:1rem;position:relative;transition:all 0.3s ease;min-height:378px;display:flex;flex-direction:column;}
.process-container .step-card:hover {border-color:#ffc107;box-shadow:0 4px 15px rgba(255, 215, 0, 0.2);}
.process-container .step-card .step-number {width:36px;height:36px;background:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;margin-bottom:12px;position:relative;z-index:2;}
.process-container .step-card .step-number.bg-none {background:#f1f1f1;color:#000;}
.process-container .step-card .step-title {font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:8px;line-height:1.3;margin-top:1rem;}
.process-container .step-card .step-desc {font-size:13px;color:#444;line-height:1.45;flex:1;}
.process-container .step-card .step-icon {font-size:24px;color:#ffc107;margin-bottom:10px;text-align:center;}
.process-container .step-card .status-badge {display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-top:8px;align-self:flex-end;}
/* .process-container .step-card .status-complete {background:#e8f5e9;color:#2e7d32;}
.process-container .step-card .status-pending {background:#fff3e0;color:#ef6c00;} */
.process-container .step-card .status-complete {background:#f1f1f1;}
.process-container .step-card .status-pending {background:#ffc107;color:#fff;}

.footer-info {margin-top:18px;padding:12px 20px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:0.9375rem;}
.footer-info .footer-left {display:flex;align-items:center;gap:20px;}
.footer-info .footer-item {display:flex;align-items:center;gap:6px;}
.footer-info .footer-icon {color:#ffc107;}

.process-detail {background:#f8f9fa;border-radius:8px;padding:10px;margin-top:10px;}
.process-detail .detail-item {display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:12px;color:#444;}
.process-detail .detail-item:last-child {margin-bottom:0;}
.process-detail .detail-icon {color:#ffc107;margin-top:2px;flex:0 0 auto;}
.process-detail .detail-text {flex:1;line-height:1.35;}

.website-info {display:flex;align-items:center;gap:8px;color:#1a1a2e;font-weight:500;}
.website-info i {color:#ffc107;}