@charset "UTF-8";
button .ico-prev-g.active {
  content: url("../assets/icon/ico_prev.png");
}
button .ico-next-g.active {
  content: url("../assets/icon/ico_next.png");
}

#pwdWrap {
  display: none;
  flex-direction: column;
  gap: 24px;
}

/*1/15 추가*/
.modal-cont:has(.line-v) {
  position: relative;
}

.box-w {
  background: var(--white);
  border-radius: 15px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box-w .box-cont {
  display: flex;
  align-items: center;
  min-height: 60px;
}
.box-w .box-cont .badge-wrap {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.box-w .box-cont .line {
  transform: rotate(90deg);
  width: 60px;
  margin: 0;
}

.content-tut {
  min-height: 120px;
  padding-left: 184px;
  justify-content: center;
}

.line-v {
  margin-top: -32px;
}
.line-v span {
  position: absolute;
  z-index: -1;
  width: 2px;
  height: 168px;
  left: 10px;
}

.tut1 .content-tut:nth-child(1) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bgbd01.png") no-repeat 44px center/120px 120px;
}
.tut1 .content-tut:nth-child(1) p {
  color: var(--blue500);
}
.tut1 .content-tut:nth-child(2) {
  background: url("../assets/icon/dot_f9f9f9.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut02.png") no-repeat 44px center/120px 120px;
}
.tut1 .content-tut:nth-child(2) p {
  color: var(--dark900);
}
.tut1 .content-tut:nth-child(3) {
  background: url("../assets/icon/dot_f9f9f9.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut03.png") no-repeat 44px center/120px 120px;
}
.tut1 .line-v span:nth-child(1) {
  background: url("../assets/icon/line_v_f9f9f9.png") no-repeat;
  top: 52px;
}
.tut1 .line-v span:nth-child(2) {
  background: url("../assets/icon/line_v_f9f9f9.png") no-repeat;
  top: 204px;
}
.tut1 .btn-g {
  display: none;
}

.tut2 .content-tut:nth-child(1) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bg01.png") no-repeat 44px center/120px 120px;
}
.tut2 .content-tut:nth-child(2) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bgbd02.png") no-repeat 44px center/120px 120px;
}
.tut2 .content-tut:nth-child(2) p {
  color: var(--blue500);
}
.tut2 .content-tut:nth-child(3) {
  background: url("../assets/icon/dot_f9f9f9.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut03.png") no-repeat 44px center/120px 120px;
}
.tut2 .line-v span:nth-child(1) {
  background: url("../assets/icon/line_v_2c75ff.png") no-repeat;
  top: 52px;
}
.tut2 .line-v span:nth-child(2) {
  background: url("../assets/icon/line_v_f9f9f9.png") no-repeat;
  top: 204px;
}

.tut3 .content-tut:nth-child(1) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bg01.png") no-repeat 44px center/120px 120px;
}
.tut3 .content-tut:nth-child(2) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bg02.png") no-repeat 44px center/120px 120px;
}
.tut3 .content-tut:nth-child(3) {
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/24px 24px, url("../assets/icon/img_tut_bgbd03.png") no-repeat 44px center/120px 120px;
}
.tut3 .content-tut:nth-child(3) p {
  color: var(--blue500);
}
.tut3 .line-v span:nth-child(1) {
  background: url("../assets/icon/line_v_2c75ff.png") no-repeat;
  top: 52px;
}
.tut3 .line-v span:nth-child(2) {
  background: url("../assets/icon/line_v_2c75ff.png") no-repeat;
  top: 204px;
}

/*1/10 추가*/
.profile-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--dark600);
}
.profile-img img {
  width: 100%;
}

.box-l {
  background: var(--light700);
  border-radius: 15px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box-l .box-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: bold;
}
.box-l .box-title img {
  width: 40px;
}

