@charset "UTF-8";
.modalWrap {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3960784314);
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
}
.modalWrap.active {
  display: flex;
}

/** 20230908 **/
.modalWrap input[type=text],
.modalWrap textarea {
  border: 1px solid #ddd;
  padding: 0 10px;
  line-height: 26px;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #333;
  width: 100%;
}


.modalWrap .modal {
  display: none;
  padding: 30px;
  background-color: #fff;
}
.modalWrap .modal.active {
  display: block;
}
.modalWrap .modal .modalHeader {
  position: relative;
}
.modalWrap .modal .modalHeader h1 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.55px;
  text-align: center;
  padding: 0 33px;
}
.modalWrap .modal .modalHeader .modalCloseBtn {
  position: absolute;
  display: inline-block;
  width: 33px;
  height: 33px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.modalWrap .modal .modalHeader .modalCloseBtn::before, .modalWrap .modal .modalHeader .modalCloseBtn::after {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #000;
  top: 6.5px;
  left: 50%;
}
.modalWrap .modal .modalHeader .modalCloseBtn::before {
  transform: rotate(45deg);
}
.modalWrap .modal .modalHeader .modalCloseBtn::after {
  transform: rotate(-45deg);
}
.modalWrap .modal .modalContent {
  padding: 20px 0 0;
}
.modalWrap .modal .modalFooter {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 30px;
}
.modalWrap .modal .modalFooter button {
  padding: 8px 50px;
  margin: 0 2px;
}
.modalWrap .tableWrap table {
  width: 100%;
}
.modalWrap .tableWrap table th, .modalWrap .tableWrap table td {
  padding: 10px;
  border: 1px solid #d0d9e6;
  color: #333;
}
.modalWrap .tableWrap table th {
  background-color: #f6f7fb;
  font-weight: 500;
  border-left: 0;
}
.modalWrap .tableWrap table th.essential::before {
  content: "*";
  color: #ff0000;
}
.modalWrap .tableWrap table td:last-child {
  border-right: 0;
}

.modalWrap .tableWrap table .btnWrap {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  height: 28px;
}

/** 20230908 **/
.modalWrap .tableWrap table .btnWrap button {
  padding: 4px 20px;
  color: #fff;
  background-color: #5292e5;
}

/** 20230918 추가,수정 Start  **/
.innerModalWrap {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3960784314);
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
}
.innerModalWrap.active {
  display: flex;
}
.innerModalWrap input[type=text],
.innerModalWrap textarea {
  border: 1px solid #ddd;
  padding: 0 10px;
  line-height: 26px;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #333;
  width: 100%;
}
.innerModalWrap .modal {
  display: none;
  padding: 30px;
  background-color: #fff;
}
.innerModalWrap .modal.active {
  display: block;
}
.innerModalWrap .modal .modalHeader {
  position: relative;
}
.innerModalWrap .modal .modalHeader h1 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.55px;
  text-align: center;
  padding: 0 33px;
}
.innerModalWrap .modal .modalHeader .modalCloseBtn {
  position: absolute;
  display: inline-block;
  width: 33px;
  height: 33px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.innerModalWrap .modal .modalHeader .modalCloseBtn::before, .innerModalWrap .modal .modalHeader .modalCloseBtn::after {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #000;
  top: 6.5px;
  left: 50%;
}
.innerModalWrap .modal .modalHeader .modalCloseBtn::before {
  transform: rotate(45deg);
}
.innerModalWrap .modal .modalHeader .modalCloseBtn::after {
  transform: rotate(-45deg);
}
.innerModalWrap .modal .modalContent {
  padding: 20px 0 0;
}
.innerModalWrap .modal .modalFooter {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 30px;
}
.innerModalWrap .modal .modalFooter button {
  padding: 8px 50px;
  margin: 0 2px;
}
.innerModalWrap .tableWrap table {
  width: 100%;
}
.innerModalWrap .tableWrap table th,
.innerModalWrap .tableWrap table td {
  padding: 10px;
  border: 1px solid #d0d9e6;
  color: #333;
  font-size: 14px;
}
.innerModalWrap .tableWrap table th {
  background-color: #f6f7fb;
  font-weight: 500;
  border-left: 0;
}
.innerModalWrap .tableWrap table th.essential::before {
  content: "*";
  color: #ff0000;
}
.innerModalWrap .tableWrap table td:last-child {
  border-right: 0;
}
.innerModalWrap .tableWrap table .btnWrap {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  height: 28px;
}
.innerModalWrap .tableWrap table .btnWrap button {
  padding: 4px 20px;
  color: #fff;
  background-color: #5292e5;
}

/** 20230918 추가,수정 END **/

.modal {
  margin: 10px;
}
.modal#findPassword_step1 {
  width: 400px;
}
.modal#findPassword_step1 .modalContent {
  height: 350px;
}
.modal#findPassword_step1 .stepWrap {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f7fb;
  border: 1px solid #d0d9e6;
}
.modal#findPassword_step1 .stepWrap span {
  display: inline-block;
  text-align: center;
}
.modal#findPassword_step1 .stepWrap .step {
  width: 80px;
}
.modal#findPassword_step1 .stepWrap .step .circle {
  position: relative;
  line-height: 32px;
  width: 32px;
  background-color: #d0d5e6;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.modal#findPassword_step1 .stepWrap .step .circle::after {
  display: block;
  position: absolute;
  content: "";
  width: 40px;
  border-top: 3px dotted #d0d5e6;
  top: 50%;
}
.modal#findPassword_step1 .stepWrap .step .circle::after {
  left: calc(100% + 4px);
}
.modal#findPassword_step1 .stepWrap .step:last-child .circle::after {
  display: none;
}
.modal#findPassword_step1 .stepWrap .step .txt {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.35px;
  text-align: center;
  padding-top: 5px;
  width: 100%;
  color: #d0d5e6;
}
.modal#findPassword_step1 .stepWrap .step.active .circle {
  background-color: #152357;
  color: #fff;
}
.modal#findPassword_step1 .stepWrap .step.active .txt {
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
  width: 100%;
  color: #152357;
}
.modal#findPassword_step1 ul li {
  display: flex;
  margin-bottom: 2px;
}
.modal#findPassword_step1 ul li > span {
  width: 100px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.modal#findPassword_step1 ul li > input {
  border: 1px solid #ccc;
  padding: 0 10px;
  line-height: 26px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #333;
  flex: 1;
}
.modal#findPassword_step1 ul li > input::-moz-placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step1 ul li > input::placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step2 {
  width: 400px;
}
.modal#findPassword_step2 .modalContent {
  height: 350px;
}
.modal#findPassword_step2 .stepWrap {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f7fb;
  border: 1px solid #d0d9e6;
}
.modal#findPassword_step2 .stepWrap span {
  display: inline-block;
  text-align: center;
}
.modal#findPassword_step2 .stepWrap .step {
  width: 80px;
}
.modal#findPassword_step2 .stepWrap .step .circle {
  position: relative;
  line-height: 32px;
  width: 32px;
  background-color: #d0d5e6;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.modal#findPassword_step2 .stepWrap .step .circle::after {
  display: block;
  position: absolute;
  content: "";
  width: 40px;
  border-top: 3px dotted #d0d5e6;
  top: 50%;
}
.modal#findPassword_step2 .stepWrap .step .circle::after {
  left: calc(100% + 4px);
}
.modal#findPassword_step2 .stepWrap .step:last-child .circle::after {
  display: none;
}
.modal#findPassword_step2 .stepWrap .step .txt {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.35px;
  text-align: center;
  padding-top: 5px;
  width: 100%;
  color: #d0d5e6;
}
.modal#findPassword_step2 .stepWrap .step.active .circle {
  background-color: #152357;
  color: #fff;
}
.modal#findPassword_step2 .stepWrap .step.active .txt {
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
  width: 100%;
  color: #152357;
}
.modal#findPassword_step2 ul li {
  display: flex;
  margin-bottom: 2px;
}
.modal#findPassword_step2 ul li > span {
  width: 100px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  line-height: 26px;
}
.modal#findPassword_step2 ul li > span + p {
  padding: 0 10px;
  line-height: 26px;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #333;
  width: 100%;
}
.modal#findPassword_step2 ul li > input {
  border: 1px solid #ccc;
  padding: 0 10px;
  line-height: 26px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #333;
  flex: 1;
}
.modal#findPassword_step2 ul li > input::-moz-placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step2 ul li > input::placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step2 ul li p.noti {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #666;
  margin: 10px 0 30px;
  padding-left: 15px;
}
.modal#findPassword_step2 ul li p.noti::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.modal#findPassword_step3 {
  width: 400px;
}
.modal#findPassword_step3 .modalContent {
  height: 350px;
}
.modal#findPassword_step3 .stepWrap {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f7fb;
  border: 1px solid #d0d9e6;
}
.modal#findPassword_step3 .stepWrap span {
  display: inline-block;
  text-align: center;
}
.modal#findPassword_step3 .stepWrap .step {
  width: 80px;
}
.modal#findPassword_step3 .stepWrap .step .circle {
  position: relative;
  line-height: 32px;
  width: 32px;
  background-color: #d0d5e6;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.modal#findPassword_step3 .stepWrap .step .circle::after {
  display: block;
  position: absolute;
  content: "";
  width: 40px;
  border-top: 3px dotted #d0d5e6;
  top: 50%;
}
.modal#findPassword_step3 .stepWrap .step .circle::after {
  left: calc(100% + 4px);
}
.modal#findPassword_step3 .stepWrap .step:last-child .circle::after {
  display: none;
}
.modal#findPassword_step3 .stepWrap .step .txt {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.35px;
  text-align: center;
  padding-top: 5px;
  width: 100%;
  color: #d0d5e6;
}
.modal#findPassword_step3 .stepWrap .step.active .circle {
  background-color: #152357;
  color: #fff;
}
.modal#findPassword_step3 .stepWrap .step.active .txt {
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
  width: 100%;
  color: #152357;
}
.modal#findPassword_step3 ul li {
  display: flex;
  margin-bottom: 2px;
}
.modal#findPassword_step3 ul li span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.modal#findPassword_step3 ul li input {
  border: 1px solid #ccc;
  padding: 0 10px;
  line-height: 26px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #333;
  width: 100%;
}
.modal#findPassword_step3 ul li input::-moz-placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step3 ul li input::placeholder {
  color: #a8a8a8;
}
.modal#findPassword_step3 p.noti {
  position: relative;
  margin-top: 20px;
  color: #333;
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 20px;
  padding-left: 15px;
}
.modal#findPassword_step3 p.noti::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.modal#uploadMmrInflwExcel .fileUploadWrap {
  padding: 35px 40px;
  border: 1px solid #d0d9e6;
  background-color: #f6f7fb;
  display: flex;
  align-items: center;
}
.modal#uploadMmrInflwExcel .fileUploadWrap span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
}
.modal#uploadMmrInflwExcel .fileUploadWrap input[type=file] {
  display: none;
}
.modal#uploadMmrInflwExcel .fileUploadWrap input[type=text] {
  line-height: 32px;
  background-color: #fff;
  padding: 0 10px;
  border: #c0c0c0;
  margin-right: 5px;
  width: 300px;
  border: 1px solid #c0c0c0;
}
.modal#uploadMmrInflwExcel .fileUploadWrap label {
  display: inline-block;
  font-size: 14px;
  padding: 0 15px;
  line-height: 32px;
}
.modal#uploadMmrInflwExcel .btnWrap {
  text-align: right;
  margin: 10px 0 0;
}
.modal#uploadMmrInflwExcel .btnWrap .formDownloadBtn {
  padding-left: 18px;
  font-size: 14px;
  color: #555;
  letter-spacing: -0.35;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url(/resources/images/icon_download.png);
}
.modal#transferApply .tableWrap {
  width: 100%;
  margin: 0 0 10px;
}
.modal#transferApply .tableWrap .customerNum {
  margin-left: 10px;
  color: #5292e5;
}
.modal#transferApply .list1 li {
  color: #666;
}
.modal#division .selectBoxWrap {
  width: 260px;
}
.modal#adminRegistration, .modal#adminEdit {
  width: 400px;
}
.modal#adminRegistration table input, .modal#adminEdit table input {
  border: 1px solid #ccc;
  padding: 0 10px;
  line-height: 26px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #333;
  width: calc(100% - 70px);
}
.modal#adminRegistration table input::-moz-placeholder, .modal#adminEdit table input::-moz-placeholder {
  color: #a8a8a8;
}
.modal#adminRegistration table input::placeholder, .modal#adminEdit table input::placeholder {
  color: #a8a8a8;
}
.modal#adminRegistration table button, .modal#adminEdit table button {
  padding: 5px 20px;
  color: #fff;
  background-color: #5292e5;
  letter-spacing: -0.3px;
}
.modal#funnelEdit {
  width: 460px;
}
.modal#admission table {
  border: 1px solid #d0d9e6;
  width: 220px;
}
.modal#valdCotList {
  width: 1400px;
}
.modal#valdCotList .gridWrap {
  border-top: 1px solid #d0d9e6;
  padding-top: 20px;
}
.modal#valdCotList .gridWrap .gridArea {
  border-top: 0 !important;
}
.modal#valdCotList .gridWrap .gridArea table th,
.modal#valdCotList .gridWrap .gridArea .tui-grid-rside-area .tui-grid-header-area tr th {
  background-color: #f6f7fb !important;
  border: 1px solid #d0d9e6 !important;
}
.modal#valdCotList .gridWrap .gridArea table td,
.modal#valdCotList .gridWrap .gridArea .tui-grid-rside-area .tui-grid-header-area tr td {
  border: 1px solid #d0d9e6 !important;
}
.modal#selectFunnel, .modal#selectSubject {
  width: 1050px;
}
.modal#selectFunnel .tableWrap, .modal#selectSubject .tableWrap {
  border-top: 1px solid #d0d9e6;
  padding-top: 20px;
}
.modal#selectFunnel .tableWrap table tr td, .modal#selectFunnel .tableWrap table tr th, .modal#selectSubject .tableWrap table tr td, .modal#selectSubject .tableWrap table tr th {
  border: 0;
  padding: 3px 10px;
}

