@charset "UTF-8";
@import url(./fonts.css);


* {margin: 0; padding: 0; letter-spacing: -.04em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; /* page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; break-inside: avoid-page; break-before: avoid-page; break-after: avoid-page; */ word-break: keep-all;}
html {width: 100%; height: 100%; font-size: 0.052vw; background: #fff;}
body {position: relative; font-family: "Pretendard-Regular", sans-serif; font-weight: normal; font-size: 16rem; letter-spacing: -0.03em; color: #101116; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important; overflow-x: hidden; background: #fff; line-height: 24rem;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
textarea, button {vertical-align: middle;}
option {padding: 10px;}
input[type="text"] {-webkit-appearance: none;}
input[type="date"] {-webkit-appearance: none; color: #101116;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; /* height: auto; */ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear {display: none;}
select {padding: 5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {padding: 10rem; vertical-align: middle; background: #fff; border: 1px solid #e1e1e1; font-family: "Pretendard-Regular", sans-serif; color: #000; letter-spacing: -.04rem; font-size: max(16rem, 12px); -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; resize: vertical;}
a {text-decoration: none; color: inherit;}
a:hover, a:focus, a:active {text-decoration: none;}
table {border-collapse: collapse; width: 100%; background: #fff;}
button {background: none; border: none; padding: 0; margin: 0; cursor: pointer; font-family: "Pretendard-Regular", sans-serif; text-align: left; display: block;}
button:focus-visible {box-shadow: 0 0 0 2px #000; outline: 2px solid #000;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong, b {font-family: "Pretendard-Regular", sans-serif;}
th {font-family: "Pretendard-Regular", sans-serif;}
:root {
  --brandColor: #961E1E;
}
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

.stop-scroll {overflow: hidden; width: 100%; height: 100%;}

.skip-nav {width: 100%; height: 50px; position: fixed; top: -9999px; left: 0; z-index: 500; background: red; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20rem;}
.skip-nav:focus {top: 0;}

.only-mo {display: none;}
.only-ta {display: none;}

.sub {padding-top: 186rem; background: #fff; min-height: 80vh;}
.sub.has-sub-kv {padding-top: 106rem;}
.sub.has-intro-motion {padding-top: 0;}
.sub.linked-site-sub {margin-bottom: 120rem;}
.sub.login-sub {padding-top: 146rem;}

#wrapper {overflow: hidden;}
.inner {width: 1366rem; margin: 0 auto;}
.sub-tit {text-align: center; margin-bottom: 80rem;}

.top {display: flex; justify-content: space-between; align-items: end; margin-bottom: 20rem;}
.top .total b {font-family: "Pretendard-Bold"; font-size: 18rem;}

@media screen and (max-width: 1024px) {
  html {font-size: .130vw;}
  .sub {padding-top: 146rem; width: 100%; overflow: hidden;}
  .sub.has-sub-kv {padding-top: 86rem;}
  .sub.linked-site-sub {margin-bottom: 106rem;}
  .sub.login-sub {padding-top: 126rem;}
  .inner {width: calc(100% - 60rem);}
  .only-ta {display: block;}
  .top {display: block;}
}

@media screen and (max-width: 600px) {
  html {font-size: .256vw;}
  .only-pc {display: none;}
  .inner {width: calc(100% - 32rem);}
  .only-mo {display: block;}
}

.swiper-button-prev {margin-top: unset;}
.swiper-button-next {margin-top: unset;}
.swiper-button-prev::after {display: none;}
.swiper-button-next::after {display: none;}
.swiper-notification {display: none;}



/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 106rem; padding: 0 40rem; display: flex; align-items: center; justify-content: space-between; z-index: 201; transition-duration: .4s; background: #fff;}
header .logo {background: url("/common/images/logo-bk.svg") no-repeat; width: 103rem; height: 46rem; display: block; background-size: contain;}
header .logo img {width: 100%;}
header.scroll {top: -110rem;}
header .menus {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
header .menus ul {display: flex;}
header .menus ul li {position: relative;}
header .menus ul li .dep1 {padding: 0 30rem 42rem 30rem;}
header .menus ul li .dep2-area {position: absolute; text-align: center; top: 50rem; left: 50%; transform: translateX(-50%); width: 100rem; display: none; opacity: 0;}
header .menus ul li .dep2-area .dep2 {display: block;}
header .menus ul li .dep2-area .dep2 + .dep2 {margin-top: 16rem;}
header .dep2-bg {width: 100%; height: 300rem; background: #fff; position: absolute; left: 0; top: 105rem; height: 0; overflow: hidden;}
header .util {display: flex; gap: 24rem; align-items: center;}
header .util .bookmark {width: 24rem; height: 24rem; background: url("/common/images/ico-bookmark.svg") no-repeat; background-size: cover; display: block;}
header .util .bookmark {width: 24rem; height: 24rem; background: url("/common/images/ico-bookmark.svg") no-repeat; background-size: cover; display: block;}
header .util .bookmark.on {width: 24rem; height: 24rem; background: url("/common/images/ico-bookmark-on.svg") no-repeat; background-size: cover; display: block;}
header .util .bookmark .hide {display: block; width: 0; height: 0; overflow: hidden;}
header .util .login {position: relative;}
header .util .login .losn a:last-of-type {display: none;}
header .util .login.on .losn a:first-of-type {display: none;}
header .util .login.on .losn a:last-of-type {display: block;}
header .util .login .box {position: absolute; background: #fff; border: 1px solid #E1E4EC; box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.10); padding: 12rem 10rem; width: 130rem; top: 20rem; left: 50%; transform: translateX(-50%); text-align: center; opacity: 0; display: none; transition-duration: .5s;}
header .util .login .box.active {opacity: 1; top: 30rem;}
header .util .login .box .name {display: block; margin-bottom: 8rem;}
header .util .login .box a {display: block;}
header .util .login .box a:hover {text-decoration: underline;}
header .util .login .box a + a {margin-top: 4rem;}

header.wht {background: 0;}
header.wht .logo {background: url("/common/images/logo-wht.svg") no-repeat; background-size: contain;}
header.wht .menus ul li .dep1 {color: #fff;}
header.wht .util .mypage {background: url("/common/images/ico-mypage-wht.svg") no-repeat; background-size: cover;}
header.wht .util .bookmark {background: url("/common/images/ico-bookmark-wht.svg") no-repeat; background-size: contain;}
header.wht .util .bookmark.on {background: url("/common/images/ico-bookmark-wht-on.svg") no-repeat; background-size: contain;}
header.wht .util .login .losn {color: #fff;}

header.linked-site-header {justify-content: flex-end; column-gap: 24rem; height: 72rem;}
header.linked-site-header p {display: flex; align-items: center;}
header.linked-site-header p br {display: none;}
header.linked-site-header p span:last-of-type {display: block; margin-left: 4rem;}
header.linked-site-header p span:last-of-type em {font-style: initial;}

header.hover {background: #fff;}
header.hover .logo {background: url("/common/images/logo-bk.svg") no-repeat; background-size: contain;}
header.hover .menus ul li .dep1 {color: #000;}
header.hover .util .bookmark {background: url("/common/images/ico-bookmark.svg") no-repeat; background-size: contain;}
header.hover .util .bookmark.on {background: url("/common/images/ico-bookmark-on.svg") no-repeat; background-size: contain;}
header.hover .dep2-bg {border-top: 1px solid #ddd;}
header.hover .util .login .losn {color: #101116;}
header + .h-dimd {position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.60); top: 0; left: 0; z-index: 19; display: none; opacity: 0;}
header .ham {display: none;}
header .close {display: none;}

header .book-area {position: fixed; top: 0; width: 100%; height: 100vh; z-index: 30; right: -100%; transition-duration: 1s; display: none;}
header .book-area .box {width: 700rem; height: 100%; background: #fff; padding: 40rem 20rem 40rem 40rem; position: absolute; top: 0; right: 0;}
header .book-area .box .f24b {color: rgba(0, 0, 0, 0.60);}
header .book-area .box:has(.no-list) .ul {display: flex; align-items: center; justify-content: center; height: 100%;}
header .book-area .box .ul .scrl {display: grid; grid-template-columns: 1fr 1fr; margin-top: 24rem; gap: 20rem; overflow-y: auto; max-height: 84vh; padding-right: 20rem;}
header .book-area .box .ul .li {border: 1px solid #D3D6DE; border-radius: 16rem; padding: 20rem 24rem 16rem 24rem; position: relative;}
header .book-area .box .ul .li .f16b {margin-bottom: 24rem; color: #454855;}
header .book-area .box .ul .li .f18b a {display: block; margin-bottom: 16rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
header .book-area .box .ul .li .labels {display: flex; gap: 8rem; align-items: center; flex-wrap: wrap;}
header .book-area .box .ul .li .labels .cate {padding: 4rem 8rem; background: #F3F4F7; border-radius: 4rem;}
header .book-area .box .ul .li .labels .day {padding: 4rem 8rem; background: #EFF; border-radius: 4rem; color: #0F7A7A;}
header .book-area .box .ul .li .labels .day.emer {background-color: #0D8383; color: #fff;}
header .book-area .box .ul .li .hash {color: #6D6F79; margin-top: 16rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-top: 1px solid #D3D6DE; padding-top: 16rem;}
header .book-area .box .ul .li .book-btn {display: block; position: relative; width: 18rem; height: 18rem; background: url("/common/images/ico-bookmark1.svg") no-repeat; background-size: contain; position: absolute; top: 23rem; right: 24rem;}
header .book-area .box .ul .li .book-btn.on {background: url("/common/images/ico-bookmark1-on.svg") no-repeat; background-size: contain;}
header .book-area .box .ul .li .book-btn span {display: block; position: absolute; top: 0; left: 0; width: 18rem; height: 18rem; font-size:9rem; line-height: 1; overflow: hidden; opacity: 0;}
header .book-area .bg {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; display: none; position: fixed; top: 0; left: 0; transition-duration: .5s;}
header .book-area .xbt {display: block; width: 60rem; height: 60rem; background: url("/common/images/ico-book-close.svg") no-repeat; background-size: contain; position: absolute; top: 40rem; right: 710rem;}
header .book-area .paging {position: absolute; bottom: 40rem; left: 50%; transform: translateX(-50%);}
header .book-area .no-list p {width: 300rem;}
header .book-area .no-list .btn-wrap {margin-top: 32rem;}
header .book-area .no-list .btn-wrap a.type2 {width: auto; padding: 0 16rem;}

header .recruitment-nav {position: fixed; top: 166rem; right: 63rem;}
header .recruitment-nav a {display: block; position: relative;}
header .recruitment-nav a + a {margin-top: 24rem;}
header .recruitment-nav a span {display: block; position: absolute; top: -5rem; right: -23rem; width: 28rem; height: 20rem; border-radius: 100rem; background-color: #000; line-height: 20rem; text-align: center; color: #fff;}



@media (max-width: 1024px) {
  header {height: 86rem; padding: 20rem 30rem;}
  header .util {position: fixed; z-index: 20; right: 30rem; bottom: 32rem; display: none; gap: 0; opacity: 0; transition-duration: .5s;}
  header .ham {display: block; position: absolute; top: 50%; right: 50rem; overflow: hidden; width: 24rem; height: 24rem; background: url("/common/images/ico-ham.svg") no-repeat; background-size: contain; display: block; transform: translateY(-50%); transition-duration: .5s; opacity: 0;}
  header .ham.on {opacity: 1; right: 30rem;}
  header .close {width: 24rem; height: 24rem; background: url("/common/images/ico-header-close.svg") no-repeat; background-size: contain; position: absolute; top: 50%; right: -30rem; display: none; transform: translateY(-50%); transition-duration: .5s;}
  header .close.on {opacity: 1; right: 30rem;}
  header .menus {transform: unset; left: unset; top: 86rem; width: 100%; padding: 20rem 30rem; right: -100%; overflow-y: auto; height: calc(100vh - 86rem); display: none;}
  header .menus ul {display: block;}
  header .menus ul li + li {margin-top: 40rem;}
  header .menus ul li .dep1 {padding: 0; font-size: 24rem; line-height: 36rem; color: #000 !important;}
  header .menus ul li .dep2-area {display: block; opacity: 1; position: unset; transform: unset; width: auto; text-align: left; margin-top: 16rem;}
  header .menus ul li .dep2-area .dep2 {font-size: 18rem; line-height: 24rem;}
  header .menus ul li .dep2-area .dep2 + .dep2 {margin-top: 20rem;}
  header .dep2-bg {width: 100%; height: calc(100vh - 86rem); top: 86rem; left: unset; right: -100%;}
  header .util .bookmark {margin-right: 24rem;}

  header .util .login .box {top: unset; transform: unset; left: unset; right: 0;  bottom: 0;}
  header .util .login .box.active {bottom: 40rem; top: unset;}

  header.wht .ham {background: url("/common/images/ico-ham-wht.svg") no-repeat; background-size: contain;}
  header.wht.open {background: #fff;}
  header.wht.open .logo {background: url("/common/images/logo-bk.svg") no-repeat; background-size: contain;}
  header.wht.open .util .login .losn {color: #000;}
  header.wht.open .util .bookmark {background: url("/common/images/ico-bookmark.svg") no-repeat; background-size: cover;}
  header.wht.open .util .bookmark.on {background: url("/common/images/ico-bookmark-on.svg") no-repeat; background-size: cover;}

  header.linked-site-header {justify-content: space-between; align-items: flex-start; height: 82rem; padding: 16rem;}
  header.linked-site-header p {display: block;}
  header.linked-site-header p br {display: block;}
  header.linked-site-header p span:last-of-type {margin-top: 4rem; margin-left: 0;}

  header .book-area .box {width: calc(100% - 32rem); right: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 80vh; border-radius: 24rem; padding: 32rem 20rem 32rem 32rem;}
  header .book-area .box .ul .scrl {display: block; max-height: calc(80vh - 120rem); padding-right: 10rem;}
  header .book-area .box .ul .scrl .li + .li {margin-top: 24rem;}
  header .book-area .box .ul .li .labels {gap: 0;}
  header .book-area .box .ul .li .labels p {margin: 0 8rem 8rem 0;}
  header .book-area .box .ul .li .labels p:last-of-type {margin-right: 0;}
  header .book-area .box .ul .li .hash {margin-top: 8rem;}
  header .book-area .paging {position: unset; transform: unset;}
  header .book-area .xbt {width: 32rem; height: 32rem; background: url("/common/images/ico-pop-close.svg") no-repeat; background-size: cover; left: unset; right: 30rem; top: 32rem;}
}
@media (max-width: 600px) {
  header {padding: 0 16rem;}
  header .ham.on {right: 16rem;}
  header .close.on {right: 16rem;}
  header .menus {padding: 20rem 16rem;}
}



/* footer */
footer {position: relative; background: #F3F4F7; padding: 32rem 40rem; margin-top: 120rem; display: flex; justify-content: space-between; align-items: center;}
footer.no-mg {margin-top: 0;}

footer .quick {position: fixed; bottom: 80rem; right: 40rem; z-index: 10; height: 128rem; transition-duration: .5s;}
footer .quick.fixed {bottom: 140rem;}
footer .quick .chat {display: block; width: 60rem; height: 60rem; background: url("/common/images/ico-chatbot.svg") no-repeat; background-size: contain;}
footer .quick .go-top {display: block; width: 60rem; height: 60rem; background: url("/common/images/ico-go-top.svg") no-repeat; background-size: contain; margin-top: 8rem; opacity: 0; transition-duration: .5s;}
footer .quick .go-top.active {opacity: 1;}

footer .left {display: flex; gap: 20rem; align-items: center;}
footer .left .links {display: flex; gap: 16rem;}
footer .left .links a {display: block;}
footer .right {display: flex; align-items: center; gap: 40rem;}
footer .right .wa-mark {display: block; width: 100rem;}
footer .right .sns {display: flex; align-items: center; gap: 16rem;}
footer .right .sns a.yt {display: block; width: 26rem; height: 19rem; background: url("/common/images/ico-yt.svg") no-repeat; background-size: contain;}
footer .right .sns a.in {display: block; width: 20rem; height: 20rem; background: url("/common/images/ico-in.svg") no-repeat; background-size: contain;}
footer .right .sns a.fb {display: block; width: 12rem; height: 23rem; background: url("/common/images/ico-fb.svg") no-repeat; background-size: contain;}
footer .right .sns a.hd-group {text-decoration: underline;}

footer .family {position: relative;}
footer .family button {border: 1px solid #101116; border-radius: 8rem; padding: 16rem 24rem; width: 220rem; position: relative; background: #F3F4F7; font-size: 16rem; transition-duration: .4s; color: #101116;}
footer .family.active button {border-radius: 0 0 8rem 8rem; background: #fff;}
footer .family button span {display: block;}
footer .family button span::after {content: ""; width: 14rem; height: 14rem; background: url("/common/images/ico-family-arrow.svg") no-repeat; background-size: contain; display: block; position: absolute; right: 24rem; top: 55%; transform: translateY(-50%); }
footer .family .list {display: none; position: absolute; bottom: 52rem; z-index: 10; background: #fff; padding: 12rem 24rem; border: 1px solid #101116; border-radius: 8rem 8rem 0 0; border-bottom: 1px solid #D9D9D9; width: 220rem;}
footer .family .list a {display: block;}
footer .family .list a + a {margin-top: 4rem;}

@media (max-width: 1024px) {
  footer {margin-top: 60rem; padding: 20rem 30rem; display: block;}
  footer .left {display: block;}
  footer .left .links {gap: 0; margin-bottom: 20rem;}
  footer .left .links a + a {margin-left: 16rem;}
  footer .right {flex-wrap: wrap; gap: 0; margin-top: 20rem;}
  footer .right .wa-mark {margin-right: 16rem;}
  footer .right .sns {gap: 0;}
  footer .right .sns a + a {margin-left: 16rem;}
  footer .family {margin-top: 20rem;}
  footer .family button {padding: 12rem 24rem;}
  footer .family .list {bottom: 44rem;}
  footer .quick {bottom: 60rem; right: 30rem; height: 48rem;}
  footer .quick.fixed {bottom: 200rem;}
  footer .quick .chat {display: none;}
  footer .quick .go-top {width: 48rem; height: 48rem;}

  footer .quick.apply {bottom: 95rem;}
  footer .quick.apply .go-top {margin-top: 0;}
}

@media (max-width: 600px) {
  footer {padding: 20rem 16rem;}
  footer .quick {right: 16rem;}
}


/* typo */
.f80b {font-size: 80rem; font-family: "Pretendard-Bold"; line-height: 104rem;}
.f72b {font-size: 72rem; font-family: "Pretendard-Bold"; line-height: 96rem;}
.f48b {font-size: 48rem; font-family: "Pretendard-Bold"; line-height: 64rem;}
.f54b {font-size: 54rem; font-family: "Pretendard-Bold"; line-height: 70rem;}
.f40b {font-size: 40rem; font-family: "Pretendard-Bold"; line-height: 54rem;}
.f40sb {font-size: 40rem; font-family: "Pretendard-SemiBold"; line-height: 54rem;}
.f40r {font-size: 40rem; font-family: "Pretendard-Regular"; line-height: 54rem;}
.f36b {font-size: 36rem; font-family: "Pretendard-Bold"; line-height: 50rem;}
.f32b {font-size: 32rem; font-family: "Pretendard-Bold"; line-height: 44rem;}
.f24b {font-size: 24rem; font-family: "Pretendard-Bold"; line-height: 36rem;}
.f24m {font-size: 24rem; font-family: "Pretendard-Medium"; line-height: 36rem;}
.f24r {font-size: 24rem; font-family: "Pretendard-Regular"; line-height: 36rem;}
.f20b {font-size: 20rem; font-family: "Pretendard-Bold"; line-height: 30rem;}
.f20m {font-size: 20rem; font-family: "Pretendard-Medium"; line-height: 30rem;}
.f20r {font-size: 20rem; font-family: "Pretendard-Regular"; line-height: 30rem;}
.f18b {font-size: 18rem; font-family: "Pretendard-Bold"; line-height: 24rem;}
.f18sb {font-size: 18rem; font-family: "Pretendard-SemiBold"; line-height: 24rem;}
.f18m {font-size: 18rem; font-family: "Pretendard-Medium"; line-height: 24rem;}
.f18r {font-size: 18rem; font-family: "Pretendard-Regular"; line-height: 24rem;}
.f16b {font-size: 16rem; font-family: "Pretendard-Bold"; line-height: 24rem;}
.f16sb {font-size: 16rem; font-family: "Pretendard-SemiBold"; line-height: 24rem;}
.f16m {font-size: 16rem; font-family: "Pretendard-Medium"; line-height: 24rem;}
.f16r {font-size: 16rem; font-family: "Pretendard-Regular"; line-height: 24rem;}
.f14b {font-size: 14rem; font-family: "Pretendard-Bold"; line-height: 22rem;}
.f14sb {font-size: 14rem; font-family: "Pretendard-SemiBold"; line-height: 22rem;}
.f14m {font-size: 14rem; font-family: "Pretendard-Medium"; line-height: 22rem;}
.f14r {font-size: 14rem; font-family: "Pretendard-Regular"; line-height: 22rem;}
.f12b {font-size: 12rem; font-family: "Pretendard-Bold"; line-height: 20rem;}
.f12r {font-size: 12rem; font-family: "Pretendard-Regular"; line-height: 20rem;}
@media (max-width: 1024px) {
  .f80b {font-size: 48rem; line-height: 64rem;}
  .f72b {font-size: 40rem; line-height: 54rem;}
  .f54b {font-size: 36rem; line-height: 50rem;}
  .f48b {font-size: 32rem; line-height: 44rem;}
  .f40b {font-size: 28rem; line-height: 40rem;}
  .f40sb {font-size: 28rem; line-height: 40rem;}
  .f40r {font-size: 28rem; line-height: 40rem;}
  .f32b {font-size: 24rem; line-height: 30rem;}
  .f24r {font-size: 20rem; line-height: 30rem;}
  .f24b {font-size: 20rem; line-height: 30rem;}
  .f24m {font-size: 20rem; line-height: 30rem;}
  .f20b {font-size: 18rem; line-height: 24rem;}
  .f20r {font-size: 18rem; line-height: 24rem;}
  .f18r {font-size: 18rem; line-height: 24rem;}
}



/* 채용 정보 */
.float-menu {position: fixed; top: 146rem; right: 60rem; z-index: 11;}
.float-menu.main {position: absolute; top: 146rem; right: 60rem;}
.float-menu .click {display: none;}
.float-menu .links a {display: block; position: relative; color: #000;}
.float-menu.main .links a {color: #fff;}
.float-menu .links a:focus-visible {outline: 2px solid #000;}
.float-menu .links a + a {margin-top: 24rem;}
.float-menu .links a .f12b {position: absolute; top: -10rem; left: 75rem; background: #000; padding: 2rem 7rem 0 7rem; border-radius: 56rem; color: #fff;}

@media screen and (min-width: 1024px) {
  .float-menu.bg {right: 20rem; padding: 24rem 43rem 24rem 20rem; background-color: rgba(255, 255, 255, 0.7); border-radius: 10rem;}
}

@media screen and (max-width: 1024px) {
	.float-menu, .float-menu.main {position: fixed; top: unset; bottom: 116rem; right: 32rem;}
	.float-menu::after {content: ""; width: 48rem; height: 48rem; display: block; background: #000;}
	.float-menu:not(.main) {transition-duration: .5s;}
  .float-menu:not(.main).fixed {bottom: 256rem;}
  .float-menu .click {display: flex; align-items: center; justify-content: center; position: absolute; width: 48rem; height: 48rem; overflow: hidden; transition-duration: 1s;}
	.float-menu .click button:focus-visible {border: 2px solid yellow;}
	.float-menu .click.open button {color: #fff; line-height: 16rem;}
	.float-menu.on .click.open {top: -100%; opacity: 0;}
	.float-menu .click.close {top: -60%; opacity: 0; display: none;}
	.float-menu .click.close button {width: 32rem; height: 32rem; background: url("/common/images/ico-rec-close.svg") no-repeat; background-size: cover;}
	/* .float-menu.on .click.close {top: 0; opacity: 1;} */

	.float-menu .links {position: absolute; background: #fff; right: 0; bottom: 60rem; display: flex; padding: 16rem 18rem; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12); display: none; opacity: 0; transition-duration: .5s; transform: translateY(-10rem);}
	.float-menu .links a {display: flex; align-items: flex-start;}
	.float-menu .links a .f24b {color: #000; font-size: 16rem;}
	.float-menu .links a .f12b {position: unset;}
	.float-menu .links a + a {margin-top: 0; margin-left: 16rem;}
}
@media screen and (max-width: 600px) {
  .float-menu, .float-menu.main {right: 16rem;}
}

/* 서브 키비 공통 */
.sub-kv {width: 100%; height: 400rem; position: relative; overflow: hidden; margin-bottom: 80rem;}
.sub-kv.has-f80b {height: 494rem;}
.sub-kv .txt-area {position: relative; z-index: 2; text-align: center; height: 100%;}
.sub-kv .txt-area .txt {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.sub-kv .txt-area .txt .f18r {margin-top: 24rem;}
.bread {display: flex; align-items: center; position: absolute; right: 0; top: 24rem;}
.bread .home {width: 20rem; height: 20rem; background: url("/common/images/ico-home.svg") no-repeat; background-size: contain;}
.bread p:not(.home) {padding-left: 30rem; background: url("/common/images/ico-bread-arrow.svg") no-repeat top 3rem left 10rem; background-size: 10rem;}
.sub-kv .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.sub-kv .bg img {width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 1024px) {
  .sub-kv {height: 204rem; margin-bottom: 40rem;}
  .sub-kv.has-f80b {height: 314rem;}
  .sub-kv .txt-area .txt .f18r {margin-top: 16rem;}
  .sub-kv .txt-area .txt .f18r br {display: none;}
  .bread {top: 16rem;}
}


/* 로딩 */
.loading-wrap {width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; z-index: 5600; display: flex; align-items: center; justify-content: center;}
.loading-wrap div {width: 100rem; height: 100rem;}


 /* 스크롤  */
.scrl::-webkit-scrollbar {width: 6rem; height: 6rem;}
.scrl::-webkit-scrollbar-track {background: 0; border-radius: 50px;}
.scrl::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 50px;}


/* 닷 텍스트 */
.dot-txt p {position: relative; padding-left: 10rem;}
.dot-txt p::before {content: ""; width: 3rem; height: 3rem; display: block; background:  #6D6F79; border-radius: 20rem; position: absolute; left: 0; top: 8rem;}
.dot-txt p span.error {color: #EB0F0F;}
.dot-txt p span.ok {color: #0D8383;}


/* 하이픈 텍스트 */
.hypen-txt p {position: relative; padding-left: 10rem;}
.hypen-txt p::before {content: "-"; position: absolute; left: 0; top: 0;}


/* 검색 영역 */
.ser-area {width: 328rem;}
.ser-area .form-input .input-area {width: 100%;}
.ser-area .form-input .input-area input {padding: 0 50rem 0 16rem;}
.ser-area .form-input .input-area input::placeholder {font-family: "Pretendard-Regular";}
.ser-area .form-input .ser-bt {display: block; width: 24rem; height: 24rem; background: url("/common/images/ico-search-bar.svg") no-repeat; position: absolute; right: 16rem; top: 50%; transform: translateY(-50%); background-size: contain;}
.ser-area .form-input .ser-bt .hide {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden; word-break: break-all; font-size: 12rem; line-height: 1; opacity: 0;}

/* 검색 전 */
.before-srch {display: flex; justify-content: center; align-items: center; padding: 0;}
.before-srch p {padding-top: 76rem; background: url("/common/images/ico-before-srch.svg") no-repeat top center / 60rem; color: #5A5E6C;}


/* 내용 없음 */
.no-list {text-align: center; padding: 100rem 0;}
.no-list p {padding-top: 76rem; background: url("/common/images/ico-nolist.svg") no-repeat top center; background-size: 60rem; color: #000;}

@media (max-width: 1024px) {
  .no-list {padding: 80rem 0;}
}


/* basic button 높이로 타입 변경됨 (66 48 40) */
.btn-wrap {display: flex; justify-content: center; gap: 10rem;}
.btn-wrap:has(.type-txt) {gap: 32rem;}
.btn-wrap + .btn-wrap {margin-top: 12rem;}
.btn-wrap a {display: inline-flex; align-items: center; justify-content: center; width: 120rem; transition-duration: .3s;}
.btn-wrap a.type1 {height: 66rem; font-size: 18rem; font-family: "Pretendard-Bold"; color: #fff; background: #000; border: 0;}
.btn-wrap a.type1:hover {background: #30323B;}
.btn-wrap a.type1.line {border: 1px solid #6D6F79; color: #454855; background: #fff; font-family: "Pretendard-Regular";}
.btn-wrap a.type1.line:hover {background: #F3F4F7;}
.btn-wrap a.type1.light {background: #C5C8D3; color: #454855; font-family: "Pretendard-Regular"; }
.btn-wrap a.type1.light:hover {background: #E1E3EA;}
.btn-wrap a.type1.wide {width: 300rem;}

.btn-wrap a.ico {border: 0 !important;}
.btn-wrap a.ico.naver {background: #F0F0F0; color: #101116;}
.btn-wrap a.ico.naver:hover {background: #F0F0F0;}
.btn-wrap a.ico.kakao {background: #FAE300; color: #101116;}
.btn-wrap a.ico.kakao:hover {background: #FAE300;}
.btn-wrap a.ico span {padding-left: 30rem;}
.btn-wrap a.ico.naver span {background: url("/common/images/ico-login-naver.svg") no-repeat top left; background-size: 24rem; font-family: "Pretendard-Bold";}
.btn-wrap a.ico.kakao span {background: url("/common/images/ico-login-kakao.svg") no-repeat top left; background-size: 24rem; font-family: "Pretendard-Bold";}

.btn-wrap a.type2 {height: 48rem; font-size: 16rem; font-family: "Pretendard-Bold"; color: #fff; background: #000; border: 0;}
.btn-wrap a.type2:hover {background: #30323B;}
.btn-wrap a.type2.line {border: 1px solid #6D6F79; color: #454855; background: #fff; font-family: "Pretendard-Regular";}
.btn-wrap a.type2.line:hover {background: #F3F4F7;}
.btn-wrap a.type2.light {background: #C5C8D3; color: #454855; font-family: "Pretendard-Regular";}
.btn-wrap a.type2.light.red {color: #BF2A23;}
.btn-wrap a.type2.light:hover {background: #E1E3EA;}

.btn-wrap a.type3 {height: 40rem; font-size: 14rem; font-family: "Pretendard-Bold"; color: #fff; background: #000; border: 0;}
.btn-wrap a.type3:hover {background: #30323B;}
.btn-wrap a.type3.line {border: 1px solid #6D6F79; color: #454855; background: #fff; font-family: "Pretendard-Regular";}
.btn-wrap a.type3.line:hover {background: #F3F4F7;}
.btn-wrap a.type3.light {background: #C5C8D3; color: #454855; font-family: "Pretendard-Regular";}
.btn-wrap a.type3.light:hover {background: #E1E3EA;}

.btn-wrap a.type4 {height: 32rem; font-size: 14rem; font-family: "Pretendard-Medium"; color: #fff; background: #000; border: 0;}
.btn-wrap a.type4:hover {background: #30323B;}
.btn-wrap a.type4.line {border: 1px solid #6D6F79; color: #454855; background: #fff; font-family: "Pretendard-Regular";}
.btn-wrap a.type4.line:hover {background: #F3F4F7;}
.btn-wrap a.type4.light {background: #C5C8D3; color: #454855; font-family: "Pretendard-Regular";}
.btn-wrap a.type4.light:hover {background: #E1E3EA;}
.btn-wrap a.type4.disa {background: #E1E3EA; color: #979BAA; font-family: "Pretendard-Regular"; pointer-events: none}
.btn-wrap a.type4.disa:hover {background: #E1E3EA;}

.btn-wrap a.type-txt {width: auto; padding-left: 32rem; line-height: 24rem; border-radius: 0;}
.btn-wrap a.type-txt.email {background: url("/common/images/ico-email.svg") no-repeat; background-size: 24rem;}
.btn-wrap a.type-txt.sms {background: url("/common/images/ico-email.svg") no-repeat; background-size: 24rem;}

@media (max-width: 1024px) {
  .btn-wrap {gap: unset;}
  .btn-wrap a {width: 100%;}
  .btn-wrap a + a {margin-left: 10rem;}

  .btn-wrap a.type1.wide {width: 100%;}
}


/* form - input */
.form-input {position: relative; display: flex; gap: 12rem; width: 100%;}
.form-input + .form-input {margin-top: 12rem;}
.form-input label {width: 150rem; font-size: 18rem; font-family: "Pretendard-Bold"; cursor: pointer; padding: 12rem 0; word-break: break-all; display: block;}
.form-input.essen label span {display: inline-block; position: relative; display: flex; gap: 3rem;}
.form-input.essen label span::after {content: "*"; border-radius: 50rem; display: block; color: #EB0F0F;}
.form-input label + .input-area {width: calc(100% - 162rem);}
.form-input .input-area {position: relative; width: 100%; overflow: visible;}
.form-input .input-area input {border: 1px solid #6D6F79; border-radius: 6rem; padding: 0 16rem; font-size: 16rem; font-family: "Pretendard-Medium"; width: 100%; height: 48rem; transform: none;}
.form-input .input-area input::placeholder{color: #737684; font-size: 16rem; font-family: "Pretendard-Regular";}
.form-input .input-area input:focus-visible {border: 1px solid #6D6F79 !important; outline: 1px solid #000;}
.form-input .input-area input:read-only {border: 1px solid #6D6F79; background: #F3F4F7; color: #454855; pointer-events: none;}
.form-input .input-area input:disabled {border: 1px solid #6D6F79; background: #E1E3EA; color: #6D6F79;}
.form-input .input-area input:read-only::placeholder {color: #6D6F79;}
.form-input .input-area input.search {padding-right: 52rem; background: url("/common/images/ico-search.svg") no-repeat center right 16rem / 24rem;}
.form-input .input-area input.search:read-only {background: url("/common/images/ico-search.svg") no-repeat center right 16rem / 24rem; pointer-events: initial;}
.form-input .input-area:has(.erase) input {padding: 0 46rem 0 16rem;}
.form-input .input-area .erase {display: block; width: 20rem; height: 20rem; background: url("/common/images/ico-search-xdel.svg") no-repeat; background-size: cover; position: absolute; right: 16rem; top: 50%; transform: translateY(-50%); display: none;}
.form-input .input-area.typing .erase {display: block;}
.form-input .input-area .pop-input.has-search input {border: 0; width: calc(100% - 50rem) !important; background: transparent;}
.form-input .input-area .pop-input.has-search input:focus-visible {border: 0;}
.form-input .input-area .pop-input.has-search {border: 1px solid #6D6F79; border-radius: 6rem; width: 328rem; position: relative;}
.form-input .input-area .pop-input.has-search .search-pop-open {display: block; width: 24rem; height: 24rem; background: url("/common/images/ico-input-search.svg") no-repeat; background-size: cover; position: absolute; top: 13rem; right: 16rem;}
.form-input .msg {margin-top: 8rem; color: #737684;}
.form-input .input-area label.hide {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0 !important; padding: 0;}


/* 비밀번호 */
.form-input .input-area .i-show {display: none; position: absolute; right: 16rem; top: 12rem; width: 24rem; height: 24rem; background: url("/common/images/ico-hide-password.svg") no-repeat center center / cover;}
.form-input .input-area .i-show.show-p {background: url("/common/images/ico-show-password.svg") no-repeat center center / cover;}

@media (max-width: 1024px){
  .form-input {display: block; gap: 0;}
  .form-input .btn-wrap {margin-left: 12rem;}
  .form-input label {width: 100%; padding-top: 0;}
  .form-input label + .input-area {width: 100%;}
  .form-input .input-area .pop-input.has-search {width: 100%;}
}


/* form - date */
.form-date {position: relative; display: flex; gap: 12rem; width: 100%;}
.form-date + .form-date {margin-top: 10rem;}
.form-date label {width: 150rem; font-size: 18rem; font-family: "Pretendard-Bold"; cursor: pointer; padding-top: 14rem; word-break: break-all; display: block;}
.form-date.essen label span {display: inline-block; position: relative; display: flex; gap: 3rem;}
.form-date.essen label span::after {content: "*"; border-radius: 50rem; display: block; color: #EB0F0F;}
.form-date .date-area {position: relative; width: calc(100% - 162rem);}
.form-date .date-area input {background: #fff; border: 1px solid #6D6F79; border-radius: 6rem; padding: 0 16rem; font-size: 16rem; font-family: "Pretendard-Medium"; width: 100%; height: 48rem; color: #101116;}
.form-date .date-area input::placeholder{color: #737684; font-size: 16rem; font-family: "Pretendard-Medium";}
.form-date .date-area input:focus-visible {border-color: #000;}
.form-date .date-area input:read-only {border: 1px solid #6D6F79; background: #F3F4F7;}
.form-date .date-area input:disabled {border: 1px solid #6D6F79; background: #F3F4F7;}
.form-date .date-area input:read-only:focus-visible {border: 1px solid #000; background: #F3F4F7;}
.form-date .msg {margin-top: 4rem; color: #737684;}

@media (max-width: 1024px){
  .form-date {display: block;}
  .form-date label {width: 100%; margin-bottom: 12rem; padding-top: 0;}
  .form-date .date-area {width: 100%;}
  .form-date .date-area input {width: 160rem;}
}


/* duet date picker */
.period-select-area {display: flex; align-items: center;}
.period-select-area label {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0 !important; padding: 0;}
.period-select-area > div {width: 144rem; border-radius: 6rem;}
.period-select-area > div.wide {width: 314rem;}
.period-select-area > div.wide2 {width: 328rem;}

.period-select-area .duet-date__input {height: 48rem; padding: 16rem 32rem 16rem 16rem;}
.period-select-area .duet-date__input:focus {box-shadow: none; border-color: #6D6F79; outline: 1px solid #000;}

.period-select-area .duet-date__toggle {width: 16rem; padding-right: 16rem; box-sizing: content-box; background: transparent; box-shadow: none;}
.period-select-area .duet-date__toggle:focus-visible {outline: 1px solid #000;}
.period-select-area .duet-date__toggle svg {width: 100%;}

.period-select-area .duet-date__dialog {left: initial; right: 0;}
.period-select-area .duet-date__dialog .duet-date__dialog-content {border-radius: 6rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.period-select-area .duet-date__dialog .duet-date__table-header {position: relative; font-family: "Pretendard-Semibold"; font-size: 16rem;}
.period-select-area .duet-date__dialog .duet-date__table-header .duet-date__vhidden {left: 0; width: 100%;}
.period-select-area .duet-date__dialog .duet-date__select select option {font-family: "Pretendard-Regular"; font-size: 16rem;}
.period-select-area .duet-date__dialog .duet-date__select-label {font-size: 18rem;}
.period-select-area .duet-date__dialog .duet-date__day {font-size: 16rem;}

.period-select-area duet-date-picker.disabled .duet-date__input {border: 1px solid #6D6F79; background: #E1E3EA; color: #6D6F79;}
.period-select-area duet-date-picker.disabled .duet-date__toggle {pointer-events: none;}

.period-select-area > span {margin: 0 8rem;}

@media (max-width: 1024px) {
  .period-select-area > div, .period-select-area > div.wide, .period-select-area > div.wide2 {width: 100%;}
  .period-select-area .duet-date__dialog .duet-date__dialog-content {min-height: auto;}
}


/* form - select */
.form-select {position: relative; display: flex; width: 100%; gap: 12rem;}
.form-select label {width: 150rem; font-size: 18rem; font-family: "Pretendard-Bold"; cursor: pointer; padding-top: 15rem; display: block;}
.form-select.essen label span {display: flex; position: relative; gap: 3rem;}
.form-select.essen label span::after {content: "*"; border-radius: 50rem; display: block; color: #EB0F0F;}
.form-select.essen label span em {font-style: normal;}
.form-select .select-area {width: 100%; position: relative;}
.form-select .select-area label.hide {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0 !important; padding: 0;}
.form-select .select-area select {border: 1px solid #6D6F79; border-radius: 6rem; width: 100%; height: 48rem; padding: 0 40rem 0 16rem; font-size: 16rem; font-family: "Pretendard-Regular"; color: #6D6F79; background: url("/common/images/ico-sel.svg") no-repeat #fff center right 16rem; background-size: 18rem;}
.form-select .select-area select.selected {color: #101116;}
.form-select .select-area select.readonly {border: 1px solid #6D6F79; background-color: #F3F4F7; color: #454855; pointer-events: none !important;}
.form-select .select-area select:disabled {background-color: #E1E3EA; border: 1rem solid #6D6F79;}
.form-select .select-area select:disabled option {color: #6D6F79;}
.form-select .select-area select:focus-visible {outline: 1px solid #000;}
.form-select .select-area select option {color: #101116;}
.form-select .select-area select option[disabled] {color: #B1B5C3;}

.form-wrap .form-div .form-select .select-area select {pointer-events: none;}
.form-wrap .form-div.active .form-select .select-area select {pointer-events: auto;}

@media (max-width: 1024px){
  .form-select {display: block; gap: 0;}
  .form-select > div + div {margin-left: 12rem;}
  .form-select label {width: 100%; margin-bottom: 12rem; padding-top: 0;}
}

/* form - textarea */
.form-textarea {width: 100%;}
.form-textarea label {display: block; width: 150rem; padding: 12rem 0; font-family: "Pretendard-Bold"; font-size: 18rem; cursor: pointer; word-break: break-all;}
.form-textarea.essen label span {display: flex; position: relative; gap: 3rem;}
.form-textarea.essen label span::after {content: "*"; border-radius: 50rem; display: block; color: #EB0F0F;}
.form-textarea textarea {width: 100%; min-height: 118rem; padding: 16rem; border-radius: 4rem; color: #000; border: 1px solid #6D6F79; font-size: max(16rem, 14px); resize: none; background: 0; border-radius: 8rem; font-family: "Pretendard-Medium";}
.form-textarea textarea:focus-visible {color: #222; border: 1px solid #333;}
.form-textarea textarea:disabled {color: #999999; background-color: #F6F6F6; border: 1px solid #C9C6C2;}
.form-textarea textarea::placeholder {font-size: max(16rem, 14px); color: #6D6F79; font-family: "Pretendard-Medium";}
.form-textarea textarea::-webkit-scrollbar {width: 6rem;}
.form-textarea textarea::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 4rem;}
/* .form-textarea textarea::-webkit-scrollbar-track {background: #fff;} */
.form-textarea .count-area {margin-top: 8rem; color: #6D6F79; text-align: right;}
.form-textarea .count-area .count {color: #101116;}
.form-textarea.error textarea {border: 1px solid #961E1E;}
.form-textarea.error .msg {color: #961E1E;}
.form-textarea .txt-ssr {color: #7B7B7B; padding-left: 8rem; position: relative; margin-top: 16rem;}
.form-textarea .txt-ssr::before {content: ""; width: 2px; height: 2px; background: #7B7B7B; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.form-input.wth-btn .txt-ssr {margin-top: 12rem;}
@media (max-width: 600px){
  .form-textarea textarea {padding: 12rem;}
  .form-textarea textarea::placeholder {font-size: 12rem;}
  .form-textarea .txt-ssr {margin-top: 10rem;}
}

/* form - radio/check */
.form-checkbox {position: relative;}
.form-checkbox + .form-checkbox {margin-top: 16rem;}
.form-checkbox input {position: absolute; top: 0; left: 0; width: 24rem; height: 24rem; opacity: 0;}
.form-checkbox input + label {position: relative; display: inline-block; padding-left: 34rem; min-height: 24rem; width: auto; color: #101116; font-size: 16rem; line-height: 24rem; background: url("/common/images/ico-chk.png") no-repeat left center / 24rem; z-index: 1; cursor: pointer; padding-top: 0; margin-bottom: 0; overflow: visible;}
.form-checkbox input:focus-visible + label {outline: 2px solid #000;}
.form-checkbox input + label span {font-family: "Pretendard-Regular"; display: inline-block; padding-left: 12rem; color: #454855;}
.form-checkbox input + label b {padding-right: 13rem; position: relative; font-family: "Pretendard-Regular"; font-weight: 400;}
.form-checkbox input + label b.em {color: #D93A33; padding-right: 13rem; position: relative; font-family: "Pretendard-Bold";}
.form-checkbox input + label b::after {content: ""; width: 1px; background: #979BAA; height: 12rem; display: block; position: absolute; right: 5rem; top: 3rem;}
.form-checkbox input:checked + label {background: url("/common/images/ico-chk-on.png") no-repeat left top / 24rem;}
.form-checkbox input:disabled + label {background: url("/common/images/ico-chk.png") no-repeat left top / 24rem;}
.form-checkbox input:disabled:checked + label {background: url("/common/images/ico-chk-on.png") no-repeat left top / 24rem;}

.form-radio {position: relative;}
.form-radio input {position: absolute; top: 0; left: 0; width: 24rem; height: 24rem; opacity: 0; cursor: pointer;}
.form-radio input + label {display: inline-block; font-size: 16rem; font-family: "Pretendard-Regular"; background: url("/common/images/ico-radio.svg") no-repeat left center / 22rem; line-height: 24rem; cursor: pointer; padding: 0; padding-left: 32rem; width: 100%; overflow: visible;}
.form-radio input:checked + label {background: url("/common/images/ico-radio-on.svg") no-repeat left center / 22rem;}
.form-radio input:focus-visible + label {outline: 2px solid #000;}

@media (max-width: 600px){
  .form-radio input + label {margin-bottom: 0;}
  .form-checkbox input + label span {padding-left: 0; padding-top: 8rem;}
}



/* form - file */
.form-file {position: relative;}
.form-file .input-area {display: flex;}
.form-file .input-area label.hide {overflow: hidden; width: 0; word-break: keep-all; height: 0; margin: 0 !important; padding: 0;}

.form-file input[type="text"] {border: 1px solid #6D6F79; border-radius: 6rem; padding: 0 16rem; font-size: 16rem; font-family: "Pretendard-Medium"; width: calc(100% - 130rem); height: 48rem;}
.form-file input[type="text"]:focus-visible {outline: 1px solid #000;}
.form-file input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.form-file input + .file-add-btn {display: flex; align-items: center; justify-content: center; width: 120rem; height: 48rem; background: #C5C8D3; font-family: "Pretendard-Bold"; font-size: 18rem; color: #454855; transition: all .3s; cursor: pointer; margin-left: 10rem;}
.form-file input + .file-add-btn:hover {background: #E1E3EA;}

.file-preview {margin-top: 24rem;}
.file-preview .pic-area {border: 1px solid #E1E4EC; height: 232rem; border-radius: 12rem; margin-top: 12rem; display: flex; justify-content: center; padding: 16rem; gap: 12rem;}
.file-preview .pic-area div {width: calc(100% - 42rem); height: 200rem; overflow: hidden;}
.file-preview .pic-area div img {width: 100%; height: 100%; object-fit: contain;}
.file-preview .pic-area .del {display: block; width: 32rem; height: 32rem; background: url("/common/images/ico-pic-del.svg") no-repeat; background-size: cover;}

@media (max-width: 1024px) {
  .form-file input[type="text"] {width: calc(100% - 103rem);}
  .form-file input + .file-add-btn {width: 93rem;}
  .file-preview .pic-area {height: 192rem;}
  .file-preview .pic-area div {height: 160rem;}
}


.file-area .files {display: flex; gap: 16rem; flex-wrap: wrap; width: calc(100% - 63rem);}
.file-area .files a {display: flex; background: #F3F4F7; padding: 8rem 12rem; border-radius: 8rem; gap: 20rem; align-items: center;}
.file-area .files a::after {content: ""; width: 16rem !important; height: 16rem; background: url("/common/images/ico-file-down.svg") no-repeat; display: block; background-size: cover;}
.file-area .files a span {overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 30rem);}
.file-area.link .files {gap: 8rem 16rem;}
.file-area.link .files a {background: 0; padding: 0; color: #6D6F79; text-decoration: underline; word-break: break-all;}
.file-area.link .files a::after {display: none;}
@media (max-width: 1024px){
	.file-area {width: 100%; display: block; margin: 60rem auto 0;}
	.file-area .f14b {padding-top: 0;}
	.file-area .files {display: block; width: 100%; margin-top: 12rem;}
	.file-area .files a + a {margin-top: 4rem;}
}

/* form - table */
.form-table table {border-top: 1px solid #000; position: relative; font-size: 18rem;}
.form-table table tr {border-bottom: 1px solid #E1E4EC;}
.form-table table thead tr th {background: #F3F4F7; text-align: center; padding: 20rem 24rem;}
.form-table table thead tr th.date {padding: 20rem 60rem 20rem 0; width: 150rem;}
.form-table table tbody tr td {padding: 28rem 60rem; color: #454855;}
.form-table table tbody tr td.tit {font-family: "Pretendard-SemiBold";}
.form-table table tbody tr td.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;}
.form-table table tbody tr.empha td.tit {font-family: "Pretendard-Bold"; color: #101116;}
.form-table table tbody tr.empha td.tit a {line-height: 28rem;}
.form-table table tbody tr.empha td.tit a::before {content: "공지"; font-size: 16rem; border: 1px solid #2273DF; border-radius: 50rem; color: #2273DF; padding: 3rem 10rem; margin-right: 16rem;}
.form-table table tbody tr td.date {text-align: center; font-size: 14rem; font-family: "Pretendard-Medium"; white-space: nowrap; padding: 28rem 60rem 28rem 0; text-align: center;}


/* tab */
.tab-wrap .con-area {margin-top: 60rem;}
.tab-wrap .con-area .con {display: none;}
.tab-wrap .con-area .con.on {display: block;}

@media screen and (max-width: 1024px) {
  .tab-wrap .con-area {margin-top: 40rem;}
}

.tab-wrap .tab-area.line {display: flex; justify-content: center; padding-bottom: 14rem; position: relative;}
.tab-wrap .tab-area.line a + a {margin-left: 54rem;}
.tab-wrap .tab-area.line::after {content: ""; width: 100vw; height: 1px; background: #E1E4EC; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.tab-wrap .tab-area.line a {font-size: 18rem; color: #6D6F79; display: block; position: relative; width: auto; z-index: 2;} 
.tab-wrap .tab-area.line a.on {color: #101116; font-family: "Pretendard-Bold";}
.tab-wrap .tab-area.line a::after {content: ""; width: 100%; height: 2rem; background: #101116; display: block; position: absolute; bottom: -15rem; opacity: 0;}
.tab-wrap .tab-area.line a.on::after {opacity: 1;}

.tab-wrap .tab-area.box a {display: flex; justify-content: center; align-items: center; position: relative; width: auto; height: 44rem; padding: 0 20rem; background: #F3F4F7; border: 1rem solid #F3F4F7; font-size: 16rem; color: #454855;}
.tab-wrap .tab-area.box a.on {background: #000; border: 1rem solid #000; color: #fff; font-family: "Pretendard-Bold";}

.tab-wrap .tab-area.box2 .swiper-wrapper {flex-wrap: wrap; gap: 1px;}
.tab-wrap .tab-area.box2 a {font-size: 16rem; color: #454855; position: relative; background: #F3F4F7; height: 44rem; display: flex; align-items: center; justify-content: center; width: 150rem;}
.tab-wrap .tab-area.box2 a.on {background: #101116; color: #fff; font-family: "Pretendard-Bold";}

.tab-wrap .tab-area.box3 {display: flex; column-gap: 1rem; width: 100%;}
.tab-wrap .tab-area.box3 a {display: flex; justify-content: center; align-items: center; width: inherit; height: 44rem; background: #F3F4F7; color: #454855; text-align: center;}
.tab-wrap .tab-area.box3 a.on {background-color: #101116; font-family: "Pretendard-Bold"; color: #fff;}

@media screen and (max-width: 1024px) {
  .tab-wrap .tab-area.box2 a {width: auto; min-width: 90rem; padding: 0 16rem;}
  .tab-wrap .tab-area.box2 .swiper-wrapper {flex-wrap: nowrap; gap: 0;}
}




/* table form */
.form-table li {display: flex; margin-bottom: 20rem;}
.form-table li .th {width: max(103rem, 80px); padding-top: 8rem; color: #252525;}
.form-table li .th label {display: inline-block; position: relative; padding-right: 7rem;}
.form-table li .th.essen label::after {content: "*"; display: block; position: absolute; top: 0; right: 0; color: #F36F4C;}
.form-table li .td {width: calc(100% - 103rem);}
.form-table li .td .inner {display: flex; align-items: center; margin-bottom: 12rem;}
.form-table li .td .inner:last-child {margin-bottom: 0rem;}
.form-table li .td .inner.form-radio-w .form-radio {margin:4rem 0;}
.form-table li .td .inner .form-input {margin-left: 8rem;}
.form-table li .td .inner .form-input:first-child {margin-left: 0rem;}
.form-table li .td .inner .form-select {margin-left: 8rem;}
.form-table li .td .inner .form-select:first-child {margin-left: 0rem;}
.form-table li .td .inner .form-radio {margin-left: 24rem;}
.form-table li .td .inner .form-btn {width: 116rem; min-width: 116rem; margin-left: 8rem;}
.form-table li .td .inner .confirm-done{padding:13rem; width:100%; text-align: center; font-size:max(14rem, 12px); color:#F36F4C; background:rgba(243,111,76,0.06); border-radius:4rem;}



/* accordion */
.accordion {width: 100%;}
.accordion li {position: relative;}

.accordion li .btn-wrap {display: initial; position: relative;}
.accordion li .btn-wrap .question {text-indent: -9999rem;}
.accordion li .btn-wrap .form-checkbox {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.accordion li .question {position: relative; width: 100%; display: block; height: 86rem;}
.accordion li .btn-wrap span, .accordion li .question span {display: block; width: 20rem; height: 20rem; background: url("/common/images/ico-acco.svg") no-repeat center center; position: absolute; right: 0; top: 32rem; transition: all .3s; pointer-events: none;}
.accordion li.on .btn-wrap span, .accordion li.on .question span {transform: rotate(180deg);}
.accordion li .question .open-btn {display: block; width: 28rem; height: 28rem; background: url("/common/images/ico-inquiry-open.svg") no-repeat center center / 28rem; transition: .5s; position: absolute; top: 40rem; right: 32rem;}
.accordion li.on .question .open-btn {background: url("/common/images/ico-inquiry-close.svg") no-repeat center center / 28rem; transform: rotate(180deg);}

.form-wrap .accordion li .question {pointer-events: none;}
.form-wrap .form-div .accordion .btn-wrap {display: block; width: 100%;}
.form-wrap .form-div.active .accordion li .question {pointer-events: auto;}

.accordion li .answer {display: none; position: relative; width: 100%; background: #F2F4F6; overflow: hidden; border-radius: 12rem;}
.accordion li .answer > * {padding: 24rem 0;}
.accordion li .answer > .form-checkbox {padding: 24rem;}
.form-wrap .accordion li .answer {background: 0;}
.accordion li .answer .policy {border: 1px solid #6D6F79; border-radius: 20rem; padding: 16rem; color: #454855; margin-bottom: 30rem;}
.accordion li .answer .policy .scrl {overflow-y: auto; height: 224rem; padding: 0 16rem 0 0;}
.accordion li .answer .policy .scrl {display: none; overflow-y: auto; height: 224rem; padding: 0 16rem 0 0;}
.accordion li .answer .policy .scrl.on {display: block;}

@media screen and (max-width: 1024px) {
  .accordion li .question {height: 64rem;}
  .accordion li .btn-wrap span, .accordion li .question span {top: 22rem;}
  .accordion li .question .open-btn {right: 0;}

  .accordion li .answer .policy {border-radius: 12rem; margin-bottom: 20rem;}
}



/* 폼 공통 */
.form-wrap .form-div {opacity: 0; transform: translateY(100rem); transition-duration: .7s;}
.form-wrap .form-div.active {opacity: 1; transform: translateY(0);}
.form-wrap .form-div .form-tit {position: relative; border-bottom: 1rem solid #101116; padding-bottom: 20rem;}
.form-wrap .form-div .form-tit .f16r {margin-top: 6rem; color: #6D6F79;}
.form-wrap .form-div .form-tit .essen {position: absolute; right: 0; top: 10rem; display: flex; gap: 4rem;}
.form-wrap .form-div .form-tit .essen::before {content: "*"; border-radius: 50rem; display: block;  color: #EB0F0F;}
.form-wrap .form-div + .form-div {margin-top: 100rem;}
.form-wrap .form-div .ul .li {padding: 20rem 16rem; border-bottom: 1px solid #E1E4EC;}
.form-wrap .form-div .ul .li:has(.accordion) {padding: 0 16rem;}
.form-wrap .form-div .ul .li:has(.accordion) .accordion li .question .tit {font-size: 16rem; padding-left: 34rem; color: #101116;}
.form-wrap .form-div .ul .li:has(.accordion) .accordion li .question .tit span {color: #454855; position: relative; padding-right: 13rem; font-family: "Pretendard-Regular" !important; width: unset; height: unset; top: unset; right: 0; transition: unset; display: inline-block; background: unset;  transform: unset !important;}
.form-wrap .form-div .ul .li:has(.accordion) .accordion li .question .tit span::after {content: ""; width: 1px; background: #979BAA; height: 12rem; display: block; position: absolute; right: 5rem; top: 3rem;}
.form-wrap .form-div .ul .li .col2 {display: flex;}
.form-wrap .form-div .ul .li .col2 .form-input + .form-input {margin-top: 0;}
.form-wrap .form-div .ul .li .form-input .input-area input {width: 328rem;}
.form-wrap .form-div .ul .li .form-input .input-area input[type="password"] {padding: 0 56rem 0 16rem;}
.form-wrap .form-div .ul .li .form-input .form-select {width: 328rem;}
.form-wrap .form-div .ul .li .btn-wrap a.ico {width: 96rem;}
.form-wrap .form-div + .btn-wrap {margin: 60rem auto 0;}
.form-wrap .form-div:has(.bot-msg) + .btn-wrap {margin: 60rem auto 0;}
.form-wrap:has(.identifi-area) .form-div + .btn-wrap {margin: 60rem auto 0;}
.form-wrap .form-div + .btn-wrap a {width: 300rem;}
.form-wrap .form-div .all-chk {margin-top: 30rem; padding: 24rem; border-radius: 12rem; background: #F3F4F7;}
.form-wrap .form-div .all-chk .form-checkbox input + label {font-family: "Pretendard-Bold";}
.bot-msg {background: #F3F4F7; padding: 24rem; margin-top: 20rem; color: #5A5E6C; border-radius: 12rem;}
.bot-msg + .btn-wrap {margin: 80rem auto 0;}
.bot-msg + .btn-wrap a {width: 300rem;}
.form-wrap .bot-msg .dot-txt p::before {width: 4rem; height: 4rem; background: #101116; top: 10rem;}
.form-wrap .identifi-area {margin-top: 30rem;}
.form-wrap .identifi-area .for-flex {display: flex;}
.form-wrap .identifi-area .for-flex .form-radio + .form-radio {margin-left: 16rem;}
.form-wrap .identifi-area .tab-identifi {margin-top: 20rem;}
.form-wrap .identifi-area .tab-identifi div {display: none; width: 100%;}
.form-wrap .identifi-area .tab-identifi div a + a {margin-left: 8rem;}
.form-wrap .identifi-area .tab-identifi div.on {display: flex;}
.form-wrap .identifi-area .tab-identifi div a {display: flex; align-items: center; justify-content: center; height: 168rem; border: 1px solid #D3D6DE; width: 100%; border-radius: 8rem;}
.form-wrap .identifi-area .tab-identifi div a span {display: block; padding-top: 64rem;}
.form-wrap .identifi-area .tab-identifi div a.phone span {background: url("/common/images/ico-identifi-phone.svg") no-repeat top center / 48rem;}
.form-wrap .identifi-area .tab-identifi div a.ipin span {background: url("/common/images/ico-identifi-ipin.svg") no-repeat top center / 48rem;}

.form-wrap .form-div .ul .li .form-input .has-btn {display: flex; width: calc(100% - 162rem); justify-content: flex-start;}
.form-wrap .form-div .ul .li .form-input .has-btn .input-area {width: auto;}
.form-wrap .form-div .ul .li .form-input .has-btn .btn-wrap {width: 120rem; margin-left: 10rem;}
.form-wrap .form-div .ul .li .form-input .has-btn .btn-wrap a {width: 100%;}
.form-wrap .form-div .ul .li .form-input .has-btn .btn-wrap:has(.type4) {width: 56rem; align-items: center; margin-left: 8rem;}

.form-wrap .form-div .ul .li .form-input .altxt {padding-top: 12rem;}

.form-wrap .form-div .ul .li .form-input:has(.call) .form-select {width: 89rem;}
.form-wrap .form-div .ul .li .form-input .input-area.call {display: flex; align-items: center;}
.form-wrap .form-div .ul .li .form-input .input-area.call input {width: 89rem;}
.form-wrap .form-div .ul .li .form-input .input-area.call span {padding: 0 5rem;}

.form-wrap .form-div .ul .li .email-area {display: flex; width: calc(100% - 162rem);}
.form-wrap .form-div .ul .li .email-area .input-area {display: flex; align-items: center; width: auto;}
.form-wrap .form-div .ul .li .email-area .input-area input {width: 163rem;}
.form-wrap .form-div .ul .li .email-area span {padding: 0 5rem;}
.form-wrap .form-div .ul .li .email-area .btn-wrap {width: 120rem; margin-left: 8rem;}
.form-wrap .form-div .ul .li .email-area .form-select {width: 230rem; margin-left: 8rem;}
.form-wrap .form-div .ul .li .for-flex {display: flex; position: relative;}
.form-wrap .form-div .ul .li .for-flex:has(.form-radio) {gap: 12rem;}
.form-wrap .form-div .ul .li .for-flex:has(.msg) {gap: 16rem; margin-top: 12rem; align-items: center;}
.form-wrap .form-div .ul .li .for-flex:has(.msg) .input-area {width: 100%;}
.form-wrap .form-div .ul .li .form-select .select-area {width: 328rem;}
.form-wrap .form-div .ul .li .form-select .div {width: calc(100% - 162rem);}
.form-wrap .form-div .ul .li .form-select .div .add-line {width: 100%;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row {width: 100%; display: flex;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row > div + div {margin-left: 8rem;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row + .row {margin-top: 12rem;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row .btn-wrap a.del {display: none;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row + .row .btn-wrap a.del {display: flex;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row + .row .btn-wrap a.add {display: none;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row .select-area {width: 160rem;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row .btn-wrap {margin-left: 8rem;}
.form-wrap .form-div .ul .li .form-select .div .add-line .row .btn-wrap a {width: 120rem;}
.form-wrap .form-div .ul .li .form-select .div .add-line + .for-flex .msg {color: #737684;}
.form-wrap .form-div .ul .li .for-flex .input-area + .form-checkbox {position: absolute; left: 344rem; width: 100%; top: 12rem;}
.form-wrap .form-div .ul .li .form-select.has-company .div .add-line + .for-flex label {font-family: "Pretendard-Regular";}

.form-wrap .form-div .ul .li .form-date .date-area {width: 160rem;}

.form-wrap .form-div .ul .li .withdrawal {width: calc(100% - 162rem);}
.form-wrap .form-div .ul .li .withdrawal .form-radio {width: 100%; margin-bottom: 12rem;}
.form-wrap .form-div .ul .li .withdrawal .input-area {width: 100%;}
.form-wrap .form-div .ul .li .withdrawal .input-area input {width: 100%;}

.form-wrap .withdrawal .bot-msg {color: #101116; padding: 40rem 32rem;}
.form-wrap .withdrawal .bot-msg .dot-txt p {padding-left: 15rem;}
.form-wrap .withdrawal .bot-msg .dot-txt p + p {margin-top: 12rem;}

.form-wrap .form-div .ul .li .steps {width: calc(100% - 162rem);}
.form-wrap .form-div .ul .li .steps .input-area {width: 100%;}
.form-wrap .form-div .ul .li .steps .btn-wrap {justify-content: flex-start;}
.form-wrap .form-div .ul .li .steps .step2 {display: none;}
.form-wrap .form-div .ul .li .steps .step2 .btn-wrap {margin-bottom: 12rem;}
.form-wrap .form-div .ul .li .steps .step2 .input-area + .input-area {margin-top: 12rem;}

@media screen and (max-width: 1024px) {
  .form-wrap .form-div + .form-div {margin-top: 60rem;}
  .form-wrap .form-div .form-tit {padding-bottom: 12rem;}
  .form-wrap .form-div .form-tit .essen {top: 0;}
  .form-wrap .form-div .ul {margin-top: 32rem;}
  .form-wrap .form-div .ul .li {padding: 0; border-bottom: 0;}
  .form-wrap .form-div .ul .li:has(.accordion) {border-bottom: 1px solid #E1E4EC;}
  .form-wrap .form-div .ul .li + .li {margin-top: 30rem;}
  .form-wrap .form-div .ul .li:has(.accordion) + .li:has(.accordion) {margin-top: 0; border-top: none;}
  .form-wrap .form-div .ul .li .col2 {display: block;}
  .form-wrap .form-div .ul .li .col2 .form-input + .form-input {margin-top: 30rem;}
  .form-wrap .form-div .ul .li .col2 .form-select + .form-date {margin-top: 30rem;}
  .form-wrap .form-div .ul .li:has(.tab-identifi) {border-bottom: 1px solid rgba(225, 227, 234, 0.70)}
  .form-wrap .form-div .ul .li .form-input .input-area input {width: 100%;}

  /* for android */
  .form-wrap .form-div .ul.has-acco {margin-top: 0;}
  .form-wrap .form-div .ul.has-acco .li {border-bottom: 1px solid #E1E4EC;}
  .form-wrap .form-div .ul.has-acco .li + .li {margin-top: 0; border-top: none;}
  .form-wrap .form-div .ul.has-acco .accordion li .question .tit {font-size: 16rem; padding-left: 34rem;}
  .form-wrap .form-div .ul.has-acco .accordion li .question .tit span {color: #454855; position: relative; padding-right: 13rem; font-family: "Pretendard-Regular" !important; width: unset; height: unset; top: unset; right: 0; transition: unset; display: inline-block; background: unset;  transform: unset !important;}
  .form-wrap .form-div .ul.has-acco .accordion li .question .tit span::after {content: ""; width: 1px; background: #979BAA; height: 12rem; display: block; position: absolute; right: 5rem; top: 3rem;}

  .form-wrap .form-div + .btn-wrap {margin: 40rem auto 0;}
  .form-wrap .form-div:has(.bot-msg) + .btn-wrap {margin: 40rem auto 0;}
  .form-wrap:has(.identifi-area ) .form-div + .btn-wrap {margin: 40rem auto 0;}
  .form-wrap .form-div + .btn-wrap a {width: 100%;}
  .form-wrap .bot-msg + .btn-wrap {margin: 40rem auto 0;}
  .form-wrap .bot-msg + .btn-wrap a {width: 100%;}
  .form-wrap .identifi-area .tab-identifi {margin-top: 12rem;}
  .form-wrap .form-div .ul .li .form-input .has-btn {width: 100%;}
  .form-wrap .form-div .ul .li .form-input .has-btn .input-area {width: 100%;}
  .form-wrap .form-div .ul .li .form-input .has-btn .btn-wrap {margin-left: 8rem;}
  .form-wrap .form-div .ul .li .form-input .has-btn:has(.type4) {align-items: center;}
  .form-wrap .form-div .ul .li .form-input .has-btn:has(.type4) .input-area {width: auto;}
  .form-wrap .form-div .ul .li .form-input .has-btn:has(.type4) .altxt {padding-top: 0;}
  .form-wrap .form-div .ul .li .form-input .has-btn .btn-wrap a {width: inherit;}
  .form-wrap .form-div .ul .li .email-area {width: 100%; display: block;}
  .form-wrap .form-div .ul .li .email-area .input-area {width: 100%; display: flex; align-items: center;}
  .form-wrap .form-div .ul .li .email-area .for-flex {margin-top: 8rem;}
  .form-wrap .form-div .ul .li .email-area .form-select {width: 100%; margin-left: 0;}
  .form-wrap .form-div .ul .li .form-select .select-area {width: 100%;}
  .form-wrap .form-div .ul .li .email-area .btn-wrap {margin-left: 8rem;}
  .form-wrap .form-div .ul .li .email-area .btn-wrap a {width: 120rem;}
  .form-wrap .form-div .ul .li .form-select .div {width: 100%;}
  .form-wrap .form-div .ul .li .form-select .div .add-line + .for-flex .msg {width: 215rem; margin-top: 8rem;}
  .form-wrap .form-div .ul .li .form-select .div .add-line .row .select-area {width: calc((100% - 60rem - 16rem) / 2);}
  .form-wrap .form-div .ul .li .form-select .div .add-line .row .btn-wrap a {width: 60rem; margin-left: 0 !important;}
  .form-wrap .form-div .ul .li .for-flex:has(.msg) {position: relative; margin-top: 0;}
  .form-wrap .form-div .ul .li .for-flex:has(.msg) .form-checkbox {margin-top: 0;}
  .form-wrap .form-div .ul .li:has(.form-checkbox) .for-flex .pop-input {width: calc(100% - 100rem);}
  .form-input .input-area .pop-input.has-search input {width: calc(100% - 35rem) !important;}
  .form-input .input-area .pop-input {position: relative;}
  /* .form-input .input-area .pop-input::after {content: ""; width: calc(100% - 35rem); height: 1px; background: #6D6F79; display: block; position: absolute; bottom: -1px; left: 3px;} */
  .form-wrap .form-div .ul .li .btn-wrap a.ico {width: 100%;}

  .form-wrap .form-div .ul .li .for-flex .input-area + .form-checkbox {left: unset; right: 0; width: auto;}
  .form-wrap .form-div .ul .li .form-date .date-area {width: 100%;}
  .form-wrap .form-div .ul .li .withdrawal {width: 100%;}
  .form-wrap .withdrawal .bot-msg {padding: 32rem 24rem; margin-top: 16rem;}
  .form-wrap .form-div .ul .li .steps {width: 100%;}
  .form-wrap .form-div .ul .li .steps .btn-wrap {margin-left: 0;}
  .form-wrap .form-div .ul .li .steps .btn-wrap a {width: 120rem;}

  .form-wrap .form-div .ul .li .form-input:has(.call) .form-select {width: 118rem;}
  .form-wrap .form-div .ul .li .form-input.has-call .form-select {width: 118rem;}

  .form-wrap .form-div .ul .li .form-select.has-company .div .add-line + .for-flex {gap: 0; margin-top: 8rem;}
  .form-wrap .form-div .ul .li .form-select.has-company .div .add-line + .for-flex .msg {margin-top: 0; margin-right: 16rem;}

  .form-wrap .form-div .ul .li .form-input.has-school-name .for-flex .pop-input {width: calc(100% - 100rem);}
}


/* 페이징 */
.paging {display: flex; gap: 16rem; justify-content: center; align-items: center; margin-top: 40rem;}
.paging li a {display: block; color: #5A5E6C;}
.paging li.page-item.active a {color: #D93A33; font-family: "Pretendard-Bold"; position: relative;}
.paging li.page-item.active a::after {content: ""; width: 100%; height: 1px; background: #D93A33; display: block; bottom: 1px; position: absolute;}
.paging li a.pprev {width: 31rem; height: 28rem; background: url("/common/images/ico-pprev.svg") no-repeat; background-size: contain;}
.paging li a.prev {width: 22rem; height: 28rem; background: url("/common/images/ico-prev.svg") no-repeat; background-size: contain; margin-right: 16rem;}
.paging li a.next {width: 22rem; height: 28rem; background: url("/common/images/ico-next.svg") no-repeat; background-size: contain; margin-left: 16rem;}
.paging li a.nnext {width: 31rem; height: 28rem; background: url("/common/images/ico-nnext.svg") no-repeat; background-size: contain;}

@media screen and (max-width: 1024px) {
  .paging {gap: 0;}
  .paging li + li {margin-left: 16rem;}
  .paging li.first {display: flex; gap: 19rem;}
  .paging li.first::after {content: "/";}
}


/* 팝업 */
.layer-popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 201; display: none;}
.layer-popup .pop-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 550rem; background-color: #fff; border-radius: 24rem; overflow: hidden; padding: 32rem; max-height: 90vh;}
.layer-popup .pop-wrap .pop-head {width: calc(100% - 50rem); height: 35rem;}
.layer-popup .pop-wrap .pop-head .f12b {margin-top: 12rem; color: #6D6F79;}
.layer-popup .pop-wrap .pop-head.has-f12 {height: 68rem;}
.layer-popup .pop-wrap .pop-cont {margin-top: 32rem; height: auto;}
.layer-popup .pop-wrap .pop-cont .scrl-area {max-height: calc(90vh - 219rem); overflow-y: auto; padding-right: 16rem; position: relative; overflow-x: hidden;}
.layer-popup .pop-wrap:has(.scrl-area) {padding: 32rem 16rem 32rem 32rem;}
.layer-popup .pop-wrap .pop-head.hasf12 + .pop-cont .scrl-area {max-height: calc(90vh - 252rem);}
.layer-popup .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar {width: 6rem;}
.layer-popup .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar-track {background: 0; border-radius: 50px;}
.layer-popup .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 50px;}
.layer-popup .pop-wrap .pop-cont + .btn-wrap {margin-top: 40rem; margin-right: 16rem;}

.layer-popup .pop-wrap .pop-cont + .btn-wrap a {width: 150rem;}
.layer-popup .pop-wrap .btn-close {display: flex; align-items: center; justify-content: center; position: absolute; right: 32rem; top: 32rem; width: 32rem; height: 32rem; background: url("/common/images/ico-pop-close.svg") no-repeat; background-size: cover; z-index: 5;}
.layer-popup .no-list {display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; height: 100%;}
.layer-popup .no-list p {color: #5A5E6C;}

.layer-popup.new-wind .pop-wrap {width: 100% !important; height: 100% !important; border-radius: 0; max-height: 100vh;}
.layer-popup.new-wind .pop-wrap .pop-cont .scrl-area {max-height: calc(100vh - 219rem);}
.layer-popup.new-wind .btn-close {display: none;}

@media screen and (max-width: 1024px) {
  .layer-popup .pop-wrap {width: calc(100% - 32rem) !important; padding: 32rem 0 32rem 30rem; max-height: 80vh;}
  .layer-popup .pop-wrap .pop-head {height: 30rem; width: calc(100% - 70rem);}
  .layer-popup .pop-wrap .pop-head.has-f12 {height: 65rem;}
  .layer-popup .pop-wrap .pop-cont .scrl-area {max-height: calc(80vh - 206rem);}
  .layer-popup .pop-wrap .pop-head.has-f12 + .pop-cont .scrl-area {max-height: calc(80vh - 241rem);}
  .layer-popup .pop-wrap .pop-cont .scrl-area + .btn-wrap {margin-top: 32rem; margin-right: 30rem;}
  .layer-popup .pop-wrap .btn-close {position: fixed;}
  .layer-popup .pop-wrap .pop-cont + .btn-wrap {margin-right: 16rem;}
  .layer-popup.new-wind .pop-wrap .pop-cont .scrl-area {max-height: calc(100vh - 206rem);}
}


/* 학교명 검색 팝업 */
.layer-popup.school-name .pop-cont .form-input {width: 100%; gap: 0;}
.layer-popup.school-name .pop-cont .form-input .input-area {width: 100%; margin-right: 10rem;}
.layer-popup.school-name .pop-cont .form-input .btn-wrap a {font-family: "Pretendard-Bold"; font-size: 18rem;}
.layer-popup.school-name .pop-cont .list {padding: 16rem 16rem 16rem 0; border-radius: 8rem; border: 1px solid #6D6F79; margin-top: 10rem; height: 242rem;}
.layer-popup.school-name .pop-cont .list:has(.no-list) {padding: 16rem;}
.layer-popup.school-name .pop-cont .list div {height: 206rem; overflow-y: auto;}
.layer-popup.school-name .pop-cont .list a {display: block; color: #6D6F79; padding: 9rem 20rem; width: calc(100% - 2px); margin-left: 1px;}
.layer-popup.school-name .pop-cont .list a.on, .layer-popup.school-name .pop-cont .list a:hover {background: #F3F4F7; color: #5A5E6C; font-weight: 700;}

@media screen and (max-width: 1024px) {
  .layer-popup.school-name .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
  .layer-popup.school-name .pop-wrap .pop-head + .pop-cont .scrl-area {max-height: calc(80vh - 241rem); padding-bottom: 1px;}

  .layer-popup.school-name .pop-cont .list.has-no-list {padding: 16rem;}

  .layer-popup.school-name .pop-cont .form-input {display: flex;}
  .layer-popup.school-name .pop-cont .form-input .btn-wrap {margin-left: 0;}
  .layer-popup.school-name .pop-cont + .btn-wrap a {width: 200rem;}
  .layer-popup.school-name .pop-cont .form-input .btn-wrap a {width: 63rem;}
}


/* 전공 검색 팝업 */
.layer-popup.major-search .pop-cont .form-select {margin-bottom: 10rem; width: calc(100% - 130rem);}
.layer-popup.major-search .pop-cont .form-input {width: 100%; gap: 0;}
.layer-popup.major-search .pop-cont .form-input .input-area {width: 100%; margin-right: 10rem;}
.layer-popup.major-search .pop-cont .form-input .btn-wrap a {font-family: "Pretendard-Bold"; font-size: 18rem;}
.layer-popup.major-search .pop-cont .list {padding: 16rem 16rem 16rem 0; border-radius: 8rem; border: 1px solid #6D6F79; margin-top: 10rem; height: 242rem;}
.layer-popup.major-search .pop-cont .list:has(.no-list), .layer-popup.major-search .pop-cont .list:has(.before-srch) {padding: 16rem;}
.layer-popup.major-search .pop-cont .list div {height: 206rem; overflow-y: auto;}
.layer-popup.major-search .pop-cont .list a {display: block; color: #6D6F79; padding: 9rem 20rem; width: calc(100% - 2px); margin-left: 1px;}
.layer-popup.major-search .pop-cont .list a.on, .layer-popup.major-search .pop-cont .list a:hover {background: #F3F4F7; color: #5A5E6C; font-weight: 700;}

@media screen and (max-width: 1024px) {
  .layer-popup.major-search .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
  .layer-popup.major-search .pop-wrap .pop-head + .pop-cont .scrl-area {max-height: calc(80vh - 241rem);}

  .layer-popup.major-search .pop-cont .list.has-no-list, .layer-popup.major-search .pop-cont .list.has-before-srch {padding: 16rem;}

  .layer-popup.major-search .pop-cont .form-select {width: calc(100% - 73rem);}
  .layer-popup.major-search .pop-cont .form-input {display: flex;}
  .layer-popup.major-search .pop-cont .form-input .btn-wrap {margin-left: 0;}
  .layer-popup.major-search .pop-cont + .btn-wrap a {width: 200rem;}
  .layer-popup.major-search .pop-cont .form-input .btn-wrap a {width: 63rem;}
}


/* 자격증 검색 팝업 */
.layer-popup.certi-srch .pop-cont .form-select {margin-bottom: 10rem; width: calc(100% - 130rem);}
.layer-popup.certi-srch .pop-cont .form-input {width: 100%;}
.layer-popup.certi-srch .pop-cont .form-input .has-btn {width: 100%;}
.layer-popup.certi-srch .pop-cont .form-input .input-area {width: 100%;}
.layer-popup.certi-srch .pop-cont .list {padding: 16rem 16rem 16rem 0; border-radius: 8rem; border: 1px solid #6D6F79; margin-top: 10rem; height: 242rem;}
.layer-popup.certi-srch .pop-cont .list:has(.no-list) {padding: 16rem;}
.layer-popup.certi-srch .pop-cont .list div {height: 206rem; overflow-y: auto;}
.layer-popup.certi-srch .pop-cont .list a {display: block; color: #6D6F79; padding: 9rem 20rem; width: calc(100% - 2px); margin-left: 1px;}
.layer-popup.certi-srch .pop-cont .list a:hover, .layer-popup.certi-srch .pop-cont .list a.on {background: #F3F4F7; color: #5A5E6C; font-weight: 700;}

@media screen and (max-width: 1024px) {
  .layer-popup.certi-srch .pop-wrap {max-height: initial; padding: 32rem 16rem 32rem 32rem;}
  .layer-popup.certi-srch .pop-wrap .pop-head {height: 65rem;}
  .layer-popup.certi-srch .pop-wrap .pop-head + .pop-cont .scrl-area {padding-bottom: 1px;}

  .layer-popup.certi-srch .pop-cont .form-select {width: calc(100% - 73rem);}
  .layer-popup.certi-srch .pop-cont .form-input {display: flex;}
  .layer-popup.certi-srch .pop-cont + .btn-wrap a {width: 200rem;}
  .layer-popup.certi-srch .pop-cont .form-input .btn-wrap a {width: 63rem;}
}


/* 이름 변경 팝업 */
.layer-popup.name-change .for-flex {display: grid; grid-template-columns: 1fr 1fr; gap: 12rem;}
.layer-popup.name-change .for-flex a {display: flex; align-items: center; height: 168rem; justify-content: center; border: 1px solid #D3D6DE; border-radius: 8rem;}
.layer-popup.name-change .for-flex a span {display: block; padding-top: 64rem; background: url("/common/images/ico-identifi-phone.svg") no-repeat top center; background-size: 48rem;}
.layer-popup.name-change .for-flex a:nth-of-type(2) span {display: block; padding-top: 64rem; background: url("/common/images/ico-identifi-ipin.svg") no-repeat top center; background-size: 48rem;}

@media (max-width: 1024px) {
  .layer-popup.name-change .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
  .layer-popup.name-change .pop-wrap .pop-head {width: 100%; height: 65rem;}
  .layer-popup.name-change .pop-wrap .pop-head + .pop-cont .scrl-area {max-height: calc(80vh - 241rem);}
}


/* 지원서 작성 전 유의 사항 팝업 */
.layer-popup.precaut-apply .infot {color: #454855;}
.layer-popup.precaut-apply .msg {background: #F3F4F7; padding: 24rem; border-radius: 12rem; color: #5A5E6C; margin-top: 32rem;}
.layer-popup.precaut-apply .pop-wrap .pop-cont + .btn-wrap {margin-top: 32rem;}

@media (max-width: 1024px) {
  .layer-popup.precaut-apply .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
}


/* 지원서 작성 가이드 */
.layer-popup.guide-apply .pop-wrap {width: 800rem;}
.layer-popup.guide-apply .steps {display: flex; gap: 40rem; justify-content: center; padding: 8rem 0;}
.layer-popup.guide-apply .steps li {width: 94rem; text-align: center;}
.layer-popup.guide-apply .steps li .f14sb {color: #D93A33; margin-bottom: 10rem;}
.layer-popup.guide-apply .steps li .f14m {padding: 24rem 1rem; height: 116rem; border-radius: 8rem; position: relative; margin: 0 auto; border: 1px solid #E1E4EC; background: #fff;}
.layer-popup.guide-apply .steps li .f14m::after {content: ""; width: 60rem; height: 1px; background: #E1E4EC; background-size: cover; display: block; position: absolute; right: -53rem; top: 50%; transform: translateY(-50%); z-index: -1;}
.layer-popup.guide-apply .steps li:last-of-type .f14m::after {display: none;}
.layer-popup.guide-apply .steps li .f14m span {display: block; padding-top: 50rem;}
.layer-popup.guide-apply .steps li:nth-of-type(1) .f14m span {background: url("/common/images/ico-guide-apply-step1.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .steps li:nth-of-type(2) .f14m span {background: url("/common/images/ico-guide-apply-step2.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .steps li:nth-of-type(3) .f14m span {background: url("/common/images/ico-guide-apply-step3.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .steps li:nth-of-type(4) .f14m span {background: url("/common/images/ico-guide-apply-step4.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .steps li:nth-of-type(5) .f14m span {background: url("/common/images/ico-guide-apply-step5.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .steps li:nth-of-type(6) .f14m span {background: url("/common/images/ico-guide-apply-step6.svg") no-repeat top center; background-size: 36rem;}
.layer-popup.guide-apply .bot-msg {margin-top: 24rem;}
.layer-popup.guide-apply .bot-msg .dot-txt p + p {margin-top: 10rem;}

@media screen and (max-width: 1024px) {
  .layer-popup.guide-apply .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
  .layer-popup.guide-apply .steps {justify-content: flex-start; flex-wrap: wrap; gap: 0; width: 350rem; margin: 0 auto;}
  .layer-popup.guide-apply .steps li {margin-right: 34rem;}
  .layer-popup.guide-apply .steps li:nth-of-type(3n+3) {margin-right: 0;}
  .layer-popup.guide-apply .steps li:nth-of-type(3) .f14m::after {display: none;}
  .layer-popup.guide-apply .bot-msg {margin-top: 32rem;}
  .layer-popup.guide-apply .steps li .f14m::after {display: none;}
}

@media screen and (max-width: 600px) {
  .layer-popup.guide-apply .steps {width: 100%; padding: 0;}
  .layer-popup.guide-apply .steps li {width: 80rem; margin-right: calc((100% - 240rem) / 2);}
  .layer-popup.guide-apply .steps li:nth-of-type(4) {margin-top: 20rem;}
  .layer-popup.guide-apply .steps li:nth-of-type(5) {margin-top: 20rem;}
  .layer-popup.guide-apply .steps li:nth-of-type(6) {margin-top: 20rem;}
}


/* 사진등록 팝업 */
.layer-popup.photo-regist .dot-txt {margin-top: 16rem; color: #454855;}

@media screen and (max-width: 1024px) {
  .layer-popup.photo-regist .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
}


/* 주소검색 팝업 */
.layer-popup.addr-search .ul .li {display: flex; gap: 15rem; border-bottom: 1px solid #E1E4EC; padding: 20rem 0;}
.layer-popup.addr-search .ul .li .form-select label {width: 80rem;}
.layer-popup.addr-search .ul .li .form-select .select-area {width: calc(100% - 92rem);}
.layer-popup.addr-search .ul .li .form-input label {width: 80rem;}
.layer-popup.addr-search .ul .li .form-input .input-area {width: calc(100% - 92rem);}
.layer-popup.addr-search .ul .li .form-input + .form-input {margin-top: 0;}
.layer-popup.addr-search .ul .li + .btn-wrap {margin-top: 20rem; justify-content: flex-end;}
.layer-popup.addr-search .txt {color: #454855;}
.layer-popup.addr-search .list {border-top: 1px solid #6D6F79; border-bottom: 1px solid #6D6F79; padding: 20rem 0; margin-top: 24rem; height: 220rem; overflow-y: auto;}
.layer-popup.addr-search .list li {padding: 16rem; position: relative; cursor: pointer;}
.layer-popup.addr-search .list li.on, .layer-popup.addr-search .list li:hover {background: #F3F4F7;}
.layer-popup.addr-search .list li p {width: calc(100% - 80rem);}
.layer-popup.addr-search .list li p:first-of-type {color: #454855; margin-bottom: 12rem;}
.layer-popup.addr-search .list li p:last-of-type {display: flex;}
.layer-popup.addr-search .list li p:last-of-type span {border: 1px solid #B1B5C3; color: #6D6F79; border-radius: 4rem; padding: 2rem 6rem 0 6rem; display: inline-block; margin-right: 8rem;}
.layer-popup.addr-search .list li .btn-wrap {position: absolute; top: 50%; transform: translateY(-50%); right: 16rem;}
.layer-popup.addr-search .list li .btn-wrap a {width: 60rem;}
.layer-popup.addr-search .list li .btn-wrap a.active {border: 1px solid #BF2A23; background: #FCEDED; color: #BF2A23;}
.layer-popup.addr-search .tab-wrap .tab-area.box a {width: 50%;}
.layer-popup.addr-search .tab-wrap .con-area {margin-top: 24rem;}
.layer-popup.addr-search .tab-wrap .con-area .btn-wrap a {font-family: "Pretendard-Bold";}
.layer-popup.addr-search .tab-wrap .con-area .con:nth-of-type(2) .ul .li .form-input .input-area {width: 300rem;}
.layer-popup.addr-search .tab-wrap .con-area .con:nth-of-type(2) .ul .li .form-select .select-area {width: 300rem;}
.layer-popup.addr-search .paging {margin-top: 32rem;}
/* .layer-popup.addr-search .no-list {padding: 0;}
.layer-popup.addr-search .no-list p {padding-top: 0; background: 0;} */

@media screen and (max-width: 1024px) {
  .layer-popup.addr-search .pop-wrap {padding: 32rem 16rem 32rem 32rem;}

  .layer-popup.addr-search .ul .li {display: block; padding: 0; border-bottom: 0;}
  .layer-popup.addr-search .ul .li .form-select {padding: 20rem 0; border-bottom: 1px solid #E1E4EC; display: flex;}
  .layer-popup.addr-search .ul .li .form-select .select-area {width: calc(100% - 106rem);}
  .layer-popup.addr-search .ul .li .form-select label {width: 96rem; padding-top: 15rem;}
  .layer-popup.addr-search .ul .li .form-input {padding: 20rem 0; border-bottom: 1px solid #E1E4EC; display: flex;}
  .layer-popup.addr-search .ul .li .form-input .input-area {width: calc(100% - 106rem);}
  .layer-popup.addr-search .ul .li .form-input label {width: 96rem; padding-top: 15rem;}
  .layer-popup.addr-search .ul .li + .btn-wrap a {width: 120rem;}

  .layer-popup.addr-search .list li {padding: 16rem 0;}

  .layer-popup.addr-search .tab-wrap .con-area .form-input {display: flex;}
  .layer-popup.addr-search .tab-wrap .con-area .btn-wrap a {width: 63rem;}
  .layer-popup.addr-search .tab-wrap .con-area .con:nth-of-type(2) .ul .li .form-input .input-area {width: calc(100% - 106rem);}
  .layer-popup.addr-search .tab-wrap .con-area .con:nth-of-type(2) .ul .li .form-select .select-area {width: calc(100% - 106rem);}
}


/* 계열사 한 눈에 보기 */
.layer-popup.affiliate-glance .pop-wrap {width: 650rem;}
.layer-popup.affiliate-glance .card {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8rem;}
.layer-popup.affiliate-glance .card li {background: #F3F4F7; padding: 10rem 24rem 24rem 24rem;}
.layer-popup.affiliate-glance .card li .f14r {margin-bottom: 20rem; color: #5A5E6C;}
.layer-popup.affiliate-glance .card li a {display: block; min-width: 143rem;}
.layer-popup.affiliate-glance .card li a span {display: inline-block; padding-right: 24rem; background: url("/common/images/ico-arrowgo.svg") no-repeat top right; line-height: 18rem; background-size: 18rem;}
.layer-popup.affiliate-glance .card li a + a {margin-top: 8rem;}
.layer-popup.affiliate-glance .card li:last-of-type {grid-column: 1 / span 3;}
.layer-popup.affiliate-glance .card li:last-of-type div {display: flex; gap: 56rem;}
.layer-popup.affiliate-glance .card li:last-of-type a + a {margin-top: 0;}

@media screen and (max-width: 1024px) {
  .layer-popup.affiliate-glance .pop-wrap {padding: 32rem 16rem 32rem 32rem;}

  .layer-popup.affiliate-glance .card {display: block;}
  .layer-popup.affiliate-glance .card li + li {margin-top: 10rem;}
  .layer-popup.affiliate-glance .card li a {min-width: unset;}
  .layer-popup.affiliate-glance .card li:last-of-type div {display: block;}
  .layer-popup.affiliate-glance .card li:last-of-type a + a {margin-top: 8rem;}
}

/* 지원서 보기 */
.layer-popup.apply-view .pop-wrap {width: 1132rem; padding: 32rem 16rem 32rem 32rem;}
.layer-popup.apply-view .tab-wrap .con-area {margin-top: 32rem;}
.layer-popup.apply-view .tab-wrap .tab-area.box3 .swiper-wrapper {flex-wrap: nowrap;}
.layer-popup.apply-view .tab-wrap .tab-area.box3 a {width: 173rem;}
.layer-popup.apply-view .form-wrap .form-div:has(.photo-box) {display: flex; gap: 32rem;}
.layer-popup.apply-view .form-wrap .form-div .tit-up {padding: 20rem 16rem; border-bottom: 1px solid #E1E4EC;}
.layer-popup.apply-view .form-wrap .f32b {padding-bottom: 20rem; border-bottom: 1rem solid #000;}
.layer-popup.apply-view .form-wrap .f24b {margin-bottom: 20rem; margin-top: 40rem;}
.layer-popup.apply-view .form-wrap .form-div .ul {border-top: 0;}
.layer-popup.apply-view .form-wrap .form-div .photo-box + .ul {width: calc(100% - 212rem);}
.layer-popup.apply-view .form-wrap .form-div .ul .for-border + .for-border .col2:first-of-type .li {padding: 60rem 16rem 32rem 16rem !important;}
.layer-popup.apply-view .form-wrap .form-div .ul .col2 {display: flex;}
.layer-popup.apply-view .form-wrap .form-div .ul .li {padding: 32rem 16rem; display: flex; gap: 12rem; border-bottom: 1px solid rgba(225, 227, 234, 0.70); width: 100%;}
.layer-popup.apply-view .form-wrap .form-div .ul .li:has(.files) {display: block; padding: 20rem 16rem;}
.layer-popup.apply-view .form-wrap .form-div .ul.has-file .li {display: block; padding: 20rem 16rem;}
.layer-popup.apply-view .form-wrap .form-div .ul .li .tit {width: 150rem;}
.layer-popup.apply-view .form-wrap .form-div .ul .li .tit + * {width: calc(100% - 150rem); word-break: break-all;}
.layer-popup.apply-view .form-wrap .form-div .ul .li .tit + .file-area {width: 100%; margin-top: 12rem;}
.layer-popup.apply-view .form-wrap .form-div .ul .li .tit + .file-area .msg {color: #6D6F79; margin-top: 12rem;}
.layer-popup.apply-view .form-wrap .form-div + .f24b {margin-top: 60rem; margin-bottom: 20rem;}
.layer-popup.apply-view.camre .tab-wrap .con-area {margin-top: 0;}
.layer-popup.apply-view.camre .tab-wrap .con-area .con {display: block !important;}
.layer-popup.apply-view.camre .form-wrap .f24b {margin-top: 60rem;}
.layer-popup.apply-view.camre .tab-wrap .con-area .con:first-of-type .f24b:first-of-type {margin-top: 0;}

/* 지원서 보기 (new-wind) */
.layer-popup.apply-view.new-wind {line-height: 24px;}
.layer-popup.apply-view.new-wind .pop-wrap {padding: 32px 16px 32px 32px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head {display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap {gap: 0; border-radius: 6px; border: 1px solid #d3d6de; overflow: hidden;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap a {width: auto; padding: 6px 12px; font-size: 16px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap a.zoom-in {border-right: 1px solid #d3d6de;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap a span {padding-right: 22px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap a.zoom-in span {background: url("/common/images/ico-zoom-in.svg") no-repeat center right / 18px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-head .btn-wrap a.zoom-out span {background: url("/common/images/ico-zoom-out.svg") no-repeat center right / 18px;}

.layer-popup.apply-view.new-wind .pop-wrap .pop-cont {margin-top: 32px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-cont .scrl-area {max-height: calc(100vh - 132px); padding-right: 16px; overflow-x: auto;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar {width: 6px; height: 6px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar-track {background: 0; border-radius: 50px;}
.layer-popup.apply-view.new-wind .pop-wrap .pop-cont .scrl-area::-webkit-scrollbar-thumb {background: #6D6F79; border-radius: 50px;}

.layer-popup.apply-view.new-wind .f24b {font-size: 24px; line-height: 36px;}
.layer-popup.apply-view.new-wind .f18b {font-size: 18px; line-height: 24px;}
.layer-popup.apply-view.new-wind .f14r {font-size: 14px; line-height: 24px;}
.layer-popup.apply-view.new-wind .tab-wrap .tab-area.box3 a {width: auto; height: 44px; flex-grow: 1; font-size: 16px;}
.layer-popup.apply-view.new-wind .tab-wrap .con-area {margin-top: 32px;}
.layer-popup.apply-view.new-wind .form-wrap .f32b {padding-bottom: 20px; border-bottom: 1px solid #000; font-size: 32px; line-height: 44px;}
.layer-popup.apply-view.new-wind .form-wrap .f24b {margin-top: 40px; margin-bottom: 20px; font-size: 24px; line-height: 36px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div:has(.photo-box) {gap: 32px;}
.layer-popup.apply-view.new-wind .form-wrap .photo-box {width: 180px;}
.layer-popup.apply-view.new-wind .form-wrap .photo-box .thumb {height: 240px; margin-bottom: 0;}

.layer-popup.apply-view.new-wind .form-wrap .form-div .photo-box + .ul {width: calc(100% - 212px);}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li {gap: 12px; padding: 32px 16px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit {width: 150px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + * {width: calc(100% - 150px); font-size: 16px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div + .f24b {margin-top: 60px;}

.layer-popup.apply-view.new-wind .form-wrap .form-div .tit-up {padding: 20px 16px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul.has-file .li {padding: 20px 16px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul.has-file .li .tit, .layer-popup.apply-view.new-wind .form-wrap .form-div .ul.has-file .li .tit + * {width: 100%;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area {margin-top: 12px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area:not(.link) .files {gap: 16px; width: 100%;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area:not(.link) .files a {gap: 20px; padding: 8px 12px; border-radius: 8px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area:not(.link) .files a::after {width: 16px !important; height: 16px;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area:not(.link) .files a span {width: calc(100% - 30px);}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area .msg {margin-top: 12px;}

.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area.link .files {gap: 8px 16px; width: 100%;}
.layer-popup.apply-view.new-wind .form-wrap .form-div .ul .li .tit + .file-area.link .files a {gap: 0;}


/* 관리자 영역 */
.layer-popup.apply-view.camre .admin-area {margin-top: 120rem;}
.layer-popup.apply-view.camre .admin-area .ul {border-top: 1rem solid #000;}
.layer-popup.apply-view.camre .admin-area .ul .li {border-bottom: 1rem solid #D3D6DE;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea {display: flex; column-gap: 12rem;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .div {width: calc(100% - 162rem);}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .textarea-box {width: 100%; height: 118rem; padding: 16rem; border-radius: 8rem; border: 1rem solid #6D6F79;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .textarea-box.readonly {background: #F3F4F7;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .textarea-box textarea {height: 100%; min-height: unset; padding: 0; border: none; font-family: "Pretendard-Regular";}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .textarea-box textarea:read-only {color: #454855;}

@media screen and (max-width: 1024px) {
  .layer-popup.apply-view .tab-wrap .tab-area.box3 a {width: 89rem; height: auto; padding: 10rem 16rem; text-align: center;}

  .layer-popup.apply-view .form-wrap .photo-box {margin: 0 auto 44rem;}
  .layer-popup.apply-view .form-wrap .form-div:has(.photo-box) {display: block;}
  .layer-popup.apply-view .form-wrap .form-div .photo-box + .ul {width: 100%;}
  .layer-popup.apply-view .form-wrap .form-div .ul .li {padding: 0; display: block; border-bottom: 0;}
  .layer-popup.apply-view .form-wrap .form-div .ul .for-border + .for-border {margin-top: 40rem;}
  .layer-popup.apply-view .form-wrap .form-div .ul .for-border + .for-border .col2:first-of-type .li {padding: 0 !important;}
  .layer-popup.apply-view .form-wrap .form-div .ul .li .tit {width: 100%; margin-bottom: 12rem;}
  .layer-popup.apply-view .form-wrap .form-div .ul .li .tit + * {width: 100%; word-break: break-all;}
  .layer-popup.apply-view .form-wrap .form-div .ul .col2 {display: block;}
  .layer-popup.apply-view .form-wrap .form-div .ul .col2 + .col2 {margin-top: 30rem;}
  .layer-popup.apply-view .form-wrap .form-div .ul .col2 + .li {margin-top: 30rem;}
  .layer-popup.apply-view .form-wrap .f32b {margin-bottom: 40rem;}
  .layer-popup.apply-view .form-wrap .form-div + .f24b {margin-bottom: 32rem;}
  .layer-popup.apply-view.camre .form-wrap .f24b {margin-top: 40rem;}

  /* 관리자 영역 */
.layer-popup.apply-view.camre .admin-area {margin-top: 60rem;}
.layer-popup.apply-view.camre .admin-area .ul {padding-top: 24rem;}
.layer-popup.apply-view.camre .admin-area .ul .li {border-bottom: none;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea {display: block;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea label {width: 100%; margin-bottom: 12rem; padding: 0;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .div {width: 100%;}
.layer-popup.apply-view.camre .admin-area .ul .li .form-textarea .textarea-box {height: 296rem;}
}


/* 서류반환 신청 안내 */
.layer-popup.return-docu .pop-wrap {padding: 32rem 16rem 32rem 32rem;}
.layer-popup.return-docu .msg {background: #F3F4F7; padding: 20rem; color: #5A5E6C; border-radius: 12rem; margin-top: 24rem;}
.layer-popup.return-docu .msg .indent {padding-left: 10rem;}
.layer-popup.return-docu .msg .indent p::before {content: "-"; background: 0; top: 0;}
.layer-popup.return-docu .add-txt {color: #6D6F79; margin-top: 12rem;}
.layer-popup.return-docu .scrl-box {color: #6D6F79; padding: 16rem; border: 1px solid #6D6F79; margin-top: 24rem; border-radius: 8rem;}
.layer-popup.return-docu .scrl-box .scrl {overflow-y: auto; height: 144rem;}


/* 본인확인 */
.layer-popup.identifi .pop-wrap {width: 450rem; padding: 32rem 30rem;}
.layer-popup.identifi .pop-wrap .pop-cont {margin-top: 24rem;}
.layer-popup.identifi .pop-wrap .pop-cont .scrl-area {padding-right: 0;}
.layer-popup.identifi .pop-wrap .pop-cont .desc {color: #454855;}

.layer-popup.identifi .form-wrap .form-div .ul {border-top: 0;}
.layer-popup.identifi .form-wrap .form-div .ul .li {display: block; padding: 20rem 0;}
.layer-popup.identifi .form-wrap .form-div .ul .li .form-input label {width: 96rem;}
.layer-popup.identifi .form-wrap .form-div .ul .li .form-input label + .input-area, .layer-popup.identifi .form-wrap .form-div .ul .li .form-input label + .input-area input {width: 100%;}
.layer-popup.identifi .form-wrap .form-div .ul .li .form-input label + .input-area input:focus-visible {border: 2px solid #000 !important; outline: none;}

.layer-popup.identifi .msg {color: #6D6F79; margin-top: 12rem; display: flex; gap: 4rem;}
.layer-popup.identifi .msg::before {content: "※";}

.layer-popup.identifi .bot-msg {margin-top: 12rem;}
.layer-popup.identifi .pop-wrap .pop-cont + .btn-wrap {margin-top: 32rem; margin-right: 0;}

@media screen and (max-width: 1024px) {
  .layer-popup.identifi .pop-wrap .pop-cont {margin-top: 20rem;}

  .layer-popup.identifi .form-wrap .form-div .ul {margin-top: 0;}
  .layer-popup.identifi .form-wrap .form-div .ul .li {border-bottom: 1px solid #E1E4EC;}
  .layer-popup.identifi .form-wrap .form-div .ul .li .form-input {display: flex; align-items: center;}
  .layer-popup.identifi .form-wrap .form-div .ul .li .form-input label {margin-right: 12rem; padding: 0;}
  .layer-popup.identifi .form-wrap .form-div .ul .li .form-input label + .input-area {width: calc(100% - 108rem);}
}



/* 메인 공지 팝업 */
.layer-popup.mainp {z-index: 600;}
.layer-popup.mainp .pop-wrap .pop-cont {margin-top: 0;}
.layer-popup.mainp .pop-wrap .pop-cont .scrl-area {max-height: calc(90vh - 256rem);}

.layer-popup.mainp .pop-wrap .swiper {overflow: hidden;}
.layer-popup.mainp .pop-wrap .swiper .tit {margin-bottom: 32rem; width: calc(100% - 50rem);}
.layer-popup.mainp .pop-wrap .swiper .img {display: block; width: 100%; overflow: hidden; margin-bottom: 32rem;}
.layer-popup.mainp .pop-wrap .swiper img {width: 100%; height: 100%;}
.layer-popup.mainp .pop-wrap .swiper .txt {color: #454855;}

.layer-popup.mainp .pop-wrap .control-wrap {margin-top: 16rem; padding-right: 16rem;}
.layer-popup.mainp .pop-wrap .control {position: relative; width: 77rem; height: 22rem; margin: 0 auto;}
.layer-popup.mainp .pop-wrap .control .arrow .swiper-button-prev {width: 8rem; height: 14rem; background: url("/common/images/ico-main-ad-arrow.svg") no-repeat; background-size: contain; transform: rotate(180deg) translateY(50%); left: 0;}
.layer-popup.mainp .pop-wrap .control .arrow .swiper-button-next {width: 8rem; height: 14rem; background: url("/common/images/ico-main-ad-arrow.svg") no-repeat; background-size: contain; right: 0; transform: translateY(-50%);}
.layer-popup.mainp .pop-wrap .control .swiper-pagination {bottom: 50%; transform: translateY(50%); color: #5A5E6C; font-size: 14rem; z-index: 9;}
.layer-popup.mainp .pop-wrap .control .swiper-pagination .swiper-pagination-current {color: #D93A33; font-family: "Pretendard-Bold";}

.layer-popup.mainp .form-checkbox {margin-top: 16rem; height: 24rem;}
.layer-popup.mainp .form-checkbox input {width: 20rem; height: 20rem;}
.layer-popup.mainp .form-checkbox input + label {padding-left: 28rem; background: url("/common/images/ico-chk.png") no-repeat left center / 20rem; font-size: 14rem; line-height: 24rem;}
.layer-popup.mainp .form-checkbox input:checked + label {background: url("/common/images/ico-chk-on.png") no-repeat left center / 20rem;}

@media screen and (max-width: 1024px) {
  .layer-popup.mainp .pop-wrap .pop-head {height: 60rem;}
  .layer-popup.mainp .pop-wrap .pop-cont .scrl-area {max-height: calc(90vh - 268rem);}
}


/* 브라우저 업데이트 팝업 */
.layer-popup.browser-update .pop-wrap {padding: 32rem 30rem;}
.layer-popup.browser-update .pop-wrap .pop-cont p {margin-bottom: 16rem; color: #6D6F79;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap {width: 100%; column-gap: 8rem; row-gap: 0;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a {width: 158rem; padding: 8rem 0; background-color: #C5C8D3; color: #454855;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a:hover {background-color: #E1E3EA;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a span {padding-left: 20rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a.edge span {background: url("/common/images/ico-edge.svg") no-repeat center left / 16rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a.chrome span {background: url("/common/images/ico-chrome.svg") no-repeat center left / 16rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a.firefox span {background: url("/common/images/ico-firefox.svg") no-repeat center left / 16rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .form-checkbox {height: 24rem; margin-top: 16rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .form-checkbox input {width: 20rem; height: 20rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .form-checkbox input + label {padding-left: 28rem; background: url("/common/images/ico-chk.png") no-repeat left center / 20rem; font-size: 14rem; line-height: 24rem;}
.layer-popup.browser-update .pop-wrap .pop-cont .form-checkbox input:checked + label {background: url("/common/images/ico-chk-on.png") no-repeat left center / 20rem;}

@media screen and (max-width: 1024px) {
  .layer-popup.browser-update .pop-wrap {max-height: initial;}
  .layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap {flex-direction: column; column-gap: 0; row-gap: 8rem;}
  .layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a {width: 100%;}
  .layer-popup.browser-update .pop-wrap .pop-cont .btn-wrap a + a {margin-left: 0;}
}





/* $계열사명$ 직무 보기 */
.layer-popup.view-job .tab-wrap .tab-area .swiper-wrapper {flex-wrap: wrap;}
.layer-popup.view-job .tab-wrap .tab-area.box3 a {width: 33.333%; border: .2px solid #fff;}
.layer-popup.view-job .tab-wrap .tab-area.box3 a.active span {display: inline-block; position: relative;}
.layer-popup.view-job .tab-wrap .tab-area.box3 a.active span::after {content: ""; width: 4px; height: 4px; background: #D93A33; display: block; position: absolute; top: 0; right: -8px;}
.layer-popup.view-job .con-area {margin-top: 24rem;}
.layer-popup.view-job .card li {min-height: 68rem; padding: 10rem 24rem;}
.layer-popup.view-job .card li a span {line-height: 24rem; padding-right: 26rem; position: relative; background: 0;}
.layer-popup.view-job .card li a span::before {content: ""; width: 18rem; height: 18rem; background: url("/common/images/ico-arrowgo.svg") no-repeat; display: block; position: absolute; top: 2rem; right: 0; background-size: contain;}
.layer-popup.view-job .card li a.now-hiring span::after {content: ""; width: 4px; height: 4px; background: #D93A33; display: block; position: absolute; top: 0; right: 18rem;}
.layer-popup.view-job .card li:last-of-type {grid-column: unset;}
@media screen and (max-width: 1024px) {
  .layer-popup.view-job .tab-wrap .tab-area.box3 {overflow: hidden;}
  .layer-popup.view-job .card li {min-height: unset;}
  .layer-popup.view-job .card li + li {margin-top: 8rem;}
  .layer-popup.view-job .card li a span::before {top: 4rem;}
}
@media screen and (max-width: 600px) {
  .layer-popup.view-job .tab-wrap .tab-area .swiper-wrapper {flex-wrap: unset;}
  .layer-popup.view-job .tab-wrap .tab-area.box3 a {width: auto; padding: 0 16rem; border: 0;}
}