body {background-color: transparent;}
.form-label {width: 23rem;}
.form-group {margin-bottom: 1rem;}
@media (max-width:768px){
	.footer {margin-top: inherit;}
}
@media (max-width:480px){
	.form-group {align-items: flex-start;flex-direction: column;gap: 0.5rem;}
}

.intro.wrapper {min-height: calc(93vh - 23.5rem); display: flex;align-items: center;justify-content: center;padding: 6rem 0 8rem; box-sizing: border-box;}
.intro.wrapper::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 93vh; background: rgba(255,255,255,0.82);backdrop-filter: blur(1.2rem);-webkit-backdrop-filter: blur(1.2rem);z-index: -1;}

.intro.card {display: flex;align-items: center;justify-content: space-between;gap: 5.5rem;text-align: left;padding: 0;background: none;box-shadow: none;}
.intro.card .left {width: 51rem;flex-shrink: 0;}
.intro.card .right {display: flex;gap: 2.4rem;padding-top: 4rem;}
.intro.card .intro-label {margin-bottom: 1rem;font-size: 1.8rem;font-weight: 800;line-height: 1.2;color: #1d2088;letter-spacing: -0.03em;}
.intro.card .intro-title {font-size: 6.2rem;font-weight: 800;color: #1d2088;line-height: 1.15;margin-bottom: 1.8rem;}
.intro.card .intro-sub {font-size: 1.9rem;line-height: 1.55;font-weight: 600;color: #222;letter-spacing: 0;margin-bottom: 1.8rem;}
.intro.card .check-btn {display: flex;align-items: center;justify-content: center;gap: 1rem;width: 100%;margin-top: 3rem;padding: 1.5rem 0;border: 1px solid #d9d9d9;background: #fff;font-size: 1.8rem;font-weight: 800;color: #1d2088;text-decoration: none;box-sizing: border-box;transition: 0.3s ease;}
.intro.card .check-btn img {width: 2.2rem;filter: invert(9%) sepia(55%) saturate(4421%) hue-rotate(236deg) brightness(117%) contrast(105%);}
.intro.card .check-btn:hover {background: #1d2088;color: #fff;}
.intro.card .check-btn:hover img {filter: invert(100%) sepia(34%) saturate(0%) hue-rotate(214deg) brightness(104%) contrast(101%);}
.intro.card .service-card {display: block;position: relative;width: 27rem;height: 32rem;padding: 3rem 2.8rem 6.5rem;border-left: 0.4rem solid #cfd3e5;background: rgba(255,255,255,0.88);text-decoration: none;box-sizing: border-box;transition: 0.3s ease; text-align: left;}
.intro.card .service-card:hover {border-left: 0.4rem solid #1d2088;}
.intro.card .service-card .icon-box {display: flex;align-items: center;justify-content: center;width: 4.8rem;height: 4.8rem;margin-bottom: 2rem;border-radius: 1.2rem;background: #f1f2f8;transition: 0.3s ease;}
.intro.card .service-card .icon-box img {width: 2.4rem;}
.intro.card .service-card:hover .icon-box {background: #dfe2ed;}
.intro.card .service-card strong {display: block;margin-bottom: 1.4rem;font-size: 2rem;font-weight: 800;line-height: 1.25;color: #000;}
.intro.card .service-card span:not(.icon-box) {display: block;font-size: 1.5rem;font-weight: 500;line-height: 1.55;color: #666;}
.intro.card .service-card .service-link {display: flex;align-items: center;gap: 0.6rem;position: absolute;left: 2.8rem;bottom: 3rem;opacity: 0;visibility: hidden;transform: translateY(0.8rem);transition: 0.3s ease;}
.intro.card .service-card .service-link.second {bottom: 7rem;}
.intro.card .service-card .service-link p {margin: 0;font-size: 1.5rem;font-weight: 800;line-height: 1;color: #1d2088;}
.intro.card .service-card .service-link img {width: 1.6rem;height: auto;margin-top: -0.2rem;filter: invert(9%) sepia(55%) saturate(4421%) hue-rotate(236deg) brightness(117%) contrast(105%);}
.intro.card .service-card:hover .service-link {opacity: 1;visibility: visible;transform: translateY(0);}

@media (max-width:1240px){
    .intro.wrapper {padding: 7rem 0;}
    .intro.card {gap: 4rem;}
    .intro.card .left {width: 46rem;}
    .intro.card .intro-label {font-size: 1.7rem;}
    .intro.card .intro-title {font-size: 5.4rem;}
    .intro.card .intro-sub {font-size: 1.75rem;}
    .intro.card .service-card {width: 25rem;height: 31rem;padding: 2.8rem 2.5rem 6.2rem;}
    .intro.card .service-card .service-link {left: 2.5rem;bottom: 2.8rem;}
}
@media (max-width:1100px){
    .intro.card {gap: 3rem;}
    .intro.card .left {width: 43rem;}
    .intro.card .intro-title {font-size: 4.9rem;}
    .intro.card .intro-sub {font-size: 1.65rem;}
    .intro.card .right {gap: 1.6rem;}
    .intro.card .service-card {width: 23.5rem;}
}
@media (max-width:1024px){
	.intro.wrapper {min-height: calc(93vh - 5rem);}
    .intro.card {display: block;}
    .intro.card .left {width: 100%;}
    .intro.card .right {display: flex;width: 100%;padding-top: 4rem;}
    .intro.card .service-card {width: calc(50% - 0.8rem);height: 28rem;}
    .intro.card .intro-title {font-size: 5.2rem;}
    .intro.card .intro-sub {font-size: 1.75rem;}
}
@media (max-width:920px){
	.intro.wrapper {min-height: calc(93vh - 14rem);}
    .intro.card .intro-title {font-size: 4.8rem;}
    .intro.card .right {gap: 1.4rem;}
    .intro.card .service-card {height: 27rem;padding: 2.6rem 2.3rem 6rem;}
    .intro.card .service-card .service-link {left: 2.3rem;bottom: 2.6rem;}
}
@media (max-width:768px){
	.intro.wrapper {min-height: calc(93vh - 25rem);}
    .intro.card {padding: 0 2rem;}
    .intro.card .intro-label {font-size: 1.5rem;}
    .intro.card .intro-title {font-size: 4.2rem;margin-bottom: 1.5rem;}
    .intro.card .intro-sub {font-size: 1.55rem;line-height: 1.6;margin-bottom: 1.4rem;}
    .intro.card .intro-sub br {display: none;}
    .intro.card .check-btn {height: 5.6rem;margin-top: 2.5rem;padding: 0;font-size: 1.6rem;}
    .intro.card .check-btn img {width: 2rem;}
    .intro.card .right {padding-top: 3.2rem;}
    .intro.card .service-card {height: 25rem;padding: 2.4rem 2rem 5.8rem;}
    .intro.card .service-card .icon-box {width: 4.4rem;height: 4.4rem;margin-bottom: 1.7rem;}
    .intro.card .service-card .icon-box img {width: 2.2rem;}
    .intro.card .service-card strong {font-size: 1.8rem;}
    .intro.card .service-card span:not(.icon-box) {font-size: 1.4rem;}
    .intro.card .service-card .service-link {left: 2rem;bottom: 2.4rem;}
}
@media (max-width:640px){
	.intro.wrapper {min-height: calc(93vh - 0rem);}
    .intro.card .right {display: block;}
    .intro.card .service-card {width: 100%;height: auto;min-height: 21rem;margin-bottom: 1.6rem;padding: 2.4rem 2.2rem 5.8rem;}
    .intro.card .service-card:last-child {margin-bottom: 0;}
    .intro.card .service-card .service-link {left: 2.2rem;bottom: 2.4rem;opacity: 1;visibility: visible;transform: translateY(0);}
}
@media (max-width:560px){
    .intro.card {padding: 10rem 1.8rem 0;}
    .intro.card .intro-title {font-size: 3.7rem;}
    .intro.card .intro-sub {font-size: 1.5rem;}
    .intro.card .check-btn {height: 5.3rem;font-size: 1.5rem;}
    .intro.card .service-card {min-height: 20rem;}
}
@media (max-width:480px){
    .intro.card {padding: 0 1.6rem;}
    .intro.card .intro-label {font-size: 1.4rem;}
    .intro.card .intro-title {font-size: 3.2rem;}
    .intro.card .intro-sub {font-size: 1.45rem;line-height: 1.6;}
    .intro.card .right {padding-top: 2.8rem;}
    .intro.card .service-card {padding: 2.2rem 2rem 5.5rem;}
    .intro.card .service-card strong {font-size: 1.7rem;}
    .intro.card .service-card span:not(.icon-box) {font-size: 1.35rem;}
    .intro.card .service-card .service-link {left: 2rem;bottom: 2.2rem;}
}
@media (max-width:360px){
    .intro.card .intro-title {font-size: 2.9rem;}
    .intro.card .intro-sub {font-size: 1.4rem;}
    .intro.card .service-card {padding: 2rem 1.8rem 5.2rem;}
    .intro.card .service-card .service-link {left: 1.8rem;bottom: 2rem;}
}


/*ÀϹݹοøÁ¢¼ö¾È³» ¸ð´Þâ */
.general-complaint-modal .modal-content {max-width: min(100rem, calc(100% - 2rem)); max-height: calc(100vh - 4rem); padding: 4rem; overflow-y: auto; box-sizing: border-box;}
.general-complaint-modal .modal-title {margin-bottom: 2rem;}
.general-complaint-modal .general-complaint-modal__description {margin-bottom: 2rem; text-align: center;}
.general-complaint-modal .general-complaint-modal__description p {margin: 0 0 0.8rem; font-size: 1.7rem; font-weight: 400; line-height: 1.5; color: #333;}
.general-complaint-modal .general-complaint-modal__description p:last-child {margin-bottom: 0;}
.general-complaint-modal .general-complaint-modal__table-wrap {width: 100%; overflow-x: auto;}
.general-complaint-modal .general-complaint-modal__table {width: 100%; min-width: 90rem; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #1d2088; border-left: 1px solid #1d2088;}
.general-complaint-modal .general-complaint-modal__table th,
.general-complaint-modal .general-complaint-modal__table td {padding: 1.3rem 1.2rem; border-right: 1px solid #d9dfe9; border-bottom: 1px solid #d9dfe9; font-size: 1.6rem; line-height: 1.2; color: #222; font-weight: 500; text-align: center; vertical-align: middle; word-break: keep-all;}
.general-complaint-modal .general-complaint-modal__table tr > *:last-child {border-right: 1px solid #1d2088;}
.general-complaint-modal .general-complaint-modal__table tr > *:last-child a {text-decoration: underline; color: #777;}
.general-complaint-modal .general-complaint-modal__table tr > *:last-child a:hover {color: #1d2088;}
.general-complaint-modal .general-complaint-modal__table tbody tr:last-child > * {border-bottom: 1px solid #1d2088;}
.general-complaint-modal .general-complaint-modal__table thead th {padding: 1.4rem 1.2rem; background: #f7f8fa; font-size: 1.7rem; font-weight: 700; color: #000;}
.general-complaint-modal .general-complaint-modal__table tbody th {font-weight: 700; color: #000; background: #fff;}
.general-complaint-modal .general-complaint-modal__col-category {width: 16%;}
.general-complaint-modal .general-complaint-modal__col-document {width: 28%;}
.general-complaint-modal .general-complaint-modal__notice {margin-top: 2rem; text-align: center;}
.general-complaint-modal .general-complaint-modal__notice > p {margin: 0 0 1.5rem; font-size: 1.7rem; font-weight: 500; line-height: 1.5; color: #344054;}
.general-complaint-modal .general-complaint-modal__notice ul {margin: 0; padding: 0; list-style: none;}
.general-complaint-modal .general-complaint-modal__notice li {position: relative; font-size: 1.5rem; line-height: 1.3; color: #777; font-weight: 400;}
.general-complaint-modal .general-complaint-modal__notice li:last-child {margin-bottom: 0;}
.general-complaint-modal .general-complaint-modal__button-group {display: flex; justify-content: center; margin-top: 2.2rem;}
.general-complaint-modal .general-complaint-modal__button-group .btn {min-width: 18rem; padding: 1.4rem 2.5rem; font-size: 1.6rem; font-weight: 800;}

@media (max-width: 768px) {
    .general-complaint-modal .modal-content {width: calc(100% - 3rem); max-height: calc(100vh - 3rem); padding: 3.5rem 2rem 2.5rem;}
    .general-complaint-modal .modal-title {padding: 0 2.5rem; font-size: 2.3rem;}
    .general-complaint-modal .general-complaint-modal__description p {font-size: 1.45rem;}
    .general-complaint-modal .general-complaint-modal__description br {display: none;}
    .general-complaint-modal .general-complaint-modal__notice > p {font-size: 1.45rem;}
    .general-complaint-modal .general-complaint-modal__button-group .btn {width: 100%;}
}

@media (max-width: 480px) {
    .general-complaint-modal .modal-content {width: calc(100% - 2rem); max-height: calc(100vh - 2rem); padding: 3.2rem 1.5rem 2rem;}
    .general-complaint-modal .modal-title {font-size: 2rem;}
    .general-complaint-modal .general-complaint-modal__description {margin-bottom: 2rem;}
    .general-complaint-modal .general-complaint-modal__description p {font-size: 1.35rem;}
    .general-complaint-modal .general-complaint-modal__notice {margin-top: 2rem;}
    .general-complaint-modal .general-complaint-modal__notice > p {font-size: 1.35rem;}
    .general-complaint-modal .general-complaint-modal__notice li {font-size: 1.2rem; text-align: left;}
	.general-complaint-modal .general-complaint-modal__table th,
	.general-complaint-modal .general-complaint-modal__table td {padding: 1rem 1rem; line-height: 1.2; }
}