@charset "UTF-8";


/* 로그인 */
.info-wrap .login {width: 520rem; margin: 0 auto;}
.info-wrap .login .form-input {width: 100%;}
.info-wrap .login .form-input .input-area {width: 100%;}
.info-wrap .login .form-input .input-area input {height: 58rem; padding: 0 56rem 0 16rem; border-radius: 12rem;}
.info-wrap .login .form-input .input-area .i-show {top: 50%; transform: translateY(-50%);}

.info-wrap .login .captcha-wrap {display: flex; justify-content: center; margin: 12rem auto 16rem;}

.info-wrap .login .btn-wrap.login-btn a {width: 100%;}

.info-wrap .login .links {display: flex; color: #454855; margin-top: 24rem; justify-content: space-between;}
.info-wrap .login .links div:first-of-type {display: flex; gap: 25rem;}
.info-wrap .login .links div:first-of-type a:first-of-type {position: relative;}
.info-wrap .login .links div:first-of-type a:first-of-type::after {content: ""; width: 1px; height: 13rem; background: #D3D6DE; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -14rem;}

.info-wrap .login .msg-info {background: #F3F4F7; padding: 16rem 24rem; color: #6D6F79; margin: 32rem 0 40rem; border-radius: 12rem;}
.info-wrap .login .msg-info .dot-txt p + p {margin-top: 8rem;}
.info-wrap .login .msg-info .dot-txt p {padding-left: 12rem;}
.info-wrap .login .msg-info .dot-txt p::before {content: "※"; width: unset; height: unset; background: unset; top: 0;}
.info-wrap .login .msg-info + .btn-wrap {width: 100%; flex-wrap: wrap; gap: 12rem;}
.info-wrap .login .msg-info + .btn-wrap a {width: 100%; margin-left: 0;}

.info-wrap .form-done .tit {padding-top: 90rem; background: url("/common/images/ico-employ-done.svg") no-repeat top center / 60rem;}

@media (max-width: 1024px) {
	.info-wrap .login {width: 100%;}
	.info-wrap .sub-tit {margin-bottom: 40rem;}

	.info-wrap .login .links div:first-of-type {gap: 0;}
	.info-wrap .login .links div:first-of-type a:first-of-type {margin-right: 25rem;}

	.info-wrap .login .msg-info + .btn-wrap {gap: 0;}
	.info-wrap .login .msg-info + .btn-wrap a + a {margin-top: 12rem;}

	.info-wrap .form-done .tit {padding-top: 76rem;}
}


/* 임시비밀번호 변경 */
.form-wrap .form-div.password .ul {border-top: 1rem solid #101116;}
.form-wrap .form-div.password .ul .li .form-input .input-area {width: 328rem;}

@media (max-width: 1024px) {
	.form-wrap .form-div.password .ul {border-top: none;}
	.form-wrap .form-div.password .ul .li .form-input .input-area {width: 100%;}
}


/* 회원가입 */
.mem-step {text-align: center; display: flex; gap: 40rem; justify-content: center; margin-bottom: 60rem; position: relative;}
.mem-step div {width: 128rem; position: relative;}
.mem-step div::after {content: ""; width: 96rem; height: 1px; background: #E1E4EC; display: block; position: absolute; top: 16rem; right: -67rem;}
.mem-step div:last-of-type:after {display: none;}
.mem-step div .f14b {width: 32rem; height: 32rem; background: #fff; border-radius: 450rem; display: inline-flex; align-items: center; justify-content: center; color: #6D6F79; position: relative; z-index: 2; border: 1px solid #E1E4EC; line-height: 31rem;}
.mem-step div .f16b {margin-top: 16rem; color: #6D6F79;}
.mem-step div.on .f14b {background: #D93A33; color: #fff;}
.mem-step div.on .f16b {color: #D93A33;}

.mem-step + .form-wrap .form-input .input-area.password {width: 328rem;}
.mem-step + .form-wrap .form-checkbox input + label {font-family: "Pretendard-Regular";}

.form-wrap .form-input.has-school-name .for-flex .input-area .pop-input {width: 328rem; border-radius: 6rem; border: 1rem solid #6D6F79;}
.form-wrap .form-input.has-school-name .for-flex .input-area .pop-input input {width: 100%; border: none;}
.form-wrap .form-input.has-school-name .for-flex .input-area .pop-input .search-pop-open {display: none;}
.form-wrap .form-input.has-school-name .for-flex .input-area .pop-input.has-search .search-pop-open {display: block;}
.form-wrap .form-input.has-school-name .for-flex .form-checkbox input + label {padding-bottom: 0; font-family: "Pretendard-Regular";}

.form-wrap .form-div.identity .form-tit {padding: 0; border-bottom: none;}

.form-done {padding: 60rem; border-radius: 12rem; text-align: center; margin-bottom: 60rem; background: #F3F4F7;}
.form-don p, .form-done span {word-break: break-all !important;}
.form-done .f24r b {font-family: "Pretendard-Bold";}
.form-done .txt {margin-top: 16rem;}
.form-done .txt p + p {margin-top: 8rem;}
.form-done .txt p + .add-txt {color: #6D6F79; margin-top: 12rem;}
.form-done img {max-width: 100%;}
.form-done .btn-wrap {margin-top: 32rem;}
.form-done .btn-wrap a {width: 150rem;}
.form-done + .btn-wrap a {width: 300rem;}
.mypage .form-done + .btn-wrap a {width: 150rem;}

@media (max-width: 1024px){
	.mem-step {margin-bottom: 40rem; gap: 0;}
	.mem-step div {width: 120rem;}
	.mem-step div::after {width: 43rem; right: -22rem;}
	.mem-step div .f14b {line-height: 21rem;}
	.info-wrap:has(.mem-step) .sub-tit {margin-bottom: 20rem;}

	.mem-step + .form-wrap .form-input .input-area.password {width: 100%;}

	.form-wrap .form-div.identity .identifi-area .tab-identifi {margin-top: 10rem;}

	.form-done {padding: 60rem 30rem; margin-bottom: 40rem;}
	.form-done img {height: auto !important;}
	.form-done + .btn-wrap a {width: 100%;}
}


/* 비밀번호 확인 */
.form-wrap .form-div.chk-password .form-tit {padding-bottom: 30rem;}
.form-wrap .form-div.chk-password .form-input .input-area.password {width: 328rem;}

@media (max-width: 1024px){
	.form-wrap .form-div.chk-password .form-tit {padding-bottom: 0; border: none;}
	.form-wrap .form-div.chk-password .form-input .input-area.password {width: 100%;}
}


/* 회원 정보 수정 */
.form-wrap .form-div .ul .li  .form-input .input-area.password {width: 328rem;}

.form-wrap .form-div .ul .li .form-select.graduation-date .for-flex {align-items: center; width: 489rem;}
.form-wrap .form-div .ul .li .form-select.graduation-date .for-flex .select-area {width: 238.5rem;}
.form-wrap .form-div .ul .li .form-select.graduation-date .for-flex .select-area + .select-area {margin-left: 8rem;}

@media (max-width: 1024px){
	.form-wrap .form-div .ul .li .form-input .altxt {padding-top: 0;}
	.form-wrap .form-div .ul .li  .form-input .input-area.password {width: 100%;}

	.form-wrap .form-div .ul .li .form-input.has-name .has-btn {align-items: center;}
	.form-wrap .form-div .ul .li .form-input.has-name .has-btn .altxt {padding-top: 0;}
	.form-wrap .form-div .ul .li .form-input.has-name .has-btn .input-area {width: auto;}
	.form-wrap .form-div .ul .li .form-input.has-name .has-btn .btn-wrap {align-items: center; width: 56rem; margin-left: 8rem;}

	.form-wrap .form-div .ul .li .form-select.graduation-date {margin-top: 30rem;}
	.form-wrap .form-div .ul .li .form-select.graduation-date .for-flex {width: 100%;}
	.form-wrap .form-div .ul .li .form-select.graduation-date .for-flex .select-area {width: calc(50% - 4rem);}
}


/* 회원 탈퇴 */
.form-wrap .form-div.withdrawal {margin-bottom: 60rem;}
.form-wrap .form-div.withdrawal .form-textarea #reason-input {height: 176rem;}
.form-wrap .form-div.withdrawal .form-textarea #reason-input::placeholder {font-family: "Pretendard-Regular"; font-size: 16rem;}

@media (max-width: 1024px){
	.form-wrap .form-div.withdrawal {margin-bottom: 40rem;}
	.form-wrap .form-div.withdrawal .form-tit {padding-bottom: 16rem; border-bottom: none;}
	.form-wrap .form-div.withdrawal .ul {margin-top: 0;}

	.form-wrap .form-div.withdrawal .form-textarea #reason-input {height: 120rem;}
}


/* 채용공고 지원 */
.employ-wrap > .company {display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin: 0 auto 12rem; padding: 6rem 15rem; border-radius: 100rem; border: 1rem solid #E1E3EA; color: #6D6F79;}
.employ-wrap .sub-tit {margin-bottom: 80rem; text-align: center;}
.employ-wrap > .company + .sub-tit {margin-bottom: 24rem;}
.employ-wrap .info-desc {display: flex; justify-content: center; align-items: center; column-gap: 8rem; margin-bottom: 100rem; text-align: center;}
.employ-wrap .info-desc .level {padding: 4rem 8rem; border-radius: 4rem;}
.employ-wrap .info-desc .level.experienced {background-color: #F3F4F7; color: #101116;}
.employ-wrap .info-desc .d-day {padding: 4rem 8rem; background-color: #EEFFFF; border-radius: 4rem; color: #0F7A7A;}
.employ-wrap .info-desc .d-day.emer {background-color: #0D8383; color: #fff;}

.employ-wrap .mob-anchor {display: none;}

.employ-wrap .form-wrap.apply {display: flex; align-items: flex-start; column-gap: 60rem; position: relative;}
.employ-wrap .form-wrap.apply .form-div-w {width: 1072rem;}
.employ-wrap .form-wrap.apply .form-div-w .form-div {opacity: 1; transform: none; transition-duration: 0s; outline: none;}
.employ-wrap .form-wrap.apply .form-div-w .form-div .form-tit {margin-bottom: 40rem; border-bottom: 1rem solid #000;}

.employ-wrap.camre .notice-msg {margin-bottom: 20rem; color: #454855;}

.employ-wrap .apply-area {position: relative;}
.employ-wrap.camre .apply-area {padding-top: 0; border-top: none;}
.employ-wrap .apply-area.etc, .employ-wrap .apply-area.scholar {padding-top: 0;}
.employ-wrap .apply-area + .apply-area {margin-top: 60rem;}
.employ-wrap.camre .apply-area + .apply-area {margin-top: 100rem;}
.employ-wrap .apply-area .sub-tit {margin-bottom: 0; text-align: left;}
.employ-wrap .apply-area.basic .apply-box {display: flex; column-gap: 32rem; margin-top: 20rem;}
.form-wrap .photo-box {position: relative; width: 180rem;}
.form-wrap .photo-box .thumb {width: 100%; height: 240rem; margin-bottom: 8rem; background: url("/common/images/img-id-empty-thumb.jpg") no-repeat center center / cover; overflow: hidden;}
.form-wrap .photo-box .thumb img {width: 100%; height: 100%;}
.form-wrap .photo-box .tooltip-area {display: flex; justify-content: center; align-items: center; column-gap: 4rem; color: #5A5E6C;}
.form-wrap .photo-box .tooltip-area .btn-tooltip {display: block; position: relative; width: 14rem; height: 14rem; background: url("/common/images/ico-notice.svg") no-repeat center center / 14rem;}
.form-wrap .photo-box .tooltip-area .btn-tooltip span {display: block; position: absolute; top: 0; left: 0; width: 14rem; height: 14rem; font-size: 9rem; line-height: 1; opacity: 0; overflow: hidden;}
.form-wrap .photo-box .tooltip-area .msg {position: absolute; top: 275rem; left: 94rem; z-index: 1; width: 200rem; padding: 8rem; background-color: #F3F4F7; border-radius: 6rem; border: 1rem solid #6D6F79; visibility: hidden; opacity: 0; transition: .5s;}
.form-wrap .photo-box .tooltip-area .msg::after {content: ""; display: block; position: absolute; top: -8rem; left: 26rem; width: 12rem; height: 10rem; background: url("/common/images/ico-tooltip-arrow.svg") no-repeat center center / 12rem;}
.form-wrap .photo-box .tooltip-area .msg.active {visibility: visible; opacity: 1;}
.form-wrap .photo-box .btn-wrap { margin-top: 12rem;}
.form-wrap .photo-box .btn-wrap a {width: auto; height: auto; padding: 12rem 16rem; font-size: 16rem;}
.employ-wrap .apply-area .apply-box .ul {margin-top: 20rem; border-top: none;}
.employ-wrap .apply-area.basic .apply-box .ul {width: 860rem; margin-top: 0;}
.employ-wrap .apply-area.scholar .apply-box > .ul {margin-top: 0;}
.employ-wrap .apply-area .apply-box .ul .li {border-bottom: 1rem solid #E1E3EA;}
.employ-wrap .apply-area .apply-box .ul .li .col2 {display: flex; justify-content: space-between;}
.employ-wrap .apply-area .apply-box .ul .li .col2 > div + div {margin-left: 88rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input .input-area .pop-input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select {column-gap: 0;}
.employ-wrap .apply-area .apply-box .ul .li .form-select label {margin-right: 12rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select label.hidden {padding-top: 0;}
.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area {width: 160.5rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area + .select-area {margin-left: 8rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-radio-w {display: flex; gap: 12rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-radio-w > label {display: block; width: 150rem; font-family: "Pretendard-Bold"; font-size: 18rem; cursor: pointer;}
.employ-wrap .apply-area .apply-box .ul .li .form-radio-w > label span {display: flex; position: relative; gap: 3rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-radio-w.essen > label span::after {content: "*"; display: block; border-radius: 50rem; color: #EB0F0F;}

.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area {width: initial;}
.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .input-area {display: flex; align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .input-area input {width: 200rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .input-area span {padding: 0 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .form-select .select-area {width: 230rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name label {padding-top: 5rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box {display: flex; align-items: center; column-gap: 4rem; position: relative;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .altxt {padding-top: 0;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .btn-tooltip {width: 18rem; height: 18rem; background: url("/common/images/ico-notice.svg") no-repeat center center / 18rem; text-indent: -9999rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .msg {position: relative; margin: 0 0 0 5rem; padding: 8rem 12rem; background-color: #F3F4F7; border-radius: 6rem; border: 1rem solid #6D6F79; visibility: hidden; opacity: 0; transition: .5s; color: #000;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .msg.active {visibility: visible; opacity: 1;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .msg::before {content: ""; display: block; position: absolute; top: 50%; left: -9rem; width: 12rem; height: 9rem; background: url("/common/images/ico-tooltip-arrow.svg") no-repeat center center / 12rem; transform: translateY(-50%) rotate(-90deg);}

.employ-wrap.camre .apply-area .apply-box .ul .li .form-input.applicant-name label {padding: 15rem 0 0;}
.employ-wrap.camre .apply-area .apply-box .ul .li .form-input.applicant-name .name-box {padding-top: 15rem;}
.employ-wrap.camre .apply-area .apply-box .ul .li .form-input.applicant-name .name-box .msg {position: absolute; left: 86rem; z-index: 1; width: 223rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .eng, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn {display: flex; align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .eng {margin-top: 11rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn {margin-top: 16rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .eng p, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn p {margin-right: 12rem; font-family: "Pretendard-SemiBold";}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .input-area + .input-area {margin-left: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .input-area input {width: 308rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.address .has-btn {width: initial; margin-bottom: 16rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.address .has-btn .btn-wrap {width: auto;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.address .has-btn .btn-wrap a {width: 116rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.address .detail-address {display: flex; column-gap: 8rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.phone .for-flex, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .for-flex {align-items: center; column-gap: 4.5rem; width: calc(100% - 162rem);}
.employ-wrap .apply-area .apply-box .ul .li .form-select:has(#phone), .employ-wrap .apply-area .apply-box .ul .li .form-select .select-area:has(#phone), .employ-wrap .apply-area .apply-box .ul .li .form-select:has(#tel), .employ-wrap .apply-area .apply-box .ul .li .form-select .select-area:has(#tel), .employ-wrap .apply-area .apply-box .ul .li .form-input.phone .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.phone .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .input-area input {width: 89rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.sns .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.military .select-area {width: 151rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.military .select-area.hidden {display: none;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.military .select-area + .select-area {margin-left: 12rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.military-cate .for-flex {align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.military-cate .select-area {width: 151rem; margin-right: 12rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.military-cate .form-checkbox label {width: max-content; margin-right: 0; font-family: "Pretendard-Regular";}

.employ-wrap .apply-area .apply-box .ul .li .form-select.rank .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.veterans .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.veterans-num .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-select.disabled-person .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.disabled-person-detail .input-area input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.marriage .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.hobby .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-textarea {display: flex; justify-content: space-between;}
.employ-wrap .apply-area .apply-box .ul .li .form-textarea .textarea-box {width: 878rem; height: 170rem; padding: 16rem; border-radius: 8rem; border: 1rem solid #6D6F79;}
.employ-wrap .apply-area .apply-box .ul .li .form-textarea.detail-career .textarea-box, .employ-wrap .apply-area .apply-box .ul .li .form-textarea.apply-reason .textarea-box, .employ-wrap .apply-area .apply-box .ul .li .form-textarea.situation-strength .textarea-box {height: 440rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-textarea .textarea-box textarea {height: 100%; min-height: unset; padding: 0; border: none;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.scholar .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex {align-items: center; width: calc(100% - 162rem);}

.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex .select-area {width: 210rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex .select-area + .select-area {margin-left: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex span {margin: 0 8rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.school-name .input-area {display: flex; align-items: center; column-gap: 8rem; width: 314rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.school-name .input-area input {width: 100%;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.school-name .input-area input:read-only, .employ-wrap .apply-area .apply-box .ul .li .form-input.school-area .input-area input:read-only {background-color: transparent; pointer-events: auto; cursor: initial;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.day-night .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.grad-status .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.transfer-status .select-area {width: 314rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.transfer-status .select-area + .f12r {margin-top: 12rem; color: #737684;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.major .input-area input {width: 314rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.major .input-area input:read-only {pointer-events: auto; cursor: initial;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.double-major .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.sub-major .input-area input {width: 186rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.double-major .input-area input:read-only, .employ-wrap .apply-area .apply-box .ul .li .form-input.sub-major .input-area input:read-only {pointer-events: auto; cursor: initial;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .div {display: flex; align-items: center; column-gap: 4rem; position: relative; width: 150rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .div label {width: auto;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip {width: 18rem; height: 18rem; background: url("/common/images/ico-notice.svg") no-repeat center center / 18rem; text-indent: -9999rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip + .msg {position: absolute; top: 35rem; left: 59rem; z-index: 1; width: 173rem; padding: 8rem 12rem; background-color: #F3F4F7; border-radius: 6rem; border: 1rem solid #6D6F79; color: #101116; visibility: hidden; opacity: 0; transition-duration: .5s;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip + .msg::after {content: ""; display: block; position: absolute; top: -8rem; left: 12.5rem; width: 12rem; height: 10rem; background: url(/common/images/ico-tooltip-arrow.svg) no-repeat center center / 12rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip + .msg.active {visibility: visible; opacity: 1;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .for-flex {align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .input-area {width: 186rem; margin-right: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div .input-area {display: flex; align-items: center; width: 314rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div .now-working label {padding-bottom: 0; font-family: "Pretendard-Regular";}

.employ-wrap .apply-area .apply-box .ul .li .form-input.company-name .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.w-depart .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.w-area .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.fin-pos .input-area input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.w-respon .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.quit-reason .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.employ-form .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.annual-income .for-flex {align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.annual-income .input-area {width: 186rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.annual-income .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex {align-items: center; width: calc(100% - 162rem);}
.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex .select-area {width: 210rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex .select-area + .select-area {margin-left: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex span {margin: 0 8rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.country .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.act-name .input-area input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.award-imp .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.award-name .input-area input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.award-detail .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.award-date .input-area input {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.lang .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.lang-test-name .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.lang-level .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.prog-name .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.pc-level .select-area {width: 314rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .for-flex {align-items: center;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .for-flex + .for-flex {margin-left: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .input-area {width: 120rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .input-area input {width: 100%;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .form-select + span {margin-left: 8rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input .for-flex .input-area + span {margin-left: 8rem; display: inline-block;}
.employ-wrap .apply-area .apply-box .ul .li .form-select + span {display: inline-block;}

.employ-wrap .apply-area .apply-box .ul .li .form-select.lang-grade {width: 131rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.lang-grade .select-area {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.certi-name .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.certi-insti .input-area {width: 314rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-input.certi-name .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.certi-insti .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.certi-name .input-area input:read-only {pointer-events: initial;}

.employ-wrap .apply-area .apply-box .ul .li .form-radio-w .self-intro-choice {width: 878rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-radio-w .self-intro-choice .form-radio + .form-radio {margin-top: 16rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-radio-w .self-intro-choice .form-radio input {top: 50%; transform: translateY(-50%);}

.employ-wrap .apply-area .apply-box .self-intro-w .docu .form-radio-w {display: flex; align-items: center; margin-top: 20rem; padding: 20rem 16rem;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .form-radio-w > div + div {margin-left: 16rem;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .ul {margin-top: 0;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .ul .li {display: none; border-top: 1rem solid #E1E3EA;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .ul .li.active {display: block;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .for-flex {align-items: center; column-gap: 12rem; margin: 12rem 0;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .for-flex .f14m, .employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .docu-notice {color: #6D6F79;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .form-input {align-items: flex-start; column-gap: 8rem;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .file-btn {display: block; width: 120rem; height: 48rem; padding: 12rem 0; background-color: #C5C8D3; font-family: "Pretendard-Bold"; font-size: 16rem; text-align: center; color: #454855; word-break: break-all;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .file-btn + .input-area {display: none;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list {display: flex; flex-wrap: wrap; align-items: center; gap: 8rem; width: calc(100% - 128rem);}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list li {display: flex; align-items: center; column-gap: 12rem; width: 298rem; height: 48rem; padding: 12rem 16rem; border-radius: 6rem; border: 1rem solid #6D6F79; color: #6D6F79; overflow: hidden; text-overflow: ellipsis;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list li span {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 236rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list li .file-delete-btn {display: block; width: 24rem; height: 24rem; margin-left: auto; background: url("/common/images/ico-file-delete.svg") no-repeat center center / 24rem; text-indent: -9999rem;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-wrap.for-flex {flex-wrap: wrap; gap: 12rem;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-item {column-gap: 4rem; width: 338rem; margin: 0;}
.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-item input {width: 100%;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-proof .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-num .input-area input {width: 100%;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex {align-items: center; width: calc(100% - 162rem);}
.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex .select-area {width: 210rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex .select-area + .select-area {margin-left: 8rem;}
.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex span {margin: 0 8rem;}

.employ-wrap .apply-area .apply-box .additional-list .additional-item.first-item + .additional-item {margin-top: 60rem;}
.employ-wrap .apply-area.scholar .apply-box .additional.junior-col .additional-list .additional-item.first-item + .additional-item,
.employ-wrap .apply-area.lang-certi .apply-box .additional-list .additional-item.first-item + .additional-item {margin-top: 0;}

.employ-wrap .apply-area .apply-box .additional-list .additional-item + .additional-item .ul {margin-top: 0; border-top: 1rem solid #B1B5C3;}

.employ-wrap .apply-area .apply-box .additional-list .additional-item:last-of-type .btn-wrap.add-btn {padding-bottom: 0;}
.employ-wrap .apply-area .apply-box .additional-list .additional-item:first-of-type .btn-wrap.add-btn .delete,
.employ-wrap .apply-area .apply-box .additional-list .additional-item:not(:last-of-type) .btn-wrap.add-btn .add {display: none;}

.employ-wrap .apply-area.scholar .apply-box .additional-list .additional-item.first-item .btn-wrap.add-btn,
.employ-wrap .apply-area.career .apply-box .additional-list .additional-item.first-item .btn-wrap.add-btn {padding: 0;}
.employ-wrap .apply-area.scholar .apply-box .additional.junior-col .additional-list .additional-item.first-item .btn-wrap.add-btn {padding: 24rem 16rem;}

.employ-wrap .apply-area .apply-box .scholar-w, .employ-wrap .apply-area .apply-box .scholar-w > div + div {margin-top: 60rem;}
.employ-wrap.camre .apply-area .apply-box .scholar-w, .employ-wrap.camre .apply-area .apply-box .scholar-w > div + div {margin-top: 100rem;}
.employ-wrap .apply-area .apply-box .scholar-w > div.hidden {display: none;}
.employ-wrap .apply-area .apply-box .scholar-w .desc {margin-top: 12rem; color: #454855;}

.employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input .has-btn .input-area .pop-input {width: 186rem;}

.employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-select.grad-status .select-area, .employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input.school-name .input-area input, .employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input.school-area .input-area input {width: 314rem}

.employ-wrap .apply-area .apply-box .scholar-w > div:not(.under-hs, .hs) .ul .li .form-select.day-night .select-area {height: 48rem;}

.employ-wrap .apply-area .apply-box .ul .li .form-input.thesis-tit .input-area input {width: 100%;}

.employ-wrap .apply-area .apply-box .career-w > div + div, .employ-wrap .apply-area .apply-box .lang-certi-w > div + div, .employ-wrap .apply-area .apply-box .self-intro-w > div + div {margin-top: 60rem;}
.employ-wrap .apply-area .apply-box .career-w .desc, .employ-wrap .apply-area .apply-box .lang-certi-w .desc {margin-top: 12rem; color: #454855;}
.employ-wrap .apply-area .apply-box .career-w .desc + .desc {margin-top: 4rem;}

.employ-wrap .apply-area .apply-box .career-w .ul .li .form-input.w-period .for-flex {align-items: center;}
.employ-wrap .apply-area .apply-box .career-w .ul .li .form-input.w-period .div .now-working {position: initial; margin-top: 0; margin-left: 16rem;}

.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income .for-flex {column-gap: 16rem;}
.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income .for-flex .form-checkbox input + label {padding-bottom: 0; font-family: "Pretendard-Regular";}

.employ-wrap .apply-area .apply-box .career-w .activity.on-campus .ul .li .form-input.act-period .input-area input {width: 144rem;}

.employ-wrap .apply-area.guideline {padding-top: 0;}
.employ-wrap .apply-area.guideline .apply-box {padding: 40rem; background-color: #F3F4F7; border-radius: 6rem;}
.employ-wrap .apply-area.guideline .apply-box ul li::before {content: "·"; padding: 0 10rem;}
.employ-wrap .apply-area.guideline .apply-box ul li {display: flex; color: #30323B;}
.employ-wrap .apply-area.guideline .apply-box ul li + li {margin-top: 10rem;}

.employ-wrap .apply-area .apply-box .btn-wrap.add-btn {justify-content: flex-start; padding: 24rem 16rem;}
.employ-wrap .apply-area .apply-box .btn-wrap.add-btn .add {margin-left: auto;}

.employ-wrap .form-wrap .apply-utils {position: absolute; top: 0; right: calc((100% - 1366rem) / 2); width: 234rem;}
.employ-wrap .form-wrap .apply-utils.fixed {position: fixed; top: 146rem;}
.employ-wrap .form-wrap .apply-utils .saveDtm {padding: 0rem 5rem; text-align: left; background-color:#fff;}
.employ-wrap .form-wrap .anchor {width: 100%; padding: 32rem 24rem; border-radius: 12rem; border: 1rem solid #E1E4EC;}
.employ-wrap .form-wrap .anchor .swiper-wrapper {display: flex; flex-direction: column;}
.employ-wrap .form-wrap .anchor a {display: block; font-family: "Pretendard-SemiBold"; color: #6D6F79; transition: .7s;}
.employ-wrap .form-wrap .anchor a.on {font-family: "Pretendard-Bold"; font-size: 18rem; color: #000;}
.employ-wrap .form-wrap .anchor a + a {margin-top: 24rem;}
.employ-wrap .form-wrap .btn-wrap.util-btn {flex-direction: column; margin-top: 16rem;}
.employ-wrap .form-wrap .btn-wrap.util-btn button {display: inline-flex; justify-content: center; align-items: center; width: 234rem; height: 66rem; background: #000; border: 0; transition-duration: .3s; font-family: "Pretendard-Bold"; font-size: 18rem; color: #fff;}
.employ-wrap .form-wrap .btn-wrap.util-btn button.light {background: #C5C8D3; font-family: "Pretendard-Regular"; color: #454855;}
.employ-wrap .form-wrap .btn-wrap.util-btn button:hover {background: #30323B;}
.employ-wrap .form-wrap .btn-wrap.util-btn button.light:hover {background: #E1E3EA;}
.employ-wrap .form-wrap .btn-wrap.util-btn button span {margin: 0 auto;}

.employ-wrap .form-done .tit {margin-bottom: 30rem; padding-top: 90rem; background: url("/common/images/ico-employ-done.svg") no-repeat top center; background-size: 60rem;}
.employ-wrap .form-done:has(.notice) .tit {margin-bottom: 16rem;}
.employ-wrap .form-done .notice {margin-bottom: 30rem; transform: translateY(0); transition: none; opacity: 1; color: #454855;}
.employ-wrap .form-done .desc {color: #5A5E6C;}

@media (max-width: 1024px) {
	.employ-wrap {margin-top: 0;}
	.employ-wrap .sub-tit {margin-bottom: 40rem;}
	.employ-wrap > .company + .sub-tit {font-size: 28rem; line-height: 40rem;}
  .employ-wrap .info-desc {margin-bottom: 50rem; column-gap: 0;}
	.employ-wrap .info-desc p + p {margin-left: 8rem;}
  .employ-wrap .info-desc > div:first-of-type {margin-bottom: 20rem;}

	.employ-wrap .mob-anchor {display: block; position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; width: calc(100% - 32rem); max-height: 60rem; padding: 18rem 24rem; background-color: #fff; border-radius: 12rem; border: 1rem solid #E1E4EC; overflow: hidden;}
	.employ-wrap .mob-anchor.fixed {position: fixed; top: 86rem;}
	.employ-wrap .mob-anchor a {width: auto; font-size: 16rem; transition: .7s;}
	.employ-wrap .mob-anchor a.on {font-family: "Pretendard-Bold"; font-size: 18rem;}
	.employ-wrap .mob-anchor a + a {margin-top: 0; margin-left: 24rem;}

	.employ-wrap .form-wrap.apply {display: block; padding-top: 120rem;}
	.employ-wrap .form-wrap.apply .form-div-w {width: 100%; padding-bottom: 106rem;}
	.employ-wrap .form-wrap.apply .form-div-w .form-div .form-tit {margin-bottom: 32rem; padding-bottom: 12rem;}

	.employ-wrap.camre .notice-msg {margin-bottom: 10rem;}

	.employ-wrap .apply-area, .employ-wrap.camre .apply-area {padding-top: 0;}
	.employ-wrap .apply-area + .apply-area, .employ-wrap.camre .apply-area + .apply-area {margin-top: 32rem;}
	.employ-wrap .apply-area.basic .apply-box {display: block;}
	.form-wrap .photo-box  {width: 150rem; margin: 0 auto;}
	.form-wrap .photo-box  .thumb {height: 200rem;}
	.form-wrap .photo-box .tooltip-area .msg {top: 235rem; left: 81rem; width: 173rem;}

	.employ-wrap .apply-area .apply-box .ul {margin-top: 32rem;}
	.employ-wrap .apply-area.basic .apply-box .ul {width: 100%; margin-top: 32rem;}
	.employ-wrap .apply-area .apply-box .ul .li {margin-top: 16rem; padding-bottom: 16rem; border-bottom: none;}

	.employ-wrap .apply-area.scholar .apply-box .ul .li {margin-top: 16rem;}

	.employ-wrap .apply-area .apply-box .ul .li .col2 {flex-direction: column;}
	.employ-wrap .apply-area .apply-box .ul .li .col2 > div + div {margin: 32rem 0 0;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input .input-area .pop-input {width: calc(50% - 4rem);}

	.employ-wrap .apply-area .apply-box .additional-list .additional-item.first-item + .additional-item {margin-top: 0;}

	.employ-wrap .apply-area.scholar .apply-box .additional.junior-col .additional-list .additional-item.first-item .btn-wrap.add-btn {padding: 16rem 0;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select label {margin: 0; margin-bottom: 10rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area {width: calc(50% - 4rem);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area + .select-area {margin: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area + .select-area + .select-area {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-radio-w {flex-wrap: wrap; gap: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-radio-w > label {width: 100%; height: 24rem; margin-bottom: 12rem; overflow: hidden;}
	.employ-wrap .apply-area .apply-box .ul .li .form-radio-w > .form-radio {height: 26rem; overflow: hidden;}
	.employ-wrap .apply-area .apply-box .ul .li .form-radio-w > div + div {margin-left: 12rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-textarea {flex-direction: column;}
	.employ-wrap .apply-area .apply-box .ul .li .form-textarea > label {width: 100%; padding-top: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-textarea .textarea-box {width: 100%; height: 120rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-textarea.detail-career .textarea-box, .employ-wrap .apply-area .apply-box .ul .li .form-textarea.apply-reason .textarea-box, .employ-wrap .apply-area .apply-box .ul .li .form-textarea.situation-strength .textarea-box {height: 296rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-textarea .textarea-box textarea::placeholder {font-family: "Pretendard-Medium"; font-size: 16rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name label {padding-top: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .eng, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn {flex-wrap: wrap;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .eng p, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn p {width: 100%; margin-bottom: 12rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .input-area {width: calc(50% - 4rem);}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name > .div > .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.applicant-name .chn .input-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.address .has-btn {margin-bottom: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.address .has-btn .btn-wrap {width: 227rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.address .detail-address {flex-direction: column; column-gap: 0; row-gap: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.address .detail-address > div + div {margin-top: 8rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.phone .for-flex, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .for-flex {width: 100%; gap: unset;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.phone .for-flex span {display: inline-block; margin: 0 4.5rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.tel .for-flex span {display: inline-block; margin: 0 4.5rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select:has(#phone), .employ-wrap .apply-area .apply-box .ul .li .form-select:has(#tel), .employ-wrap .apply-area .apply-box .ul .li .form-input.phone .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .input-area {width: calc((100% - 28rem) / 3);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select .select-area:has(#phone), .employ-wrap .apply-area .apply-box .ul .li .form-select .select-area:has(#tel), .employ-wrap .apply-area .apply-box .ul .li .form-input.phone .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.phone .form-select .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.tel .form-select .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .input-area input {width: 50%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .input-area span {padding: 0 8rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input .email-area .form-select .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.military .select-area {width: calc(50% - 4rem);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.military .select-area + .select-area {margin-left: 0;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.military-cate .form-checkbox label {margin-bottom: 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.military-cate .select-area {width: 175rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.rank .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.veterans .for-flex, .employ-wrap .apply-area .apply-box .ul .li .form-select.disabled-person .for-flex, .employ-wrap .apply-area .apply-box .ul .li .form-select.veterans .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.disabled-person .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.veterans-num .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.veterans-num .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.disabled-person-detail .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.disabled-person-detail .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.marriage .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.hobby .input-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.scholar .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex {flex-wrap: wrap; width: 100%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex .select-area {width: calc((100% - 26rem) / 2);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex .select-area:nth-child(2) {margin-right: 9rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex span {margin: 0; padding: 0 8rem 0 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex span + .select-area {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.enter-grad .for-flex span + .select-area + .select-area  {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.school-name .input-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.transfer-status .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.major .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.major .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.double-majomr .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.sub-major .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip {margin-bottom: 12rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .btn-tooltip + .msg {top: 30rem; margin: 0;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.school-name .input-area input {width: calc(50% - 4rem);}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.day-night .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.grad-status .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.grade .input-area {width: 230rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.company-name .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div.for-flex {flex-direction: column;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div .input-area {width: 100%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div .input-area input {width: 50%; background-color: #fff;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div .input-area input:disabled {background-color: #E1E3EA; color: #6D6F79;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-period .div.for-flex .input-area + .form-checkbox {position: relative; top: 0; margin-top: 16rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.w-depart .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.w-area .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.w-respon .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.fin-pos .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.employ-form .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.annual-income .input-area {width: calc(100% - 40rem);}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex {flex-wrap: wrap; width: 100%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex span {margin: 0; padding: 0 8rem 0 0;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex span + .select-area {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex span + .select-area + .select-area {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex .select-area {width: calc((100% - 26rem) / 2);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.act-period .for-flex .select-area:nth-child(2) {margin-right: 9rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.country .select-area {width: calc(50% - 4rem);}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.act-name .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.award-imp .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.award-name .input-area input, .employ-wrap .apply-area .apply-box .ul .li .form-input.award-date .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.lang .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.lang-test-name .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .for-flex > .for-flex {width: 50%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.lang-score .input-area {width: 100%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.lang-grade {width: 100%; margin-left: 0;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.certi-name .input-area, .employ-wrap .apply-area .apply-box .ul .li .form-input.certi-insti .input-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.certi-name .input-area .pop-input {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.lang-level .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.prog-name .select-area, .employ-wrap .apply-area .apply-box .ul .li .form-select.pc-level .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-radio-w .self-intro-choice {width: 100%;}

	.employ-wrap .apply-area .apply-box .self-intro-w .docu .form-radio-w {margin-top: 16rem; padding: 16rem 0;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .ul .li {border-top: none;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .ul .li:first-child {margin-top: 16rem;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .file-btn {margin: 0 0 12rem auto; padding: 12rem 0;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list {flex-direction: column; align-items: flex-start; gap: 0; width: 100%}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list li {width: 100%;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w #docu-file-list li + li {margin-top: 12rem;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-wrap.for-flex {flex-direction: column; gap: 0;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-item {column-gap: 0; width: 100%;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-item + .site-item {margin-top: 12rem;}
	.employ-wrap .apply-area .apply-box .self-intro-w .docu .docu-w .site-item > span {margin-right: 8rem;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-proof > .div {margin-bottom: 12rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-proof label {display: block;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-proof label span {font-family: "Pretendard-Bold"; font-size: 18rem; line-height: 24rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-input.add-certi-proof label span br {display: none;}

	.employ-wrap .apply-area .apply-box .ul .li .form-input.add-acq-date .input-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex {flex-wrap: wrap; width: 100%;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex .select-area {width: calc((100% - 34rem) / 2);}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex span + .select-area {margin-top: 8rem;}
	.employ-wrap .apply-area .apply-box .ul .li .form-select.add-acq-period .for-flex span + .select-area + .select-area {margin-top: 8rem;}

	.employ-wrap .apply-area .apply-box .scholar-w, .employ-wrap .apply-area .apply-box .scholar-w > div + div, .employ-wrap.camre .apply-area .apply-box .scholar-w, .employ-wrap.camre .apply-area .apply-box .scholar-w > div + div {margin-top: 32rem;}
	.employ-wrap .apply-area .apply-box .scholar-w .desc {margin-top: 10rem;}

	.employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input .input-area .pop-input, .employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input .has-btn .input-area .pop-input {width: 100%;}

	.employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input.school-name .input-area input, .employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input.school-area .input-area, .employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-input.school-area .input-area input {width: 100%;}

	.employ-wrap .apply-area .apply-box .scholar-w .ul .li .form-select.grad-status .select-area {width: 100%;}

	.employ-wrap .apply-area .apply-box .career-w > div + div, .employ-wrap .apply-area .apply-box .lang-certi-w > div + div, .employ-wrap .apply-area .apply-box .self-intro-w > div + div {margin-top: 32rem;}
	.employ-wrap .apply-area .apply-box .career-w .desc, .employ-wrap .apply-area .apply-box .lang-certi-w .desc {margin-top: 10rem;}

	.employ-wrap .apply-area .apply-box .career-w .ul .li .form-input.w-period .for-flex {align-items: flex-start;}
	.employ-wrap .apply-area .apply-box .career-w .ul .li .form-input.w-period .for-flex .form-checkbox {margin-top: 16rem; margin-left: 0;}
	.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income > .for-flex {flex-direction: column; align-items: flex-start; row-gap: 0;}
	.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income .for-flex .form-checkbox {margin-top: 16rem;}
	.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income > .for-flex .for-flex {width: 100%; column-gap: 0;}
	.employ-wrap .apply-area .apply-box .career-w .exp.cont .ul .li .form-input.annual-income .input-area {width: 230rem; margin-right: 8rem;}

	.employ-wrap .apply-area .apply-box .career-w .activity.on-campus .ul .li .form-input.act-period .input-area input {width: 50%;}

	.employ-wrap .apply-area.guideline .apply-box {padding: 24rem;}

	.employ-wrap .apply-area .apply-box .btn-wrap.add-btn {padding: 16rem 0;}
	.employ-wrap .apply-area .apply-box .btn-wrap.add-btn a {width: calc((100% - 15.5rem) / 3);}
	.employ-wrap .apply-area .apply-box .btn-wrap.add-btn a + a {margin-left: 8rem;}

	.employ-wrap .form-wrap .apply-utils {position: initial; width: 100%;}
	.employ-wrap .form-wrap .apply-utils.fixed {position: initial;}
	.employ-wrap .form-wrap .anchor {display: none;}
	.employ-wrap .form-wrap .btn-wrap.util-btn {flex-direction: initial; justify-content: space-between; position: absolute; bottom: 0; width: 100%; margin-top: 0;}
	.employ-wrap .form-wrap .btn-wrap.util-btn.saveDtm {bottom:70rem;}
	.employ-wrap .form-wrap .btn-wrap.util-btn.fixed {position: fixed; bottom: 30rem; z-index: 1; width: calc(100% - 60rem);}
	.employ-wrap .form-wrap .btn-wrap.util-btn.fixed.saveDtm {padding:10rem 5rem; bottom: 90rem; }
	.employ-wrap .form-wrap .btn-wrap.util-btn button {width: calc((100% - 8rem) / 2);}

  .employ-wrap .form-done {margin-bottom: 40rem;}
}

@media (max-width: 600px) {
	employ-wrap .form-wrap .btn-wrap.util-btn.saveDtm {bottom:70rem;}
	.employ-wrap .form-wrap .btn-wrap.util-btn.fixed {bottom: 16rem; width: calc(100% - 32rem);}
	.employ-wrap .form-wrap .btn-wrap.util-btn.fixed.saveDtm {padding:10rem 5rem; bottom: 80rem; }
}


/* 캠리 */
/* .employ-wrap.camre .apply-area {border: 2px solid red;} */
.employ-wrap.camre .form-div .al-date-txt {color: #454855; margin-bottom: 40rem; display: none;}
.employ-wrap.camre .date-box {padding: 16rem; display: flex; justify-content: space-between;}
.employ-wrap.camre .date-box .left {width: 512rem; border: 1px solid #6D6F79; border-radius: 8rem; padding: 16rem 16rem 16rem 0; position: relative;}
.employ-wrap.camre .date-box.dimd .left::after {content: ""; width: 100%; height: 100%; background: #E1E3EA; display: block; position: absolute; top: 0; left: 0; border-radius: 8rem; opacity: .6;}
.employ-wrap.camre .date-box .left .scrl {height: 348rem; overflow-y: auto;}
.employ-wrap.camre .date-box .left ul li {display: flex; justify-content: space-between; align-items: center; transition-duration: .3s;}
.employ-wrap.camre .date-box .left ul li:hover {background: #F3F4F7;}
.employ-wrap.camre .date-box .left ul li a {width: 100%; padding: 20rem; color: #454855;}
.employ-wrap.camre .date-box .left ul li a.on {background-color: #F3F4F7; font-family: "Pretendard-Bold";}
.employ-wrap.camre .date-box .left ul li a.done {background-color: #E1E3EA; color: #6D6F79;}
.employ-wrap.camre .date-box .left ul li a.done p::after {content: "마감"; margin-left: 16rem; font-family: "Pretendard-Bold";}
.employ-wrap.camre .date-box .left ul li a.done.on {background-color: #F3F4F7; font-family: "Pretendard-Bold"; color: #454855;}
.employ-wrap.camre .date-box .right {width: 512rem; position: relative;}
.employ-wrap.camre .date-box .right .date-a {border: 1px solid #6D6F79; border-radius: 8rem; padding: 20rem; height: 64rem; display: flex; gap: 24rem; align-items:  center; position: relative;}
.employ-wrap.camre .date-box.dimd .right .date-a::after {content: ""; width: 100%; height: 100%; background: #E1E3EA; display: block; position: absolute; top: 0; left: 0; border-radius: 8rem; opacity: .6;}
.employ-wrap.camre .date-box .right .after-sel {display: none;}
.employ-wrap.camre .date-box .right .after-sel.active {display: block;}
.employ-wrap.camre .date-box .right .f16sb {width: 91rem; color: #454855; word-break: break-all;}
.employ-wrap.camre .date-box .right .time-list {border: 1px solid #6D6F79; border-radius: 8rem; padding: 20rem; margin-top: 12rem; position: relative;}
.employ-wrap.camre .date-box.dimd .right .time-list::after {content: ""; width: 100%; height: 100%; background: #E1E3EA; display: block; position: absolute; top: 0; left: 0; border-radius: 8rem; opacity: .6;}
.employ-wrap.camre .date-box .right .time-list .scrl {height: 272rem; overflow-y: auto; padding-right: 16rem;}
.employ-wrap.camre .date-box .right .time-list .card-btn {display: flex; flex-wrap: wrap; margin-top: 20rem; gap: 12rem; padding-bottom: 2rem;}
.employ-wrap.camre .date-box .right .time-list .card-btn a {display: flex; justify-content: space-between; column-gap: 12rem; width: calc(50% - 6rem); border: 1px solid #E1E3EA; background: #fff; padding: 16rem; border-radius: 6rem; }
.employ-wrap.camre .date-box .right .time-list .card-btn a.on {background: #FFF5F4; border: 1px solid #D93A33;}
.employ-wrap.camre .date-box .right .time-list .card-btn a .dl {width: calc(100% - 103rem); text-align: right;}
.employ-wrap.camre .date-box .right .time-list .card-btn a .dl .dd {color: #454855; display: flex; justify-content: flex-end; margin-top: 6rem; gap: 4rem;}
.employ-wrap.camre .date-box .right .time-list .card-btn a.on * {color: #BF2A23 !important;}
.employ-wrap.camre .date-box .right .time-list .card-btn a.done {background: #E1E3EA; color: #5A5E6C !important; border: 1px solid #C5C8D3; pointer-events: none;}
.employ-wrap.camre .date-box .right .before-sel {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #6D6F79; border-radius: 8rem; position: absolute; top: 0; background: #fff; display: none;}
.employ-wrap.camre .date-box.dimd .right .before-sel::after {content: ""; width: 100%; height: 100%; background: #E1E3EA; display: block; position: absolute; top: 0; left: 0; border-radius: 8rem; opacity: .6;}
.employ-wrap.camre .date-box .right .before-sel.active {display: flex;}
.employ-wrap.camre .date-box .right .before-sel p {padding-top: 84rem; text-align: center; background: url("/common/images/ico-date.svg") no-repeat top center; background-size: 60rem;}
.employ-wrap.camre .form-wrap .form-div .all-chk {margin: 0 16rem;}

@media (max-width: 1024px) {
	.employ-wrap.camre .date-box {display: block; padding: 0;}
	.employ-wrap.camre .date-box .left {width: 100%; height: 380rem;}
	.employ-wrap.camre .date-box .right {width: 100%; height: 380rem; margin-top: 12rem;}
	.employ-wrap.camre .date-box .right .time-list {padding-right: 16rem;}
	.employ-wrap.camre .date-box .right .time-list .scrl {height: 262rem;}
	.employ-wrap.camre .date-box .right .time-list .card-btn {justify-content: space-between; gap: 0;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a {display: block;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a + a {margin-top: 12rem;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a:nth-child(2) {margin-top: 0;}
	.employ-wrap.camre .date-box .right .f16sb {width: auto;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a .dl {width: auto; margin-top: 6rem; text-align: left;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a .dl .dd {justify-content: flex-start; gap: 0; margin-top: 2rem;}
	.employ-wrap.camre .date-box .right .time-list .card-btn a .dl .dd p + p {margin-left: 4rem;}

	.employ-wrap.camre .form-wrap .form-div .all-chk {margin: 12rem 0 0 0;}
	.employ-wrap.camre .form-wrap .form-div .all-chk .form-checkbox input + label {background: url("/common/images/ico-chk.png") no-repeat left top / 24rem;}
	.employ-wrap.camre .form-wrap .form-div .all-chk .form-checkbox input:checked + label {background: url("/common/images/ico-chk-on.png") no-repeat left top / 24rem;}
}


/* 공지사항 */
.notice {opacity: 0; transform: translateY(100rem); transition: all .7s;}
.notice.active {opacity: 1; transform: translateY(0);}
.table-list {border-top: 1px solid #000; }
.table-list .thead {display: flex; justify-content: space-between; padding: 20rem 24rem; text-align: center; background: #F3F4F7;}
.table-list .thead .tit {width: 100%;}
.table-list .thead .date {width: 150rem;}
.table-list	ul li {display: flex; border-bottom: 1px solid #E1E4EC; padding: 28rem 60rem; justify-content: space-between; align-items: center;}
.table-list	ul li .tit {color: #454855; width: calc(100% - 120rem); display: flex; align-items: center;}
.table-list	ul li.empha .tit {font-family: "Pretendard-Bold"; color: #101116;}
.table-list	ul li.empha .tit::before {content: "공지"; font-size: 16rem; border: 1px solid #2273DF; border-radius: 50rem; color: #2273DF; padding: 3rem 10rem; margin-right: 16rem; display: inline-block;}
.table-list	ul li .tit a {display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.table-list	ul li .date {color: #6D6F79;}
.table-list .no-list {border-bottom: 1px solid #E1E4EC;}
.notice .detail {border-bottom: 1px solid #E1E4EC; padding-bottom: 80rem;}
.notice .detail .title-area {border-bottom: 1px solid #101116; padding-bottom: 48rem; margin-bottom: 80rem;}
.notice .detail .title-area .lable {border: 1px solid #2273DF; border-radius: 50rem; color: #2273DF; padding: 3rem 10rem; margin-right: 16rem; display: inline-block; margin-bottom: 8rem;}
.notice .detail .title-area .tit {margin-bottom: 16rem;}
.notice .detail .title-area .date {color: #6D6F79;}
.notice .detail .content {width: 1080rem; margin: 0 auto; overflow-x: auto;}
.notice .detail .content img {max-width: 100%;}
.notice .detail .content .txt {margin-top: 40rem;}
.notice .detail .content table {width: 100%;}
.notice .detail .file-area {display: flex; width: 1080rem; margin: 80rem auto 0; gap: 16rem;}
.notice .detail .file-area .f14b {padding-top: 8rem;}
.notice .detail + .btn-area {margin-top: 32rem; display: flex; justify-content: space-between;}
.notice .detail + .btn-area .btn-wrap a {width: 150rem;}
.notice .detail + .btn-area .btn-wrap + .btn-wrap {margin-top: 0;}
@media (max-width: 1024px){
	.notice .ser-area {margin-top: 10rem; width: 100%;}
	.table-list .thead {display: none;}
	.table-list ul li {display: block; padding: 24rem 12rem;}
	.table-list	ul li .tit {display: block; width: 100%;}
	.table-list	ul li.empha .tit::before {margin-bottom: 8rem;}
	.table-list ul li .date {margin-top: 12rem;}
	.notice .detail {padding-bottom: 40rem;}
	.notice .detail .file-area {width: 100%; display: block; margin: 60rem auto 0;}
	.notice .detail .title-area {padding-bottom: 32rem; margin-bottom: 40rem;}
	.notice .detail .title-area .tit {margin-bottom: 12rem;}
	.notice .detail .content {width: 100%;}
	.notice .detail .content .txt {margin-top: 24rem;}
	.notice .detail + .btn-area {margin-top: 24rem;}
	.notice .detail + .btn-area .btn-wrap a {width: 80rem;}
}



/* faq */
.faq .ser-area {width: 100%; text-align: center; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .ser-area.active {opacity: 1; transform: translateY(0);}
.faq .ser-area .form-input {width: 732rem; margin: 36rem auto 0;}
.faq .ser-area .form-input .input-area input {height: 58rem; padding: 0 48rem 0 16rem; border-radius: 12rem;}

.faq .tab-wrap {margin-top: 80rem;}
.faq .tab-wrap .go-view {display: none; background: url("/common/images/ico-go-link.svg") no-repeat top right; background-size: 24rem; line-height: 24rem; padding-right: 30rem; margin-bottom: 20rem; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .tab-wrap .go-view.active {opacity: 1; transform: translateY(0);}

.faq .tab-wrap .faq-cate {display: flex; width: 100%; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .tab-wrap .faq-cate.active {opacity: 1; transform: translateY(0);}
.faq .tab-wrap .faq-cate a {width: 50%; height: 44rem; background-color: #F3F4F7; line-height: 44rem; text-align: center; color: #454855;}
.faq .tab-wrap .faq-cate a.on {background-color: #101116; font-family: "Pretendard-Bold"; color: #fff;}
.faq .tab-wrap .faq-cate a.relevant span {position: relative;}
.faq .tab-wrap .faq-cate a.relevant span::after {content: ""; display: block; position: absolute; top: 0; right: -8rem; width: 4rem; height: 4rem; background: url("/common/images/ico-red-dot.svg") no-repeat center center / contain;}

.faq .tab-wrap .company-swiper {height: 0; visibility: hidden; opacity: 0;}
.faq .tab-wrap .company-swiper.active {height: auto; margin-top: 40rem; visibility: visible; opacity: 1;}
.faq .tab-wrap .company-swiper .swiper-wrapper {flex-wrap: wrap; column-gap: 16rem; row-gap: 8rem;}
.faq .tab-wrap .company-swiper .swiper-slide {position: relative; width: auto; padding: 10rem;}
.faq .tab-wrap .company-swiper .swiper-slide::after {content: ""; display: block; position: absolute; top: 50%; right: -8rem; width: 1rem; height: 10rem; background-color: #E1E4EC; transform: translateY(-50%);}
.faq .tab-wrap .company-swiper .swiper-slide:last-child:after {display: none;}
.faq .tab-wrap .company-swiper .swiper-slide.on span {position: relative; font-family: "Pretendard-Bold";}
.faq .tab-wrap .company-swiper .swiper-slide.on span::before {content: ""; position: absolute; bottom: -2rem; display: block; width: 100%; height: 2rem; background-color: #101116;}
.faq .tab-wrap .company-swiper .swiper-slide.relevant span {position: relative;}
.faq .tab-wrap .company-swiper .swiper-slide.relevant span::after {content: ""; display: block; position: absolute; top: 0; right: -8rem; width: 4rem; height: 4rem; background: url("/common/images/ico-red-dot.svg") no-repeat center center / contain;}

.faq .top, .faq .con .top {display: flex; justify-content: space-between; align-items: end; margin-bottom: 20rem; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .top.active, .faq .con.on .top {opacity: 1; transform: translateY(0);}
.faq .accordion {border-top: 1px solid #101116; padding-top: 24rem;}
.faq .accordion li {border-bottom: 1px solid #101116; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .accordion li.active, .faq .con.on .accordion li {opacity: 1; transform: translateY(0);}
.faq .accordion li .question {height: 172rem;}
.faq .accordion li .question .tit .f14m {background: #D93A33; padding: 4rem 10rem; display: inline-block; color: #fff; margin-bottom: 25rem;}
.faq .accordion li .question .tit .f24b {color: #101116;}
.faq .accordion li .answer {background: 0; border-radius: 0; overflow: hidden;}
.faq .accordion li .answer .div {padding: 0 32rem 40rem 32rem; overflow: hidden;}
.faq .accordion li .answer .div img {max-width: 100%;}
.faq .accordion li .answer .div table {max-width: 100%;}
/* .faq .card {display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #000; gap: 32rem 40rem; padding-top: 24rem;}
.faq .card li {padding: 40rem 32rem; border-top: 1px solid #000; overflow: hidden; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.faq .card li.active {opacity: 1; transform: translateY(0);}
.faq .card li:nth-of-type(1), .faq .card li:nth-of-type(2) {border-top: 0;}
.faq .card li .f14m {background: #D93A33; color: #fff; margin-bottom: 24rem; display: inline-flex; width: 30rem; height: 30rem; justify-content: center; align-items: center;}
.faq .card li .tit {margin-bottom: 24rem;}
.faq .card li .answer {color: #6D6F79;}
.faq .card li .answer img {max-width: 100%;}
.faq .card li .answer table {max-width: 100%;} */
.faq .no-list {border-top: 1px solid #000; border-bottom: 1rem solid #E1E4EC;}

@media (max-width: 1024px) {
	.faq .ser-area .form-input {width: 100%; margin-top: 16rem;}
	.faq .ser-area .form-input .input-area input {height: 48rem;}

	.faq .tab-wrap {margin-top: 40rem;}
	.faq .tab-wrap .go-view {margin-bottom: 16rem; display: inline-block;}
	.faq .tab-wrap .company-swiper.active {margin-top: 24rem;}
	.faq .tab-wrap .company-swiper .swiper-wrapper {flex-wrap: nowrap; column-gap: 0; row-gap: 0;}
	.faq .tab-wrap .company-swiper .swiper-wrapper.active {flex-wrap: wrap; column-gap: 16rem;}

	.faq .tab-wrap .float-option {display: none; position: relative; margin-top: 24rem; border-top: 1rem solid #D3D6DE;}
	.faq .tab-wrap .float-option.active {display: block;}
	.faq .tab-wrap .float-option .op-open {display: flex; align-items: center; justify-content: center; background: #D93A33; position: absolute; right: 50%; transform: translateX(50%) translateY(0); top: unset; bottom: -30rem; width: 60rem; height: 30rem; border-radius: 0 0 8rem 8rem;}
	.faq .tab-wrap .float-option .op-open span {display: block; width: 8rem; height: 16rem; background: url("/common/images/ico-op-arrow.svg") no-repeat; background-size: contain; transform: rotate(90deg); transition-duration: .3s; text-indent: -9999rem;}
	.faq .tab-wrap .float-option .op-open.on span {transform: rotate(-90deg);}

	.faq .top {margin-bottom: 12rem;}
	.faq .tab-wrap .con-area {margin-top: 28rem;}
	.faq .accordion {padding-top: 0;}
	.faq .accordion li {padding-bottom: 16rem;}
	.faq .accordion li .question {height: 192rem;}
	.faq .accordion li .answer .div {padding: 0 0 40rem 0;}

	/* .faq .card {display: block; border-top: 0; padding-top: 0;}
	.faq .card li {padding: 40rem 0;}
	.faq .card li:nth-of-type(1), .faq .card li:nth-of-type(2) {border-top: 1px solid #000;}
	.faq .card li .f14m {margin-bottom: 20rem;} */
}


/* 1:1문의 */
.personal-inquiry {position: relative; margin-top: 100rem;}
.personal-inquiry .tab-wrap .tab-area {transform: translateY(70rem); opacity: 0; transition-duration: .7s;}
.personal-inquiry .tab-wrap .tab-area.active {transform: translateY(0); opacity: 1;}
.personal-inquiry .tab-wrap .con-area {margin-top: 40rem;}
.personal-inquiry .tab-wrap .con-area .con .top {display: block; position: relative; margin-bottom: 30rem; transform: translateY(70rem); opacity: 0; transition-duration: .7s;}
.personal-inquiry .tab-wrap .con-area .con .top.active {transform: translateY(0); opacity: 1;}
.personal-inquiry .tab-wrap .con-area .con .top .desc {margin-top: 8rem; color: #6D6F79;}
.personal-inquiry .tab-wrap .con-area .con .top .essen {display: flex; gap: 4rem; position: absolute; bottom: 0; right: 0;}
.personal-inquiry .tab-wrap .con-area .con .top .essen::before {content: "*"; border-radius: 50rem; display: block;  color: #EB0F0F;}

.personal-inquiry .tab-wrap .con-area .con .ul {border-top: 1rem solid #101116; transform: translateY(70rem); opacity: 0; transition-duration: .7s;}
.personal-inquiry .tab-wrap .con-area .con .ul.active {transform: translateY(0); opacity: 1;}
.personal-inquiry .tab-wrap .con-area .con .ul .li {padding: 20rem 16rem; border-bottom: 1rem solid #E1E4EC;}
.personal-inquiry .tab-wrap .con-area .con .ul .li .form-select .select-area {width: 328rem;}
.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea {display: flex; column-gap: 12rem;}
.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea div {width: calc(100% - 162rem);}
.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea .textarea-box {width: 100%; padding: 16rem; border-radius: 8rem; border: 1rem solid #6D6F79;}
.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea .textarea-box textarea {padding: 0; border: none;}

.personal-inquiry .tab-wrap > .btn-wrap {margin-top: 60rem;}
.personal-inquiry .tab-wrap > .btn-wrap button {display: inline-flex; justify-content: center; align-items: center; width: 300rem; height: 66rem; background: #000; border: 0; font-family: "Pretendard-Bold"; font-size: 18rem; color: #fff; transition-duration: .3s;}
.personal-inquiry .tab-wrap > .btn-wrap button:hover {background: #30323B;}

@media (max-width: 1024px) {
	.personal-inquiry {margin-top: 60rem;}
	.personal-inquiry .tab-wrap .con-area .con .top {margin-bottom: 16rem;}
	.personal-inquiry .tab-wrap .con-area .con .top .essen {top: 6rem; bottom: initial;}

	.personal-inquiry .tab-wrap .con-area .con .ul {padding-top: 24rem;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li {padding: 0; border-bottom: none;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li + .li {margin-top: 30rem;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li .form-select .select-area {width: 100%;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea {display: block;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea div {width: 100%;}
	.personal-inquiry .tab-wrap .con-area .con .ul .li .form-textarea .textarea-box textarea::placeholder {font-size: 16rem;}

	.personal-inquiry .tab-wrap > .btn-wrap {margin-top: 40rem;}
	.personal-inquiry .tab-wrap > .btn-wrap button {width: 100%;}
}


/* 1:1문의 현황 */
.personal-inquiry.current .tab-wrap .con-area .con .top {display: flex; justify-content: space-between; margin-bottom: 21rem; transform: translateY(70rem); opacity: 0; transition-duration: .7s;}
.personal-inquiry.current .tab-wrap .con-area .con .top.active {transform: translateY(0); opacity: 1;}
.personal-inquiry.current .tab-wrap .con-area .con .top .has-btn {display: flex; width: auto;}
.personal-inquiry.current .tab-wrap .con-area .con .top .has-btn .form-select {width: 328rem; margin-right: 8rem;}

.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list {border-top: 1px solid #000;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item {border-bottom: 1rem solid #E1E4EC; transform: translateY(70rem); opacity: 0; transition: .7s;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item.active {transform: translateY(0); opacity: 1;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item button {display: flex; align-items: center; height: 254rem; padding: 0 60rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info {width: calc(100% - 40rem);}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .company {margin-bottom: 24rem; padding: 4rem 0; color: #454855;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .tit {margin-bottom: 12rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box {display: flex; align-items: center; color: #6D6F79;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box p {display: flex; align-items: center;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box span {display: initial; position: initial; width: initial; height: initial; margin-left: 8rem; background: none; transition: none; color: #101116; transform: rotate(0);}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box .status::before {content: ""; display: block; width: 1rem; height: 12rem; margin: 0 12rem; background-color: #E1E4EC;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box .status span {padding: 4rem 8rem; background-color: #F3F4F7; border-radius: 4rem; color: #5A5E6C;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .box .status span.comp {background-color: #E9F2FF; color: #2368C2;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .open-btn {position: initial; margin-left: auto; text-indent: -9999rem;}

.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .answer {border-radius: 0;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .answer .inquiry-a-box {padding: 60rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .inquiry-a {margin-top: 60rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .inquiry-a .for-flex {display: flex; align-items: center; margin-bottom: 24rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .inquiry-a .for-flex .status {padding: 4rem 10rem; background-color: #D93A33; color: #fff; margin-right: 20rem;}
.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .inquiry-a .for-flex .date {color: #5A5E6C;}

.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .no-list {border-bottom: 1rem solid #E1E4EC;}

@media (max-width: 1024px) {
	.personal-inquiry.current .tab-wrap .con-area .con .top {flex-direction: column; align-items: flex-start;}
	.personal-inquiry.current .tab-wrap .con-area .con .top .has-btn {width: 100%; margin-top: 10rem;}
	.personal-inquiry.current .tab-wrap .con-area .con .top .has-btn .form-select {width: 230rem;}
	.personal-inquiry.current .tab-wrap .con-area .con .top .has-btn .btn-wrap a.type2.light {width: 120rem;}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item button {height: auto; padding: 32rem 0;}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info {width: calc(100% - 30rem);}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .company {margin-bottom: 20rem; padding: 0;}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .q-info .tit {margin-bottom: 8rem;}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .open-btn {width: 18rem; height: 18rem; background: url("/common/images/ico-inquiry-open.svg") no-repeat center center / 18rem;}

	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .answer .inquiry-a-box {padding: 32rem;}
	.personal-inquiry.current .tab-wrap .con-area .con .inquiry-list .inquiry-item .inquiry-a .for-flex {margin-bottom: 20rem;}
}


/* 지원 현황 및 결과 */
.apply-list .top {opacity: 0; transform: translateY(50rem); transition-duration: .7s;}
.apply-list .top.active {opacity: 1; transform: translateY(0);}
.apply-list .ul {border-top: 1px solid #000;}
.apply-list .ul .li {padding: 32rem 16rem; border-bottom: 1px solid #E1E4EC; position: relative;opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.apply-list .ul .li.active {opacity: 1; transform: translateY(0);}
.apply-list .ul .li .left {width: calc(100% - 240rem);}
.apply-list .ul .li .left .labels {margin-bottom: 24rem; display: flex; align-items: center;}
.apply-list .ul .li .left .labels p + p {margin-left: 8rem;}
.apply-list .ul .li .left .labels p {border-radius: 4rem;}
.apply-list .ul .li .left .labels p.global {padding: 2rem 8rem; background-color: #D93A33; border-radius: 100rem; color: #fff;}
.apply-list .ul .li .left .labels p.cate {color: #454855;}
.apply-list .ul .li .left .labels p.d-day {color: #0F7A7A; background: #EFF; padding: 4rem 8rem;}
.apply-list .ul .li .left .labels p.d-day.emer {background: #0D8383; color: #fff;}
.apply-list .ul .li .left > a.closed {pointer-events: none;}
.apply-list .ul .li .left .info {margin-top: 15rem; display: flex; gap: 25rem;}
.apply-list .ul .li .left .info dl {position: relative; display: flex; align-items: center;}
.apply-list .ul .li .left .info dl::before {content: ""; width: 1px; height: 12rem; background: #E1E4EC; display: block; position: absolute; left: -12rem; top: 50%; transform: translateY(-50%);}
.apply-list .ul .li .left .info dl:first-of-type:before {display: none;}
.apply-list .ul .li .left .info dl dt {color: #6D6F79; margin-right: 8rem;}
.apply-list .ul .li .left .info dl.apply-status dd {background: #E9F2FF; color: #2368C2; padding: 4rem 8rem; border-radius: 4rem;}
.apply-list .ul .li .left .info dl.recruit-status dd {background: #FFF8F1; color: #B64D23; padding: 4rem 8rem; border-radius: 4rem;}
.apply-list .ul .li .left .btn-wrap {display: inline-flex; margin-top: 32rem; gap: 8rem;}
.apply-list .ul .li .left .btn-wrap a {width: auto; padding: 0 16rem;}
.apply-list .ul .li .left .interview-info {margin-top: 32rem;}
.apply-list .ul .li .left .interview-info p {color: #6D6F79;}
.apply-list .ul .li .left .interview-info p + p {margin-top: 4rem;}
.apply-list .ul .li .left .interview-info p span {margin-left: 12rem; color: #101116;}
.apply-list .ul .li .right:has(a) {position: absolute; right: 16rem; top: 32rem; border-left: 1px solid #E1E4EC; padding-left: 40rem; height: calc(100% - 64rem); display: flex; align-items: center;}
.apply-list .ul .li .right .btn-wrap {margin-top: 0; display: block;}
.apply-list .ul .li .right .btn-wrap a {width: 160rem; display: flex;}
.apply-list .ul .li .right .btn-wrap a + a {margin-top: 12rem;}
.apply-list .ul .no-list {border-bottom: 1px solid #E1E4EC;}

@media (max-width: 1024px) {
	.mypage > .sub-tit {margin-bottom: 40rem;}

	.apply-list .ul .li .left {width: 100%;}
	.apply-list .ul .li .left .info {flex-wrap: wrap; gap: unset;}
	.apply-list .ul .li .left .info dl.date {width: 100%; margin-bottom: 12rem;}
	.apply-list .ul .li .left .info dl.recruit-status {padding-left: 25rem;}
	.apply-list .ul .li .left .info dl:not(.recruit-status)::before {display: none;}
	.apply-list .ul .li .left .info dl.recruit-status::before {content: ""; left: 12rem;}
	.apply-list .ul .li .left .interview-info {margin-top: 24rem;}
	.apply-list .ul .li .left .interview-info p span {display: block; margin: 4rem 0 0;}
	.apply-list .ul .li .left .btn-wrap {column-gap: 0;}

	.apply-list .ul .li .right:has(a) {position: unset; height: auto; padding-left: 0; padding-top: 24rem; margin-top: 24rem; border-left: 0; border-top: 1px solid #E1E4EC;}
	.apply-list .ul .li .right.has-a {position: unset; height: auto; padding-left: 0; padding-top: 24rem; margin-top: 24rem; border-left: 0; border-top: 1px solid #E1E4EC;}
	.apply-list .ul .li .right .btn-wrap {width: 100%;}
	.apply-list .ul .li .right .btn-wrap a {width: 100%; margin-left: 0;}
	.apply-list .ul .li .right .btn-wrap a + a {margin-top: 8rem;}
}

/* 지원 결과 */
.apply-list .ul .no-list p:last-of-type {padding: 0; background: 0; margin: 8rem 0 30rem;}
.apply-list .ul .no-list .btn-wrap a {width: 150rem;}



/* 채용공고 목록 */
.employ-list .list-area {position: relative;}
.employ-list .list-area .op-open {display: flex; align-items: center; justify-content: center; width: 30rem; height: 60rem; background: #D93A33; border-radius: 0 8rem 8rem 0; position: absolute; top: 50%; transform: translateY(-50%); right: -30rem;}
.employ-list .list-area .op-open span.op-open-tit {display: block; position: absolute; top: 0; left: 0; width: 30rem; height: 60rem; font-size: 10rem; overflow: hidden; opacity: 0;}
.employ-list .list-area .op-open span.arrow {display: block; width: 8rem; height: 16rem; background: url("/common/images/ico-op-arrow.svg") no-repeat center center / contain; transform: rotate(180deg); transition-duration: .3s; overflow: hidden; font-size: 9rem; line-height: 1;}
.employ-list .list-area .op-open.on span.arrow {transform: rotate(0);}
.employ-list .list-area .float-option {position: absolute; left: 0; top: 0; height: 580rem; background: #fff;}
.employ-list .list-area.on .float-option {padding-right: 0;}
.employ-list .list-area .float-option.fixed {position: fixed; top: 120rem; left: unset;}
.employ-list .list-area .float-option.absol {position: absolute; top: unset; bottom: 0;}
.employ-list .list-area .float-option .options {width: 280rem; height: 100%; transition-duration: .5s; overflow-x: hidden; overflow-y: auto;}
.employ-list .list-area .float-option .options::-webkit-scrollbar {width: 6rem;}
.employ-list .list-area .float-option .options::-webkit-scrollbar-track {background: 0; border-radius: 50rem;}
.employ-list .list-area .float-option .options::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 50rem;}
.employ-list .list-area.on .float-option .options {width: 0;}
.employ-list .list-area .float-option .options .options-div {width: 250rem;}
.employ-list .list-area .float-option .options .ser-area {width: 100%;}
.employ-list .list-area .float-option .options .form-input .input-area input {border: 0; border-bottom: 2px solid #000; border-radius: 0; padding: 0 40rem 0 0;}
.employ-list .list-area .float-option .options .form-input .input-area input::placeholder {font-size: 14rem;}
.employ-list .list-area .float-option .options .form-input .input-area input:focus-visible {border: 1px solid #000; border-bottom: 2px solid #000 !important; outline: none;}
.employ-list .list-area .float-option .options .ser-area .form-input .ser-bt {background: url("/common/images/ico-search-bar2.svg") no-repeat; right: 0; background-size: contain;}
.employ-list .list-area .float-option .options .options-div .cate-btn {display: flex; margin-top: 24rem;}
.employ-list .list-area .float-option .options .options-div .cate-btn a {display: flex; align-items: center; justify-content: center; width: 56rem; height: 32rem; border: 1px solid #6D6F79; transition-duration: .3s;}
.employ-list .list-area .float-option .options .options-div .cate-btn a + a {margin-left: 4rem;}
.employ-list .list-area .float-option .options .options-div .cate-btn a.on {background: #000; border: 0; color: #fff;}
.employ-list .list-area .float-option .options .options-div .form-checkbox {margin-top: 8rem;}
.employ-list .list-area .float-option .options .acco-area {margin-top: 24rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco {padding-bottom: 20rem; border-bottom: 1px solid #D3D6DE;}
.employ-list .list-area .float-option .options .acco-area .out-acco + .out-acco {margin-top: 16rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco .out-click {position: relative; width: 100%;}
.employ-list .list-area .float-option .options .acco-area .out-acco .out-click > .arrow {display: block; width: 16rem; height: 16rem; background: url("/common/images/ico-acco2.svg") no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0); transition-duration: .3s;}
.employ-list .list-area .float-option .options .acco-area .out-acco.on .out-click > .arrow {transform: translateY(-50%) rotate(180deg);}
.employ-list .list-area .float-option .options .acco-area .out-acco .out-click div {display: flex; justify-content: space-between; width: calc(100% - 30rem); font-size: 16rem; font-family: "Pretendard-Bold";}
.employ-list .list-area .float-option .options .acco-area .out-acco .out-click div p {color: #101116;}
.employ-list .list-area .float-option .options .acco-area .out-acco .out-click div p.amount {color: #C75116;}
.employ-list .list-area .float-option .options .acco-area .out-acco > .con {display: none; overflow: hidden; margin-top: 12rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco > .con .scrl {max-height: 180rem; overflow-y: auto; padding-right: 5rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco .con .scrl .form-checkbox input + label {min-height: 20rem; padding-left: 30rem; background-size: 20rem; font-family: "Pretendard-Bold"; font-size: 14rem; line-height: 20rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco:not(.job) > .con .scrl .form-checkbox input + label {font-size: 14rem; font-family: "Pretendard-Bold"; background-size: 20rem; padding-left: 30rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco.job .li:first-of-type .form-checkbox input + label  {font-family: "Pretendard-Bold"; font-size: 14rem;background-size: 20rem; padding-left: 30rem;}
.employ-list .list-area .float-option .options .acco-area .out-acco > .con .li + .li {margin-top: 10rem;}

.employ-list .list-area .float-option .options .acco-area .in-acco .btn-wrap {display: block; position: relative; height: 24rem;}
.employ-list .list-area .float-option .options .acco-area .in-acco .btn-wrap .in-click {width: 100%; height: 24rem; text-indent: -9999rem;}
.employ-list .list-area .float-option .options .acco-area .in-acco .btn-wrap .form-checkbox {position: absolute; top: 50%; transform: translateY(-50%);}
.employ-list .list-area .float-option .options .acco-area .in-acco .btn-wrap .form-checkbox input + label {font-family: "Pretendard-Bold"; font-size: 14rem; background-size: 20rem; padding-left: 30rem;}
.employ-list .list-area .float-option .options .acco-area .in-acco .btn-wrap > .arrow {display: none; width: 14rem; height: 14rem; background: url("/common/images/ico-inquiry-open.svg") no-repeat center center / 14rem; transition: .5s; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0); pointer-events: none;}
.employ-list .list-area .float-option .options .acco-area .in-acco.on .btn-wrap > .arrow {background: url("/common/images/ico-inquiry-close.svg") no-repeat center center / 14rem; transform: translateY(-50%) rotate(180deg);}
.employ-list .list-area .float-option .options .acco-area .in-acco.has-con .btn-wrap > .arrow {display: block;}

.employ-list .list-area .float-option .options .acco-area .in-acco .con {display: none; overflow: hidden; background: #F3F4F7; padding: 12rem 0 12rem 24rem; margin-top: 10rem;}
.employ-list .list-area .float-option .options .acco-area .in-acco .con .scrl {overflow-y: auto; max-height: 5000rem;}
.employ-list .list-area .float-option .options .acco-area .in-acco .con .scrl > div + div {margin-top: 10rem;}

.employ-list .list-area .float-option .options .acco-area .form-checkbox {margin-top: 0; padding: 1rem;}
.employ-list .list-area .float-option .options .acco-area .form-checkbox .f14b {padding-left: 30rem; color: #101116 !important;}

.employ-list .list-area .float-option .options .acco-area + .btn-wrap {margin-top: 24rem;}
.employ-list .list-area .float-option .options .acco-area + .btn-wrap a {width: 100%;}

.employ-list .list-area .list-wrap {width: calc(100% - 340rem); margin-left: 340rem; position: relative; transition-duration: .5s;}
.employ-list .list-area.on .list-wrap {width: calc(100% - 60rem); margin-left: 60rem;}
.employ-list .list-area .list-wrap::before {content: ""; width: 1px; height: 100%; display: block; background: #D3D6DE; position: absolute; top: 0; left: -60rem;}
.employ-list .list-area .list-wrap .top {border-bottom: 1px solid #000; padding-bottom: 24rem; margin-bottom: 0;}
.employ-list .list-area .list-wrap .list {min-height: 364rem;}
.employ-list .list-area .list-wrap .list .li {position: relative; padding: 40rem 30rem; border-bottom: 1px solid #D3D6DE;}
.employ-list .list-area .list-wrap .list .li .left {position: relative; display: block;}
.employ-list .list-area .list-wrap .list .li .left .comp-box {display: flex; align-items: center; column-gap: 8rem; margin-bottom: 24rem;}
.employ-list .list-area .list-wrap .list .li .left .comp-box .global {padding: 2rem 8rem; background-color: #D93A33; border-radius: 100rem; color: #fff;}
.employ-list .list-area .list-wrap .list .li .left .comp-box .f16b {color: #454855;}
.employ-list .list-area .list-wrap .list .li .left .f16b {display: flex; align-items: center; margin-bottom: 24rem; color: #454855;}
.employ-list .list-area .list-wrap .list .li .left .f16b.global::before {content: "글로벌"; padding: 6rem 9rem; background-color: #D93A33; border-radius: 100rem; font-family: "Pretendard-Regular"; font-size: 12rem; line-height: initial; color: #fff; margin-right: 8rem;}
.employ-list .list-area .list-wrap .list .li .left .f32b {display: -webkit-box; margin-bottom: 24rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.employ-list .list-area .list-wrap .list .li .left .labels {display: flex; align-items: center;}
.employ-list .list-area .list-wrap .list .li .left .labels p + p {margin-left: 8rem;}
.employ-list .list-area .list-wrap .list .li .left .labels .cate {padding: 4rem 8rem; background: #F3F4F7; border-radius: 4rem;}
.employ-list .list-area .list-wrap .list .li .left .labels .day {padding: 4rem 8rem; background: #EFF; border-radius: 4rem; color: #0F7A7A;}
.employ-list .list-area .list-wrap .list .li .left .labels .day.emer {background: #0D8383; color: #fff;}
.employ-list .list-area .list-wrap .list .li .left .hash {color: #6D6F79; margin-top: 24rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.employ-list .list-area .list-wrap .list .li .right {position: absolute; top: 40rem; right: 30rem;}
.employ-list .list-area .list-wrap .list .li .right .book {display: block; width: 18rem; height: 18rem; background: url("/common/images/ico-bookmark1.svg") no-repeat; background-size: contain; text-indent: -9999rem;}
.employ-list .list-area .list-wrap .list .li .right .book.on {background: url("/common/images/ico-bookmark1-on.svg") no-repeat; background-size: contain;}
.employ-list .list-area .list-wrap .list .li .right .img {width: 358rem; height: 205rem; overflow: hidden;}
.employ-list .list-area .list-wrap .list .li .right .img img {width: 100%; height: 100%; object-fit: cover;}
.employ-list .list-area .list-wrap .list .no-list {padding: 164rem 0 164rem; border-bottom: 1rem solid #E1E4EC;}

@media (max-width: 1024px) {
	.employ-list {margin-top: -40rem;}
	.employ-list .list-area .float-option {position: relative; padding-right: 0; z-index: 10; left: unset; top: unset; height: unset; transition-duration: unset; min-height: unset; height: 1px;}
	.employ-list .list-area .float-option.on {height: 100%;}
	.employ-list .list-area .float-option .options {width: 100%; transition-duration: unset;}
	.employ-list .list-area .float-option .options .options-div {width: 100%; display: none; overflow: hidden; padding: 60rem 0 24rem; border-bottom: 1px solid #D3D6DE;}
	/* .employ-list .list-area .float-option .options .acco-area .out-acco > .con .scrl {max-height: 250rem;} */
	.employ-list .list-area .float-option .options .options-div .cate-btn {gap: 0;}
	/* .employ-list .list-area .float-option .options .options-div .cate-btn a + a {margin-left: 4rem;} */
	.employ-list .list-area .op-open {position: absolute; right: 50%; transform: translateX(50%) translateY(0); top: unset; bottom: -30rem; width: 60rem; height: 30rem; border-radius: 0 0 8rem 8rem;}
	.employ-list .list-area .op-open span.op-open-tit {width: 60rem; height: 30rem; font-size: 16rem; line-height: 1;}
	.employ-list .list-area .op-open span.arrow {position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg);}
	.employ-list .list-area .op-open.on span.arrow {transform: translateX(-50%) rotate(-90deg);}
	.employ-list .list-area .list-wrap {width: 100%; margin-left: 0; margin-top: 90rem;}
	.employ-list .list-area .list-wrap .top .ser-area {width: 100%; margin-top: 10rem;}
	.employ-list .list-area .list-wrap .top .ser-area .form-select {display: flex;}
	.employ-list .list-area .list-wrap .top .ser-area .form-select .select-area {width: 230rem;}
	.employ-list .list-area .list-wrap .top .ser-area .form-select .btn-wrap {width: 120rem;}
	.employ-list .list-area .list-wrap .list {min-height: unset;}
	.employ-list .list-area .list-wrap .list .li {display: block; padding: 40rem 0; position: relative;}
	.employ-list .list-area .list-wrap .list .li .left .hash {margin-top: 12rem;}
	.employ-list .list-area .list-wrap .list .li .right {right: 0;}
	.employ-list .list-area .list-wrap .list .li .right .img {width: 100%;}
	.employ-list .list-area .list-wrap .list .no-list {padding: 80rem 0;}
}


/* 채용공고 상세 */
.sub-kv.employ-sub {height: 847rem; margin-bottom: 100rem;}
.sub-kv.employ-sub .txt-area .txt {top: 279rem; transform: translateY(0);}
.sub-kv.employ-sub .txt-area .txt .info-desc {margin: 32rem 0 40rem;}
.sub-kv.employ-sub .txt-area .txt .info-desc .for-flex {display: flex; justify-content: center; align-items: center; margin-bottom: 12rem;}
.sub-kv.employ-sub .txt-area .txt .info-desc .for-flex .level {display: flex; align-items: center;}
.sub-kv.employ-sub .txt-area .txt .info-desc .for-flex .level::before {content: ""; display: block; width: 1rem; height: 16rem; margin: 0 10rem; background-color: rgba(0, 0, 0, .4);}
.sub-kv.employ-sub .txt-area .txt .info-desc .for-flex .d-day {margin-right: 12rem; padding: 4rem 8rem; border-radius: 4rem; background-color: #EEFFFF; color: #0F7A7A;}
.sub-kv.employ-sub .txt-area .txt .info-desc .for-flex .d-day.emer {background-color: #0D8383; color: #fff;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap {gap: 8rem;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap a {position: relative; width: 48rem; height: 48rem;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap a.scrap-btn {background: url("/common/images/ico-scrap.svg") no-repeat center center / 48rem;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap a.scrap-btn.on {background: url("/common/images/ico-scrap-on.svg") no-repeat center center / 48rem;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap a.share-btn {background: url("/common/images/ico-share.svg") no-repeat center center / 48rem;}
.sub-kv.employ-sub .txt-area .txt .btn-wrap a span {display: block; position: absolute; top: 0; left: 0; width: 48rem; height: 48rem; opacity: 0; overflow: hidden;}
.sub-kv.employ-sub .bg {background-color: #F3F4F7;}

.employ-detail {transform: translateY(100rem); opacity: 0; transition-duration: .7s; background: #fff;}
.employ-detail.active {transform: translateY(0); opacity: 1;}

.employ-detail .detail-conts.img {width: 100%;}
.employ-detail .detail-conts.img img {display: block; width: 100%; max-width: 1366px; margin: 0 auto;}
.employ-detail .detail-conts + .detail-conts {margin-top: 60rem;}
.employ-detail .detail-conts .tit {margin-bottom: 30rem;}
.employ-detail .detail-conts .desc {color: #101116;}
.employ-detail .detail-conts ul li {color: #101116;}
.employ-detail .detail-conts ul li::before {content: "·"; margin: 0 4rem 0 1rem;}
.employ-detail .detail-conts ul li + li {margin-top: 15rem;}
.employ-detail .detail-conts .table-wrap {width: 100%; overflow-x: auto;}
.employ-detail .detail-conts .table-wrap::-webkit-scrollbar {height: 6rem;}
.employ-detail .detail-conts .table-wrap::-webkit-scrollbar-track {background: 0; border-radius: 50rem;}
.employ-detail .detail-conts .table-wrap::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 50rem;}
.employ-detail .detail-conts table {display: none; height: auto !important; border-top: 2px solid #101116; vertical-align: top;}
.employ-detail .detail-conts table tr th, .employ-detail .detail-conts table tr td {padding: 22rem; border: 1rem solid #E1E4EC;}
.employ-detail .detail-conts table tr td, .employ-detail .detail-conts table tr td p, .employ-detail .detail-conts table tr td span {font-family: "Pretendard-Regular" !important; font-size: 16rem !important; line-height: 24rem !important;}
.employ-detail .detail-conts table tr th, .employ-detail .detail-conts table tr:first-of-type td, .employ-detail .detail-conts table tr:first-of-type td p, .employ-detail .detail-conts table tr:first-of-type td span {background-color: #F3F4F7; font-family: "Pretendard-Bold" !important; font-size: 18rem !important; line-height: 24rem; text-align: center !important;}
.employ-detail .detail-conts table tr th:first-of-type, .employ-detail .detail-conts table tr td:first-of-type {border-left: none;}
.employ-detail .detail-conts table tr th:last-of-type, .employ-detail .detail-conts table tr td:last-of-type {border-right: none;}

.employ-detail .detail-conts .steps-wrap {display: flex; flex-wrap: wrap; column-gap: 60rem; row-gap: 30rem;}
.employ-detail .detail-conts .steps-wrap .step {position: relative; width: 284rem;}
.employ-detail .detail-conts .steps-wrap .step::after {content: ""; display: block; position: absolute; top: 50%; right: -50rem; width: 40rem; height: 40rem; background: url("/common/images/ico-arrow-gr.svg") no-repeat center center / cover; transform: translateY(-50%);}
.employ-detail .detail-conts .steps-wrap .step:last-child::after {display: none;}
.employ-detail .detail-conts .steps-wrap img {width: 100%;}

.employ-detail .repre, .employ-detail .login-confirm, .employ-detail .attached-file {margin-top: 60rem;}
.employ-detail .repre, .employ-detail .login-confirm {padding: 30rem 40rem; background-color: #F3F4F7; border-radius: 12rem;}
.employ-detail .repre p + p {margin-top: 15rem;}
.employ-detail .repre .repre-info, .employ-detail .login-confirm p {color: #5A5E6C;}
.employ-detail .login-confirm br {display: none;}
.employ-detail .attached-file, .employ-detail .attached-file .file-list {display: flex; align-items: center;}
.employ-detail .attached-file > .f14b {margin-right: 16rem;}
.employ-detail .attached-file .file-list {column-gap: 16rem;}
.employ-detail .attached-file .file-list a {display: flex; align-items: center; column-gap: 20rem; padding: 8rem 12rem; background-color: #F3F4F7; border-radius: 8rem;}
.employ-detail .attached-file .file-list a span:not(.ico) {display: -webkit-box; width: 198rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.employ-detail .attached-file .file-list a span.ico {display: inline-block; width: 16rem; height: 16rem; background: url("/common/images/ico-download.svg") no-repeat center center / 16rem;}

.employ-detail + .btn-wrap {margin-top: 60rem;}
.employ-detail + .btn-wrap a {width: 300rem;}

@media (max-width: 1024px) {
	.sub-kv.employ-sub {height: 520rem; margin-bottom: 60rem;}
	.sub-kv.employ-sub .txt-area .txt {top: 83rem;}
	.sub-kv.employ-sub .txt-area .txt .f54b {font-size: 28rem; line-height: 40rem;}
	.sub-kv.employ-sub .txt-area .txt .info-desc {margin: 32rem 0 20rem;}

	.inner.employ-detail {width: 100%;}
	.employ-detail .detail-conts, .employ-detail .detail-conts.img {width: calc(100% - 32rem); margin: 0 auto;}
	.employ-detail .detail-conts + .detail-conts {margin-top: 40rem;}
	.employ-detail .detail-conts:has(.table-wrap) {width: 100%;}
	.employ-detail .detail-conts .tit {margin-bottom: 20rem;}
	.employ-detail .detail-conts:has(.table-wrap) .tit {margin-left: 16rem;}
	.employ-detail .detail-conts .table-wrap {margin-left: 16rem;}
	.employ-detail .detail-conts .table-wrap table {min-width: max-content; margin-right: 32rem;}
	.employ-detail .detail-conts .steps-wrap {display: block;}
	.employ-detail .detail-conts .steps-wrap .step {width: 100%;}
	.employ-detail .detail-conts .steps-wrap .step::after {top: calc(100% + 4rem); left: 50%; right: initial; transform: translateX(-50%) rotate(90deg);}
	.employ-detail .detail-conts .steps-wrap .step + .step {margin-top: 48rem;}

	.employ-detail .detail-conts.has-table {width: 100%;}
	.employ-detail .detail-conts.has-table .tit {margin-left: 16rem;}
	.employ-detail .detail-conts.has-table .table-wrap {margin-left: 16rem;}

	.employ-detail .repre, .employ-detail .login-confirm, .employ-detail .attached-file, .employ-detail + .btn-wrap {width: calc(100% - 32rem); margin: 40rem auto 0;}
	.employ-detail .repre, .employ-detail .login-confirm {padding: 30rem 24rem;}
	.employ-detail .login-confirm br {display: block;}
	.employ-detail .attached-file {display: block;}
	.employ-detail .attached-file > .f14b {margin: 0 0 16rem;}
	.employ-detail .attached-file .file-list {flex-direction: column; align-items: flex-start; column-gap: 0; row-gap: 8rem;}
	.employ-detail .attached-file .file-list a {width: 100%;}
	.employ-detail .attached-file .file-list a span:not(.ico) {width: calc(100% - 32rem);}
}


/* 직무 목록 */
.job-intro {opacity: 0; transform: translateY(100rem); transition: all .7s;}
.job-intro.active {opacity: 1; transform: translateY(0);}

.job-intro .ser-area {width: 100%;}
.job-intro .ser-area .tit {margin-bottom: 36rem; text-align: center;}
.job-intro .ser-area .tit br {display: none;}
.job-intro .ser-area .form-input {width: 732rem; margin: 0 auto;}
.job-intro .ser-area .form-input .input-area input {height: 58rem; padding: 0 48rem 0 16rem; border-radius: 12rem;}

.job-intro .top {margin: 100rem 0 24rem;}
.job-intro .top .for-flex {display: flex; align-items: center;}
.job-intro .top .left .ongoing {display: flex; align-items: center; font-family: "Pretendard-Medium";}
.job-intro .top .left .ongoing::before {content: ""; display: block; width: 1rem; height: 12rem; margin: 0 20rem; background-color: #979BAA;}
.job-intro .top .left .ongoing b {margin-left: 3rem; color: #D93A33;}
.job-intro .top .right .btn-wrap {margin-left: 8rem;}
.job-intro .top .right .btn-wrap a.type2 {width: 80rem; height: 32rem; font-size: 14rem;}

.job-intro .job-list {display: flex; flex-wrap: wrap; gap: 24rem;}
.job-intro .job-list .job-item {position: relative; width: 439rem; padding: 60rem 48rem; border: 1rem solid #E1E4EC;}
.job-intro .job-list .job-item .hiring {position: absolute; top: 32rem; right: 32rem; padding: 4rem 12rem; background-color: #FFF5F4; border-radius: 100rem; color: #BF2A23;}
.job-intro .job-list .job-item .tit {display: block; margin-bottom: 40rem;}
.job-intro .job-list .job-item .tit:hover span {border-bottom: 3px solid #000;}
.job-intro .job-list .job-item .job-desc {display: flex; flex-wrap: wrap;}
.job-intro .job-list .job-item .job-desc a {display: flex; width: 50%; color: #6D6F79; margin-top: 8rem;}
.job-intro .job-list .job-item .job-desc a:nth-of-type(1), .job-intro .job-list .job-item .job-desc a:nth-of-type(2)  {margin-top: 0;}
.job-intro .job-list .job-item .job-desc a::before {content: "·"; margin: 0 10rem;}
.job-intro .job-list .job-item .job-desc a.now-hiring::after {content: ""; display: block; width: 4rem; height: 4rem; margin-left: 3rem; background-color: #D93A33;}
.job-intro .job-list .job-item .job-desc a:hover span {position: relative; color: #101116;}
.job-intro .job-list .job-item .job-desc a:hover span::after {content: ""; display: block; position: absolute; width: 100%; height: 1rem; background-color: #101116;}
.job-intro .job-list .job-item .job-desc a span.hiring-state {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0; padding: 0;}

.job-intro .job-list .job-item .job-acco li {padding: 16rem 0; border-bottom: 1px solid #E1E4EC;}
.job-intro .job-list .job-item .job-acco li:first-of-type {padding-top: 0;}
.job-intro .job-list .job-item .job-acco li > a {display: flex; position: relative; color: #5A5E6C;}
.job-intro .job-list .job-item .job-acco li > a.now-hiring::after {content: ""; display: block; width: 4rem; height: 4rem; margin-left: 4rem; background-color: #D93A33;}

.job-intro .job-list .job-item .job-acco li > a span {display: block; position: absolute; top: 50%; right: 0; width: 20rem; height: 20rem; transform: translateY(-50%) rotate(0); background: url("/common/images/ico-plus.svg") no-repeat top right / 20rem; transition: .5s;}
.job-intro .job-list .job-item .job-acco li > a span.hiring-state {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0; padding: 0;}
.job-intro .job-list .job-item .job-acco li > a.on span {transform: translateY(-50%) rotate(180deg); background: url("/common/images/ico-inquiry-close.svg") no-repeat center right / 20rem;}
.job-intro .job-list .job-item .job-acco .acco-wrap {display: none; margin-top: 12rem;}

.job-intro .job-list .job-item .job-acco + .job-desc {margin-top: 16rem;}

.job-intro .job-list .no-list {width: 100%; border-top: 1rem solid #000; border-bottom: 1rem solid #E1E4EC;}

@media (max-width: 1024px) {
	.job-intro .ser-area .tit {margin-bottom: 16rem;}
	.job-intro .ser-area .tit br {display: block;}
	.job-intro .ser-area .form-input {width: 100%;}
	.job-intro .ser-area .form-input .input-area input {height: 48rem;}

	.job-intro .top {margin: 60rem 0 10rem;}
	.job-intro .top .left {margin-bottom: 10rem;}

	.job-intro .job-list {gap: 0;}
	.job-intro .job-list .job-item {width: 100%; padding: 40rem;}
	.job-intro .job-list .job-item + .job-item {margin-top: 16rem;}
	.job-intro .job-list .job-item .hiring {top: 24rem; right: 24rem;}
	.job-intro .job-list .job-item .tit {margin-bottom: 20rem;}
}


/* 직무 상세 */
.sub.has-job-detail {padding-top: 186rem;}

.job-detail .txt {margin-bottom: 200rem; text-align: center; color: #000; transform: translateY(100rem); opacity: 0; transition-duration: .7s;}
.job-detail .txt.active {transform: translateY(0); opacity: 1;}
.job-detail .txt p {margin-bottom: 20rem;}
.job-detail .txt-btn {text-align: right; display: inline-block; width: 100%; margin-bottom: 24rem; background: url("/common/images/ico-plus.svg") no-repeat center right; padding-right: 28rem; background-size: 24rem;}
.job-detail .tab-wrap {margin-bottom: 80rem;}
.job-detail .tab-wrap .pin-wrap {width: 100%; height: 100%; z-index: 1; background-color: #fff;}
.job-detail .tab-wrap .pin-wrap .inner {transform: translateY(100rem); opacity: 0; transition-duration: .7s;}
.job-detail .tab-wrap .pin-wrap .inner.active {transform: translateY(0); opacity: 1;}
.job-detail .tab-wrap .tab-area .swiper-wrapper {gap: 1rem;}
.job-detail .tab-wrap .tab-area .hir span {position: relative;}
.job-detail .tab-wrap .tab-area .hir span::after {content: ""; display: block; position: absolute; top: 0; right: -8rem; width: 4rem; height: 4rem; background-color: #D93A33;}
.job-detail .tab-wrap .con-area .con {outline: none;}

.job-detail .detail-conts > div {transform: translateY(100rem); opacity: 0; transition-duration: .7s;}
.job-detail .detail-conts > div.active {transform: translateY(0); opacity: 1;}
.job-detail .detail-conts .for-flex {display: flex; justify-content: space-between; column-gap: 200rem;}
.job-detail .detail-conts .for-flex > .tit {width: 178rem;}
.job-detail .detail-conts .for-flex > .desc {width: calc(100% - 378rem);}

.job-detail .detail-intro .img-box {width: 100%; height: 400rem; overflow: hidden;}
.job-detail .detail-intro .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.job-detail .detail-intro .txt-box {padding: 60rem; background-color: #F3F4F7;}
.job-detail .detail-intro .txt-box .desc {margin-top: 12rem; color: #5A5E6C;}
.job-detail .detail-conts > div + div {margin-top: 200rem;}

.job-detail .culture-box .img-box {width: 100%; height: 350rem; margin-bottom: 80rem; overflow: hidden;}
.job-detail .culture-box .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.job-detail .culture-box .txt-box .tit {margin-bottom: 20rem;}
.job-detail .culture-box .txt-box .desc {color: #6D6F79;}
.job-detail .culture-box .txt-box .desc + .desc {margin-top: 10rem;}

.job-detail .tip-box .img-box {width: 100%; height: 550rem; margin-bottom: 40rem; overflow: hidden;}
.job-detail .tip-box .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.job-detail .tip-box .tip-list {border-top: 1rem solid #101116;}
.job-detail .tip-box .tip-list li {padding: 30rem;}
.job-detail .tip-box .tip-list li + li {border-top: 1rem solid #E1E4EC;}
.job-detail .tip-box .tip-list li .question {padding: 0;}
.job-detail .tip-box .tip-list li .question .tit {color: #101116;}
.job-detail .tip-box .tip-list li .question .open-btn {top: 50%; width: 32rem; height: 32rem; background: url("/common/images/ico-inquiry-open.svg") no-repeat center center / 32rem; transform: translateY(-50%);}
.job-detail .tip-box .tip-list li.on .question .open-btn {background: url("/common/images/ico-inquiry-close.svg") no-repeat center center / 32rem; transform: translateY(-50%) rotate(180deg);}
.job-detail .tip-box .tip-list li .q-info .cate {margin-bottom: 24rem; color: #D93A33;}
.job-detail .tip-box .tip-list li .answer {background-color: #fff;}
.job-detail .tip-box .tip-list li .tip-a-box {margin-top: 12rem; padding: 0; color: #6D6F79;}

.job-detail .employ-box .desc .btn-wrap a {width: auto; margin-left: auto;}
.job-detail .employ-box .desc .btn-wrap a span {padding-right: 28rem; background: url("/common/images/ico-arrow-bk.svg") no-repeat center right / 24rem;}

.job-detail .employ-box .employ-list {display: flex; flex-wrap: wrap; gap: 16rem; margin-top: 20rem;}
.job-detail .employ-box .employ-list .employ-item {display: flex; flex-direction: column; width: 318rem; height: 184rem; padding: 20rem 24rem; border-radius: 16rem; border: 1rem solid #E1E4EC; transition-duration: .3s;}
.job-detail .employ-box .employ-list .employ-item:hover {border: 1rem solid #979BAA;}
.job-detail .employ-box .employ-list .employ-item .cate {width: fit-content; margin-bottom: 24rem; padding: 4rem 8rem; background: #F3F4F7; border-radius: 4rem;}
.job-detail .employ-box .employ-list .employ-item .tit {display: -webkit-box; height: 48rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.job-detail .employ-box .employ-list .employ-item .date-wrap {display: flex; align-items: center; column-gap: 8rem; margin-top: auto;}
.job-detail .employ-box .employ-list .employ-item .date-wrap .day {padding: 4rem 8rem; background: #EFF; border-radius: 4rem; color: #0F7A7A;}
.job-detail .employ-box .employ-list .employ-item .date-wrap .day.emer {background-color: #0D8383; color: #fff;}

@media (min-width: 1024px) {
	.job-detail .txt-btn {margin-bottom: 20rem;}
  .job-detail .tab-wrap .tab-area:not(.wrap) a {flex: 1 0 auto; width: auto;}
  .job-detail .tab-wrap .tab-area.wrap .swiper-wrapper {flex-wrap: wrap;}
  .job-detail .tab-wrap .tab-area.wrap .swiper-wrapper a {width: 194rem;}
}

@media (max-width: 1024px) {
	.sub.has-job-detail {padding-top: 126rem;}

	.job-detail .txt {margin-bottom: 100rem;}
	.job-detail .txt p {margin-bottom: 10rem;}

	.job-detail .tab-wrap {margin-bottom: 40rem;}
	.job-detail .tab-wrap .pin-wrap .inner {width: 100%;}
	.job-detail .tab-wrap .tab-area a {width: 89.5rem; height: auto; padding: 10rem; word-break: break-all;}
	.job-detail .tab-wrap .tab-area:not(.flex) a {flex: 1 0 auto;}

	.job-detail .detail-conts .for-flex {display: block;}
	.job-detail .detail-conts .for-flex > .tit, .job-detail .detail-conts .for-flex > .desc {width: 100%;}
	.job-detail .detail-conts .for-flex > .tit {margin-bottom: 40rem;}
	.job-detail .detail-conts .for-flex > .tit br:nth-of-type(1) {display: none;}
	.job-detail .detail-conts > div + div {margin-top: 100rem;}

	.job-detail .detail-intro .txt-box {padding: 30rem;}

	.job-detail .culture-box .img-box {margin-bottom: 40rem;}
	.job-detail .culture-box .img-box img {object-position: right;}

	.job-detail .tip-box .img-box {height: 500rem;}
	.job-detail .tip-box .img-box img {object-position: left;}

	.job-detail .tip-box .tip-list li {padding: 16rem;}
	.job-detail .tip-box .tip-list li .q-info .cate {margin-bottom: 12rem;}
	.job-detail .tip-box .tip-list li .question .open-btn {width: 24rem; height: 24rem; background: url("/common/images/ico-inquiry-open.svg") no-repeat center center / 24rem;}

	.job-detail .employ-box .employ-list {flex-direction: column; gap: 0;}
	.job-detail .employ-box .employ-list .employ-item + .employ-item {margin-top: 16rem;}
	.job-detail .employ-box .employ-list .employ-item {width: 100%; height: auto;}
	.job-detail .employ-box .employ-list .employ-item .tit {height: auto; max-height: 48rem; margin-bottom: 16rem;}
	.job-detail .employ-box .employ-list .employ-item .date-wrap {margin: 0;}
}


/* 직무 내 회사 목록 */
.sub:has(.in-office) {min-height: auto; padding: 0;}

.in-office .list-wrap {padding: 186rem 0 100rem; background-color: #F3F4F7;}
.in-office .list-wrap h2 {text-align: center;}

.in-office .in-office-list {display: flex; flex-wrap: wrap; gap: 20rem;}
.in-office .in-office-list .in-office-item {display: flex; flex-direction: column; position: relative; width: calc(25% - 15rem); height: 350rem; padding: 28rem; background-color: #fff; border: 1rem solid #E1E4EC; transition-duration: .3s;}
.in-office .in-office-list .in-office-item:hover {border: 1rem solid #979BAA;}
.in-office .in-office-list .in-office-item .hiring {position: absolute; top: 28rem; right: 28rem; padding: 4rem 12rem; background-color: #FFF5F4; border-radius: 100rem; color: #BF2A23;}
.in-office .in-office-list .in-office-item .tit {margin-top: 6rem; color: #454855;}
.in-office .in-office-list .in-office-item .desc {margin: 8rem 0 32rem; color: #6D6F79;}
.in-office .in-office-list .in-office-item .img-box {width: 100%; height: 180rem; margin-top: auto;}
.in-office .in-office-list .in-office-item .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.in-office .in-office-list .no-list {width: 100%;}

.in-office .related-employ-wrap {margin-bottom: 120rem;}
.in-office .related-employ-wrap .top {margin: 100rem 0 40rem; padding-bottom: 30rem; border-bottom: 1rem solid #101116;}
.in-office .related-employ-wrap .top a span {padding-right: 28rem; background: url("/common/images/ico-arrow-bk.svg") no-repeat center right / 24rem;}
.in-office .related-employ-wrap .employ-list {display: flex; flex-wrap: wrap; gap: 20rem;}
.in-office .related-employ-wrap .employ-list .employ-item {display: flex; flex-direction: column; width: 326.5rem; padding: 20rem 24rem; border-radius: 16rem; border: 1rem solid #E1E4EC; transition-duration: .3s;}
.in-office .related-employ-wrap .employ-list .employ-item:hover {border: 1rem solid #979BAA;}
.in-office .related-employ-wrap .employ-list .employ-item .company {margin-bottom: 24rem; color: #454855;}
.in-office .related-employ-wrap .employ-list .employ-item .tit {display: -webkit-box; margin-bottom: 16rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.in-office .related-employ-wrap .employ-list .employ-item .labels {display: flex; align-items: center; column-gap: 8rem; margin-top: auto;}
.in-office .related-employ-wrap .employ-list .employ-item .labels .cate {display: block; border-radius: 4rem; padding: 4rem 8rem; background: #F3F4F7;}
.in-office .related-employ-wrap .employ-list .employ-item .labels .day {display: block; border-radius: 4rem; padding: 4rem 8rem; background: #EFF; color: #0F7A7A;}
.in-office .related-employ-wrap .employ-list .employ-item .labels .day.emer {background-color: #0D8383; color: #fff;}

@media (max-width: 1024px) {
	.sub.has-in-office {min-height: auto; padding: 0;}

	.in-office .list-wrap {padding: 122rem 0 60rem;}
	.in-office .list-wrap .top {margin-bottom: 33rem;}

	.in-office .in-office-list {gap: 12rem;}
	.in-office .in-office-list .in-office-item {display: block; width: 100%; height: auto;}

	.in-office .related-employ-wrap {margin-bottom: 60rem;}
	.in-office .related-employ-wrap .top {display: flex; align-items: center; margin-top: 60rem;}
	.in-office .related-employ-wrap .employ-list {margin-top: 0;}
	.in-office .related-employ-wrap .employ-list .employ-item {width: 100%;}
}


/* 현대백화점그룹 소개 > 회사소개 */
.sub.has-company-intro-overview .sub-kv {height: auto; margin-bottom: 100rem; padding-bottom: 165rem; background: #F3F4F7;}
.sub.has-company-intro-overview .sub-kv .txt-area {height: 350rem;}
.sub.has-company-intro-overview .sub-kv .txt-area .txt {top: 138rem; transform: translateY(0);}

.sub.has-company-intro-overview .sub-kv.no-hiring-section {height: 494rem; padding-bottom: 0;}
.sub.has-company-intro-overview .sub-kv.no-hiring-section .txt-area {height: 100%;}
.sub.has-company-intro-overview .sub-kv.no-hiring-section .txt-area .txt {top: 50%; transform: translateY(-50%);}

.hiring-section {display: flex; justify-content: space-between; opacity: 0; transform: translateY(70rem); transition-duration: .7s; position: relative; z-index: 2;}
.hiring-section.active {opacity: 1; transform: translateY(0);}
.hiring-section .tit-area .f32b {margin-bottom: 20rem;}
.hiring-section .list-area {width: 1024rem;}
.hiring-section .list-area .hiring-swiper {margin-bottom: 60rem;}
.hiring-section .list-area .item-wrap {display: flex; flex-wrap: wrap; gap: 16rem;}
.hiring-section .list-area .item-wrap .item {display: flex; align-items: center; width: calc((100% - 32rem) / 3); padding: 32rem; background-color: rgba(255, 255, 255, .7); border-radius: 8rem;}
.hiring-section .list-area .item-wrap .item .f14b {display: inline-block; margin-right: 12rem; padding: 4rem 12rem; background-color: #D93A33; border-radius: 100rem; color: #fff;}
.hiring-section .list-area .hiring-swiper-util {display: flex; align-items: center;}
.hiring-section .list-area .hiring-swiper-util .custom-pagination .progress-bar {position: relative; width: 519rem; height: 3rem; background-color: #E1E4EC}
.hiring-section .list-area .hiring-swiper-util .custom-pagination .progress-bar .progress-fill {display: inline-block; position: absolute; top: 0; ;left: 0; height: 100%; background-color: #101116;  transition-duration: .3s;}
.hiring-section .list-area .hiring-swiper-util .swiper-button-prev, .hiring-section .list-area .hiring-swiper-util .swiper-button-next {position: unset; width: 44rem; height: 32rem;}
.hiring-section .list-area .hiring-swiper-util .swiper-button-prev {margin-left: 20rem; background: url(/common/images/ico-main-arrow.svg) no-repeat center center / cover;}
.hiring-section .list-area .hiring-swiper-util .swiper-button-next {background: url(/common/images/ico-main-arrow.svg) no-repeat center center / cover; transform: rotate(180deg);}
.hiring-section .list-area .hiring-swiper-util .pagination-num {display: flex; align-items: center; column-gap: 4rem; margin: 0 10rem; color: #5A5E6C;}
.hiring-section .list-area .hiring-swiper-util .pagination-num .current {color: #D93A33;}

.company-intro-overview {padding-bottom: 85rem;}
.company-intro-overview .tab-area {margin-bottom: 40rem; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.company-intro-overview .tab-area.active {opacity: 1; transform: translateY(0);}
.company-intro-overview .list-cate {display: flex; flex-wrap: wrap; gap: 1rem; width: 100%;}
.company-intro-overview .list-cate a {width: 194rem; height: 44rem; background-color: #F3F4F7; line-height: 44rem; text-align: center; color: #454855;}
.company-intro-overview .list-cate a.on {background-color: #101116; font-family: "Pretendard-Bold"; color: #fff;}

.company-intro-overview .pin-wrap {width: 100%; height: 100%; z-index: 1; background-color: #fff;}
.company-intro-overview .pin-wrap .inner {background-color: #fff; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.company-intro-overview .pin-wrap .inner.active {opacity: 1; transform: translateY(0);}
.company-intro-overview .list-swiper .swiper-wrapper {flex-wrap: wrap; column-gap: 16rem; row-gap: 8rem;}
.company-intro-overview .list-swiper .swiper-slide {position: relative; width: auto; padding: 10rem;}
.company-intro-overview .list-swiper .swiper-slide.hir {display: flex; flex-flow: row-reverse;}
.company-intro-overview .list-swiper .swiper-slide.hir::before {content: ""; width: 4px; height: 4px; background: #D93A33; display: block; margin-left: 4rem;}
.company-intro-overview .list-swiper .swiper-slide::after {content: ""; display: block; position: absolute; top: 50%; right: -8rem; width: 1rem; height: 10rem; background-color: #E1E4EC; transform: translateY(-50%);}
.company-intro-overview .list-swiper .swiper-slide:last-child:after {display: none;}
.company-intro-overview .list-swiper .swiper-slide:hover span {position: relative; font-family: "Pretendard-Bold";}
.company-intro-overview .list-swiper .swiper-slide:hover span::before {content: ""; position: absolute; bottom: -2rem; display: block; width: 100%; height: 2rem; background-color: #101116;}

/* @media (hover: none) {
	.company-intro-overview .list-swiper .swiper-slide:hover span {position: relative; font-family: initial;}
	.company-intro-overview .list-swiper .swiper-slide:hover span::before {display: none;}
} */

.company-intro-overview .float-option {display: none;}

.company-intro-overview .list-area {margin-top: 100rem; opacity: 0; transform: translateY(70rem); transition-duration: .7s;}
.company-intro-overview .list-area.active {opacity: 1; transform: translateY(0);}
.company-intro-overview .list-area .item {display: flex; justify-content: space-between; margin-left: 277rem; outline: none;}
.company-intro-overview .list-area .item.reverse {flex-direction: row-reverse; margin: 0 277rem 0 0;}
.company-intro-overview .list-area .item + .item {margin-top: 120rem;}
.company-intro-overview .list-area .item .txt-box {width: 584rem;}
.company-intro-overview .list-area .item .txt-box .f40b {display: flex; align-items: center; column-gap: 12rem;}
.company-intro-overview .list-area .item .txt-box .f40b span {padding: 4rem 12rem; background-color: #FFF5F4; border-radius: 100rem; color: #BF2A23;}
.company-intro-overview .list-area .item .txt-box .f18r {margin: 24rem 0;}
.company-intro-overview .list-area .item .txt-box a {display: inline-block; padding: 9rem 16rem; background-color: #000; color: #fff;}
.company-intro-overview .list-area .item .txt-box a span {padding-right: 20rem; background: url("/common/images/ico-arrow-wht.svg") no-repeat center right / 16rem;}
.company-intro-overview .list-area .item .img-box {display: flex; width: 862rem; height: 585rem; margin-left: auto;}
.company-intro-overview .list-area .item.reverse .img-box {margin-left: 0; margin-right: auto;}
.company-intro-overview .list-area .item .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media (max-width: 1024px) {
	.sub.has-company-intro-overview .sub-kv {margin-bottom: 86rem; padding-bottom: 34rem;}
	.sub.has-company-intro-overview .sub-kv .txt-area {height: 216rem;}
	.sub.has-company-intro-overview .sub-kv .txt-area .txt {top: 92rem;}

	.sub.has-company-intro-overview .sub-kv.no-hiring-section {height: 314rem;}

	.hiring-section {flex-direction: column;}
	.hiring-section .tit-area {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20rem;}
	.hiring-section .tit-area .f32b {margin-bottom: 0;}

	.hiring-section .list-area {width: 100%;}
	.hiring-section .list-area .hiring-swiper {margin-bottom: 24rem;}
	.hiring-section .list-area .item-wrap {justify-content: space-between; gap: 0;}
	.hiring-section .list-area .item-wrap .item {display: block; width: calc(50% - 4rem); padding: 16rem;}
	.hiring-section .list-area .item-wrap .item + .item {margin-top: 8rem;}
	.hiring-section .list-area .item-wrap .item:nth-child(2) {margin-top: 0;}
	.hiring-section .list-area .item-wrap .item .f14b {margin: 0 0 8rem;}

	.hiring-section .list-area .hiring-swiper-util .custom-pagination {width: calc(100% - 118rem);}
	.hiring-section .list-area .hiring-swiper-util .custom-pagination .progress-bar {width: 100%;}
	.hiring-section .list-area .hiring-swiper-util .swiper-button-prev {margin: 0 10rem 0 20rem;}
	.hiring-section .list-area .hiring-swiper-util .pagination-num {display: none;}

	.company-intro-overview {padding-bottom: 32rem;}
	.company-intro-overview .list-cate a {width: calc((100% - 1rem) / 2);}

	.company-intro-overview .pin-wrap .inner {width: 100%; padding: 0 16rem;}
	.company-intro-overview .list-swiper {margin-top: 24rem;}
	.company-intro-overview .list-swiper .swiper-wrapper {flex-wrap: nowrap; column-gap: 0; row-gap: 0;}
	.company-intro-overview .list-swiper .swiper-wrapper.active { flex-wrap: wrap; column-gap: 16rem;}

	.company-intro-overview .float-option {display: block; position: relative; margin-top: 24rem; border-top: 1rem solid #D3D6DE;}
	.company-intro-overview .float-option .op-open {display: flex; align-items: center; justify-content: center; position: absolute; top: unset; bottom: -30rem; right: 50%; width: 60rem; height: 30rem; background: #D93A33; border-radius: 0 0 8rem 8rem; transform: translateX(50%) translateY(0);}
	.company-intro-overview .float-option .op-open span {display: block; width: 8rem; height: 16rem; background: url("/common/images/ico-op-arrow.svg") no-repeat; background-size: contain; transform: rotate(90deg); transition-duration: .3s; text-indent: -9999rem;}
	.company-intro-overview .float-option .op-open.on span {transform: rotate(-90deg);}

	.company-intro-overview .list-swiper .swiper-slide.selected span {position: relative; font-family: "Pretendard-Bold";}
	.company-intro-overview .list-swiper .swiper-slide.selected span::before {content: ""; position: absolute; bottom: -2rem; display: block; width: 100%; height: 2rem; background-color: #101116;}

	.company-intro-overview .list-area {margin: 90rem 16rem 0;}
	.company-intro-overview .list-area .item, .company-intro-overview .list-area .item.reverse {flex-direction: column; margin: 0;}
	.company-intro-overview .list-area .item, .company-intro-overview .list-area .item .txt-box, .company-intro-overview .list-area .item.reverse .img-box {width: 100%;}
	.company-intro-overview .list-area .item + .item {margin-top: 60rem;}
	.company-intro-overview .list-area .item .txt-box .f18r {margin: 16rem 0;}
	.company-intro-overview .list-area .item .img-box {width: 100%; height: 242rem; margin-top: 32rem; margin-left: 0;}
	.company-intro-overview .list-area .item.reverse .img-box {margin-top: 32rem;}
}


/* 현대백화점그룹 소개 > 회사별 소개 */
.sub.has-company-intro .sub-kv {display: flex; flex-direction: column; height: auto; min-height: 846rem; margin-bottom: 200rem; padding: 60rem 0 100rem; background: #C5C8D3;}
.sub.has-company-intro .sub-kv .swiper-wrap {position: relative; width: 1183rem; margin: 0 auto;}
.sub.has-company-intro .sub-kv .company-list-swiper {width: 1083rem; margin: 0 auto; overflow: hidden;}
.sub.has-company-intro .sub-kv .company-list-swiper .swiper-wrapper {align-items: center;}
.sub.has-company-intro .sub-kv .company-list-swiper .swiper-slide {margin-right: 40rem; width: auto; padding: 8rem 0;}
.sub.has-company-intro .sub-kv .company-list-swiper .swiper-slide:last-child {margin-right: 0;}
.sub.has-company-intro .sub-kv .company-list-swiper .swiper-slide.on {padding: 6rem 20rem; background-color: #000; border-radius: 100rem; font-family: "Pretendard-Bold"; color: #fff;}
.sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-prev, .sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-next {width: 24rem; height: 24rem; margin: 0; transform: translateY(-50%);}
.sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-prev {left: 0; background: url("/common/images/ico-swiper-prev-bk2.svg") no-repeat center center / auto 24rem;}
.sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-next {right: 0; background: url("/common/images/ico-swiper-next-bk2.svg") no-repeat center center / auto 24rem;}
.sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-prev:after, .sub.has-company-intro .sub-kv .swiper-btn-wrap .swiper-button-next:after {display: none;}

.sub.has-company-intro .sub-kv .txt-area {display: flex; justify-content: space-between; align-items: flex-end; height: auto; margin-top: auto; text-align: left;}
.sub.has-company-intro .sub-kv .txt-area .left {width: 616rem;}
.sub.has-company-intro .sub-kv .txt-area .left .desc {margin: 8rem 0 28rem;}
.sub.has-company-intro .sub-kv .txt-area .left .btn-wrap {justify-content: flex-start; margin-top: 28rem;}
.sub.has-company-intro .sub-kv .txt-area .left .btn-wrap a {width: 129rem; text-align: center;}
.sub.has-company-intro .sub-kv .txt-area .right {width: 345rem; padding: 40rem; background-color: #fff; color: #6D6F79;}
.sub.has-company-intro .sub-kv .txt-area .right p {display: flex; column-gap: 24rem;}
.sub.has-company-intro .sub-kv .txt-area .right p + p {margin-top: 12rem;}
.sub.has-company-intro .sub-kv .txt-area .right p span {display: block; width: 54rem;}
.sub.has-company-intro .sub-kv .txt-area .right p b {display: block; width: calc(100% - 78rem); color: #101116;}

/* 현대지에프홀딩스 */
.sub.employ-empty {min-height: initial;}
.sub.employ-empty .sub-kv {margin-bottom: 0 !important;}

.company-intro > .txt-area {display: none;}

.sub.has-company-intro .sub-kv .bg img {object-position: center;}

.company-intro .pin-spacer {z-index: 2;}

.company-intro .scroll-motion {transform: translateY(100rem); visibility: hidden; opacity: 0; transition-duration: .7s;}
.company-intro .scroll-motion.active {transform: translateY(0); visibility: visible; opacity: 1;}

.company-intro .tab-wrap {z-index: 1; margin-bottom: 80rem;}
.company-intro .tab-wrap a {transition-duration: .3s;}

.company-intro .detail-conts > .for-flex {display: flex; column-gap: 200rem; outline: none;}
.company-intro .detail-conts > .for-flex + .for-flex {margin-top: 200rem;}
.company-intro .detail-conts > .for-flex > .tit {width: 170rem;}
.company-intro .detail-conts > .for-flex > .desc {width: calc(100% - 370rem);}

.company-intro .detail-conts .progress-swiper {position: relative; border-top: 1rem solid #101116; border-bottom: 1rem solid #E1E4EC;}
.company-intro .detail-conts .progress-swiper .swiper-slide {display: flex; flex-direction: column; height: 422rem; padding: 60rem 24rem;}
.company-intro .detail-conts .progress-swiper .swiper-slide .num {display: flex; justify-content: center; align-items: center; width: 30rem; height: 30rem; margin-bottom: 24rem; background-color: #FFF5F4; border-radius: 50%; color: #BF2A23;}
.company-intro .detail-conts .progress-swiper .swiper-slide .tit {margin-bottom: 8rem;}
.company-intro .detail-conts .progress-swiper .swiper-slide .desc {color: #6D6F79;}
.company-intro .detail-conts .progress-swiper .swiper-slide img {width: 60rem; margin-top: auto;}
.company-intro .detail-conts .progress-swiper + .swiper-util {display: flex; align-items: center; margin-top: 40rem;}
.company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination {display: flex; align-items: center; width: 113rem; margin-right: 24rem;}
.company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination .progress-bar {width: 60rem; height: 1rem; background-color: #E1E4EC;}
.company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination .pagination-progress {margin: 0 8rem;}
.company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination .progress-bar .progress-fill {display: block; height: 1rem; background-color: #000; transition-duration: .3s;}
.company-intro .detail-conts .progress-swiper + .swiper-util .swiper-button-prev, .company-intro .detail-conts .progress-swiper + .swiper-util .swiper-button-next {position: initial; z-index: initial; width: 14rem; height: 14rem;}
.company-intro .detail-conts .progress-swiper + .swiper-util .swiper-button-prev {background: url("/common/images/ico-swiper-prev-bk.svg") no-repeat center center / auto 14rem;}
.company-intro .detail-conts .progress-swiper + .swiper-util .swiper-button-next {margin-left: 16rem; background: url("/common/images/ico-swiper-next-bk.svg") no-repeat center center / auto 14rem;}

.company-intro .recruitment-box .process-box {margin-top: 80rem;}
.company-intro .recruitment-box .process-box .tab-wrap {margin-bottom: 0;}
.company-intro .recruitment-box .process-box .tab-area a {padding: 10rem;}
.company-intro .recruitment-box .process-box .tab-area a span {color: #454855;}
.company-intro .recruitment-box .process-box .tab-area a.on span {border-bottom: 2rem solid #101116; font-family: "Pretendard-Bold"; color: #101116;}
.company-intro .recruitment-box .process-box .con-area {overflow: hidden;}
.company-intro .recruitment-box .process-box .con-area .con {display: block; height: 0; visibility: hidden; opacity: 0;}
.company-intro .recruitment-box .process-box .con-area .con.on {display: block; height: auto; visibility: visible; opacity: 1;}

.company-intro .job-intro-box .swiper-container .swiper-slide {width: auto;}
.company-intro .job-intro-box .swiper-container.job-cate {margin-bottom: 12rem;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-wrapper {column-gap: 16rem;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide {position: relative; padding: 10rem; color: #454855;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide::after {content: ""; display: block; position: absolute; top: 50%; right: -8rem; width: 1rem; height: 10rem; background-color: #E1E4EC; transform: translateY(-50%);}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide:last-child:after {display: none;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide.on {font-family: "Pretendard-Bold"; color: #101116;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide.on span {position: relative;}
.company-intro .job-intro-box .swiper-container.job-cate .swiper-slide.on span::before {content: ""; display: block; position: absolute; bottom: -2rem; width: 100%; height: 2rem; background-color: #101116;}

.company-intro .job-intro-box .sub-job-cate-wrap {margin-bottom: 40rem;}
.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container {height: 0; visibility: hidden; opacity: 0;}
.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container.on {height: auto; visibility: visible; opacity: 1;}
.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container .swiper-wrapper {flex-wrap: wrap; gap: 16rem;}
.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container .swiper-slide {padding: 4rem 12rem; background-color: #F3F4F7; border-radius: 100rem; color: #5A5E6C;}
.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container .swiper-slide.on {font-family: "Pretendard-Bold"; color: #101116;}

.company-intro .job-intro-box .sub-job-desc-wrap .sub-job-desc-box, .company-intro .job-intro-box .sub-job-desc-wrap .sub-job-desc-item {display: none;}
.company-intro .job-intro-box .sub-job-desc-wrap .sub-job-desc-box.on, .company-intro .job-intro-box .sub-job-desc-wrap .sub-job-desc-item.on {display: block;}
.company-intro .job-intro-box .sub-job-desc-wrap .img-box {width: 100%; height: 400rem;}
.company-intro .job-intro-box .sub-job-desc-wrap .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.company-intro .job-intro-box .sub-job-desc-wrap .desc-box {display: flex; justify-content: space-between; align-items: flex-end; padding: 60rem; background-color: #F3F4F7;}
.company-intro .job-intro-box .sub-job-desc-wrap .desc-box .f24b {margin-bottom: 12rem;}
.company-intro .job-intro-box .sub-job-desc-wrap .desc-box .f16m {color: #6D6F79;}
.company-intro .job-intro-box .sub-job-desc-wrap .desc-box .btn-wrap .btn-more span {padding-right: 28rem; background: url("/common/images/ico-arrow-bk.svg") no-repeat center right / 24rem;}

.company-intro .benefit-box .progress-swiper {border-top: none; border-bottom: none;}
.company-intro .benefit-box .progress-swiper .swiper-slide {position: relative; height: auto; padding: 20rem 0; text-align: center;}
.company-intro .benefit-box .progress-swiper .swiper-slide::after {content: ""; display: block; position: absolute; top: 0; right: -39px; width: 1rem; height: 100%; background-color: #D9D9D9;}
.company-intro .benefit-box .progress-swiper .swiper-slide:last-child:after {display: none;}
.company-intro .benefit-box .progress-swiper .swiper-slide img {width: 48rem; margin: 0 auto 40rem;}
.company-intro .benefit-box .progress-swiper .swiper-slide .tit {margin-bottom: 16rem;}

.company-intro .employ-box > .tit a {display: block; margin-top: 20rem; font-family: "Pretendard-Regular"; font-size: 16rem;}
.company-intro .employ-box > .tit a span {padding-right: 28rem; background: url("/common/images/ico-plus.svg") no-repeat center right / 24rem;}
.company-intro .employ-box > .desc {width: 996rem;}
.company-intro .employ-box .employ-list {display: flex; column-gap: 16rem;}
.company-intro .employ-box .employ-item {width: 321rem; padding: 20rem 24rem; border-radius: 16rem; border: 1rem solid #D3D6DE;}
.company-intro .employ-box .employ-item .tit {display: -webkit-box; height: 48rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.company-intro .employ-box .employ-item .labels {display: flex; align-items: center; margin-top: 16rem;}
.company-intro .employ-box .employ-item .labels p {border-radius: 4rem;}
.company-intro .employ-box .employ-item .labels p + p {margin-left: 8rem;}
.company-intro .employ-box .employ-item .labels .cate {display: block; padding: 4rem 8rem; background: #F3F4F7;}
.company-intro .employ-box .employ-item .labels .day {display: block; padding: 4rem 8rem; background: #EEFFFF; color: #0F7A7A;}
.company-intro .employ-box .employ-item .labels .day.emer {background-color: #0D8383; color: #fff;}
.company-intro .employ-box .employ-item .hash-tag {display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-top: 16rem; padding-top: 16rem; border-top: 1rem solid #D3D6DE; color: #6D6F79;}
.company-intro .employ-box .employ-item .hash-tag p + p {margin-right: 7rem;}
.company-intro .employ-box .employ-item .hash-tag p::before {content: "#";}

@media (max-width: 1024px) {
	.sub.has-company-intro .sub-kv {min-height: 674rem; margin-bottom: 100rem; padding: 24rem 0 48rem;}
	.sub.has-company-intro .sub-kv .swiper-wrap, .sub.has-company-intro .sub-kv .company-list-swiper {width: 100%;}
	.sub.has-company-intro .sub-kv .swiper-wrap .company-list-swiper {padding: 0 16rem;}
	.sub.has-company-intro .sub-kv .company-list-swiper .swiper-slide {margin-right: 24rem;}
	.sub.has-company-intro .sub-kv .swiper-btn-wrap {display: none;}
	.sub.has-company-intro .sub-kv .txt-area {flex-direction: column;}
	.sub.has-company-intro .sub-kv .txt-area .left {width: 100%; margin: 60rem 0 40rem;}
	.sub.has-company-intro .sub-kv .txt-area .left .desc {margin: 8rem 0 20rem;}
	.sub.has-company-intro .sub-kv .txt-area .left .btn-wrap {margin-top: 20rem;}
	.sub.has-company-intro .sub-kv .txt-area .right {width: 100%;}

	.company-intro > .txt-area {display: block; width: 100%; margin-bottom: 100rem;}
	.company-intro > .txt-area .desc {margin: 8rem 0 20rem; color: #000;}
	.company-intro > .txt-area .sub-desc {color: #6D6F79;}
	.company-intro > .txt-area .btn-wrap {display: block; margin-top: 20rem;}
	.company-intro > .txt-area .btn-wrap .btn {width: auto; padding: 0 16rem;}

	.sub.has-company-intro .sub-kv .bg img {object-position: left;}

	.company-intro .detail-conts > .for-flex {flex-direction: column;}
	.company-intro .detail-conts > .for-flex + .for-flex {margin-top: 100rem;}
	.company-intro .detail-conts > .for-flex > .tit, .company-intro .detail-conts > .for-flex > .desc {width: 100%;}
	.company-intro .detail-conts > .for-flex > .tit {margin-bottom: 40rem; font-size: 24rem;}

	.company-intro .detail-conts .progress-swiper .swiper-slide {height: 357rem; padding: 30rem 16rem;}
	.company-intro .detail-conts .progress-swiper + .swiper-util {margin-top: 36rem;}
	.company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination, .company-intro .detail-conts .progress-swiper + .swiper-util .custom-pagination .progress-bar {width: 100%;}
	.company-intro .detail-conts .progress-swiper + .swiper-util .swiper-button-next {margin-left: 30rem;}

	.company-intro .recruitment-box > .tit {margin-bottom: 36rem !important;}
	.company-intro .recruitment-box .process-box {margin-top: 40rem;}

	.company-intro .job-intro-box .swiper-container.job-cate .swiper-wrapper {column-gap: 0;}

	.company-intro .job-intro-box .sub-job-cate-wrap .swiper-container .swiper-wrapper {flex-wrap: nowrap; gap: 0;}

	.company-intro .job-intro-box .sub-job-desc-wrap .desc-box {flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 30rem;}
	.company-intro .job-intro-box .sub-job-desc-wrap .desc-box .btn-wrap {margin-top: 24rem;}

	.company-intro .benefit-box .progress-swiper .swiper-slide {height: auto;}
	.company-intro .benefit-box .progress-swiper .swiper-slide::after {right: -20px;}
	.company-intro .benefit-box .progress-swiper .swiper-slide img {margin: 0 auto 32rem;}
	.company-intro .benefit-box .progress-swiper .swiper-slide .tit {margin-bottom: 10rem;}

	.company-intro .employ-box .employ-list {flex-direction: column; row-gap: 0; margin: 0;}
	.company-intro .employ-box .employ-item + .employ-item {margin-top: 16rem;}
	.company-intro .employ-box .employ-item {width: 100%;}
	.company-intro .employ-box .employ-item .tit {height: auto; max-height: 48rem;}
}


/* 그룹소개 */
.group {width: 100%; overflow: hidden;}
.group .tab-wrap {top: calc(400vh + 282rem); z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); opacity: 1;}
.group .tab-wrap.fixed {position: fixed; top: 106rem;}
.group .tab-wrap.focused {z-index: 200;}
.group .inner:has(.bread) {position: relative;}
.group .inner.has-bread {position: relative;}
.group .bread {top: 0;}
.group .intro {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.group .intro .tit {text-align: center; position: absolute; top: 138rem; left: 50%; transform: translateX(-50%);}
.group .intro .bg {width: 100%; height: calc(100vh - 106rem); overflow: hidden; position: absolute; top: 361rem;}
.group .intro .bg span {width: 800rem; height: 450rem; position: relative; display: block; overflow: hidden; left: 50%; transform: translateX(-50%);}
.group .intro .bg span img {width: 250vw; position: absolute; top: -800rem; left: 50%; transform: translateX(-50%);}
.group .intro .bg span img.pc {display: block;}
.group .intro .bg span img.mob {display: none;}

.group .intro .box {width: 100%; height: 100vh; display: flex; justify-content: space-between; position: absolute;}
.group .intro .box p {width: 20%; height: 100vh; transform: translateY(100vh); background: #fff;}

.group section {outline: none;}

.group .com-swiper {padding-top: 140rem;}
.group .com-swiper .txt {text-align: center; margin-bottom: 160rem;}
.group .com-swiper .txt .f54b {margin-bottom: 24rem;}

.group .com-swiper .com-con {display: flex; justify-content: center; align-items: flex-start; column-gap: 210rem; position: relative; width: 100%; height: 792rem; margin-top: 80rem; padding: 236rem 0; color: #fff;}
.group .com-swiper .com-con > div {width: 492rem;}
.group .com-swiper .com-con .left, .group .com-swiper .com-con .right {position: relative; z-index: 1;}

.group .com-swiper .com-con .left .com-list {display: flex; flex-wrap: wrap;}
.group .com-swiper .com-con .left .com-list li {position: relative; width: 164rem; height: 80rem; border: 1px solid #fff; border-left: none; border-top: none; overflow: hidden;}
.group .com-swiper .com-con .left .com-list li:nth-of-type(3n+1) {border-left: 1px solid #fff;}
.group .com-swiper .com-con .left .com-list li:nth-of-type(n+1):nth-of-type(-n+3) {border-top: 1px solid #fff;}
.group .com-swiper .com-con .left .com-list li a {display: flex; align-items: center; position: relative; z-index: 1; width: 100%; height: 100%; padding: 0 20rem; transition: ease .7s all;}
.group .com-swiper .com-con .left .com-list li a:focus-visible {border: 2px solid #000;}
.group .com-swiper .com-con .left .com-list li:hover a, .group .com-swiper .com-con .left .com-list li.on a {color: #454855;}
.group .com-swiper .com-con .left .com-list li span {position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: #fff; transition: ease .7s all;}
.group .com-swiper .com-con .left .com-list li:hover span, .group .com-swiper .com-con .left .com-list li.on span {top: 0;}

.group .com-swiper .com-con .right .com-desc-wrap {position: relative;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item {position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; outline: none;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item.on {opacity: 1; visibility: visible;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .tit, .group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list {transform: translateY(100rem); opacity: 0; visibility: hidden; transition: ease .7s; transition-delay: .1s;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item.on .tit, .group .com-swiper .com-con .right .com-desc-wrap .com-item.on .item-list {transform: translateY(0); opacity: 1; visibility: visible;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .tit {margin-bottom: 48rem;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list {display: flex; align-items: center;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list li {display: flex; align-items: center;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list li::after {content: ""; display: block; width: 1px; height: 16rem; background-color: #E1E3EA; margin-left: 24rem;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list li:last-of-type:after {display: none;}
.group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list li + li {margin-left: 24rem;}

.group .com-swiper .com-con .com-con-bg {position: absolute; top: 0; left: 0; width: 100vw; height: 792rem;}
.group .com-swiper .com-con .com-con-bg img {display: none; width: 100%; height: 100%;}
.group .com-swiper .com-con .com-con-bg img.on {display: block;}

@media (max-width: 1024px) {
	.group .tab-wrap {top: 1306rem;}
	.group .tab-wrap.fixed {top: 86rem;}

	.group .intro {margin-bottom: 44rem;}
	.group .intro .tit {top: 90rem;}
	.group .intro .bg {top: 214rem;}
	.group .intro .bg span img {width: 100vw; top: 0;}
	.group .intro .bg span img.pc {display: none;}
	.group .intro .bg span img.mob {display: block;}

	.group .intro .box p {width: calc(100% / 3);}
	.group .intro .box p:nth-of-type(4), .group .intro .box p:last-of-type {display: none;}

	.group .com-swiper {overflow-x: hidden;}
	.group .com-swiper .txt {margin-bottom: 70rem;}

	.group .com-swiper .com-con {display: block; min-height: 620rem; height: auto; margin-top: 32rem; padding: 100rem 16rem;}
	.group .com-swiper .com-con > div {width: 100%;}

	.group .com-swiper .com-con .left .com-list li {width: calc(100% / 3); height: 64rem;}
	.group .com-swiper .com-con .left .com-list li a {padding: 0 16rem; font-size: 16rem;}

	.group .com-swiper .com-con .right {margin-top: 60rem;}
	.group .com-swiper .com-con .right .com-desc-wrap {height: 104rem;}
	.group .com-swiper .com-con .right .com-desc-wrap .com-item .tit, .group .com-swiper .com-con .right .com-desc-wrap .com-item .item-list {transform: translateY(70rem);}
	.group .com-swiper .com-con .right .com-desc-wrap .com-item .tit {margin-bottom: 24rem;}

	.group .com-swiper .com-con .com-con-bg {display: flex; justify-content: center; height: 620rem;}
	.group .com-swiper .com-con .com-con-bg img {width: auto; height: 620rem;}
}

.group .vision {padding-top: 140rem;}
.group section > .txt {text-align: center; opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.group section > .txt.active {opacity: 1; transform: translateY(0);}
.group section > .txt .f40sb {margin: 40rem 0 24rem;}
.group section > .txt .f18r {color: #454855;}
.group .vision .infog-area {opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.group .vision .infog-area.active {opacity: 1; transform: translateY(0);}
.group .vision .infog-area > .f32b {margin-bottom: 80rem; margin-top: 160rem; text-align: center;}
.group .vision .infog-area .infog {position: relative;}
.group .vision .infog-area .infog .ul .li {position: absolute; left: 50%; transform: translateX(-50%);}
.group .vision .infog-area .infog .ul .li:nth-of-type(1) {top: 24rem;}
.group .vision .infog-area .infog .ul .li:nth-of-type(2) {top: 163rem;}
.group .vision .infog-area .infog .ul .li:nth-of-type(3) {top: 335rem;}
.group .vision .infog-area .infog .ul .li:nth-of-type(4) {top: 583rem;}
.group .vision .infog-area .infog .ul .li a {position: relative;}
.group .vision .infog-area .infog .ul .li a .arrow {width: 41rem; height: 41rem; background: url("/common/images/ico-vision-arrow.svg") no-repeat center center / 41rem; display: block; margin: 0 auto; transition-duration: .5s;}
.group .vision .infog-area .infog .ul .li.active a .arrow {transform: rotate(225deg);}
.group .vision .infog-area .infog .bg {width: 600rem; height: 811rem; background: url("/common/images/group-vision.png") no-repeat; margin: 0 auto; background-size: contain;}
.group .vision .infog-area .infog .ul .li .layer {position: absolute; width: 300rem; padding: 40rem 30rem; background: #fff; left: 400rem; top: -10rem; border: 1px solid #E1E4EC; display: none; transform: translateY(100rem); opacity: 0; transition-duration: .5s;}
.group .vision .infog-area .infog .ul .li .layer::before {content: ""; width: 128rem; height: 8rem; background: url("/common/images/bar-vision-layer.svg") no-repeat; background-size: contain; position: absolute; left: -148rem; top: 52rem;}
.group .vision .infog-area .infog .ul .li:nth-of-type(4) .layer {top: unset; bottom: -40rem;}
.group .vision .infog-area .infog .ul .li:nth-of-type(4) .layer::before {top: unset; bottom: 55rem;}
.group .vision .infog-area .infog .ul .li .layer .tit {border-bottom: 1px solid #E1E4EC; margin-bottom: 24rem; padding-bottom: 24rem;}
.group .vision .infog-area .infog .ul .li .layer .tit p:not(.f32b) {color: #6D6F79; margin-top: 12rem;}
.group .vision .infog-area .infog .ul .li .layer .dls {text-align: left;}
.group .vision .infog-area .infog .ul .li .layer .dls .dl + .dl {margin-top: 24rem;}
.group .vision .infog-area .infog .ul .li .layer .dls .dl .dd {margin-top: 8rem; color: #6D6F79;}
.group .vision .infog-area .infog .ul .li .layer .dls .dl .dd.f16b {color: #101116; margin-bottom: 24rem;}
.group .vision .infog-area .infog .ul .txt1 {position: absolute; left: 50%; transform: translateX(-50%); top: 698rem;}
.group .vision .infog-area .infog .ul .txt2 {position: absolute; left: 50%; transform: translateX(-50%); bottom: 12rem; color: #fff;}

@media (max-width: 1024px) {
	.group section >  .txt {width: calc(100% - 60rem); margin: 0 auto;}
	.group section > .txt .f40sb {margin: 20rem auto 12rem;}
	.group .vision .infog-area {width: 100%; overflow: hidden;}
	.group .vision .infog-area > .f32b {margin: 40rem auto;}
	.group .vision .infog-area .infog .ul {position: absolute; width: 100%; height: 812rem;}
	.group .vision .infog-area .infog .ul .li {position: unset; transform: unset; display: flex;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(1) {padding-top: 25rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(2) {padding-top: 75rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(3) {padding-top: 100rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(4) {padding-top: 180rem;}
	.group .vision .infog-area .infog .ul .li a {text-align: center; display: inline-block; margin: 0 auto;}
	.group .vision .infog-area .infog .ul .li .layer {left: 30rem; top: -48rem; width: calc(100% - 60rem); height: auto; transform: translateY(100rem); z-index: 10; height: calc(100% - 96rem);}
	.group .vision .infog-area .infog .ul .li .layer::before {display: none;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(4) .layer {bottom: unset; top: -48rem;}
	.group .vision .infog-area .infog .ul .li .layer .close {width: 41rem; height: 41rem; background: url("/common/images/ico-vision-arrow.svg") no-repeat; background-size: cover; display: block; transition-duration: .5s; position: absolute; top: 20rem; right: 20rem; transform: rotate(45deg);} 
}

@media (max-width: 600px) {
	.group .vision .txt {width: calc(100% - 32rem);}
	.group .vision .infog-area .infog .ul {height: 483rem;}
	.group .vision .infog-area .infog .ul .f18r {font-size: 16rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(1) {padding-top: 8rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(2) {padding-top: 27rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(3) {padding-top: 45rem;}
	.group .vision .infog-area .infog .ul .li:nth-of-type(4) {padding-top: 92rem;}
	.group .vision .infog-area .infog .ul .li .layer {top: -90rem; height: calc(100% - 20rem); left: 16rem; width: calc(100% - 32rem);}
	.group .vision .infog-area .infog .ul .li:nth-of-type(4) .layer {top: -90rem;}
	.group .vision .infog-area .infog .ul .li a .arrow {width: 30rem; height: 30rem; background: url("/common/images/ico-vision-arrow.svg") no-repeat center center / 30rem;}
	.group .vision .infog-area .infog .bg {width: 358rem; height: 483rem;}
	.group .vision .infog-area .infog .ul .txt1 {top: unset; bottom: 48rem; width: 100%; text-align: center;}
	.group .vision .infog-area .infog .ul .txt2 {width: 100%; bottom: 2rem; text-align: center;}
}

.group .vision .card-area {margin-top: 160rem; text-align: center;}
.group .vision .card-area > .f32b, .group .vision .card-area > .f18r {opacity: 0; transform: translateY(50rem); transition-duration: .7s;}
.group .vision .card-area > .f18r {margin-top: 24rem; color: #454855;}
.group .vision .card-area.active > .f32b, .group .vision .card-area.active > .f18r {opacity: 1; transform: translateY(0);}
.group .vision .card-area .ul {margin-top: 60rem; display: flex; justify-content: center; gap: 30rem; padding-bottom: 100rem; opacity: 0; transform: translateY(100rem); transition-duration: .7s; transition-delay: .3s;}
.group .vision .card-area.active .ul {opacity: 1; transform: translateY(0);}
.group .vision .card-area .ul .li {width: 300rem; height: 700rem; position: relative; overflow: hidden; transition: 0.7s ease;}
.group .vision .card-area .ul .li::after {content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); display: block; position: absolute; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition-duration: .5s;}
.group .vision .card-area .ul .li.active::after {content: ""; opacity: 1;}
.group .vision .card-area.active .ul .li:nth-of-type(2n) {transform: translateY(100rem); transition: transform 0.7s ease 0.9s, width 0.7s ease;}
.group .vision .card-area .ul .li.active {width: 570rem;}
.group .vision .card-area .ul .li .tit {margin-top: 100rem; font-size: 32rem; line-height: 44rem; font-family: "Pretendard-Bold"; color: #fff; position: relative; z-index: 3; transition-duration: .7s;}
.group .vision .card-area .ul .li.active .tit {margin-top: 120rem; font-size: 72rem; line-height: 96rem; opacity: 1; transform: translateY(0);}
.group .vision .card-area .ul .li .hover {margin-top: 16rem; color: #fff; position: relative; z-index: 2; opacity: 0; transform: translateY(100rem); transition-duration: .7s; visibility: hidden;}
.group .vision .card-area .ul .li.active .hover {opacity: 1; transform: translateY(0); transition-delay: .2s; visibility: visible;}
.group .vision .card-area .ul .li .hover .dls {padding-top: 80rem; border-top: 1px solid rgba(255, 255, 255, .6); width: calc(100% - 120rem); margin: 80rem auto 0; text-align: left;}
.group .vision .card-area .ul .li .hover .dls p {display: flex; gap: 8rem;}
.group .vision .card-area .ul .li .hover .dls p::before {content: "- ";}
.group .vision .card-area .ul .li .hover .dls p + p {margin-top: 8rem;}
.group .vision .card-area .ul .li .bg {background: url("/common/images/img-group-card-area1.jpg") no-repeat; background-size: contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 570rem; height: 700rem; z-index: 1; opacity: 1; transition-duration: .7s;}
.group .vision .card-area .ul .li:nth-of-type(2) .bg {background: url("/common/images/img-group-card-area2.jpg") no-repeat; background-size: contain;}
.group .vision .card-area .ul .li:nth-of-type(3) .bg {background: url("/common/images/img-group-card-area3.jpg") no-repeat; background-size: contain;}
.group .vision .card-area .ul .li:nth-of-type(4) .bg {background: url("/common/images/img-group-card-area4.jpg") no-repeat; background-size: contain;}
.group .vision .card-area .ul .li .open {display: none;}

@media (max-width: 1024px) {
	.group .vision .card-area {margin: 40rem auto 0; width: 100%;}
	.group .vision .card-area > .f32b, .group .vision .card-area > .f18r {padding: 0 30rem;}
	.group .vision .card-area > .f18r {margin-top: 12rem;}
	.group .vision .card-area > .f18r br {display: none;}
	.group .vision .card-area .swiper {width: 100%; overflow: hidden; padding-left: 30rem; opacity: 0; transform: translateY(100rem); transition-duration: .7s; transition-delay: .3s;}
	.group .vision .card-area.active .swiper {opacity: 1; transform: translateY(0);}
	.group .vision .card-area .ul {gap: unset; justify-content: unset; transition-duration: unset; transition-delay: unset; margin-top: 40rem; padding-bottom: 50rem;}
	.group .vision .card-area .ul .li {width: 272rem; height: 500rem;}
	.group .vision .card-area .ul .li.active {width: 282rem; height: 500rem;}
	.group .vision .card-area.active .ul .li:nth-of-type(2n) {transform: translateY(50rem);}
	.group .vision .card-area .ul .li.active .tit {font-size: 40rem; line-height: 54rem; margin-top: 36rem;}
	.group .vision .card-area .ul .li .hover .dls {padding-top: 40rem; margin: 40rem auto 0; width: calc(100% - 24rem);}
	.group .vision .card-area .ul .li .open {display: block; width: 48rem; height: 48rem; background: url("/common/images/ico-group-vision-card-open.svg") no-repeat #fff; background-size: cover; position: absolute; bottom: 40rem; left: 50%; transform: translateX(-50%); z-index: 3; border-radius: 500rem; transition-duration: .4s;}
	.group .vision .card-area .ul .li .open span {display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 14rem; line-height: 1; word-break: break-all; opacity: 0; overflow: hidden;}
	.group .vision .card-area .ul .li.active .open {width: 48rem; height: 48rem; background: url("/common/images/ico-group-vision-card-open-wht.svg") no-repeat 0; background-size: contain;}

}

.group .vision .life-area {text-align: center; margin-top: 160rem; position: relative; padding-bottom: 113rem;}
.group .vision .life-area > .f32b, .group .vision .life-area > .f18r {opacity: 0; transform: translateY(50rem); transition-duration: .7s;}
.group .vision .life-area > .f18r {margin-top: 24rem; color: #454855;}
.group .vision .life-area.active > .f32b, .group .vision .life-area.active > .f18r {opacity: 1; transform: translateY(0);}
.group .vision .life-area .box-wrap {display: flex; justify-content: center; align-items: center; gap: 40rem; position: relative; z-index: 2;}
.group .vision .life-area .box-wrap .box {border: 1px solid #979BAA; padding: 60rem; width: 530rem; background: rgba(255, 255, 255, .6); opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.group .vision .life-area .box-wrap .box:nth-of-type(2) {margin-top: 320rem; transition-delay: .3s;}
.group .vision .life-area.active .box-wrap .box {opacity: 1; transform: translateY(0);}
.group .vision .life-area .box-wrap .box .f54b {position: relative; display: inline-block;}
.group .vision .life-area .box-wrap .box .f54b::after {content: ""; width: 10rem; height: 10rem; display: block; background: #D93A33; border-radius: 50rem; position: absolute; right: -10rem; top: 0;}
.group .vision .life-area .box-wrap .box .f18r {margin: 16rem 0 72rem; color: #454855;}
.group .vision .life-area .box-wrap .box .dls {text-align: left;}
.group .vision .life-area .box-wrap .box .dls .f24b {margin-bottom: 32rem;}
.group .vision .life-area .box-wrap .box .dls .dl {padding-left: 60rem;}
.group .vision .life-area .box-wrap .box .dls .dl + .dl {margin-top: 40rem;}
.group .vision .life-area .box-wrap .box:first-of-type .dls .dl:first-of-type {background: url("/common/images/ico-vision-life.svg") no-repeat top left / 48rem;}
.group .vision .life-area .box-wrap .box:first-of-type .dls .dl:nth-of-type(2) {background: url("/common/images/ico-vision-together.svg") no-repeat top left / 48rem;}
.group .vision .life-area .box-wrap .box:last-of-type .dls .dl:first-of-type {background: url("/common/images/ico-vision-value.svg") no-repeat top left / 48rem;}
.group .vision .life-area .box-wrap .box:last-of-type .dls .dl:nth-of-type(2) {background: url("/common/images/icon-vision-provide.svg") no-repeat top left / 48rem;}
.group .vision .life-area .box-wrap .box .dls .dl .dd {color: #6D6F79; margin-top: 4rem;}
.group .vision .life-area .bg-txt {font-size: 200rem; font-family: "Pretendard-Bold"; color: #F3F4F7; line-height: 160rem;}
.group .vision .life-area .bg-txt p:first-of-type {position: absolute; left: 0; top: 100rem; opacity: 0; transform: translateY(50rem); transition-duration: .7s; transition-delay: .3s;}
.group .vision .life-area .bg-txt p:last-of-type {position: absolute; right: 0; bottom: 0; opacity: 0; transform: translateY(100rem); transition-duration: .7s; transition-delay: .5s;}
.group .vision .life-area.active .bg-txt p {opacity: 1; transform: translateY(0);}

@media (max-width: 1024px) {
	.group .vision .life-area {margin-top: 40rem; padding-bottom: 73rem;}
	.group .vision .life-area > .f18r {margin-top: 12rem;}
	.group .vision .life-area > .f18r br {display: none;}
	.group .vision .life-area .box-wrap {margin-top: 100rem; display: block;}
	.group .vision .life-area .box-wrap .box {width: 100%; padding: 30rem 20rem;}
	.group .vision .life-area .box-wrap .box .f18r {margin: 8rem 0 36rem;}
	.group .vision .life-area .box-wrap .box:nth-of-type(2) {margin-top: 20rem;}
	.group .vision .life-area .bg-txt {font-size: 100rem; line-height: normal;}
	.group .vision .life-area .bg-txt p:first-of-type {top: 135rem;}
}

.group .vision .value-area {margin-top: 160rem;}
.group .vision .value-area > .f32b, .group .vision .value-area > .f18r {opacity: 0; transform: translateY(50rem); transition-duration: .7s; text-align: center;}
.group .vision .value-area > .f18r {margin: 24rem 0 80rem; color: #454855;}
.group .vision .value-area > .f32b.active, .group .vision .value-area > .f18r.active {opacity: 1; transform: translateY(0);}

.group .vision .value-area .ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20rem; margin-top: 80rem;}
.group .vision .value-area .ul .li {padding: 60rem 40rem; border: 1px solid #D3D6DE; opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.group .vision .value-area .ul .li.active {opacity: 1; transform: translateY(0);}
.group .vision .value-area .ul .li .dl .dt {margin-bottom: 16rem; padding-top: 112rem;}
.group .vision .value-area .ul .li:first-child .dl .dt {background: url("/common/images/ico-com-passion.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li:nth-child(2) .dl .dt {background: url("/common/images/ico-com-communication.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li:nth-child(3) .dl .dt {background: url("/common/images/ico-com-creation.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li:nth-child(4) .dl .dt {background: url("/common/images/ico-com-partnership.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li:nth-child(5) .dl .dt {background: url("/common/images/ico-com-safety.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li:last-child .dl .dt {background: url("/common/images/ico-com-environment.svg") no-repeat top left / 72rem;}
.group .vision .value-area .ul .li .dl .dd + .dd {margin-top: 8rem;}

@media (max-width: 1024px) {
	.group .vision .value-area {margin-top: 40rem;}
	.group .vision .value-area > .f18r {margin: 12rem 0 40rem;}
	.group .vision .value-area > .f18r br {display: none;}

	.group .vision .value-area .ul {display: block; margin-top: 40rem;}
	.group .vision .value-area .ul .li {padding: 32rem 24rem;}
	.group .vision .value-area .ul .li + .li {margin-top: 20rem;}
	.group .vision .value-area .ul .li .dl .dt {padding-top: 96rem;}
}

.group .vision .port-area {margin-top: 160rem; padding: 120rem 0; position: relative; z-index: 1;}
.group .vision .port-area::after {content: ""; width: 100vw; height: 100%; z-index: -1; background: #F3F4F7 ; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.group .vision .port-area > .f32b, .group .vision .port-area > .f18r {opacity: 0; transform: translateY(50rem); transition-duration: .7s; text-align: center;}
.group .vision .port-area > .f18r {margin-top: 24rem; text-align: center; color: #454855;}
.group .vision .port-area > .f32b.active, .group .vision .port-area > .f18r.active {opacity: 1; transform: translateY(0);}

.group .vision .port-area .port-desc {margin-top: 100rem; display: flex; align-items: center; opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.group .vision .port-area .port-desc.active {opacity: 1; transform: translateY(0);}

.group .vision .port-area .port-desc .left .circle {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 360rem; height: 360rem; margin-right: -3rem; background-color: #D93A33; border-radius: 50%; color: #fff;}
.group .vision .port-area .port-desc .left .circle .one p {margin-bottom: 20rem; padding-top: 100rem; background: url("/common/images/ico-group-vision-port-busin3.svg") no-repeat top center; background-size: 80rem;}
.group .vision .port-area .port-desc .left .circle .f18r p + p {margin-top: 8rem;}
.group .vision .port-area .port-desc .left .mob-txt {display: none;}

.group .vision .port-area .port-desc .right {padding-left: 210rem; background: url("/common/images/img-port-line.svg") no-repeat top left / 170rem;}
.group .vision .port-area .port-desc .right .desc-box {display: flex; align-items: center;}
.group .vision .port-area .port-desc .right .desc-box .item-wrap {position: relative; width: 550rem;}
.group .vision .port-area .port-desc .right .desc-box .item-wrap .item-list {width: calc(100% - 144rem);}
.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item {display: flex; align-items: center;}
.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item + .desc-item {margin-top: 28rem;}
.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item .f18b {width: 120rem; margin-right: 24rem; padding: 10rem 0; background-color: #fff; border-radius: 4rem; text-align: center; color: #B32721;}

.group .vision .port-area .port-desc .right .desc-box .item-sum {width: 248rem; margin-left: -2rem; padding: 60rem 24rem; background-color: #fff; border-radius: 20rem; text-align: center;}
.group .vision .port-area .port-desc .right .desc-box .item-sum p {padding-top: 104rem; background: url("/common/images/ico-group-vision-port-busin1.svg") no-repeat top center / 80rem;}
.group .vision .port-area .port-desc .right .desc-box .item-sum p.mob {display: none;}

.group .vision .port-area .port-desc .right > img {display: block; width: 120rem; margin: 40rem 0;}

.group .vision .port-area .port-desc .right .desc-box:first-child .item-wrap {background: url("/common/images/img-port-line2.svg") no-repeat top right / 114rem;}

.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap {padding-right: 122rem; background: url("/common/images/img-port-line3.svg") no-repeat top right / 114rem;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .desc-item {align-items: initial;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .desc-item .f18b {display: flex; flex-direction: column; justify-content: center; padding: 0 17rem; color: #245AA1;}

.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list {padding: 12rem 0;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li {display: flex; align-items: center;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li + li {margin-top: 24rem;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li .f16b {margin-right: 8rem; color: #30323B;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li .label-wrap .label {padding: 2rem 8rem; background-color: #D0E4FF; border-radius: 4rem; color: #245AA1;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-sum p {background: url("/common/images/ico-group-vision-port-busin4.svg") no-repeat top center / 80rem;}

.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col {flex-direction: column; align-items: flex-start;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col .label-wrap {display: flex; align-items: center; margin-top: 8rem;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col .label-wrap .label + .label {margin-left: 8rem;}

.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break {flex-wrap: wrap;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break .f16b {margin: 0 0 4rem;}
.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break .f16r {margin-right: 8rem;}


@media (max-width: 1024px) {
	.group .vision .port-area {margin-top: 40rem; padding: 60rem 0;}
	.group .vision .port-area > .f18r {margin-top: 16rem;}

	.group .vision .port-area .port-desc {flex-direction: column; margin-top: 40rem;}
	.group .vision .port-area .port-desc .left {margin-bottom: 16rem;}
	.group .vision .port-area .port-desc .left .circle {width: 220rem; height: 220rem; margin-right: 0;}
	.group .vision .port-area .port-desc .left .circle .one p {margin-bottom: 0; padding-top: 74rem; background-size: 60rem; font-size: 20rem;}
	.group .vision .port-area .port-desc .left .circle .f18r {display: none;}
	.group .vision .port-area .port-desc .left .mob-txt {display: block; margin-top: 20rem; padding-left: 47.5rem;}
	.group .vision .port-area .port-desc .left .mob-txt p {color: #5A5E6C;}
	.group .vision .port-area .port-desc .left .mob-txt p + p {margin-top: 8rem;}

	.group .vision .port-area .port-desc .right {display: flex; align-items: flex-start; width: 358rem; padding: 88rem 0 0; background: url("/common/images/img-port-line5.svg") no-repeat top left / 100%;}
	.group .vision .port-area .port-desc .right > img {width: 32rem; margin: 16rem 3rem;}
	.group .vision .port-area .port-desc .right .desc-box {flex-direction: column; width: calc((100% - 38rem) / 2);}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap {width: 100%;}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap .item-list {width: 100%;}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item {display: block;}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item + .desc-item {margin-top: 24rem;}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item p {word-break: break-all; text-align: center;}
	.group .vision .port-area .port-desc .right .desc-box .item-wrap .desc-item .f18b {width: 100%; margin: 0 0 8rem; padding: 8rem 0;}
	.group .vision .port-area .port-desc .right .desc-box .item-sum {width: 100%; margin: -4rem 0 0; padding: 20rem 12rem;}
	.group .vision .port-area .port-desc .right .desc-box .item-sum p {padding-top: 68rem; background: url("/common/images/ico-group-vision-port-busin1.svg") no-repeat top center / 60rem;}
	.group .vision .port-area .port-desc .right .desc-box .item-sum p.pc {display: none;}
	.group .vision .port-area .port-desc .right .desc-box .item-sum p.mob {display: block;}

	.group .vision .port-area .port-desc .right .desc-box:first-child .item-wrap {padding-bottom: 66rem; background: url("/common/images/img-port-line6.svg") no-repeat bottom left / 100%;}

	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap {padding-right: 0; padding-bottom: 58rem; background: url("/common/images/img-port-line7.svg") no-repeat bottom left / 100%;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .desc-item {align-items: center;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .desc-item .f18b {margin-bottom: 16rem; padding: 8rem 0;}

	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list {padding: 0;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li {flex-direction: column;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li + li {margin-top: 16rem;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li .f16b {margin: 0 0 6rem;}

	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col {align-items: center;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col .label-wrap {flex-direction: column;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.col .label-wrap .label + .label {margin-top: 6rem; margin-left: 0;}

	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break .f16b {margin: 0;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break .f16r {margin-right: 0;}
	.group .vision .port-area .port-desc .right .desc-box:last-child .item-wrap .item-list li.line-break .label-wrap {margin-top: 6rem;}

	.group .vision .port-area .port-desc .right .desc-box:last-child .item-sum p {background: url("/common/images/ico-group-vision-port-busin4.svg") no-repeat top center / 60rem;}
}

@media (max-width: 600px) {
	.group .vision .port-area .busin .div {width: 220rem;}
	.group .vision .port-area .busin .div .one {width: 220rem; height: 220rem; padding-top: 50rem;}
	.group .vision .port-area .busin .div .one p {background-size: 48rem; padding-top: 70rem;}
	.group .vision .port-area .busin .div .f18r {margin-top: 20rem;}
	.group .vision .port-area .base .side {width: 100%; height: 480rem;}
	.group .vision .port-area .base .side .ul {row-gap: 78rem;}
	.group .vision .port-area .base .side .ul .li {width: 200rem; height: 200rem; padding: 20rem; align-items: flex-start;}
	.group .vision .port-area .base .side:last-of-type .ul .li {align-items: center; padding: 0 40rem;}
	.group .vision .port-area .base .side .ul .li:nth-child(2n) {margin-left: -42rem;}
	.group .vision .port-area .base .center {margin: 14rem 0;}
	.group .vision .port-area .base .center div {margin: 20rem 0;}
}

.group .people {padding: 160rem 0 132rem;}
.group .people .card {display: flex; margin-top: 78rem; gap: 32rem;}
.group .people .card > div {border: 1px solid #979BAA; padding: 120rem 40rem 32rem 40rem; background: url("/common/images/ico-group-vision-people1.svg") no-repeat right 40rem top 32rem; background-size: 80rem; opacity: 0; transform: translateY(100rem); transition-duration: .7s; transition-delay: .2s;}
.group .people .card.active > div {opacity: 1; transform: translateY(0);}
.group .people .card > div:nth-of-type(2) {background: url("/common/images/ico-group-vision-people2.svg") no-repeat right 40rem top 32rem; background-size: 80rem; transition-delay: .3s;}
.group .people .card > div:nth-of-type(3) {background: url("/common/images/ico-group-vision-people3.svg") no-repeat right 40rem top 32rem; background-size: 80rem; transition-delay: .4s;}
.group .people .card > div .dl .dt {margin: 48rem 0 24rem;}
.group .people .card > div .dl .dd {color: #6D6F79; display: flex; gap: 6rem;}
.group .people .card > div .dl .dd::before {content: "- ";}
.group .people .card > div .dl .dd + .dd {margin-top: 12rem;}

@media (max-width: 1024px) {
	.group .people {padding: 140rem 0 0;}
	.group .people .txt .f18r br {display: none;}
	.group .people .card {display: block; margin-top: 30rem;}
	.group .people .card.active > div + div {margin-top: 16rem;}
	.group .people .card > div .dl .dt {margin: 24rem 0 12rem ;}
}

.group .video {padding-top: 140rem;}
.group .video .video-area {opacity: 0; transform: translateY(100rem); transition-duration: .7;}
.group .video .video-area.active {opacity: 1; transform: translateY(0);}
.group .video .video-area .vd {width: 100%; height: 720rem; margin-top: 80rem;}
.group .video .video-area .vd iframe {width: 100%; height: 100%;}
.group .video .video-area .subtit {margin-top: 30rem; text-align: left; border-top: 1px solid #979BAA; border-bottom: 1px solid #979BAA; padding: 30rem 68rem 30rem 16rem; overflow: hidden; position: relative;}
/* .group .vid.video-area eo .sub-tit .div {} */
.group .video .video-area .subtit .scrl {height: 24rem; overflow-y: hidden; padding-right: 30rem; transition-duration: .5s;}
.group .video .video-area .subtit .acco {width: 12rem; height: 6rem; background: url("/common/images/ico-acco.svg") no-repeat; display: block; background-size: cover; position: absolute; top: 40rem; right: 16rem; transition-duration: .5s;}
.group .video .video-area .subtit.active .acco {transform: rotate(180deg);}
.group .video .video-area .subtit.active .scrl {height: 96rem; overflow-y: auto;}

@media (max-width: 1024px) {
	.group .video .video-area .vd {height: 360rem; margin-top: 40rem;}
	.group .video .video-area .subtit {padding: 30rem 48rem 30rem 16rem;}
	.group .video .video-area .subtit .scrl {height: 70rem; overflow-x: hidden;}
	.group .video .video-area .subtit.active .scrl {height: 240rem;}
}


/* 이용약관 */
.policy-area {opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.policy-area.active {opacity: 1; transform: translateY(0);}
.policy-area .sel-area {display: flex; align-items: center; justify-content: flex-end;}
.policy-area .sel-area .form-select {margin-left: 11rem; width: auto;}
.policy-area .sel-area .form-select .select-area {width: 328rem;}
.policy-area .policy {margin-top: 120rem;}
.policy .div {margin-top: 60rem;}
.policy .div .tit {margin-bottom: 32rem;}
.policy .div .txt {color: #454855; display: flex;}
.policy .div .txt span + span {margin-left: 4rem;}
.policy .div .txt + .txt {margin-top: 16rem;}
.policy .div .txt + .txt2 {margin-top: 16rem;}
.policy .div .txt2 + .txt {margin-top: 16rem;}
.policy .tab-area {display: flex; gap: 40rem; justify-content: center; margin-bottom: 60rem; flex-wrap: wrap;}
.policy .tab-area button {display: block; text-align: center;}
.policy .tab-area button img {width: 85rem;}
.policy .tab-area button span {display: block;}
.policy .div .img {margin-bottom: 10rem;}
.policy .div .img img {width: 30rem;}
.policy .form-table {margin-top: 16rem; overflow-x: auto;}
.policy .form-table .ttit {margin-bottom: 10rem;}
.policy .form-table table {font-size: 16rem;}
.policy .form-table table thead tr th {padding: 15rem;}
.policy .form-table table thead tr th {width: 50%;}
.policy .form-table table.col3 thead tr th {width: 33%;}
.policy .form-table table.col4 thead tr th {width: 25%;}
.policy .form-table table tbody tr td + td {border-left: 1px solid #E1E4EC;}
.policy .form-table table tbody tr td {padding: 20rem;}
.policy .form-table + .txt {margin-top: 16rem;}


@media (max-width: 1024px) {
	.policy-area .sel-area {display: block;}	
	.policy-area .sel-area .form-select {margin-left: 0; display: flex; margin-top: 10rem;}
	.policy-area .sel-area .form-select .select-area {width: 230rem;}
	.policy-area .sel-area .form-select .btn-wrap {width: 120rem;}
	.policy-area .policy {margin-top: 60rem;}
	.policy .table-wrap {overflow-x: auto;}	
	.policy table {width: 800rem;}
	.policy .div {margin-top: 32rem;}
	.policy .div .tit {margin-bottom: 16rem;}
	.policy .div .txt + .txt {margin-top: 10rem;}
	.policy .div .txt + .txt2 {margin-top: 10rem;}
	.policy .div .txt2 + .txt {margin-top: 10rem;}
	.policy .form-table {margin-top: 10rem;}
	.policy .form-table + .txt {margin-top: 10rem;}
}


/* 에러 페이지 */
.etc-wrap {padding-bottom: 136rem;}
.etc-wrap .form-done {margin-bottom: 0;}
.etc-wrap .form-done .tit {padding-top: 90rem; background: url("/common/images/ico-etc-done.svg") no-repeat top center; background-size: 64rem;}
.etc-wrap .form-done .f18sb {margin-top: 16rem; color: #454855;}
.etc-wrap .form-done .desc {margin-top: 30rem; color: #5A5E6C;}

@media (max-width: 1024px) {
	.etc-wrap {padding-bottom: 48rem;}
	.etc-wrap .sub-tit {margin-bottom: 40rem;}
	.etc-wrap .form-done .tit {padding-top: 80rem;}
	.etc-wrap .form-done .desc {margin-top: 16rem;}
}







/* 추가 페이지 */
.system-login {text-align: center; margin: 50rem auto; width: 430rem;}
.system-login .f48b {margin-bottom: 30rem;}
.system-login .logo a {display: block; width: 151rem; height: 41rem; background: url("/common/images/loginlogo.gif") no-repeat; background-size: contain; margin: 0 auto;}
.system-login .log-area {background: #F3F4F7; padding: 50rem 55rem; margin-top: 40rem;}
.system-login .log-area .txt {margin: 20rem 0; text-align: left;}
.system-login .log-area .btn-wrap a {width: 100%;}

@media (max-width: 1024px) {
.system-login {width: calc(100% - 32rem);}
.system-login .log-area {padding: 50rem 32rem;}
}




.sign-wrap {margin: 50rem auto; }
.sign-header {text-align: right; background: #F3F4F7; padding: 12rem 32rem;}
.sign-header a {display: inline-block; margin-left: 15rem;}
.sign-body .titDiv {margin-top: 32rem; text-align: center;}
.sign-body .titDiv .txt {margin-top: 10rem;}
.sign-body .noticeDiv {background: #F3F4F7; padding: 30rem; margin-top: 30rem;}
.sign-body .noticeDiv .form-select {display: flex; align-items: center; width: 600rem; margin: 0 auto;}
.sign-body .sch-con {margin-top: 60rem; }
.sign-body .sch-con .titCheck {margin: 10rem 0 24rem;}
.sign-body .boardType2 {position: relative; padding-top: 32rem;}
.sign-body .boardType2 .form-table table tbody tr td .form-input .input-area {display: flex; gap: 8rem; align-items: center;}
.sign-body .boardType2 .form-table table tbody tr td .form-input .input-area input {width: calc(100% - 100rem);}
.sign-body .boardType2 .form-table table tbody tr td + td {border-left: 1px solid #E1E4EC;}
.sign-body .boardType2 .form-table table tbody tr td {width: 53%;}
.sign-body .boardType2 .form-table table tbody tr td:last-of-type {width: 4%;}
.sign-body .boardType2 .amount {position: absolute; right: 0; top: 0;}
.sign-body .bot {margin-top: 20rem; display: flex; justify-content: flex-end; align-items: center; gap: 24rem;}
.sign-body .bot p {padding-left: 32rem; background: url("/common/images/ico-chk2.svg") no-repeat center left; background-size: 24rem;}

@media (max-width: 1024px) {
	.sign-header a {display: block; margin-top: 4rem;}
	.sign-body .noticeDiv .form-select {width: 100%;}
	.sign-body .boardType2 .form-table {overflow-x: auto;}
	.sign-body .boardType2 .form-table table {width: 800rem;}
	.sign-body .boardType2 .form-table table tbody tr td {padding: 20rem;}
	.sign-body .boardType2 .form-table table .form-input {display: flex; width: 100%; justify-content: space-between;}
	.sign-body .boardType2 .form-table table tbody tr td .form-input .input-area {display: block; width: calc(100% - 70rem);}
	.sign-body .boardType2 .form-table table tbody tr td .form-input .input-area p {margin-top: 8rem;}
	.sign-body .boardType2 .form-table table tbody tr td .form-input .input-area input {width: 100%;}
	.sign-body .boardType2 .form-table table tbody tr td .form-input .btn-wrap {width: 64rem;}
	.sign-body .boardType2 .form-table table tbody tr td {width: 40%;}
	.sign-body .boardType2 .form-table table tbody tr td:last-of-type {width: 14%;}
	.sign-body .bot .btn-wrap {width: 64rem;}
}