/*1/8 추가*/
.toggle-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 40px;
  grid-template-rows: auto;
  align-items: center;
  font-size: 16px;
  gap: 16px;
  padding: 4px 0;
}
.toggle-wrap:has(.toggle-txt) {
  padding: 5px 0 8px;
}
.toggle-wrap-bd {
  border-top: 1px solid var(--light100);
  border-bottom: 1px solid var(--light100);
  background: var(--light200);
  padding: 10px;
}
.toggle-wrap-box {
  border: 1px solid var(--light100);
  border-radius: 15px;
  background: var(--light200);
  padding: 20px 10px;
}
.toggle-wrap .toggle-txt {
  padding-left: 36px;
  background: url("../assets/icon/dot_222222.png") no-repeat 16px 8px/6px 6px;
}
.toggle-wrap-col3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  font-size: 16px;
  padding: 10px;
}
.toggle-wrap-col3 span:first-child {
  background: url("../assets/icon/ico_person.png") no-repeat 0 center/24px 24px;
  padding-left: 26px;
}

.toggle-ico img {
  content: url("../assets/icon/ico_up.png");
}

.toggle-col2 {
  border-bottom: 1px solid var(--light300);
}
.toggle-col2 .toggle-cont {
  display: none;
}
.toggle-col2 .toggle-cont .toggle-row:hover {
  background: var(--light300);
  border-radius: 12px;
}
.toggle-col2 .toggle-row {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.modal-top::-webkit-scrollbar {
  width: 6px;
}

.modal-top::-webkit-scrollbar-thumb {
  height: 10%;
  background: var(--dark600);
  border-radius: 10px;
}

.modal-top::-webkit-scrollbar-track {
  background: var(--light500);
}

.col2 {
  display: grid;
  grid-template-columns: 1fr 248px;
  overflow: overlay;
  gap: 24px;
}
.col2 .modal-cont {
  overflow: initial;
  margin: 0;
}
.col2 .modal-cont:nth-child(2) {
  border-left: 1px solid var(--light100);
  padding-left: 24px;
}

.col2:has(.issue) {
  padding-top: 32px;
  display: grid;
  grid-template-columns: 1fr 180px;
  grid-column-gap: 20px;
  border-top: 1px solid var(--light500);
}
.col2:has(.issue) > div:not(:last-child) {
  padding-right: 20px;
  border-right: 1px solid var(--light500);
}

.col3 {
  padding-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr 180px;
  gap: 20px;
  border-top: 1px solid var(--light500);
}
.col3 > div:not(:last-child) {
  padding-right: 20px;
  border-right: 1px solid var(--light500);
}

.img-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.img-wrap .img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.img-wrap .img img {
  width: 100%;
}
.img-wrap .img .btn-ico12 {
  position: absolute;
  top: 0;
  right: 4px;
  display: none;
}
.img-wrap .img .btn-ico12 img {
  position: absolute;
}
.img-wrap .img:hover .btn-ico12 {
  display: block;
}

.issue {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.issue .title-s {
  background: url("../assets/icon/ico_psearch.png") no-repeat 0 center/20px 20px;
  padding-left: 28px;
}
.issue .title-s.bn {
  background: none;
  padding: 0;
}
.issue-regi {
  color: var(--dark700);
  display: flex;
  gap: 30px;
}
.issue-regi span.ico-worker:nth-child(1) {
  background: url("../assets/icon/ico_worker.png") no-repeat 0 center/24px 24px;
  padding-left: 32px;
  position: relative;
}
.issue-regi span.ico-worker:nth-child(1):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background: var(--light500);
  top: 4px;
  right: -16px;
}
.issue-regi span.ico-manager:nth-child(1) {
  background: url("../assets/icon/ico_crown.png") no-repeat 0 center/24px 24px;
  padding-left: 32px;
  position: relative;
}
.issue-regi span.ico-manager:nth-child(1):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background: var(--light500);
  top: 4px;
  right: -16px;
}
.issue-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.issue-info .title-s {
  background: url("../assets/icon/ico_info.png") no-repeat 0 center/20px 20px;
  padding-left: 28px;
}
.issue-time {
  display: grid;
  grid-template-columns: 1fr 24% 5px 24%;
  gap: 8px;
  align-items: center;
}
.issue-time input {
  height: 42px !important;
}
.issue .add-photo {
  display: flex;
  flex-direction: column;
  padding: 8px 10px 8px 16px;
  gap: 16px;
  background: var(--light300);
  border-radius: 10px;
}
.issue .add-photo-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.issue .add-photo-tit .btn-g {
  border: 1px solid var(--light100);
}