/** 20230906 추가건 **/
.modal#modalExpreNtlk {
  width: 600px;
}

/** 20230908 **/
.modal#address {
  width: 600px;
}

.modal#address .noti {
  margin-bottom: 10px;
}

.modal#address .tableWrap {
  margin-bottom: 30px;
}

.modal#address .tableWrap table th:last-child {
  border-right: 0;
}

.modal#address .tableWrap table td:first-child {
  border-left: 0;
}

.modal#address .tableWrap table.addressTable.header th {
  border-bottom: 0;
}

.modal#address .tableWrap table.addressTable a,
.modal#address .tableWrap table.addressTable p {
  display: block;
  padding: 0 0 10px;
}

.modal#address .tableWrap table.addressTable a:last-child,
.modal#address .tableWrap table.addressTable p:last-child {
  padding: 0 0 0px;
}

.modal#address .tableWrap table.addressTable a {
  text-align: center;
  color: #5292e5;
  cursor: pointer;
}

.modal#address .tableWrap .scrollWrap {
  height: 165px;
  overflow-y: scroll;
  border-bottom: 1px solid #d0d9e6;
}

.modal#prnpnCstmrDetailsModal {
  width: 1440px;
  height: 1000px;
  overflow-y: scroll;
}

.modal#division,
.modal#divisionDetail {
  width: 321.063px;
}
div#infoWrap.distInfo,
div#infoWrapDetail.distInfo {
  margin-top: 10px;
}