@charset "utf-8";
/* Common */
.margin-center {margin: 0 auto;}
.sec-gray {background: #F4F4F4;}

.page-greetings { padding: var(--space-60) 0; }
.greetings-content { display: flex; gap: 25px var(--space-90); align-items: center;}
.greetings-image {width: 37.143%;}
.greetings-text { flex: 1; display: flex; flex-direction: column; gap: var(--space-50); }
.greetings-header h2 {font-size: var(--font-size-32); color: var(--dark-color); line-height: 1.5em;}
.greetings-header h3 {font-size: var(--font-size-32); color: var(--primary-color); line-height: 1.5em;}
.greetings-body { display: flex; flex-direction: column; gap: var(--space-30); }
.greetings-body p { font-weight: 400; font-size: var(--font-size-20); line-height: 1.7em; color: #505050; margin: 0; }
.greetings-signature { display: flex; flex-direction: column; gap: var(--space-20); }
.signature-title { font-weight: 600; font-size: var(--font-size-17); line-height: 1em; color: var(--dark-color); }
.signature-name { font-family: 'Nanum SonPyeonJiCe', serif; font-weight: 400; font-size: 56px; line-height: 1em; color: var(--dark-color); }

.page-vision .sec {padding: var(--space-100) 0; overflow: hidden;}
.page-vision .sec:first-child {padding: 0;}
.vision-compatitive {max-width: 928px; margin: 0 auto;}
.vision-compatitive .slick-list {overflow: visible;}
.vision-compatitive .slick-slide {padding: 0 var(--space-50);}
.vision-compatitive .item {position: relative; margin-bottom: var(--space-40); transition: .5s;}
.vision-compatitive .bg {position: relative; width: 100%; padding-bottom: 56.7633%; border-radius: var(--radius-16); overflow: hidden;}
.vision-compatitive .bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.vision-compatitive .txt {position: absolute; left: 0; bottom: 0; padding: 0 var(--space-50) var(--space-50); opacity: .4;}
.vision-compatitive .icon {margin-bottom: var(--space-25);}
.vision-compatitive ul {margin-top: var(--space-15);}
.vision-compatitive li {display: flex; align-items: center; gap: 10px;}
.vision-compatitive li:before {content: ''; display: block; width: clamp(20px, calc(24 / var(--inner) * 100vw), 24px); height: 24px; background: url('/images/sub/list-deco.png') no-repeat center center / contain;}
.vision-compatitive .slick-active .item {margin-top: var(--space-40); margin-bottom: 0;}
.vision-compatitive .slick-active .txt {opacity: 1;}
.sec-layout {background: url('/images/sub/bg-layout.jpg') no-repeat center center / cover;}
.boxes {display: flex; gap: 10px; flex-wrap: wrap; color: var(--dark-color); font-weight: 600; font-size: var(--font-size-22);}
.boxes .box {flex: 1 1 auto; width: auto; min-width: calc((100% - 20px) / 3); padding:var(--space-50) var(--space-40); border-radius: var(--radius-16);background: rgba(255, 255, 255, 0.60);backdrop-filter: blur(20px);}
.boxes .tit {margin-bottom: var(--space-20); font-size: var(--font-size-18); color: #676767; font-weight: 500;}
.boxes.type2 .tit {color: var(--secondary-color); font-weight: 800;}
.boxes strong {font-weight: 800; font-size: var(--font-size-28);}
.boxes small {font-size: var(--font-size-16); font-weight: 800; color: #a8a8a8;}
.boxes.type2 .box {padding: var(--space-40) var(--space-35); background: #f8f8f8;}
.boxes.type3, .boxes.type4 {gap:var(--space-20)}
.boxes.type3 .box, .boxes.type4 .box{padding: var(--space-40) var(--space-35); border: 1px solid #eee; font-size: var(--font-size-18); font-weight: 400; color: #505050; line-height: 1.7778em;}
.boxes.type4 .box {width: calc((100% - var(--space-20) * 2) / 3); min-width: auto; background: #F8F8F8;}
.boxes.type3 strong {font-size: var(--font-size-18);}
.boxes.type3 .box-tit {display: flex; align-items: center; gap: 10px; margin-bottom: var(--space-25); font-weight: 700;}
.boxes.type4 .box-tit {font-size: var(--font-size-20); font-weight: 700; color: var(--gray-color);}
.boxes.type4 li {display: flex; justify-content: space-between; padding: var(--space-20) var(--space-25); border-radius: 8px; background: #fff; font-size: var(--font-size-18); font-weight: 800; line-height: 1em; color: var(--primary-color);}
.boxes.type4 li:not(:last-child) {margin-bottom: 6px;}
.boxes.type4 li span {color: var(--secondary-color);}
.boxes .box.w100 {width: 100%;}
.boxes .box.border-box {border: 1px solid #eee; background: #fff;}

.page-history {position: relative; display: flex; gap: 35px;}
.history-left {position: sticky; top: calc(var(--header-height) + 20px); height: fit-content;}
.history-menu {position: relative; font-weight: 700; font-size: var(--font-size-20); line-height: 1.2em; color: #ccc; }
.history-menu:before {position: absolute; left: 10px; top: 10px; bottom: 10px; content: ''; border-left: 1px dashed #CCC; z-index: -1;}
.history-menu li {display: flex; align-items: center; gap: 12px;}
.history-menu li.active {color: var(--primary-color);}
.history-menu li:before {content: ''; display: block; width: 20px; height: 20px; border-radius: 100%; background: #ccc; border: 4px solid rgba(255, 255, 255, 0.80);}
.history-menu li.active:before {background: var(--primary-color); }
.history-menu li:not(:last-child) {margin-bottom: var(--space-35);}
.history-list {width: 42.8575%;}
.history-group:not(:last-child) {margin-bottom: var(--space-100);}
.history-year {margin-bottom: var(--space-50); font-size: var(--font-size-40); line-height: 1em; font-weight: 800; color: var(--primary-color);}
.history-img {position: relative; width: 100%; padding-bottom: 53.3334%; margin-bottom: var(--space-45); border-radius: var(--radius-24); overflow: hidden;}
.history-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.history-item {padding-bottom: var(--space-50); margin-bottom: var(--space-50); border-bottom: 1px solid #eee;}
.history-date {font-size: var(--font-size-18); font-weight: 600; color: var(--primary-color); margin-bottom: var(--space-20);}
.history-txt {font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.history-group > *:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

.page-about-business .sec:not(:last-child) {margin-bottom: var(--space-100);}
.page-about-business h2 {padding-bottom: var(--space-100); margin-bottom: var(--space-100); border-bottom: 1px solid #eee;}
.about-business-info {width: 40.785%; margin-left: auto;}

.about-business-cards {display: flex; gap: var(--space-20); flex-wrap: wrap;}
.about-business-card {position: relative; width: calc((100% - var(--space-20)) / 2); border-radius: var(--radius-24); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(25px, calc(190 / var(--inner) * 100vw), 190px) var(--space-50) var(--space-50); }
.about-business-card .bg img {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.about-business-card .tag { backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.24); border-radius: 30px; margin-bottom: var(--space-25);}
.about-business-card .card-title {font-size: var(--font-size-32); color: white; line-height: 1em; font-weight: 800;}

.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important; height: 100% !important;}
.location-map {position: relative; height: 520px; padding-bottom: var(--space-50); margin-bottom: var(--space-60); border-bottom: 3px solid #eee;}
.location-map:after {content:''; position: absolute; left: 0; bottom: -3px; height: 3px; width: 60px; background: var(--primary-color);}

.location-cnt {gap: 25px 35px;}
.location-info {width: 57.143%;}
.transport-info li {display: flex; align-items: center; gap: 8px 16px; font-size: var(--font-size-20); font-weight: 400;}
.transport-info li:not(:last-child) {margin-bottom: var(--space-25);}
.transport-info span {min-width: 116px; padding: 10px 14px; border-radius: 8px; background: #519ED1;; font-size: var(--font-size-16); font-weight: 800; line-height: 1em; text-align: center; color: #fff;}
.transport-info li:last-child span {background: #2284C5;}

.page-notice {display: flex; gap: var(--space-80);}
.page-notice.type2 {padding-top: var(--header-height);}
.notice-nav {width: 200px; margin-top: calc(var(--space-15) * -1); font-size: var(--font-size-20); line-height: 1.5em; color: #ccc; font-weight: 800;}
.notice-nav-group:not(:last-child) {margin-bottom: var(--space-35); padding-bottom: var(--space-35); border-bottom: 1px solid #eee;}
.notice-nav a {display: block; padding: var(--space-15) 0;}
.notice-nav .active a {color: var(--secondary-color);}
.notice-content {flex: 1;}

.m-notice-nav {display: none; position: relative; z-index: 10;}
.notice-nav a.active:before {transform: rotate(180deg);}
.m-notice-nav ul {display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 10; border: 1px solid #ddd; border-top: 0; background: #fff;}
.m-notice-nav li:not(:last-child) {border-bottom: 1px solid #ddd;}
.m-notice-nav li:hover {background: #f4f4f4;}
.m-notice-nav a {display: block; padding: 10px 20px; font-size: 15px;}
.m-notice-nav .current {display: flex; width: 100%; justify-content: space-between; gap: 20px; align-items: center; border: 1px solid #ddd; padding: 10px 20px; font-size: 15px; font-weight: 700; color: var(--dark-color);}
.m-notice-nav .current:after {content: ''; display: block; width: 14px; height: 14px; background: url('/images/bbs/select.svg') center center no-repeat; background-size: contain;}

.talent-circles {max-width: 1000px; margin: 0 auto; padding: 0 var(--legal-gap-12);}
.talent-circles .circle {position: relative; flex: 1; margin: 0 calc(var(--legal-gap-12) * -1)}
.talent-circles .circle:before {content: ''; display: block; width: 100%; padding-bottom: 100%; border-radius: 100%; border: 1px solid var(--secondary-color);}
.talent-circles .circle .wrap {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #9AADC2; font-size: var(--font-size-22); line-height: 1em; font-weight: 600;}
.talent-items {display: flex; flex-wrap: wrap; gap: 25px;}
.talent-item {width: calc((100% - 25px) / 2); font-size: var(--font-size-20); line-height: 1.7em;}
.talent-item .en-tit {margin-top: var(--space-25); margin-bottom: var(--space-15); color: #9AADC2; font-weight: 600; line-height: 1em;}
.talent-item h3 {margin-bottom: var(--space-25); font-size: var(--font-size-28); line-height: 1em; color: var(--secondary-color);}

/* Legal Document Styles */
.legal-document {display: flex; flex-direction: column; gap: var(--legal-gap-70);}
.legal-intro {background: #f3f8fc; padding: var(--space-30); border-radius: var(--radius-16); font-weight: 600; font-size: var(--font-size-16); line-height: 1.875em; color: #505050;}
.legal-section {display: flex; flex-direction: column; gap: var(--legal-gap-30);}
.legal-section h2 {font-weight: 700; font-size: var(--font-size-20); line-height: 1em; color: var(--dark-color);}
.legal-section h3 {margin-bottom: var(--space-20); font-weight: 700; font-size: var(--font-size-17); line-height: 1em; color: var(--dark-color);}
.legal-section h3 + p, .legal-section h5 + p {margin-bottom: 5px;}
.legal-content {display: flex; flex-direction: column; gap: var(--legal-gap-24);}
.legal-content p {font-size: var(--font-size-16); line-height: 1.875em; color: #505050; margin: 0;}

/* Legal List Types */
.legal-list-type1 {display: flex; flex-direction: column; align-items: flex-start; list-style: none; counter-reset: korean-counter;}
.legal-list-type1>li {padding-left:1em; text-indent: -1em; font-size: var(--font-size-16); line-height: 1.875em; color: #505050; margin: 0; position: relative;}

.legal-list-type2 {padding-left: 1em; display: flex; flex-direction: column; align-items: flex-start; list-style: decimal;}
.legal-list-type2>li {padding-left: 0; text-indent: 0; font-size: var(--font-size-16); line-height: 1.875em; color: #505050; margin: 0;}

.legal-list-type3, .legal-list-type4 {display: flex; flex-direction: column; align-items: flex-start; padding-left: 20px; list-style: hangul;}
.legal-list-type3>li {text-indent:0;font-size: var(--font-size-14); line-height: 2em; color: var(--gray-color); margin: 0;}
.legal-list-type4>li {text-indent: 0;}

.legal-list-type5>li {text-indent: -1em; padding-left: 1em; font-size: var(--font-size-14); color: var(--gray-color); line-height: 2em;}
.legal-list-type6>li {text-indent: -1em; padding-left: 1em; color: var(--gray-color); line-height: 2em;}

.legal-contact {display: flex; flex-direction: column; gap: var(--legal-gap-24); align-items: flex-start;}
.legal-contact h3 {margin-bottom: var(--legal-gap-12); font-weight: 700; font-size: var(--font-size-17); line-height: 1em; color: var(--dark-color);}
.legal-content h3 + h4 {margin-top: var(--legal-gap-12);}
.legal-content h4 {margin-bottom: var(--legal-gap-12); font-size: var(--font-size-16); font-weight: 400;}
.legal-content h5 {font-size: var(--font-size-16); font-weight: 400;}
.legal-contact p {font-size: var(--font-size-14); line-height: 2em; color: #505050; margin: 0;}
.legal-table {width: 100%;}
.legal-table table {width: 100%; border-collapse: collapse; border-top: 2px solid #ccc;}
.legal-table th {font-weight: 600; line-height: 1.5em; color: var(--dark-color); text-align: left;}
.legal-table th.type2 {font-weight: 500; line-height: 1.875em; color: #676767;}
.legal-table td {line-height: 1.875em; color: #676767;}
.legal-table th, .legal-table td {padding: var(--legal-gap-12) var(--space-20); font-size: var(--font-size-16); border-bottom: 1px solid #eee;}
.legal-history h3 {margin-bottom: var(--legal-gap-24); font-weight: 700; font-size: var(--font-size-20); line-height: 1em; color: var(--gray-color);}
.legal-history-list {position: relative;}
.legal-history-list span {display: flex; justify-content: space-between; align-items: center; padding: var(--legal-gap-12) 20px; border-radius: 8px; border: 1px solid #DFDFDF; font-weight: 600; font-size: var(--font-size-16); line-height: 1.875em; color: var(--dark-color); cursor: pointer}
.legal-history-list span:after {content: ''; display: block; width: 14px; height: 14px; background: url('/images/bbs/select.svg') center center no-repeat; background-size: contain;}
.legal-history-list ul {display: none;position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #eee; border-radius: 8px; overflow: hidden;}
.legal-history-list li:not(:last-child) {border-bottom: 1px solid #eee;}
.legal-history-list li a {display: block; padding: var(--legal-gap-12) 20px; font-size: var(--font-size-16); line-height: 1.875em; color: var(--dark-color);}
.legal-history-list li:hover {background: #f4f4f4;}
.legal-process {display: flex; gap: 20px;}
.legal-process-item {display: flex; flex-direction: column;flex: 1; position: relative;}
.legal-process-item:not(:last-child):after { content: ''; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); display: block; width: 25px; height: 12px; background: url('/images/sub/process-arrow.png') center center no-repeat; background-size: contain;}
.legal-process-tit{padding: var(--space-15); border: 1px solid var(--dark-color); margin-bottom: 10px; font-weight: 600; color: var(--dark-color);}
.legal-process-cnt {flex: 1; border: 1px solid #dfdfdf; padding: var(--space-30);}
.legal-process-cnt strong {display: block; margin-bottom: var(--space-20); font-weight: 600;}
.legal-process-cnt p { color: #676767;}
.legal-process-cnt span {display: block; margin-top: var(--space-20); color: var(--gray-color); }
.legal-notice {margin-top: 25px; padding: var(--space-30); border-radius: var(--radius-16);background: #F3F8FC; font-weight: 600;}
.notice-content a {display: inline-block; font-weight: 600;}

.hyphen-list>li {text-indent: -10px; padding-left: 10px; font-size: var(--font-size-14); line-height: 1.5em; color: #505050;}
.hyphen-list>li:not(:last-child) {margin-bottom: 7px;}
.hyphen-list>li:before {content: "-"; font-weight: 700; margin-right: 5px;}
.hyphen-list.type2 li {color: var(--gray-color);}
.hyphen-list.type3>li {font-size: var(--font-size-16); gap: 0 5px;}
.hyphen-list.type3>li .flex1 {text-indent: 0;} 
.dot-list>li {text-indent: -10px; padding-left: 10px;}
.dot-list.type2>li, .dot-list.type3>li {text-indent: -1em; padding-left: 1em;}
.dot-list>li:before {content: "·"; margin-right: 7px;}
.dot-list.type2>li:before {content: '•'; color: var(--primary-color);}
.dot-list.type3>li:before {content: '•'; color: var(--dark-color);}

/* 개인정보 동의 페이지 스타일 */
.agree-page {display: flex; flex-direction: column; gap: var(--space-70); align-items: center; justify-content: flex-start; position: relative; width: 100%;}
.agree-content {display: flex; flex-direction: column; gap: var(--space-70); align-items: flex-start; justify-content: flex-start; position: relative; width: 1400px; max-width: 100%;}
.page-complaint .agree-content {gap: var(--space-40);}
.agree-title {display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start; justify-content: flex-start;}
.agree-title h2 { font-weight: 800; font-size: var(--font-size-24); color: #2c2c2c; line-height: 1em;}
.agree-title p {font-weight: 400; font-size: var(--font-size-18); color: #505050; line-height: 1.67em;}
.agree-section {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; width: 100%;}
.agree-section-title {display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start; justify-content: flex-start; position: relative; width: 100%;}
.agree-section-title h3 {margin-bottom: var(--space-25); font-weight: 700; font-size: var(--font-size-20); color: var(--primary-color); line-height: 1em;}
.agree-apply-content {box-sizing: border-box;  padding: var(--space-40); position: relative; border-radius: 16px; width: 100%; border: 1px solid #eeeeee;}
.agree-apply-content p {font-weight: 400; font-size: var(--font-size-16); color: #505050; line-height: 1.5em; margin: 0 0 10px 0;}
.agree-apply-content p:last-child {margin-bottom: 0;}
.agree-check {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; margin-top: var(--space-40);}
.agree-check-label {font-weight: 700; font-size: var(--font-size-18); color: #2c2c2c; line-height: 1em;}
.agree-check-label .agree-required {color: #a8a8a8;}
.agree-check-options {display: flex; gap: var(--space-30); align-items: flex-start; justify-content: flex-start; position: relative;}
.agree-check-options label {display: flex; gap: 8px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; font-weight: 600; font-size: var(--font-size-18);}
.agree-check-options input[type="radio"] {width: 20px; height: 20px; margin: 0 !important;}
.auth-section {display: flex; flex-direction: column; gap: var(--space-40); align-items: flex-start; justify-content: flex-start; position: relative; width: 1400px; max-width: 100%;}
.auth-section h2 {font-weight: 800; font-size: var(--font-size-24); color: #2c2c2c; line-height: 1em;}
.auth-notice {background: #f3f8fc; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start; justify-content: center; padding: 44px var(--space-40); border-radius: 16px; width: 100%;}
.auth-notice-header {display: flex; gap: 10px; align-items: center; justify-content: flex-start; position: relative;}
.auth-notice-header img {width: 20px; height: 20px;}
.auth-notice-header span {font-weight: 700; font-size: var(--font-size-18); color: var(--primary-color); line-height: 1em;}
.auth-notice p {font-weight: 400; font-size: var(--font-size-18);}
.auth-notice ul {font-weight: 400; font-size: var(--font-size-16); color: #505050; line-height: 1.5em; margin: 0; padding-left: 0; list-style: none;}
.auth-notice li {margin-bottom: 10px;}
.auth-notice li:last-child {margin-bottom: 0;}
.auth-form {box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-30); align-items: flex-start; justify-content: center; padding: var(--space-40); position: relative; border-radius: 16px; width: 100%; border: 1px solid #eeeeee;}
.auth-form-row {display: flex; gap: 7px var(--space-30); align-items: center; justify-content: flex-start; position: relative; width: 100%;}
.auth-form-row label {font-weight: 700; font-size: var(--font-size-18); color: #2c2c2c; line-height: 1em; width: 126px; flex-shrink: 0;}
.auth-form-row .input {min-width:280px; background-color: #f8f8f8; box-sizing: border-box; height: 56px; padding: 0 var(--space-20); border-radius: 8px; border: none; font-weight: 500; font-size: var(--font-size-16); color: #a8a8a8; line-height: 1em;}
.auth-form-row .input[type="email"] {flex:1;}
.auth-form-row .input:focus {outline: none; background: #fff; color: #2c2c2c;}
.auth-form-row .input::placeholder {color: #a8a8a8;}
.birth-wrap {display: flex; gap: 6px;}
.birth-wrap .ui-datepicker-trigger {width: 56px; height: auto; border-radius: 8px; background-image: url('/images/bbs/datepicker_white.png');}
.auth-verify-btn {background: var(--secondary-color); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border-radius: 8px; width: 56px; height: 56px; border: none; cursor: pointer;}
.auth-verify-btn img {width: 24px; height: 24px;}
.auth-form-row .auth-notice-text {font-weight: 600; font-size: var(--font-size-16); color: #a8a8a8; line-height: 1em;}
.agree-next-btn {display: flex; gap: 8px; align-items: center; justify-content: center; padding: var(--space-20) 34px; position: relative; border-radius: 500px; border: 1px solid #dfdfdf;}
.agree-next-btn button {display: flex; gap: 8px; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; font-weight: 700; font-size: var(--font-size-18); color: #2c2c2c; line-height: 1em;}
.agree-next-btn button img {width: 10px; height: 8px;}

/* 지원하기 폼 스타일 */
.form-section {display: flex; flex-direction: column; margin-bottom: var(--space-70); align-items: flex-start; justify-content: flex-start; position: relative; width: 100%;}
.apply-header {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; padding-bottom: var(--space-30); border-bottom: 2px solid var(--dark-color);}
.apply-header h3 {font-weight: 800; font-size: var(--font-size-24); color: var(--dark-color); line-height: 1.6667em;}
.apply-header.type2 {border-bottom: 0;}
.apply-header.type3 {border-bottom: 0; flex-direction: column; align-items: normal; gap: var(--space-20); font-size: var(--font-size-18); padding-bottom: 0; margin-bottom: var(--space-40);}
.cover-letter .apply-header h3 {text-indent: -1em; padding-left: 1em;}
.apply-content {display: flex; flex-direction: column; position: relative; width: 100%; padding: var(--space-30) 0; border-bottom: 1px solid #cccccc;}
.apply-content.type2 {padding: 0;}
.apply-content.type2>*:not(:last-child), .apply-content.type3>*:not(:last-child) {border-bottom: 1px solid #ddd}
.apply-content.type2 .form-group {padding: var(--space-50) 0;}
.apply-content.type3 {padding: 0;}
.apply-content.type3>*, .apply-content.type5 .group {padding: var(--space-20) 0;}
.apply-content.type4 {padding: var(--space-45) var(--space-40); border-radius: var(--radius-16);background: #F3F8FC; border: 0;}
.apply-content.type4 .form-group {padding: 12px 0;}
.apply-content.type4 .auth-notice-header {margin-bottom: var(--space-35);}

.form-help-txt {margin-top: var(--space-30);}
.form-row {display: flex; gap: var(--space-40) var(--space-80); align-items: flex-start; justify-content: flex-start; position: relative; width: 100%;}
.form-group {flex: 1; width: calc((100% - var(--space-80)) / 2); display: flex; align-items: center; justify-content: space-between; position: relative; padding: var(--space-20) 0;}
.form-label {width: 180px; align-items: center; justify-content: flex-start; position: relative; padding-right: 20px;}
.label-text {position: relative; display: block; padding-left: 20px; text-indent: -20px; font-weight: 600; font-size: var(--font-size-20); line-height: 1.6em; color: var(--dark-color);}
.label-text:before {display: inline-block; text-indent:0; margin-right: 8px; content: '⦁'; font-size: 26px; font-weight: 800; color: var(--primary-color);}
.label-text.off:before {color: #ccc;}
.form-group .input {flex: 1; width: 100%; box-sizing: border-box; height: 56px; padding: 0 var(--space-20); border-radius: 8px; border: 1px solid #dfdfdf; font-weight: 500; font-size: var(--font-size-16); color: #cccccc; line-height: 1em;}
.form-group .input:focus {outline: none; background-color: #fff; color: var(--dark-color);}
.form-group .input::placeholder {color: #cccccc;}
.form-group .input[readonly] {background: #fff; color: #505050;}
.form-group .input.readonly, .form-group .input.readonly[readonly] {background: #f8f8f8; color: #505050;}
.form-group .input-wrap {flex:1; display: flex; align-items: center; padding: 0 var(--space-20); border-radius: 8px; border: 1px solid #dfdfdf;}
.form-group .input-wrap .input {border: 0; padding-left: 0;}
.form-group .input.textarea {height: 240px; padding: var(--space-20)}
.page-complaint-view .form-group .input {border: 0;}
.page-complaint-view .form-group .input.textarea {max-height: 56px;}
.form-group-inline  {flex: 1; display: flex; gap: 10px; align-items: center;}
.photo-upload {display: flex; gap: var(--space-25); align-items: flex-start; justify-content: flex-start; position: relative; width: 100%;}
.photo-upload-preview {width: 103px;}
.photo-upload-preview .img {position: relative; width: 100%; padding-bottom: 128.156%;border-radius: 8px; overflow: hidden; cursor: pointer;}
.photo-upload-preview img {position: absolute; width: 100%; height: 100%; object-fit: cover;}
.photo-upload-preview span {font-weight: 700; font-size: var(--font-size-15); color: #9aadc2; line-height: 1em; text-align: center;}
.photo-info {flex:1;display: flex; flex-direction: column; gap: var(--space-15); align-items: flex-start; justify-content: flex-start;}
.score-unit {font-weight: 500; font-size: var(--font-size-16);}
.date-separator {font-weight: 500; font-size: var(--font-size-16); color: #2c2c2c; line-height: 1em;}
.cert-actions {display: flex; gap: var(--space-30); align-items: center; justify-content: flex-end;}
.cert-actions button {display: flex; align-items: center; gap: 6px; padding: 0; border: none; background: none; cursor: pointer; font-weight: 700;}
.cert-actions button::before {content: ''; width: 16px; height: 16px; background: url('/images/bbs/btn-add.png') no-repeat center center; background-size: contain;}
.cert-actions button.btn-cert-remove {color: var(--primary-color);}
.cert-actions button.btn-cert-remove::before {background-image:url('/images/bbs/btn-remove.png')}
.photo-info h4 {font-weight: 700; font-size: var(--font-size-17); color: var(--dark-color); line-height: 1em;}
.address-group > .flex-wrap {max-width: 380px; gap: 4px;}
.address-group a {display: flex; align-items: center; justify-content: center; padding: 5px var(--space-20); border-radius: 8px;}
.btn-postcode {background: var(--dark-color); display: flex; align-items: center; justify-content: center; padding: 0 var(--space-20); border-radius: 8px; border: none; font-weight: 700; font-size: var(--font-size-18); color: #fff; line-height: 1em; height: 56px; cursor: pointer;}
.date-separator {font-weight: 500; font-size: var(--font-size-16); color: var(--dark-color); line-height: 1em;}
.section-actions {display: flex; gap: var(--space-30); align-items: flex-start; justify-content: flex-start; position: relative;}
.btn-action {display: flex; gap: 6px; align-items: center; justify-content: flex-start; position: relative; border-radius: 8px; background: none; border: none; cursor: pointer;}
.btn-action img {width: 20px; height: 20px;}
.btn-action span {font-weight: 700; font-size: var(--font-size-15); color: var(--dark-color); line-height: 1em;}
.btn-action.primary span {color: var(--primary-color);}
.form-actions {display: flex; gap: 8px; align-items: center; justify-content: center; padding: var(--space-20) 34px; position: relative; border-radius: 500px; border: 1px solid #dfdfdf;}
.btn-next {display: flex; gap: 8px; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; font-weight: 700; font-size: var(--font-size-18); color: var(--dark-color); line-height: 1em; text-decoration: none;}
.btn-next img {width: 10px; height: 8px;}
.textarea-help-text {text-align: right; font-size: var(--font-size-15); font-weight: 600; color: #a8a8a8; line-height: 1em; margin-bottom: var(--space-20);}

.complete-box {padding: var(--space-70) var(--space-40); border-radius: var(--radius-16); background: #F3F8FC; line-height: 1.7778em;}
.complete-box h2 {margin:var(--space-40) 0 var(--space-25); font-size: var(--font-size-28); color: var(--dark-color); font-weight: 800;}
.grade-input-group {display: flex; gap: 6px; align-items: center; justify-content: flex-start;}
.grade-input-group .flex-bottom {gap: 6px;}
.grade-input {max-width: 80px; text-align: center;}
.grade-separator {font-weight: 600; font-size: var(--font-size-16);}
.grade-select {flex: 1;}
.oath-section {display: flex; flex-direction: column; gap: var(--space-40); align-items: center; justify-content: flex-start; margin-bottom: var(--space-70);}
.oath-text {font-weight: 400; font-size: var(--font-size-18);}
.oath-signature {display: flex; flex-direction: column; gap: var(--space-25); align-items: center; justify-content: center; width: 380px; border-radius: var(--radius-16);}
.oath-date {font-weight: 600; font-size: var(--font-size-18);}
.oath-date strong {font-weight: 600; color: #505050;}
.oath-signature-row {display: flex; gap: var(--space-25); align-items: center; justify-content: center;}
.oath-label {font-weight: 600; font-size: var(--font-size-18);}
.oath-signature-info {display: flex; gap: var(--space-15); align-items: center; justify-content: flex-start;}
.oath-name {font-weight: 700; font-size: var(--font-size-24); color: var(--primary-color); line-height: 1em;}
.oath-checkbox {display: flex; gap: 8px; align-items: center; justify-content: center;}
.oath-checkbox input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid #dfdfdf; border-radius: 4px; background: #fff; margin-top: 0 !important;}
.oath-checkbox label {font-weight: 500; font-size: var(--font-size-16); color: #878787; line-height: 1em; cursor: pointer;}
.form-agree .checkbox label:before {border-radius:100%; background-color: #fff;}

/* 민원 리스트 아이템 */
.complaint-list li:not(:last-child) {margin-bottom: 10px;}
.complaint-list-item {display:flex; flex-direction:column; gap:var(--space-25); align-items:flex-start; justify-content:flex-start; padding:var(--space-45) var(--space-40); position:relative; border-radius:var(--radius-16); width:100%; border:1px solid #eeeeee;}
.complaint-list-number {font-weight: 700;font-size:var(--font-size-18); color:#68abd7; line-height:18px;}
.complaint-list-number .number {color:var(--primary-color);}
.complaint-list-content {display:flex; flex-direction:column; gap:var(--space-40); align-items:flex-start; justify-content:flex-start; width:100%;}
.complaint-list-title {font-weight: 800;font-size:var(--font-size-24); color:#2c2c2c; line-height:24px;}
.complaint-list-info {display:flex; align-items:flex-start; justify-content:space-between; width:100%; font-weight: 700;}
.complaint-list-tags {display:flex; gap:10px; align-items:flex-start; justify-content:flex-start;}
.complaint-list-tag {display:flex; gap: 5px 10px; align-items:center; justify-content:center; padding:var(--space-12) var(--space-15); background-color:#f8f8f8; border-radius:8px; line-height: 1em;}
.complaint-list-tag .label {font-weight: 600;font-size:var(--font-size-16); color:#a8a8a8;}
.complaint-list-tag .value { color:#505050;}
.complaint-list-actions {display:flex; gap:10px; align-items:flex-start; justify-content:flex-start;}
.complaint-list-actions button, .complaint-list-actions a {display:flex; gap:10px; align-items:center; justify-content:center; padding:var(--space-12) var(--space-20); line-height: 1em; font-weight: 700;}
.btn-detail {border:1px solid var(--primary-color); border-radius:500px; background:transparent;  color:var(--primary-color); cursor:pointer;}
.btn-detail:hover {background: var(--primary-color); color: #fff;}
.btn-cancel {border:1px solid var(--secondary-color); border-radius:500px; background:transparent;  color:var(--secondary-color); cursor:pointer;}
.btn-cancel:hover {background: var(--secondary-color); color: #fff;}

.page-cs-apply .legal-section {gap: var(--space-20)}
.page-cs-apply .legal-section h2 {font-size: var(--font-size-24); font-weight: 800;}



/* 이력서 출력용 스타일 */
.resume-container { background: white; display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; }
.resume-top { display: flex; flex-direction: column; gap: var(--resume-gap); align-items: flex-start; padding: var(--resume-padding); position: relative; width: 100%; border-bottom: var(--resume-border-width) solid #eeeeee; }
.resume-header { display: flex; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; }
.resume-greeting { font-family: 'Pretendard', sans-serif; font-weight: 800; line-height: 30px; color: #2c2c2c; font-size: var(--resume-name-size); }
.resume-name { color: #0071bc; }
.resume-date { font-family: 'Pretendard', sans-serif; font-weight: 500; color: #a8a8a8; font-size: var(--resume-date-size); line-height: 8px; }
.resume-contents { display: flex; flex-direction: column; align-items: flex-start; padding: var(--resume-padding); position: relative; width: 100%; }
.resume-section { display: flex; flex-direction: column; gap: var(--resume-section-gap); align-items: center; position: relative; width: 100%; }
.resume-section-item { display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 100%; }
.resume-section-title { display: flex; align-items: center; padding-bottom: 16px; padding-top: 0; padding-left: 0; padding-right: 0; position: relative; width: 100%; border-bottom: var(--resume-title-border) solid #2c2c2c; }
.resume-title-text { font-family: 'Pretendard', sans-serif; font-weight: 800; color: #2c2c2c; font-size: var(--resume-title-size); line-height: 14px; }
.resume-section-content { display: flex; flex-direction: column; gap: var(--resume-section-gap); align-items: flex-start; padding: var(--resume-padding) 0; position: relative; width: 100%; border-bottom: var(--resume-border-width) solid #cccccc; }
.resume-info-row { display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; }
.resume-label-group { display: flex; gap: 8px; align-items: center; position: relative; width: 147px; }
.resume-dot { background: #0071bc; border-radius: 50%; width: var(--resume-dot-size); height: var(--resume-dot-size); }
.resume-label { font-family: 'Pretendard', sans-serif; font-weight: 600; color: #2c2c2c; font-size: var(--resume-label-size); line-height: 10px; }
.resume-content { font-family: 'Pretendard', sans-serif; font-weight: 500; color: #505050; font-size: var(--resume-content-size); line-height: 10px; }
.resume-content-group { display: flex; gap: 4px; align-items: center; position: relative; }
.resume-unit { font-family: 'Pretendard', sans-serif; font-weight: 400; color: #676767; font-size: 8px; line-height: 8px; }
.resume-photo-section { display: flex; gap: var(--resume-section-gap); align-items: center; position: relative; width: 100%; }
.resume-photo { width: 103px; height: 132px; position: relative; border-radius: 8px; }
.resume-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.resume-photo-info { display: flex; flex-direction: column; gap: var(--resume-padding); align-items: flex-start; flex: 1; }
.resume-help-text { font-family: 'Pretendard', sans-serif; font-weight: 400; color: #878787; font-size: var(--resume-help-size); line-height: 16px; }
.resume-bottom { display: flex; flex-direction: column; gap: var(--resume-gap); align-items: flex-start; padding: var(--resume-padding); position: relative; width: 100%; border-top: var(--resume-border-width) solid #eeeeee; }
.resume-bottom-content { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; position: relative; width: 100%; }
.resume-signature { display: flex; align-items: center; justify-content: space-between; position: relative; width: 547px; }
.resume-signature-text { display: flex; gap: 16px; align-items: center; position: relative; width: 364px; }
.resume-signature-label { font-family: 'Pretendard', sans-serif; font-weight: 500; color: #505050; font-size: var(--resume-content-size); line-height: 10px; }
.resume-signature-name { display: flex; gap: 6px; align-items: center; position: relative; }
.resume-signature-label-text { font-family: 'Pretendard', sans-serif; font-weight: 800; color: #2c2c2c; font-size: var(--resume-content-size); line-height: 10px; }
.resume-signature-name-text { font-family: 'Pretendard', sans-serif; font-weight: 800; color: #0071bc; font-size: var(--resume-content-size); line-height: 10px; }
.resume-signature-date { font-family: 'Pretendard', sans-serif; font-weight: 500; color: #a8a8a8; font-size: var(--resume-date-size); line-height: 8px; }
.resume-final-text { font-family: 'Pretendard', sans-serif; font-weight: 400; color: #878787; font-size: var(--resume-help-size); line-height: 16px; }

/* adjust-info page styles */
.page-adjust-info { display: flex; flex-direction: column; gap: var(--space-70); }
.adjust-section { display: flex; flex-direction: column; gap: var(--space-30); }
.adjust-section-title { font-size: var(--adjust-font-24); font-weight: 800; color: var(--dark-color); line-height: 1em; }
.adjust-notice-box { background: #f3f8fc; padding: var(--space-40); border-radius: var(--radius-16); font-size: var(--adjust-font-20); font-weight: 600; color: var(--dark-color); line-height: 1.7em; }
.adjust-notice-box p { margin: 0; }
.adjust-content { display: flex; flex-direction: column; gap: var(--adjust-gap-24); color: #505050; line-height: 1.67em; }
.adjust-content p { margin: 0; }
.adjust-document-list { display: flex; gap:10px; }
.adjust-document-item { flex: 1; background: #f8f8f8; border-radius: var(--radius-16); padding: var(--space-30) 0; display: flex; flex-direction: column; gap: var(--adjust-padding-16); align-items: center; justify-content: center; }
.adjust-document-number { width: var(--space-40); height: var(--space-40); border-radius: 50%; background: #fff; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-14); font-weight: 600; color: #676767; }
.adjust-document-name { min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: var(--adjust-font-18); font-weight: 600; color: #505050; line-height: 1.67em; text-align: center; }
.adjust-document-name p { margin: 0; }
.adjust-content-box { border: 1px solid #eee; border-radius: var(--radius-16); padding: var(--space-40); display: flex; flex-direction: column; gap: var(--space-12); }
.adjust-content-item { display: flex; gap: var(--adjust-gap-10); align-items: flex-start; }
.adjust-content-dot { width: var(--adjust-size-4); height: var(--adjust-size-4); border-radius: 50%; background: var(--primary-color); flex-shrink: 0; margin-top: 8px; }
.adjust-content-item p { margin: 0; font-size: var(--adjust-font-18); color: #505050; line-height: 1.11em; }
.page-adjust-law { display: flex; flex-direction: column; gap: var(--space-70); }
.adjust-notice-btn { display: inline-flex; gap: var(--adjust-gap-8); align-items: center; justify-content: center; padding: var(--space-20) 34px; border: 1px solid #dfdfdf; border-radius: 500px; font-size: var(--adjust-font-18); font-weight: 700; color: var(--dark-color); text-decoration: none; }
.adjust-notice-btn-arrow { width: 24px; height: 24px; background: #121212; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.adjust-notice-btn-arrow::after { content: ''; width: 10px; height: 8px; background: url('http://localhost:3845/assets/56894c81f9c5dea9579c6549437c25d30aae3360.svg') center center no-repeat; background-size: contain; }
.adjust-support-list { display: flex; flex-direction: column; gap: var(--space-30); }
.adjust-support-item strong { font-weight: 600; }
.asset-detail-gallery {gap: 10px;}
.asset-detail-map {width: 70%; max-width: 970px;}
.asset-detail-gallery .asset-image {padding-bottom: 100%;}

.btn-group-center {display: flex; gap: 10px; justify-content: center; align-items: center; margin-top: var(--space-40);}
.btn-step {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-15) var(--space-30); border-radius: 50px; font-size: var(--font-size-16); font-weight: 600; cursor: pointer; border: 1px solid #dfdfdf; transition: all 0.2s;}
.btn-next-step {background: var(--dark-color); color: #fff; border-color: var(--dark-color);}
.btn-next-step:hover {background: #333; border-color: #333;}
.btn-submit-step {background: var(--primary-color); color: #fff; border-color: var(--primary-color);}
.btn-submit-step:hover {opacity: 0.9;}
.btn-prev-step {background: #fff; color: #666; border-color: #ccc;}
.btn-prev-step:hover {background: #f5f5f5; color: #333;}
.btn-temp-save {background: #f0f7ff; color: var(--primary-color); border-color: var(--primary-color);}
.btn-temp-save:hover {background: #e0efff;}
.btn-temp-save:disabled {opacity: 0.6; cursor: not-allowed;}
.btn-temp-save .countdown-timer {font-weight: 400; font-size: var(--font-size-14);}
.temp-save-toast {position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 8px; font-size: var(--font-size-14); font-weight: 500; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: all 0.3s;}
.temp-save-toast.saving {background: #fff3cd; color: #856404; border: 1px solid #ffc107;}
.temp-save-toast.success {background: #d4edda; color: #155724; border: 1px solid #28a745;}
.temp-save-toast.error {background: #f8d7da; color: #721c24; border: 1px solid #dc3545;}