/*1/5 추가*/
input.pac::placeholder {
  text-align: center;
}

.bt-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 50px;
  justify-content: end;
}

.line {
  width: 100%;
  height: 1px;
  background: var(--light100);
  margin: -16px 0 16px 0;
}

.sep {
  width: 1px;
  height: 80%;
  background: var(--light100);
}

.section-r {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.box-edit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 10px;
  font-size: 16px;
}
.box-edit-cont {
  display: flex;
  flex-direction: column;
}
.box-edit-cont p {
  margin-left: -10px;
  padding-left: 10px;
  background: url("../assets/icon/dot_2c75ff.png") no-repeat 0 center/6px 6px;
}
.box-edit img {
  width: 40px;
}

.modal-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 998;
}
.modal-bg.off {
  display: none;
}
.modal500 {
  width: 500px;
  background: var(--white);
  box-shadow: 0 0 2px var(--dark600);
  border-radius: 15px;
  position: fixed;
  top: 1%;
  z-index: 999;
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.modal800 {
  width: 800px;
  background: var(--white);
  box-shadow: 0 0 2px var(--dark600);
  border-radius: 15px;
  position: fixed;
  top: 1%;
  z-index: 999;
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.modal1000 {
  width: 1000px;
  background: var(--white);
  box-shadow: 0 0 2px var(--dark600);
  border-radius: 15px;
  position: fixed;
  top: 1%;
  z-index: 999;
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.modal-top {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-height: 64vh;
  overflow: overlay;
}
.modal-top h3 {
  font-size: 24px;
}
.modal-top p.detail {
  color: var(--dark800);
}
.modal-top .box dl {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-top .box dl dt {
  margin-left: -10px;
  padding-left: 10px;
  background: url("../assets/icon/dot_222222.png") no-repeat 0 6px/6px 6px;
}
.modal-top .box-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.modal-top .box-f .box {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px !important;
}
.modal-top .box-f .box button {
  opacity: 0;
}
.modal-top .box-f .box:hover button {
  opacity: 1;
}
.modal-top .box-f .box-i {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  gap: 8px;
}
.modal-top .box-f .box-i input {
  height: 40px;
}
.modal-top .box-f-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-top .box-f-cont {
  flex: 1;
}
.modal-top .box-f + .btn-add-pw {
  font-size: 16px;
  color: var(--dark800);
}
.modal-top .box-f .box-s {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}
.modal-top .box-l {
  background: var(--light700);
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-top .box-l .section, .modal-top .box-l .section-r {
  padding: 0;
}
.modal-top .box-l p {
  margin: 0;
}
.modal-top-tit {
  display: flex;
  justify-content: space-between;
}
.modal-cont {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  gap: 32px;
  padding-bottom: 10px;
}
.modal-cont .section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-cont .section * {
  margin: 0;
}
.modal-cont .section .box {
  gap: 16px;
}
.modal-cont .section .box:has(> .section), .modal-cont .section .box:has(> .section-bd) {
  padding: 0;
}
.modal-cont .section .box .section, .modal-cont .section .box .section-bd, .modal-cont .section .box .section-r {
  padding: 17.5px 24px;
}
.modal-cont .section .box-content .tit {
  font-size: 18px;
  color: var(--dark800);
}
.modal-cont .section .box-content .detail {
  font-size: 14px;
  color: var(--dark600);
}
.modal-cont .section .box .switch {
  width: 40px;
  height: 20px;
}
.modal-cont .section .box .switch input:checked + .slider:before {
  transform: translateX(20px);
}
.modal-cont .section .box .switch .slider:before {
  width: 12px;
  height: 12px;
}
.modal-cont .section > .detail-p {
  font-size: 12px;
  padding-left: 18px;
  background: url("../assets/icon/ico_error_b.png") no-repeat 0 center/12px 12px;
}
.modal-cont input[type=text], .modal-cont input[type=password] {
  height: fit-content;
  min-width: 40px;
}
.modal-cont .input-r, .modal-cont .input-c {
  border-radius: 10px;
}
.modal-cont .search-wrap {
  padding: 6px 20px;
}
.modal-cont .search-wrap input {
  height: 24px;
}
.modal-cont .radio-wrap {
  display: flex;
  flex-direction: column;
}
.modal-cont .radio-wrap .radio-b {
  padding: 10px;
}
.modal-cont form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-bottom {
  padding: 12px 24px;
  border-top: 1px solid var(--light100);
}
.modal-bottom .btn-wrap {
  display: flex;
  gap: 12px;
  text-align: center;
}

.lgbt .modal-bottom .btn-wrap {
  width: 100%;
}
.lgbt .modal-bottom .btn-wrap button {
  width: 100%;
  flex: 1;
}

.smbt-end .modal-bottom .btn-wrap {
  justify-content: end;
}
.smbt-end .modal-bottom .btn-wrap button {
  min-width: 72px;
}
.smbt-center .modal-bottom .btn-wrap {
  justify-content: center;
}
.smbt-center .modal-bottom .btn-wrap button {
  width: 132px;
}
.smbt-text .modal-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.smbt-text .modal-bottom-txt {
  display: flex;
  align-items: center;
}
.smbt-text .modal-bottom .btn-wrap {
  justify-content: center;
}
.smbt-text .modal-bottom .btn-wrap button {
  width: 72px;
}
.smbt-alert .modal-top {
  text-align: center;
}
.smbt-alert .modal-top-cnt {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.smbt-alert .modal-top img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
}
.smbt-alert .modal-top p {
  font-size: 16px;
  color: initial;
}

.bt0-toast {
  display: flex;
  padding: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  right: 1%;
  top: 5%;
  opacity: 0;
  z-index: -1;
}
.bt0-toast p {
  background: url("../assets/icon/ico_done_bg.png") no-repeat 0 0/30px 30px;
  padding: 4.5px 0 4.5px 38px;
  font-size: 14px;
  font-weight: 400;
}
.bt0-toast button {
  height: 30px;
  padding: 6px;
}
.bt0-toast button img {
  width: 18px;
  height: 18px;
  display: block;
}
.bt0-toast .btn-c {
  min-width: initial;
}
.bt0-toast-a {
  display: flex;
  padding: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  left: 82%;
  top: 5%;
  opacity: 0;
  z-index: -1;
}
.bt0-toast-a p {
  background: url("../assets/icon/ico_alert_bg.png") no-repeat 0 0/30px 30px;
  padding: 4.5px 0 4.5px 38px;
  font-size: 14px;
  font-weight: 400;
}
.bt0-toast-a button {
  height: 30px;
  padding: 6px;
}
.bt0-toast-a button img {
  width: 18px;
  height: 18px;
  display: block;
}

.cfrm {
  z-index: 9999;
}

.modal-cont .input {
  display: flex;
  gap: 10px;
}
.modal-cont .input input {
  flex: 1;
}
.modal-cont .input button.btn-pw {
  width: 52px;
}
.modal-cont .pwd input {
  flex: 1;
  border-radius: 10px;
}

.w-box {
  border-bottom: 1px solid var(--light500);
}

.w-box > .w-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
}

.w-box > .w-title > p {
  flex-grow: 1;
}

.w-box > .w-detail {
  margin-bottom: 20px;
  padding: 16px 20px;
  background: var(--light300);
  border-radius: 10px;
}

.w-box > .w-detail > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.w-box > .w-detail > ul > li {
  display: flex;
  justify-content: space-between;
}

/*# sourceMappingURL=modal.css.map */