@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
body {min-height: 100vh;display: flex;flex-direction: column;background-color: #f2f5fa;}

/* header */
.header { padding:4.5rem 0;background-color: transparent;z-index: 2;}
.header-inner { display:flex; justify-content:space-between; align-items:center; }
.header-title { font-family: 'NanumSquare', sans-serif;font-size:3rem; font-weight:800; color:#000; }
.header-logo { display:flex; align-items:center; }
@media (max-width:768px){
	.header { padding:1.5rem 0; }
	.header-title { font-size:2rem; }
    .header-logo img { width: 14rem; }
}

#session-monitor {display: flex;align-items: center;background: #fff;border: 1px solid #ddd;padding: 0.6rem 1.5rem;padding-right: 0.6rem;border-radius: 2rem;gap: 0.5rem;position: relative;width: fit-content;margin: 0 auto 2rem;margin-right: 0;}
#session-dot {width: 0.8rem;height: 0.8rem;background: #52c41a;border-radius: 50%;transition: background 0.3s;}
.session-text {font-size: 1.3rem;color: #666;font-weight: 500;display: flex;align-items: center;}
#timer-display {margin-left: 0.5rem;font-weight: 700;color: #2c96ff;width: 3.8rem;}
.session-btn {border: 1px solid #ccc;background: #fff;font-size: 1.2rem;padding: 0.2rem 1rem;border-radius: 1.5rem;cursor: pointer;transition: all 0.2s ease;}
.session-btn:hover {background: #f0f0f0;}
.warning {color: #ff9800 !important;}
.danger {color: #e53935 !important;animation: blink 1s infinite;}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

#session-alert {position: fixed;bottom: 4rem;left: 50%;transform: translateX(-50%);background: #fdf5f5;border: 1px solid #fdf5f5;padding: 1.2rem 2rem;border-radius: 0.5rem;font-size: 1.3rem;display: none;z-index: 9999;box-shadow: 0 4px 10px rgba(0,0,0,0.1);display: none;align-items: center;gap: 1rem;font-weight: 500;width: max-content;}

/* ===== ¸ð¹ÙÀÏ Ãà¼ÒÇü ===== */
@media (max-width: 768px) {
    .session-text .label {display: none;}
    #session-monitor.collapsed .session-btn {display: none;}
    #session-monitor.collapsed {cursor: pointer;margin: 0 auto 1rem;margin-right: 0;}
}

/* footer */
.footer { margin-top: auto;padding:4rem 0; text-align:center; color:#666; font-size:1.2rem; border-top: 1px solid #ddd;background: #fff;}
.footer-info {margin-bottom: 1rem;font-size: 1.6rem;color: #666;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 1rem; }
.footer-info b {font-size: 2rem;color: #000;font-weight: 700;}
.footer-info span {font-size: 1.4rem;font-weight: 100;color: #666;}
.footer-links {margin: 2rem 0 3rem;font-size: 1.5rem;display: flex;gap: 2rem;align-items: center;justify-content: center;color: #444;font-weight: 400;transition: all 0.3s ease; }
.footer-links a:hover { text-decoration:underline; }
.footer-copyright {font-size: 1.4rem;color: #888; }

/* container */
.container {padding-bottom: 10rem;background-color:#f2f5fa;}

@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){
    .container {padding-bottom: 6rem;padding-top: 0rem;}
}

@media (max-width:560px){}
@media (max-width:480px){}
@media (max-width:360px){}

/*intro*/
.intro.card {width: 1200px;margin: 0 auto; margin-top: auto;opacity: 0.9;}
.intro.card .intro-title {font-size: 4rem;font-weight: 300;line-height: 1.2;margin-bottom: 2rem;}
.intro.card .intro-title b { font-weight:800;}
.intro.card .intro-sub {font-size:1.8rem;line-height: 1.7;font-weight: 600;color: #000;letter-spacing: 0;}
.intro.card .intro-sub b {font-weight: 700;}
.intro.wrapper {position: relative;z-index: 1;}
.intro.wrapper::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 93vh;background: url('/vtImage/intro_260220.png') no-repeat center top;background-size: cover;z-index: -1;}

@media (max-width:1240px){
    .intro.card {width: 100%;}
}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){
    .intro.wrapper::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: auto;background: url('/vtImage/intro_260220.png') no-repeat center top;background-size: cover;z-index: -1;}
	.intro.card { padding:4.5rem;margin-top: 3rem; }
}
@media (max-width:560px){
    .intro.card .intro-title {font-size: 3rem;margin-bottom: 2rem;}

}
@media (max-width:480px){}
@media (max-width:360px){}

/* card */
.card {font-family: 'Pretendard'; background: #fff;border-radius: 5rem;padding: 11.5rem 14rem 13rem;box-shadow: 0px 0px 19px 2px rgb(31, 37, 45, 0.10); }
.card.bs-none {box-shadow: none; padding-top: 4rem;padding-bottom: 4rem;}
/* padding-top */
.pt0 { padding-top:0; }
.pt5 { padding-top:0.5rem; }
.pt10 { padding-top:1rem; }
.pt15 { padding-top:1.5rem; }
.pt20 { padding-top:2rem; }
.pt25 { padding-top:2.5rem; }
.pt30 { padding-top:3rem; }
.pt35 { padding-top:3.5rem; }
.pt40 { padding-top:4rem; }
.pt45 { padding-top:4.5rem; }
.pt50 { padding-top:5rem; }
.pt55 { padding-top:5.5rem; }
.pt60 { padding-top:6rem; }
.pt65 { padding-top:6.5rem; }
.pt70 { padding-top:7rem; }
.pt75 { padding-top:7.5rem; }
.pt80 { padding-top:8rem; }
.pt85 { padding-top:8.5rem; }
.pt90 { padding-top:9rem; }
.pt95 { padding-top:9.5rem; }
.pt100 { padding-top:10rem; }
.pt105 { padding-top:10.5rem; }
.pt110 { padding-top:11rem; }
.pt115 { padding-top:11.5rem; }
.pt120 { padding-top:12rem; }
.pt125 { padding-top:12.5rem; }
.pt130 { padding-top:13rem; }
.pt135 { padding-top:13.5rem; }
.pt140 { padding-top:14rem; }
.pt145 { padding-top:14.5rem; }
.pt150 { padding-top:15rem; }

/* padding-bottom */
.pb0 { padding-bottom:0; }
.pb5 { padding-bottom:0.5rem; }
.pb10 { padding-bottom:1rem; }
.pb15 { padding-bottom:1.5rem; }
.pb20 { padding-bottom:2rem; }
.pb25 { padding-bottom:2.5rem; }
.pb30 { padding-bottom:3rem; }
.pb35 { padding-bottom:3.5rem; }
.pb40 { padding-bottom:4rem; }
.pb45 { padding-bottom:4.5rem; }
.pb50 { padding-bottom:5rem; }
.pb55 { padding-bottom:5.5rem; }
.pb60 { padding-bottom:6rem; }
.pb65 { padding-bottom:6.5rem; }
.pb70 { padding-bottom:7rem; }
.pb75 { padding-bottom:7.5rem; }
.pb80 { padding-bottom:8rem; }
.pb85 { padding-bottom:8.5rem; }
.pb90 { padding-bottom:9rem; }
.pb95 { padding-bottom:9.5rem; }
.pb100 { padding-bottom:10rem; }
.pb105 { padding-bottom:10.5rem; }
.pb110 { padding-bottom:11rem; }
.pb115 { padding-bottom:11.5rem; }
.pb120 { padding-bottom:12rem; }
.pb125 { padding-bottom:12.5rem; }
.pb130 { padding-bottom:13rem; }
.pb135 { padding-bottom:13.5rem; }
.pb140 { padding-bottom:14rem; }
.pb145 { padding-bottom:14.5rem; }
.pb150 { padding-bottom:15rem; }


@media (max-width:768px){
	.card { padding:3rem;border-radius: 1.5rem; }
    .card.bs-none { padding-top: 4rem;padding-bottom: 3rem;}
}

/* button */
.btn {display: inline-block;padding: 1.3rem 3rem;border-radius: 0.5rem;font-size: 1.5rem;font-weight: 600;text-align: center;text-decoration: none;cursor: pointer;border: none;transition: all 0.3s;width: 30rem; }
.intro .btn { }
.btn-primary { background-color:#1d2088; color:#fff; border:1px solid #1d2088; }
.btn-primary:hover { background-color:#0e0f49; }
.btn-secondary { background-color:#fff; color:#1d2088; border:1px solid #1d2088; }
.btn-secondary:hover { background-color:#1d2088;color:#fff; }
.btn-outline { background-color:#fff;color: #000;border: 1px solid #000;width: 8rem;padding: 1.3rem 1rem; }
.btn-outline:hover { background-color:#222;color: #fff;border: 1px solid #222; }
.btn-group { display:flex; gap:1rem; justify-content:center; }
.btn-delete {padding: 0.85rem 1rem;background: #dfdfdf;border: 1px solid #dfdfdf;border-radius: 0.4rem;cursor: pointer;font-size: 1.4rem;font-weight: 700;width: 5.5rem;}
.btn-preview {background-color: #dfdfdf;color: #000;border: 1px solid #dfdfdf;width: 10.5rem;padding: 1.3rem 1rem;}
.btn-preview:hover {background-color: #bbb;border: 1px solid #bbb;}
.step2 .btn.sch {padding: 0.85rem 1rem;font-size: 1.4rem;width: 7.7rem;}
.step4 .btn.btn-add {padding: 0.85rem 1rem;font-size: 1.4rem;width: 5.5rem;}
.captcha-btn {background: none;border: none;cursor: pointer;font-size: 1.3rem;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
.step5 .btn {}

@media (max-width:768px){
	.btn-group { margin-top: 4rem; }
	.btn-group .btn { width:100%; }
    .intro .btn {padding: 1.3rem 3rem;}
}
@media (max-width:330px){
	.btn-group { flex-direction:column; }
}

.fl-between.bdb  {border-bottom: 1px solid #000;}
.step2 .section-title-box, .step4 .section-title-box {font-size:1.4rem; color:#666;padding-bottom:1rem;font-weight: 500;}
.step2 .fl-grid {display: grid;grid-template-columns: 77.5rem 3rem 3fr 0fr;align-items: center;justify-items: center;}

/* form */
.form-group {margin-bottom: 2rem;display: flex;align-items: center;}
.form-label { display:block; font-size:1.6rem; font-weight:500; color:#686868; width: 13rem;  }
.required, .form-label .required { color:#d40000; margin-left:0.3rem; }
.form-input { width:100%; padding: 0.7rem 1.2rem;border: 1px solid #ddd;border-radius: 0.5rem;font-size: 1.6rem;font-weight: 400;color: #000;background: #fff;}
.step2 .form-input { width:30rem;}
.form-input:focus { outline:none; border-color:#1d2088; }
.form-textarea {width: 100%;padding: 1.2rem;border: 1px solid #ddd;border-radius: 0.6rem;font-size: 1.4rem;font-family: inherit;resize: vertical;min-height: 25rem;height: 100% !important;}
.form-textarea { resize:vertical; min-height:15rem; }
.form-textarea:focus { outline:none; border-color:#1d2088; }
.form-error { color:#EF4444; font-size:1.2rem; margin-top:0.5rem; }
.form-input::placeholder {font-weight:500; color:#666;}
.form-input-v2 {width: 80%;font-size: 1.6rem;font-weight: 400;color: #000;border:none;}
.readonly .form-input { background: #f7f7f7;border: 1px solid #f7f7f7;}


@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){}
@media (max-width:560px){}
@media (max-width:480px){
    .step2 .section-title-box, .step4 .section-title-box {align-items: flex-start;flex-direction: column;gap: 0.5rem;}
}
@media (max-width:360px){}



/* table */
.list .table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.list .table { width:100%; border-collapse:collapse; min-width:1300px; table-layout: fixed;}
.list .table thead {background-color: #e7eaee;border-top: 3px solid #1d2088;}
.list .table th {padding: 1.3rem 1rem 1.2rem; font-size:1.6rem; font-weight:700;border: 1px solid #d4d4d4;border-left: 0;border-right: 0;}
.list .table th.text-right { text-align:right; }
.list .table td { padding: 1.3rem 1rem 1.2rem;border: 1px solid #d4d4d4; font-size:1.6rem; font-weight: 400;border-left: 0;border-right: 0;    color: #666;}
.list .table tbody tr {transition: all 0.3s ease;}
.list .table tbody tr:hover { background-color:#f9f9f9; }
.list .table tbody tr:hover td.ilnk {text-decoration: underline;font-weight: 500;}
.list .table .badge {display: inline-flex;width: 1.6rem;height: 1.6rem;border-radius: 0.2rem;font-size: 1rem;font-weight: 500;margin-left: 0.5rem;text-align: center;align-items: center;justify-content: center;position: relative;top: -2px; }
.list .table .badge-new { background-color: #be0000;color: #fff; }

@media (max-width: 768px) {
    .list .table-wrapper {overflow: visible;}
    .list .table {min-width: auto;border: 0;}
    .list .table thead {display: none;}
    .list .table tbody tr {display: block;border-top: 1px solid #ddd;padding: 1.4rem 2rem;background: #fff;}
    .list .table tbody tr:last-child {border-bottom: 1px solid #ddd;}
    .list .table tbody tr:hover {background-color: #f9f9f9;}
    .list .table tbody td {display: block;border: 0;padding: 0;font-size: 1.5rem;}
    .list .table tbody td:first-child {font-size: 1.4rem;font-weight: 600;color: #1d2088;margin-bottom: 0.6rem;text-align: left;}
    .list .table tbody td.ilnk {font-size: 1.6rem;font-weight: 500;line-height: 1.4;}
    .list .table tbody td:last-child {font-size: 1.3rem;text-align: right;}
    .list .table tbody td:nth-child(3) {text-align: right;margin-bottom: 1rem;}
    .list .table .badge {margin-left: 0.6rem;top: -1px;}
}

/* table */
.step1 .table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.step1 .table { width:100%; border-collapse:collapse; min-width:100%; table-layout: fixed;}
.step1 .table thead { background-color:#fafbfd; }
.step1 .table th { padding:1rem; font-size:1.8rem; font-weight:700;border: 1px solid #cfd5de; }
.step1 .table th.text-right { text-align:right; }
.step1 .table td { padding:1.5rem 1rem;border: 1px solid #cfd5de; font-size:1.6rem;background: #fff;font-weight: 400;}
.step1 .table .badge { display:inline-block; padding:0.3rem 0.8rem; border-radius:0.4rem; font-size:1.2rem; font-weight:500; }
.step1 .table .badge-new { background-color:#FEE2E2; color:#DC2626; }
@media (max-width:768px){
	.step1 .table th, .step1 .table td { padding:2rem; font-size:1.4rem; line-height: 1.4;}
}

/* pagination */
.pagination { display:flex; justify-content:center; align-items:center; gap:0.5rem; margin-top:3.5rem; flex-wrap:wrap; }
.pagination a, .pagination span { display: inline-block;font-size: 1.4rem;text-decoration: none;color: #666;background: #fff;text-align: center;line-height: 1.2;font-weight: 600;width: 3rem;height: 3rem;display: flex;align-items: center;justify-content: center; }
.pagination a img {width: 0.85rem;filter: invert(41%) sepia(0%) saturate(3740%) hue-rotate(66deg) brightness(99%) contrast(99%);}
.pagination a.wd12 img {width: 1.35rem;}
.pagination a.right img {transform: rotate(180deg); }


.pagination .active { background-color:#1d2088; color:#fff; border-color:#1d2088; border-radius: 50%;}
.pagination .disabled { opacity:0.5; cursor:not-allowed; }
@media (max-width:480px){
	.pagination a, .pagination span { padding:0.6rem 0.8rem; font-size:1.2rem; min-width:3rem; }
}

/* progress bar */
.progress-bar { display:flex; justify-content:space-between; align-items:center; position:relative; padding:2rem 0;gap: 12rem; }
.progress-bar-imgs { display:flex; justify-content:space-between; align-items:center; position:relative; padding:2rem 0 0; gap: 12rem;}
.progress-img {width: calc(100% / 5);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 1.5rem;}
.progress-bar-imgs img {height: 5.9rem;}
.progress-img-title {font-size: 1.8rem;font-weight: 600;}
.progress-line {position: absolute;top: 2.9rem;left: 0;right: 0;height: 3px;background-color: #cfd5de;z-index: 0;}
.progress-line-active { background-color:#1d2088; }
.progress-step { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; flex:1;gap: 2rem; }
.progress-icon {width: 2rem;height: 2rem;border-radius: 50%;background-color: #cfd5de;border: 3px solid #cfd5de;display: flex;align-items: center;justify-content: center;font-size: 2rem;}
.progress-step.active .progress-icon { background-color:#1d2088; border-color:#cfd5de; color:#fff; }
.progress-step.completed .progress-icon { background-color:#10B981; border-color:#10B981; color:#fff; }
.progress-title { font-size:1.2rem; color:#666; text-align:center; margin-bottom:0.5rem; }
.progress-step.active .progress-title { color:#1d2088; font-weight:700; }
.progress-number { font-size:1.8rem; color:#cfd5de;font-weight: 400; }
.progress-step.active .progress-number { color:#1d2088; font-weight:600; }
.mo-only {display:none;}

@media (max-width:1439px){
    .pc-only {display:none;}
    .mo-only {display: flex;align-items: center;justify-content: center;    padding: 2rem 0 0;}
    .progress-bar-imgs { padding: 0;}
    .progress-img {width: 100%;}
    .progress-line {height: 2px;}
}
@media (max-width:480px){}


/* file upload */
.file-upload { display:flex; flex-direction:column; gap:1rem; }
.file-item { display:flex; align-items:center; gap:1rem; padding:1rem; background-color:#F9FAFB; border-radius:0.6rem; }
.file-name { flex:1; font-size:1.4rem; color:#333; }
.file-delete { padding:0.5rem 1rem; background-color:#EF4444; color:#fff; border:none; border-radius:0.4rem; cursor:pointer; font-size:1.2rem; }

/* radio, checkbox */
.radio-group, .checkbox-group { display:flex; gap:2.5rem; flex-wrap:wrap; }
.radio-item, .checkbox-item { display:flex; align-items:center; gap:0.8rem; }
.radio-item label, .checkbox-item label { cursor:pointer; font-size:1.6rem; user-select: none;font-weight: 400;}
.checkbox-item label {font-size:1.8rem;    font-weight: 500;}
.radio-item input[type="radio"] {appearance: none;width: 2rem;height: 2rem;border: 1px solid #ddd;border-radius: 50%;background-color: white;cursor: pointer;position: relative;transition: all 0.3s ease;}
.radio-item input[type="radio"]:checked {border-color: #ddd;background-color: white;}
.radio-item input[type="radio"]:checked::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.3rem;height: 1.3rem;background-color: #1d2088;border-radius: 50%;}
.radio-item input[type="radio"]:hover {border-color: #1d2088;}
.checkbox-item input[type="radio"] {appearance: none;width: 2rem;height: 2rem;border: 1px solid #ddd;border-radius: 50%;background-color: white;cursor: pointer;position: relative;transition: all 0.3s ease;}
.checkbox-item input[type="radio"]:checked {border-color: #ddd;background-color: white;}
.checkbox-item input[type="radio"]:checked::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.3rem;height: 1.3rem;background-color: #1d2088;border-radius: 50%;}
.checkbox-item input[type="radio"]:hover {border-color: #1d2088;}

@media (max-width:768px){
	.radio-group, .checkbox-group { gap:1rem; }
}

/* character count */
.char-count { text-align:right; font-size:1.4rem; color:#999;  }

/* success message */
.success-message { text-align:center; }
.success-icon img { width:4.8rem; height:4.8rem; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem;  }
.success-text {font-size: 2.5rem;
font-weight: 500;color: #000;}
.success-subtext { font-size:2.5rem; color:#000;font-weight: 700;margin-bottom:2.5rem; }
.success-subtext strong {color: #1d2088; font-weight: 700;}

@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){}
@media (max-width:560px){}
@media (max-width:480px){
    .success-text {font-size: 2rem;}
    .success-subtext {font-size: 2rem;margin-bottom: 2rem;line-height: 1.4;}
}
@media (max-width:360px){}


/* section title */
.section-title { font-size:2rem; font-weight:800;color: #000; }
.section-title b {color: #c30000;font-weight: 700;}

/* text align */
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/* accessibility */
/*a:focus, button:focus, input:focus, textarea:focus, select:focus { outline:2px solid #1d2088; outline-offset:2px; }*/
.skip-link { position:absolute; top:-4rem; left:0; background:#1d2088; color:#fff; padding:0.8rem; text-decoration:none; z-index:10000; }
.skip-link:focus { top:0; }

/* print */
@media print {
	.header, .footer, .btn, .pagination { display:none; }
	.card { box-shadow:none; border:1px solid #ddd; }
}

.step1 .form-group {background: #eff4fa;justify-content: space-between;padding: 1.7rem 4.5rem;border-radius: 1.5rem;font-size: 1.8rem;font-weight: 600;}
.step1 .form-group.total {background: #efefef; margin-bottom: 0rem;flex-direction: column;gap: 1rem;}
.step1 .form-label { font-size:1.4rem; color:#333; margin-bottom:0.8rem; }
.step1 .form-input { padding:1.2rem;}
.step1 .form-helper {font-size: 1.6rem;font-weight: 400;text-indent: -13.5rem;padding-left: 13.5rem;line-height: 1.7;margin-top: 0;color: #000;margin-left: 0; }
.step1 .formtit {font-size: 2rem;font-weight: 600;margin-bottom: 1rem;}

@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){}
@media (max-width:560px){
    .step1 .form-group {background: #eff4fa;justify-content: space-between;padding: 2rem 2.5rem;border-radius: 1.5rem;font-size: 1.8rem;font-weight: 600;display: flex;flex-direction: column;align-items: center;gap: 1rem;align-items: flex-end;}
    .step1 .form-helper {font-size: 1.1rem;line-height: 1.5;text-indent: -9.2rem;padding-left: 9.2rem;}
    .step1 .form-group.total {text-align: center;align-items: center;}
}
@media (max-width:480px){}
@media (max-width:360px){}


.step2 .select-wrapper {position: relative;}
.step2 .form-group:nth-of-type(4) .select-wrapper {width: 100%;}
.step2 .select-wrapper:after {content: '';width: 1.5rem;height: 1.5rem;background: url('/vtimage/free-icon-arrow-down-6423873.svg') no-repeat;background-size: cover;position: absolute;right: 0.8rem;top: 50%;transform: translate(0, -50%);}
.step2 .form-group {display: grid;grid-template-columns: 12rem 1fr;align-items: center;column-gap: 2rem;}
.step2 .form-label {width: auto;padding-top: 0;}
.step2 .form-group > input.form-input {width: 42rem;}
.fl-start.tel {gap: 0.5rem;}
.tel .form-input {width: 8rem;}
.step2 .form-group > .fl-between {width: 100%;gap: 1rem;}
.step2 .fl-between select.form-input {}
.step2 .fl-between input.form-input {}
.step2 .fl-start.email {gap: 0.5rem;width: 42.2rem;}
.step2 .form-group:nth-of-type(4) .fl-start input.form-input {width: 100%;}
.step2 .form-group:nth-of-type(4) .fl-start select.form-input {width: 100%;}
.step2 .form-group:nth-of-type(4) .fl-start input.form-input.enter {}
.step2 .form-group:nth-of-type(5) .fl-start {gap: 1rem;}
.step2 .form-group:nth-of-type(5) .fl-start input.form-input:nth-of-type(1) {width: 42rem;}
.step2 .form-group:nth-of-type(5) .form-input.wd100 {width: 100%;}
.step2 .form-group:nth-of-type(5) {align-items: baseline;}
.step2 .form-input::placeholder {color: #777;font-weight: 300;}
.step2 .form-input::-webkit-input-placeholder {color: #777;font-weight: 300;}

@media (max-width:1240px){}
@media (max-width:1024px){
    .step2 .form-group {grid-template-columns: 1fr;gap: 0.5rem;}
    .step2 .form-group:nth-of-type(5) .fl-start input.form-input:nth-of-type(1) {width: 60%;}
    .step2 .fl-between select.form-input {width: 9rem;}
    .step2 .fl-between input.form-input {width: 10rem;}
    .step2 .form-group > .fl-between {width: 100%;justify-content: flex-start;align-items: center;gap: 1rem;}
    .step3 .card .text-center.mt50 {margin-top: 2rem;}

}
@media (max-width:480px){

.step2 .form-group > input.form-input {
    width: 100%;
}

.step2 .fl-start.email {

    width: 100%;
}



}
@media (max-width:360px){
    .step2 .fl-between input.form-input {width: 9rem;}
}

.step4 .form-group {display: grid;grid-template-columns: 10rem 1fr;align-items: center;column-gap: 2rem;}
.step4 .form-label {width: auto;padding-top: 0;margin-bottom: 0rem;}
.step4 .form-group > input.form-input {width: 100%;}
.step4 .form-group > .fl-between {width: 100%;}
.step4 .form-group > .fl-between.p-title {padding: 0.7rem 1.2rem;border: 1px solid #ddd;border-radius: 0.5rem;font-size: 1.6rem;font-weight: 400;color: #000;}
.step4 .form-group:nth-of-type(2) {align-items: stretch;}
.step4 .form-group:nth-of-type(4) {align-items: baseline; margin-bottom: 0rem;}
.step4 .form-helper {font-size: 1.3rem;margin-top: 0.5rem;margin-left: 12rem;color: #666666;font-weight: 400;}
.step4 .form-helper {font-size: 1.3rem;margin-top: 0.5rem;margin-left: 12rem;color: #666666;font-weight: 400;}
.step4 .form-input.title {width: 96%;border: 0;
    padding: 0;}
.step4 .form-input.captcha {width: 30%;}
.step4 .filebox .fl img {width: 1.6rem;}
.step4 .filebox .fl p { font-size: 1.6rem;color: #000;font-weight: 500;}
.step4 .filebox .fl span { font-size: 1.4rem;color: #808080;font-weight: 500;margin: 0 0.5rem;}
.step4  input[type="file"]::file-selector-button {background-color: #efefef;border: none;color: #000;padding: 0.3rem 1rem 0.2rem;font-size: 1.3rem;font-weight: 700;cursor: pointer;border-radius: 0.3rem;}
.step4  input[type="file"]::file-selector-button:hover {background-color: #efefef;}
.step4  input[type="file"]::-webkit-file-upload-button {background-color: #efefef;border: none;color: #000;padding: 0.3rem 1rem 0.2rem;font-size: 1.3rem;font-weight: 700;cursor: pointer;border-radius: 0.3rem;}

@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){}
@media (max-width:560px){
    .step4 .form-group {grid-template-columns: 1fr;gap: 0.5rem;}
    .step4 .form-input.title {width: 85%;}
    .step4 .form-input.captcha {width: 40%;}
    .step4 .form-helper {margin-left: 0;}
    .step4 .btn {padding: 1.3rem 2rem;width: auto;}
    .step5 .btn {padding: 1.3rem 3rem;}
    .step5 .btn-group {margin-top: 2rem;}
}
@media (max-width:480px){}
@media (max-width:360px){}

.readonly .form-group:nth-of-type(3) {align-items: stretch;}
.readonly .form-group .filebox {align-items: flex-start;}
.readonly .textbox {background: #f7f7f7;min-height: 20rem;padding: 1.2rem;border-radius: 0.5rem;font-size: 1.6rem;font-weight: 400; overflow-y: auto;}

/* modal */
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:1000; align-items:center; justify-content:center; }
.modal.active { display:flex; }
.modal-title { font-size:2rem; font-weight:700; color:#000; }

.intro .modal-title {font-weight:800;}
.intro .modal-content {background: #fff;padding: 7rem;max-width: 60rem;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;box-shadow: 0px 0px 19px 2px rgb(31, 37, 45, 0.10);border-radius: 5rem; }
.intro.modal .btn {padding: 1.3rem 3rem;}
.intro .modal-close { position:absolute; top:2.5rem; right:3rem; width:3rem; height:3rem; border:none; background:none; cursor:pointer; }
.intro .modal-content .text-center p {    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 2rem;
    font-weight: 500;}

@media (max-width:1240px){}
@media (max-width:1024px){}
@media (max-width:920px){}
@media (max-width:768px){}
@media (max-width:560px){
    .intro .modal-content {padding: 4rem;width: 90%;max-height: 90vh;border-radius: 4rem;}
    .intro.modal .btn {padding: 1.3rem 3rem;width: 100%;}
    .intro.modal .modal-content .mt60 {margin-top: 3rem;}
}
@media (max-width:480px){}
@media (max-width:360px){}

.step4 .modal-content {background: #f9f9f9;padding: 3.7rem;max-width: 50rem;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;border: 1px solid #ddd; }
.step4 .modal-sub {margin-bottom: 1.5rem;color: #666666;font-size: 1.6rem;font-weight: 400;}
.step4 .modal-box {border:1px solid #ddd; border-radius:0.5rem; padding: 2.3rem 3rem;background: #fff;}
.step4 .modal-box .form-group {margin-bottom: 0rem;display: flex;align-items: flex-start;flex-direction: column;gap: 0.5rem;}
.step4 .modal-txt {font-size: 1.6rem;color: #000;font-weight: 500;line-height: 1.5;width:100%;}
.step4 .modal-txt.scr-y {overflow-y: auto;height: 14.5rem;}
.step4 .modal-txt.scr-y::-webkit-scrollbar {width: 3px;}
.step4 .modal-txt.scr-y::-webkit-scrollbar-thumb {background-color: #ddd;border-radius: 3px;}

.step4 .modal-content .filebox  {display: flex;flex-direction: column;align-items: flex-start;gap: 0.8rem;margin-top: 1.5rem;}
.step4 .modal-line {width: 100%;height: 1px;background: #ddd;margin-bottom: 2rem;margin-top:2rem;}
.step4 .modal-close { position:absolute; top:1.5rem; right:1.5rem; width:3rem; height:3rem; border:none; background:none; cursor:pointer; }

@media (max-width: 768px) {
    .step2 .form-group {grid-template-columns: 1fr;row-gap: 1rem;}
    .step4 .modal-content {background: #f9f9f9;padding: 3.7rem;max-width: 50rem;width: 90%;max-height: 90vh;overflow-y: auto;position: relative;border: 1px solid #ddd;}
    .step4 .modal-content .btn {width: 100%;}
}