@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


body {
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: clamp(0.875rem, 3vw, 1rem);
  letter-spacing: -0.5px;
  background: #f8f8f8 !important;
}

textarea, input, button, select {
    font-family: inherit;
}

ul, li, ol{
  list-style: none;
}

.ls-survey-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

.ls-survey-form-wrapper {
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
  background: white;
  padding: 10px;
}

/******************************************/
/***********  간격/너비/정렬/컬러  ***********/
/*******************************************/

.dpBlock{
  display:block !important;
}

.inlineBlc {
  display: inline-block
}

.w100p {
    width: 100%;
}

.w200px{
  width: 200px !important;
}

.h75p{
  height:75px !important;
}

.fl-l{
  float: left !important;
}

.full-right,
.fl-r{
  float: right !important;
}

.txt-right{
  text-align: right;
}

.pb-0{
  padding-bottom:0 !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.mb-5{
  margin-bottom: 5px !important;
}

.mb-20{
  margin-bottom: 20px !important;
}

.text-center {
  text-align: center;
}

.bold{
  font-weight: 500 !important;
}

.red{
  color: #ed174b !important;
}

/******************************
/********** 회원가입**********/
/******************************/

.signIn-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: 100%;
  width: 750px;
}

.signIn-main-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: 100%;
}

.signIn-form-wrapper {
  width: 100%;
  background: white;
  padding: 40px;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.signIn-form-title {
  margin-bottom: 30px;
}

.signIn-form-title h2 {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 34px;
  color: #333;
}

.ls-nonMember-box {
    padding: 30px 20px;
    border: 1px solid #edf2f9;
    background: rgba(0, 117, 190, 0.035);
    position: relative;
    margin: 20px;
    border-radius: 1.5rem;
}


.signIn-form-label {
  color: #333;
  font-size: inherit;
  line-height: 24px;
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
}

.signIn-form-label.inquired {
  position: relative;
}

.signIn-form-label.inquired::before {
  content: '*';
  /*position: absolute;
    top: 2px;*/
  padding-left: 3px;
  font-size: 1.125rem;
  color: #ed174b;
  width: 14px;
  height: 14px;
  font-weight: 500;
}

.signIn-input-group .signIn-form-input {
  width: 100%;
  height: auto;
  padding: 12px 20px;
  border-radius: 0.5rem;
  border: 1px solid #e0e0e0;
  font-size: 0.875rem;
  color: #6B7280;
  outline: none;
  resize: none;
  box-sizing: border-box;
}

.signIn-input-group .signIn-form-input[readonly] {
  background-color: #f0f0f0;
  cursor: not-allowed;
}

.signIn-input-group .signIn-form-input:focus {
  border-color: #0569a0;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.signIn-input-group.email span {
  font-size: 1rem;
}

.signIn-input-group .tableInquiry {
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border: 1px solid #edf2f9;
    background: rgba(0, 117, 190, 0.035);
    display: flex;
    gap: 20px;
}

.signIn-btn {
  text-align: center;
  font-size: inherit;
  border-radius: 0.5rem;
  padding: 10px 30px;
  font-weight: 600;
  background-color: #004381;
  border: 1px solid #004381;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}


/* 버튼 스타일 */
.signIn-btn.btn-secondary {
  background: #009bb4;
  border: 1px solid #009bb4;
}

.signIn-btn.btn-secondary:hover {
  background-color: rgba(5, 105, 160, 0.75);
}


.signIn-btn.btn-secondary.search {
  padding: 11px 20px;
}

.signIn-btn.btn-secondary svg {
  color: #fff;
  font-size: 1.125rem;
}

/* 폼 그룹 (인풋 + 버튼) */
.signIn-input-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.signIn-input-group .signIn-form-label {
  width: 130px;
  flex-shrink: 0;
  margin-bottom: 0;
}

.signIn-input-group .signIn-btn {
  flex-shrink: 0;
  padding: 10px 20px;
  font-size: 0.875rem;
}

.signIn-input-group .signIn-select {
  width: 100%;
  height: auto;
  padding: 12px 20px;
  border-radius: 0.5rem;
  border: 1px solid #e0e0e0;
  font-size: 0.875rem;
  color: #6B7280;
  margin-bottom: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background: url(../../images/ico/angle-down-solid.svg) no-repeat right 10px center;
  background-size: 12px;
  outline: none;
}


/* 체크박스/라디오 버튼 스타일 */
.radio-area {
    display: flex;
    gap: 10px;
}

.signIn-radio-wrapper,
.signIn-checkbox-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.signIn-radio-label,
.signIn-checkbox-label {
  padding-left: 28px;
  font-size: 0.9375rem;
  line-height: 20px;
  color: #333;
  cursor: pointer;
}

.signIn-checkbox-label a {
  color: #0569a0;
  text-decoration: none;
}

.signIn-checkbox-label a:hover {
  text-decoration: underline;
}

.signIn-input-radio,
.signIn-input-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* 라디오 버튼 체크마크 */
.signIn-radio-checkmark {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #DDE3EC;
}

.signIn-radio-wrapper input[type="radio"]:checked+.signIn-radio-label .signIn-radio-checkmark {
  background-color: #0569a0;
  border-color: #0569a0;
}

.signIn-radio-checkmark::after {
  content: "";
  position: absolute;
  display: block;
  left: 7px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
}

.signIn-radio-wrapper input[type="radio"]:checked+.signIn-radio-label .signIn-radio-checkmark::after {
  opacity: 1;
}

/* 체크박스 체크마크 */
.signIn-checkbox-checkmark {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #DDE3EC;
  border-radius: 0.25rem;
}

.signIn-checkbox-wrapper input[type="checkbox"]:checked+.signIn-checkbox-label .signIn-checkbox-checkmark {
  background-color: #0569a0;
  border-color: #0569a0;
}

.signIn-checkbox-checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.signIn-checkbox-wrapper input[type="checkbox"]:checked+.signIn-checkbox-label .signIn-checkbox-checkmark::after {
  display: block;
}

/* textarea */
.signIn-input-group .signIn-form-textarea {
        width: 100%;
        height: auto;
        padding: 12px 20px;
        border-radius: 6px;
        border: 1px solid #e0e0e0;
        font-size: 0.875rem;
        color: #6B7280;
        outline: none;
        resize: none;
        box-sizing: border-box;
    }


/* file upload */
  .file-container {
        padding: 5px 7px;
        position: relative;
        border: 1px #c3c3c3 dashed;
        border-radius: 0.5rem;
    }

    .file-header {
        height: 20px;
    }

    .file-header-left {
        display: flex;
        gap: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-bottom: 1px #c3c3c3 dashed;
        padding: 3px 5px;
    }

  /* E-mail */
  .emailCheckArea{
      display: flex;
      align-items: center;
  }

  .ls-card .signIn-input-group .signIn-form-label.emailDomainCheck{
    width:max-content;
  }

  .signIn-form-label.emailDomainCheck{
    display: flex;
    width: 180px;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 0.8rem; */
  }

  /* E-mail popup */
  #reqSrhModal .signIn-input-group.email {
        align-items: center;
    }

    #reqSrhModal .signIn-input-group.email .signIn-form-input {
        flex: 1 1 0;
        min-width: 0;
    }

    #reqSrhModal .signIn-input-group.email .emailCheckArea {
        display: flex;
        align-items: center;
        gap: 8px;
        width: auto;
        margin-top: 0;
    }

    #reqSrhModal .signIn-input-group.email .emailDomainCheck {
        width: auto;
        text-align: start;
        margin-bottom: 0;
    }

/* Step Indicator 스타일 */
.signIn-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  padding: 0 2%;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
}

.signIn-steps .step-group-left {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-grow: 1;
}

.signIn-steps .step-group-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.signIn-steps .step-item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.signIn-steps .step-icon-wrapper {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
  text-align: center;
  color: #7d8282;
  background-color: #fff;
  transition: all 0.3s ease;
  flex-shrink: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.signIn-steps .step-label {
  font-size: 1rem;
  color: #A1A9B9;
  transition: all 0.3s ease;
  margin-left: 8px;
  white-space: nowrap;
  font-weight: 500;
}

/* Active Step (활성화된 스텝) */
.signIn-steps .step-item.active .step-icon-wrapper {
  background-color: #0569a0;
  color: white;
  font-weight: 600;
}

.signIn-steps .step-item.active .step-label {
  color: #333;
  font-weight: 600;
  margin-left: 10px;
}

/* Completed Step (체크 표시) */
.signIn-steps .step-item.completed .step-icon-wrapper {
  background-color: #0569a0;
  color: white;
  font-size: 0;
  position: relative;
}

.signIn-steps .step-item.completed .step-icon-wrapper::after {

  /* 폰트 적용 */
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  content: '\f00c';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.signIn-steps .step-item.completed .step-label {
  color: #333;
  font-weight: 500;
  margin-left: 10px;
}

/* 하단 진행 바 */
.signIn-steps .progress-bar {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  background-color: #0569a0;
  width: 0;
  transition: width 0.3s ease-in-out;
}

/* 현재 활성화된 스텝에 따라 너비 조절 */

/* Step 1 활성화 시 */
.signIn-steps.step-1-active .progress-bar {
  width: 28%;
}

/* Step 2 활성화 시 */
.signIn-steps.step-2-active .progress-bar {
  width: 71%;
}

/* Step 3 활성화 시 */
.signIn-steps.step-3-active .progress-bar {
  width: 100%;
}


/* form-body */
.signIn-form-body {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.signIn-form-body-wrap {
  height: 100%;
  max-height: 550px;
  overflow-y: auto;
  padding: 0 40px;
  border-bottom: 1px solid #efefef;
}

/* 회원 구분 라디오 버튼 그룹 */
.signIn-mb-3.tableInquiry {
  flex-direction: column;
  padding: 20px;
  border: 1px solid #edf2f9;
  background: rgba(0, 117, 190, 0.035);
  position: relative;
  margin: 0 0 15px 0;
  display: flex;
  flex-wrap: wrap;
}

.signIn-mb-3 .membership-type {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0;
}

.signIn-mb-3 .membership-type .signIn-radio-wrapper {
  margin-bottom: 0;
}

/* 약관 동의 섹션별 구분 */
.signIn-mb-3 .terms-section {
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  margin-bottom: 20px;
  overflow: hidden;
}

.signIn-mb-3 .terms-section h3 {
  background-color: #f4f7fc;
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

/* 회원가입 모두 동의 체크 시 적용 css */
.signIn-mb-3 .terms-agree-checkbox.check-all {
  background: none;
  border: none;
  padding: 0 10px 20px;
}

.signIn-mb-3 .terms-agree-checkbox.check-all input:first-child {
  display: none;
}

/* // 회원가입 모두 동의 체크 시 적용 css */

.signIn-mb-3 .terms-section-content {
  padding: 15px;
  margin-bottom: 15px;
  height: 120px;
  overflow-y: scroll;
  font-size: 0.875rem;
  color: #6B7280;
  line-height: 1.5;
}

.signIn-mb-3 .terms-section-content p,
.terms-section-content ul,
.terms-section-content ol {
  margin-bottom: 10px;
}

.signIn-mb-3 .terms-section-content ul,
.terms-section-content ol {
  padding-left: 20px;
}

.signIn-mb-3 .terms-agree-checkbox {
  padding: 15px;
  border-top: 1px solid #e0e0e0;
  background-color: #f9f9f9;
}

/* LSE 직원 검색 POPUP */
.search-pop {
  padding: 3% 5%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.search-pop .table.search {
  width: 100%;
  height: 420px;
  overflow-y: auto;
}

/* 하단 버튼 그룹 */
.signIn-button-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}

.signIn-button-group .gray
 {
  border: 1px solid #E5ECF2;
  /* padding-top: 4px;
  padding-bottom: 5px; */
  background: #E5ECF2;
  color: #414656;
  /* line-height: 15px; */
}

.signIn-button-group .gray:focus {
  background: #c9cfd5;
  border: 1px solid #c9cfd5;
}

.signIn-main-wrapper .signIn-caution:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  font-size: 0.8125rem;
}

.signIn-main-wrapper .signIn-caution {
  position: relative;
  font-size: 0.8125rem;
  line-height: 1.5;
  padding-left: 15px;
  color: #0569a0;
  margin-top: -15px;
  margin-left: 140px;
  margin-bottom: 20px;
  word-break: keep-all;
}

.nonMember-caution:before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 5px;
    width: 15px;
    font-size: 0.8125rem;
}

.nonMember-caution {
    position: relative;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #0569a0;
    margin: 0;
    padding-left: 15px;
    word-break: keep-all;
}

.signIn-mb-3.end {
  height: 100%;
  height: 48vh;
  padding: 16% 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.signIn-end-info {
  padding: 0 40px;
  margin-bottom: 40px;
  word-wrap: break-word;
  word-break: keep-all;
}


/*********************/
/******  LOG IN  ******/
/*********************/

.login-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.login-modal .modal-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 40%;
  max-width: 450px;
  border: none;
  border-radius: 0.5rem;
  background-color: #fefefe;
  overflow: hidden;
}

.login-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #666;
  padding: 15px 20px;
}

.login-modal .modal-header h1 {
  font-size: 1.75rem;
  line-height: 1.5;
  color: white;
}

.login-modal .close {
  color: #fefefe;
  float: right;
  font-size: 1.75rem;
  font-weight: bold;
}

.login-modal .close:hover,
.login-modal .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.login-modal .modal-body {
  padding: 30px;
}

.login-modal .modal-body .signIn-btn {
  padding: 10px 50px;
}

.login-modal .modal-body .search_complete {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 35px;
  background: rgba(0, 117, 190, 0.035);
  padding: 25px 10px;
  word-wrap: break-word;
  word-break: keep-all;
}

.login-modal .modal-body .search_complete strong {
  line-height: 2.5;
  font-size: 1rem;
  color: #004381;
  border-bottom: 1px solid #004381;
}

.login-modal .signIn-input-group .signIn-form-label {
  width: 80px;
}

.terms-link {
  font-size: 0.875rem;
  color: #0569a0;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.terms-link:focus-visible,
.ls-modal-language:focus-visible,
.ls-modal-close:focus-visible,
.ls-modal-footer .signIn-btn:focus-visible {
  outline: 2px solid #0569a0;
  outline-offset: 0;
}

/*  LSE POPUP */
.ls-modal {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  background-color: rgba(33, 37, 41, 0.55);
  padding: 16px;
}

.ls-modal.is-open {
  display: block;
}

.ls-modal-dialog {
  width: min(100%, 1024px);
  min-height: calc(100vh - 32px);
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.ls-modal-content {
  width: 100%;
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.ls-modal-header,
.ls-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  background: #fff;
}

.ls-modal-header {
  border-bottom: 1px solid #e9ecef;
}

.ls-modal-header-main {
  flex: 1 1 auto;
  min-width: 0;
}

.ls-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.ls-modal-footer {
  justify-content: flex-end;
  border-top: 1px solid #e9ecef;
}

.ls-modal-title {
  margin: 0;
  color: #212529;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.ls-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0 10px;
  border: 0;
  border-radius: 100%;
  background: transparent;
  color: #6c757d;
  font-size: 1.25rem;
  line-height: 40px;
  cursor: pointer;
}

.ls-modal-close:hover {
  background: #f1f3f5;
  color: #212529;
}

.ls-modal-language {
  min-width: 112px;
  height: 40px;
  padding: 0 40px 0 14px;
  border: 1px solid #d0d7de;
  border-radius: 0.5rem;
  background: #fff url(../../images/ico/angle-down-solid.svg) no-repeat right 14px center;
  background-size: 12px;
  color: #212529;
  font-size: 0.875rem;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.ls-modal-body {
  flex: 1 1 auto;
  padding: 24px;
  overflow-y: auto;
  color: #495057;
  line-height: 1.75;
}

.ls-modal-body p,
.ls-modal-body li {
  margin: 0 0 12px;
}

.ls-modal-body ul {
  margin: 0 0 16px;
  padding-left: 20px;
}

.ls-modal-section + .ls-modal-section {
  margin-top: 24px;
}

.ls-modal-section h3 {
  margin: 0 0 12px;
  color: #212529;
  font-size: 1.125rem;
  font-weight: 700;
}

.ls-modal-body .ls-nonMember-box {
  margin-bottom: 0;
}

.privacy-lang {
  width: 100%;
}

.privacy-lang[hidden] {
  display: none;
}

/* .privacy-doc {
  color: #495057;
} */

.privacy-doc h1,
.privacy-doc .terms-text h1,
.privacy-doc .terms-text h2,
.privacy-doc .terms-text h3,
.privacy-doc .terms-text h4,
.privacy-doc .terms-text h5 {
  margin: 0;
  color: #212529;
  font-weight: 700;
  line-height: 1.35;
}

.privacy-doc h1,
.privacy-doc .terms-text h1 {
  font-size: 2rem;
}

.privacy-doc .terms-text h2 {
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.privacy-doc .terms-text h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.privacy-doc .terms-text h4 {
  font-size: inherit;
  margin-bottom: 10px;
}

.privacy-doc .terms-text h5 {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

.privacy-doc strong {
  display: block;
  font-size: 1.05rem;  
  margin: 15px 0;   
}

.privacy-doc .content,
.privacy-doc .terms-text,
.privacy-doc .privacy-effective {
  font-size: 0.9375rem;
  line-height: 1.9;
  word-break: keep-all;
}

.privacy-doc .terms-text,
.privacy-doc .privacy-effective {
  margin-top: 16px;
}

/* .privacy-doc .terms-text p, */
.privacy-doc .terms-text ul,
.privacy-doc .terms-text ol,
/* .privacy-doc .terms-text table, */
.privacy-doc .terms-text hr,
/* .privacy-doc .terms-text .form-main-title, */
.privacy-doc .terms-text .form-main-sub,
.privacy-doc .terms-text .form-main-front {
  margin-top: 0;
  margin-bottom: 0;
}

.privacy-doc p {
    position: relative;
    padding-left: 12px;
}

.privacy-doc p::before {
    content: '-';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 14px;
    width: 8px;
}

.terms-text p{
  margin-bottom: 14px;
}

.privacy-doc .terms-text ul,
.privacy-doc .terms-text ol {
  padding-left: 22px;
}

.privacy-doc .terms-text li {
  margin-bottom: 8px;
}

.privacy-doc .txt_li li{
    position: relative;
    padding-left: 12px;
}

.privacy-doc p::before,
.privacy-doc .txt_li li::before
{
    content: '-';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 14px;
    line-height: 2.3;    
}

.privacy-doc .row {
    padding: 0 18px;
    margin-bottom: 10px;
}

.privacy-doc .list_no, .privacy-doc .list_no > li {
    list-style: decimal;
}

.privacy-doc .terms-text hr {
  border: 0;
  border-top: 1px solid #d9dee5;
}

.privacy-doc h2.form-main-title {
  margin: 20px 0;
  font-size: 1.35rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;   
}

.privacy-doc .form-main-sub,
.privacy-doc .form-main-front {
  font-size: 0.95rem;
  font-weight: 500;
}

.privacy-doc .article {
  color: #004381;
  font-weight: 600;
}

.privacy-doc a {
  color: #0569a0;
  word-break: break-all;
}

.privacy-doc .underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.page-break {
    margin: 80px 0 60px;
    position: relative;
    text-align: center;
    page-break-before: always;
}

.page-break::before {
    content: "";
    display: block;
    height: 1px;
    background: #d0d0d0;
    margin-bottom: 20px;
}

.privacy-doc .anno {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    line-height: 1.5;
}

.privacy-doc .anno .anno_wrap {
    margin-bottom: 10px;
}

.privacy-doc .anno .anno_wrap > span {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    vertical-align: top;
    padding-top: 15px;
    margin: 0 5px;
}

.privacy-doc .anno .anno_wrap sub {
    bottom: 0;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 2px;
}

/* 프린트 영역 */
.form-print-wrap{
    display: flex;
    justify-content: space-between;
}

 .form-print-wrap > div:first-child{
    flex: 1;
  }

.form-print-wrap button{
    border: 1px solid #dee2e6;
    background: #f6fafd;
    color: #333;
    padding: 2px;
    width: 24px;
    height: 24px;   
    cursor: pointer; 
}

.form-print-wrap button:hover{
    background: #c8e0f2;
}

.form-print-wrap img,
.form-print-wrap svg{
    width: 100%;
    height: 100%;
}

.print_mode .tbl_type1 th:last-child,
.print_mode .tbl_type1 td:last-child{
  border-right:1px solid #000;
}

.print_mode .tbl_type1 td:last-child  {
    border-bottom: 1px solid #000 !important;
}

.print_mode .line-none th,
.print_mode .line-none td{
    border: none !important;
}

.tableWrap1 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0 20px;
  /* border: 1px solid #e9ecef; */
  /* border-radius: 0.5rem; */
}

.tbl_type1 {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: #fff;
}

.tbl_type1 th,
.tbl_type1 td {
  padding: 14px 16px;
  border-bottom: 1px solid #e9ecef;
  border-right: 1px solid #e9ecef;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.7;
}

.tbl_type1 th:last-child,
.tbl_type1 td:last-child {
  border-right: 0;
}

.tbl_type1 tbody tr:last-child td {
  border-bottom: 0;
}

.tbl_type1 thead th {
  vertical-align: middle;
  background: #f8fafc;
  color: #212529;
  font-weight: 700;
}

  /* .ls-modal .tableWrap1{
    border-bottom: 0;
  } */

.ls-modal .tbl_type1 tbody th,
.ls-modal .tbl_type1 tbody td{
  vertical-align: middle;
}

.ls-modal .tbl_type1 tbody tr:last-child td {
  border-bottom: 1px solid #d9dee5;
}

.privacy-doc .terms-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: #fff;
}

.privacy-doc .terms-table th,
.privacy-doc .terms-table td {
  padding: 12px 14px;
  border: 1px solid #d9dee5;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.7;
}

.privacy-doc .terms-table th {
  background: #f8fafc;
  color: #212529;
  font-weight: 700;
}

.align-left {
  text-align: left;
}

@media (max-width: 767px) {
  .ls-kb-navbar-brand{
    display: flex;
    justify-content: space-between;
  }

  .ls-modal-header {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  .ls-modal-header-main {
    width: auto;
  }

  .ls-modal-header-actions.page {
    width: 30%;
    justify-content: flex-end;
  }

  .ls-modal-language {
    flex: 0 0 auto;
    width: auto;
    min-width: 92px;
    max-width: 120px;
    padding: 0 34px 0 12px;
    background-position: right 12px center;
  }

  .ls-modal-title {
    font-size: 1.1rem;
    line-height: 1.35;
  }

  .privacy-doc h1 {
    font-size: 1.5rem;
  }

  .privacy-doc .terms-text h1,
  .privacy-doc .terms-text h2 {
    font-size: 1rem;
  }

  .privacy-doc .terms-text h3 {
    font-size: 1.1rem;
  }

  .privacy-doc .content,
  .privacy-doc .terms-text,
  .privacy-doc .privacy-effective {
    font-size: 0.875rem;
    line-height: 1.8;
  }

  .tableWrap1 {
    margin: 12px 0 16px;
  }

  .ls-modal {
    padding: 12px;
  }

  .ls-modal-dialog {
    min-height: calc(100vh - 24px);
  }

  .ls-modal-content {
    max-height: calc(100vh - 24px);
    border-radius: 0.5rem;
  }

  .ls-modal-header,
  .ls-modal-body,
  .ls-modal-footer {
    padding: 16px;
  }

  .ls-modal-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .ls-modal-footer .signIn-btn {
    width: 100%;
  }

  /* 보증기간 조회 pop table 조절 */
  .tableWrap1 {
    width: 100%;
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
}

.tbl_type1 {
    width: 100%;
    min-width: 200px; 
    border-collapse: collapse;
}

.tbl_type1 colgroup {
        display: none;
    }

body.ls-modal-open {
  overflow: hidden;
  padding-right: var(--ls-scrollbar-width, 0px);
}
}


/*********************/
/******  INTRO  ******/
/*********************/

.ls-survey-form-wrapper.notice {
  width: 100%;
  background: #edf2f9;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ls-survey-form-wrapper.notice .ls-survey-notice {
  width: 70%;
  height: 100%;
  min-height: 76vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.notice .ls-survey-notice img {
  margin-bottom: 50px;
}

.notice .ls-survey-notice-cont {
  font-size: 1rem;
  line-height: 1.5;
  color: #222c6b;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: center;
}

.notice .ls-survey-notice-cont p:first-child {
  margin-bottom: 10px;
}

.notice .user_name strong {
  font-size: 1.0625rem;
}

.notice .ls-survey-btn {
  width: 50%;
  max-width: 250px;
  margin-top: 35px;
}

.ls_servey_img {
  margin: 0 auto 10%;
}

.ls_servey_img>img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.ls-survey-form-img {
  display: block;
}

.ls-survey-input-group {
  margin-bottom: 18px;
}

/* radio button 구분 */
.ls-survey-input-radio-wrapper {
  margin-bottom: 25px;
}

.ls-survey-radio-flex {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ls-survey-radio-label {
  font-size: 0.875rem;
  line-height: 24px;
  color: #07074d;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ls-survey-input-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.ls-survey-form-wrapper input[type="text"],
.ls-survey-form-input {
  width: 100%;
  height: auto;
  padding: 13px 22px;
  border-radius: 0.5rem;
  border: 1px solid #dde3ec;
  background: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  color: #07074d;
  outline: none;
  resize: none;
}

.ls-survey-form-input::placeholder {
  color: #bdbdbd;
  font-style: italic;
  white-space: nowrap;
  overflow-x: auto;
  text-overflow: clip;
}

.ls-survey-form-input:focus {
  border-color: #0569a0;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.ls-survey-form-label {
  color: #07074d;
  font-size: 0.875rem;
  line-height: 24px;
  display: block;
  margin-bottom: 10px;
}

.ls-survey-form-label.inquired {
  position: relative;
}

.ls-survey-form-label.inquired::after {
  content: '*';
  position: absolute;
  top: -2px;
  padding-left: 3px;
  font-size: 0.875rem;
  color: red;
  width: 10px;
  height: 10px;
  font-weight: 500;
}

.signIn-form-input:required {
  background: #fff5f9;
  border-color:#ffe4f8;
}
.signIn-form-textarea:required {
  background: #fff5f9;
  border-color:#ffe4f8;
}
.signIn-select:required {
  /* 브라우저 기본 화살표 그래픽 강제 초기화 */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* 명확히 분리된 배경색 및 테두리 지정 */
  background-color: #fff5f9 !important;
  border-color: #ffe4f8 !important;

  /* 선택창 전용 커스텀 화살표 아이콘 */
  background: url(../../images/ico/angle-down-solid.svg) no-repeat right 10px center;
  background-size: 12px;
  outline: none;
  background-color: #fff;
  
  /* 글자와 화살표 중첩 방지 여백 */
  padding-right: 32px !important; 
}

/* 옵션(드롭다운 리스트) 창은 브라우저 기본 흰색 시스템 스타일을 유지 */
.signIn-select:required option {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.signIn-form-input:required:hover,
.signIn-form-input:required:focus {
  outline: 1px solid #f4d2e0;
}

.ls-survey-btn {
  text-align: center;
  width: 100%;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 14px 25px;
  border: none;
  font-weight: 500;
  background-color: #0075be;
  color: white;
  cursor: pointer;
  margin-top: 25px;
  text-decoration: none;
}

.ls-survey-btn:hover {
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}

.question_wrap {
  margin-top: 50px;
  color: #07074d;
  word-wrap: break-word;
  word-break: keep-all;
}

.question_wrap .form-detail {
  overflow: hidden;
  margin-bottom: 30px;
}

.question_wrap .form-detail:first-child {
  margin: 0;
}

.question_wrap .form-detail .form-detail-head {
  margin: 0;
}

.question_wrap .category {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #009bb4;
  margin-bottom: 10px;
}

.question_wrap .form-detail+h2 {
  margin-top: 50px;
}

.question_wrap .form-detail-head .title {
  word-break: keep-all;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #004381;
}

.question_wrap .form-detail-head .title strong {
  display: block;
  margin-bottom: 5px;
  color: #07074d;
}

.question_wrap .form-detail .tit_h4 {
  margin: 15px 0 0 16px;
  text-indent: -16px;
}

.question_wrap .form-detail .ui-radio-group {
  display: block;
  margin: 10px 0 0;
}

.question_wrap .box-wrap {
  position: relative;
  padding: 30px 15px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: inset 0 0 0 1px red;
}

.question_wrap .box-wrap:before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  width: 220px;
  height: 102px;
}

.question_wrap .form-detail .ui-radio-block {
  float: left;
  width: auto;
  margin-top: 10px;
}

.question_wrap .form-detail .ui-radio-block:nth-child(1),
.question_wrap .form-detail .ui-radio-block:nth-child(2) {
  margin: 0;
}

.question_wrap .form-detail .ui-radio-block {
  float: none;
  width: auto;
}

.question_wrap .form-detail .ui-radio-block:nth-child(2) {
  margin: 10px 0 0;
}

.question_wrap .ui-radio-group.type-wrap {
  margin-bottom: 0;
}

.question_wrap .ui-radio-group.type-wrap .ui-radio-block {
  flex: 0 0 100%;
}

.question_wrap .ui-radio-block+.ui-radio-block {
  margin-left: 0;
}

.ui-radio-block .ui-radio {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0;
}

.question_wrap input:not([type='range']) {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.question_wrap .ui-radio-object {
  border: 1px solid gray;
  background: white;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
}

.question_wrap .ui-radio-object::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
}

.ui-radio:checked+.ui-label .ui-radio-object::after {
  background: #004381;
}

.question_wrap .ui-label-text {
  font-size: 0.875rem;
  font-weight: 500;
}

.question_wrap .ui-input {
  font-family: inherit;
  font-size: 0.9375rem;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  padding: 16px 15px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  line-height: 1.5;
  resize: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* 설문 라디오버튼 가로 스타일 [25-07-07 mj]*/
.question_wrap .form-detail .ui-radio-group.straight {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin: 15px 0 0 0;
  padding: 0 9px;
}

/* 라디오 그룹 배경에 가로 선 추가 */
.question_wrap .form-detail .ui-radio-group.straight::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  right: 9px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.ui-radio-group.straight .ui-radio-block {
  margin-top: 0 !important;
  flex-shrink: 0;
  text-align: center;
  width: 20%;
  position: relative;
  z-index: 1;
}

.ui-radio-group.straight .ui-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  cursor: pointer;
  position: relative;
}

/* 라디오 버튼 오브젝트 */
.ui-radio-group.straight .ui-radio-object {
  border: 1px solid gray;
  background: white;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 5px;
  z-index: 2;
}

/* 첫 번째 라디오 버튼의 왼쪽에 삐져나온 선을 가리기 위한 가상 요소 */
.ui-radio-group.straight .ui-radio-block:first-child .ui-label::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 40px;
  height: 1px;
  background-color: white;
  z-index: 1;
}

/* 마지막 라디오 버튼의 오른쪽에 삐져나온 선을 가리기 위한 가상 요소 */
.ui-radio-group.straight .ui-radio-block:last-child .ui-label::after {
  content: '';
  position: absolute;
  top: 9px;
  right: 0;
  width: 40px;
  height: 1px;
  background-color: white;
  z-index: 1;
}

.ui-radio-group.straight .ui-label-text {
  margin: 0;
  text-align: center;
}

.form-detail .ui-input-block {
  margin: 10px 0 0;
  position: relative;
  box-sizing: border-box;
}

textarea.ui-input {
  resize: none;
  height: 160px;
}

textarea.ui-input:focus {
  outline: none;
  border-color: #0569a0;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
}

.count_area {
  text-align: right;
  margin: 5px 5px 0 0;
}

.current {
  color: #009bb4;
  font-weight: 500;
}



/*********************/
/******  FINISH  ******/
/*********************/

.notice img.ls-survey-finish-logo {
  margin: 50px 0 0 0;
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  filter: grayscale(100%);
  opacity: 0.45;
}

/* 반응형 */
@media  (max-width: 569px) {
  .ls-survey-main-wrapper {
    padding: 30px;
  }

  .ls-survey-form-wrapper {
    max-width: 100%;
    padding: 0;
    position: relative;
  }

  .ls-survey-form-input {
    font-size: 0.9375rem;
  }

  .ui-radio-group.straight .ui-radio-block:first-child .ui-label::after,
  .ui-radio-group.straight .ui-radio-block:last-child .ui-label::after {
    width: 40px;
  }
}

@media  (max-width: 375px) {
  .ls-survey-main-wrapper {
    padding: 30px 20px;
  }

  .ls-survey-form-input {
    font-size: 0.875rem;
  }
}

@media  (max-width: 320px) {
  .ui-radio-group.straight .ui-label-text span {
    display: block;
  }

  .ui-radio-group.straight .ui-radio-block:first-child .ui-label::after,
  .ui-radio-group.straight .ui-radio-block:last-child .ui-label::after {
    width: 30px;
  }
}

/* scroll 요소 */
::-webkit-scrollbar {
  width: 11px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 0.5rem;
  border: 4px solid transparent;
  box-shadow: inset 6px 6px 0 rgba(34, 34, 34, 0.15);
}

::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: transparent;
}

/* 회원가입 동의서 및 약관 25-09-19 */
.terms-section-content .provision {
  padding: 0 10px;
  height: 250px;
}

.terms-section-content .provision h1,
.terms-section-content .provision h2 {
  line-height: 1.5;
  margin: 10px 0 15px;
}

.terms-section-content .provision h1,
.terms-section-content .terms h1 {
  font-size: 1.125rem;
}

.terms-section-content .provision h2,
.terms-section-content .terms h2 {
  font-size: 1rem;
}

.terms-section-content .provision p {
  padding-bottom: 10px;
  margin: 0;
}

/* .terms-section-content .provision ol,
.terms-section-content .provision ul,
.terms-section-content .provision ol.first li
{
    list-style-position: inside;
} */

/* .terms-section-content .provision ol li
{
    list-style-type: decimal;
} */

/* .terms-section-content .provision ul li{
    list-style-type: disc;
} */

.terms-section-content .provision ul.second {
  /* list-style-type: disc; */
  padding: 0 0 15px 18px;
  list-style: none;
  margin: 0;
}





/***********************************************************************************************
	Layout & Grid
  # flex : flex 정의
  # Container : 컨테이너 정의
  # Row : 행 정의
  # Column : 열 정의
  # Responsive : 반응형 정의
  # 주의 : .ls-kb- 접두사가 붙어야함
/************************************************************************************************/

/* ====== Flex 유틸 정의 ====== */
.ls-flex {
  display: flex;
}

/* flex-direction 정의 ( flex-row / flex-column ) */
.ls-flex-row {
  flex-direction: row;
}

.ls-flex-column {
  flex-direction: column;
}

/* justify-content 정렬 정의 */
.ls-justify-content-center {
  justify-content: center;
}

.ls-justify-content-start {
  justify-content: flex-start;
}

.ls-justify-content-end {
  justify-content: flex-end;
}

.ls-justify-content-between {
  justify-content: space-between;
}

.ls-justify-content-around {
  justify-content: space-around;
}

.ls-justify-content-evenly {
  justify-content: space-evenly;
}

/* align-items 정렬 정의 */
.ls-align-items-center {
  align-items: center;
}

.ls-align-items-start {
  align-items: flex-start;
}

.ls-align-items-end {
  align-items: flex-end;
}

.ls-align-items-baseline {
  align-items: baseline;
}

.ls-align-items-stretch {
  align-items: stretch;
}

/* align-self 정렬 정의 */
.ls-align-self-center {
  align-self: center;
}

.ls-align-self-start {
  align-self: flex-start;
}

.ls-align-self-end {
  align-self: flex-end;
}

.ls-align-self-baseline {
  align-self: baseline;
}

.ls-align-self-stretch {
  align-self: stretch;
}

/* flex-wrap 줄바꿈 정의 */
.ls-flex-wrap {
  flex-wrap: wrap;
}

.ls-flex-nowrap {
  flex-wrap: nowrap;
}

.ls-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* flex-shrink / flex-grow 정의 */
.ls-flex-shrink-0 {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0.2rem;
}

.ls-flex-shrink-1 {
  flex-shrink: 1;
}

.ls-flex-shrink-2 {
  flex-shrink: 2;
}

.ls-flex-shrink-3 {
  flex-shrink: 3;
}

.ls-flex-shrink-4 {
  flex-shrink: 4;
}

.ls-flex-shrink-5 {
  flex-shrink: 5;
}

.ls-flex-grow-1 {
  flex-grow: 1;
}

.ls-flex-grow-0 {
  flex-grow: 0;
}

.ls-flex-grow-2 {
  flex-grow: 2;
}

.ls-flex-grow-3 {
  flex-grow: 3;
}

.ls-flex-grow-4 {
  flex-grow: 4;
}

.ls-flex-grow-5 {
  flex-grow: 5;
}

/* ====== row / container 유틸 정의  ====== */

/* 기본 컬럼 (모바일/데스크탑 공통) */
.ls-kb-col-1 {
  width: 8.333333% !important;
}

.ls-kb-col-2 {
  width: 16.666667% !important;
}

.ls-kb-col-3 {
  width: 25% !important;
}

.ls-kb-col-4 {
  width: 33.333333% !important;
}

.ls-kb-col-5 {
  width: 41.666667% !important;
}

.ls-kb-col-6 {
  width: 50% !important;
}

.ls-kb-col-7 {
  width: 58.333333% !important;
}

.ls-kb-col-8 {
  width: 66.666667% !important;
}

.ls-kb-col-9 {
  width: 75% !important;
}

.ls-kb-col-10 {
  width: 83.333333% !important;
}

.ls-kb-col-11 {
  width: 91.666667% !important;
}

.ls-kb-col-12 {
  width: 100% !important;
}

/* 기본 오프셋 */
.ls-kb-offset-0 {
  margin-left: 0 !important;
}

.ls-kb-offset-1 {
  margin-left: 8.333333% !important;
}

.ls-kb-offset-2 {
  margin-left: 16.666667% !important;
}

.ls-kb-offset-3 {
  margin-left: 25% !important;
}

.ls-kb-offset-4 {
  margin-left: 33.333333% !important;
}

.ls-kb-offset-5 {
  margin-left: 41.666667% !important;
}

.ls-kb-offset-6 {
  margin-left: 50% !important;
}

.ls-kb-offset-7 {
  margin-left: 58.333333% !important;
}

.ls-kb-offset-8 {
  margin-left: 66.666667% !important;
}

.ls-kb-offset-9 {
  margin-left: 75% !important;
}

.ls-kb-offset-10 {
  margin-left: 83.333333% !important;
}

.ls-kb-offset-11 {
  margin-left: 91.666667% !important;
}

/* xs (모바일, 기본) - 0 ~ 575px */
@media (max-width: 575px) {
  .ls-kb-col-xs-1 {
    width: 8.333333% !important;
  }

  .ls-kb-col-xs-2 {
    width: 16.666667% !important;
  }

  .ls-kb-col-xs-3 {
    width: 25% !important;
  }

  .ls-kb-col-xs-4 {
    width: 33.333333% !important;
  }

  .ls-kb-col-xs-5 {
    width: 41.666667% !important;
  }

  .ls-kb-col-xs-6 {
    width: 50% !important;
  }

  .ls-kb-col-xs-7 {
    width: 58.333333% !important;
  }

  .ls-kb-col-xs-8 {
    width: 66.666667% !important;
  }

  .ls-kb-col-xs-9 {
    width: 75% !important;
  }

  .ls-kb-col-xs-10 {
    width: 83.333333% !important;
  }

  .ls-kb-col-xs-11 {
    width: 91.666667% !important;
  }

  .ls-kb-col-xs-12 {
    width: 100% !important;
  }

  .ls-kb-offset-xs-0 {
    margin-left: 0 !important;
  }

  .ls-kb-offset-xs-1 {
    margin-left: 8.333333% !important;
  }

  .ls-kb-offset-xs-2 {
    margin-left: 16.666667% !important;
  }

  .ls-kb-offset-xs-3 {
    margin-left: 25% !important;
  }

  .ls-kb-offset-xs-4 {
    margin-left: 33.333333% !important;
  }

  .ls-kb-offset-xs-5 {
    margin-left: 41.666667% !important;
  }

  .ls-kb-offset-xs-6 {
    margin-left: 50% !important;
  }

  .ls-kb-offset-xs-7 {
    margin-left: 58.333333% !important;
  }

  .ls-kb-offset-xs-8 {
    margin-left: 66.666667% !important;
  }

  .ls-kb-offset-xs-9 {
    margin-left: 75% !important;
  }

  .ls-kb-offset-xs-10 {
    margin-left: 83.333333% !important;
  }

  .ls-kb-offset-xs-11 {
    margin-left: 91.666667% !important;
  }
}

/* sm (Small devices, 576px ~) */
@media (min-width: 576px) {
  .ls-kb-col-sm-1 {
    width: 8.333333% !important;
  }

  .ls-kb-col-sm-2 {
    width: 16.666667% !important;
  }

  .ls-kb-col-sm-3 {
    width: 25% !important;
  }

  .ls-kb-col-sm-4 {
    width: 33.333333% !important;
  }

  .ls-kb-col-sm-5 {
    width: 41.666667% !important;
  }

  .ls-kb-col-sm-6 {
    width: 50% !important;
  }

  .ls-kb-col-sm-7 {
    width: 58.333333% !important;
  }

  .ls-kb-col-sm-8 {
    width: 66.666667% !important;
  }

  .ls-kb-col-sm-9 {
    width: 75% !important;
  }

  .ls-kb-col-sm-10 {
    width: 83.333333% !important;
  }

  .ls-kb-col-sm-11 {
    width: 91.666667% !important;
  }

  .ls-kb-col-sm-12 {
    width: 100% !important;
  }

  .ls-kb-offset-sm-0 {
    margin-left: 0 !important;
  }

  .ls-kb-offset-sm-1 {
    margin-left: 8.333333% !important;
  }

  .ls-kb-offset-sm-2 {
    margin-left: 16.666667% !important;
  }

  .ls-kb-offset-sm-3 {
    margin-left: 25% !important;
  }

  .ls-kb-offset-sm-4 {
    margin-left: 33.333333% !important;
  }

  .ls-kb-offset-sm-5 {
    margin-left: 41.666667% !important;
  }

  .ls-kb-offset-sm-6 {
    margin-left: 50% !important;
  }

  .ls-kb-offset-sm-7 {
    margin-left: 58.333333% !important;
  }

  .ls-kb-offset-sm-8 {
    margin-left: 66.666667% !important;
  }

  .ls-kb-offset-sm-9 {
    margin-left: 75% !important;
  }

  .ls-kb-offset-sm-10 {
    margin-left: 83.333333% !important;
  }

  .ls-kb-offset-sm-11 {
    margin-left: 91.666667% !important;
  }
}

/* md (태블릿, 768px ~) */
@media (min-width: 768px) {
  .ls-kb-col-md-1 {
    width: 8.333333% !important;
  }

  .ls-kb-col-md-2 {
    width: 16.666667% !important;
  }

  .ls-kb-col-md-3 {
    width: 25% !important;
  }

  .ls-kb-col-md-4 {
    width: 33.333333% !important;
  }

  .ls-kb-col-md-5 {
    width: 41.666667% !important;
  }

  .ls-kb-col-md-6 {
    width: 50% !important;
  }

  .ls-kb-col-md-7 {
    width: 58.333333% !important;
  }

  .ls-kb-col-md-8 {
    width: 66.666667% !important;
  }

  .ls-kb-col-md-9 {
    width: 75% !important;
  }

  .ls-kb-col-md-10 {
    width: 83.333333% !important;
  }

  .ls-kb-col-md-11 {
    width: 91.666667% !important;
  }

  .ls-kb-col-md-12 {
    width: 100% !important;
  }

  .ls-kb-offset-md-0 {
    margin-left: 0 !important;
  }

  .ls-kb-offset-md-1 {
    margin-left: 8.333333% !important;
  }

  .ls-kb-offset-md-2 {
    margin-left: 16.666667% !important;
  }

  .ls-kb-offset-md-3 {
    margin-left: 25% !important;
  }

  .ls-kb-offset-md-4 {
    margin-left: 33.333333% !important;
  }

  .ls-kb-offset-md-5 {
    margin-left: 41.666667% !important;
  }

  .ls-kb-offset-md-6 {
    margin-left: 50% !important;
  }

  .ls-kb-offset-md-7 {
    margin-left: 58.333333% !important;
  }

  .ls-kb-offset-md-8 {
    margin-left: 66.666667% !important;
  }

  .ls-kb-offset-md-9 {
    margin-left: 75% !important;
  }

  .ls-kb-offset-md-10 {
    margin-left: 83.333333% !important;
  }

  .ls-kb-offset-md-11 {
    margin-left: 91.666667% !important;
  }
}

/* lg (데스크탑, 992px ~) */
@media (min-width: 992px) {
  .ls-kb-col-lg-1 {
    width: 8.333333% !important;
  }

  .ls-kb-col-lg-2 {
    width: 16.666667% !important;
  }

  .ls-kb-col-lg-3 {
    width: 25% !important;
  }

  .ls-kb-col-lg-4 {
    width: 33.333333% !important;
  }

  .ls-kb-col-lg-5 {
    width: 41.666667% !important;
  }

  .ls-kb-col-lg-6 {
    width: 50% !important;
  }

  .ls-kb-col-lg-7 {
    width: 58.333333% !important;
  }

  .ls-kb-col-lg-8 {
    width: 66.666667% !important;
  }

  .ls-kb-col-lg-9 {
    width: 75% !important;
  }

  .ls-kb-col-lg-10 {
    width: 83.333333% !important;
  }

  .ls-kb-col-lg-11 {
    width: 91.666667% !important;
  }

  .ls-kb-col-lg-12 {
    width: 100% !important;
  }

  .ls-kb-offset-lg-0 {
    margin-left: 0 !important;
  }

  .ls-kb-offset-lg-1 {
    margin-left: 8.333333% !important;
  }

  .ls-kb-offset-lg-2 {
    margin-left: 16.666667% !important;
  }

  .ls-kb-offset-lg-3 {
    margin-left: 25% !important;
  }

  .ls-kb-offset-lg-4 {
    margin-left: 33.333333% !important;
  }

  .ls-kb-offset-lg-5 {
    margin-left: 41.666667% !important;
  }

  .ls-kb-offset-lg-6 {
    margin-left: 50% !important;
  }

  .ls-kb-offset-lg-7 {
    margin-left: 58.333333% !important;
  }

  .ls-kb-offset-lg-8 {
    margin-left: 66.666667% !important;
  }

  .ls-kb-offset-lg-9 {
    margin-left: 75% !important;
  }

  .ls-kb-offset-lg-10 {
    margin-left: 83.333333% !important;
  }

  .ls-kb-offset-lg-11 {
    margin-left: 91.666667% !important;
  }
}

.ls-kb-container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.ls-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.ls-card-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px;
}

.ls-kb-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
  box-sizing: border-box;
  flex-grow: 1;
}

[class^="ls-kb-col-"],
[class*=" ls-kb-col-"],
.ls-kb-col {
  flex: 0 0 auto;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}

.ls-card .title {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 34px;
    color: #333;
}

.ls-survey-page {
  max-width: 1440px;
  padding-top: 24px;
  padding-bottom: 48px;
}

.ls-survey-page .ls-kb-card {
  background: #fff;
  border: 1px solid #d9e0e8;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04);
}

.ls-survey-page .ls-kb-card-body {
  padding: 24px;
}

.ls-page-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.ls-page-actions-info,
.ls-page-actions-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ls-page-actions-info {
  color: #4b5563;
  line-height: 1.6;
}

.ls-form-section {
  border: 1px solid #d7dde5;
  border-radius: 0.5rem;
  background: #fff;
  padding: 24px;
}

.ls-card .signIn-input-group .signIn-form-label,
.ls-modal .signIn-form-label {
    width: 130px;
    flex-shrink: 0;
    margin-bottom: 0;
    text-align: end;
}


.ls-modal .signIn-form-label {
        width: 100px;
    }


.ls-form-group {
  margin-bottom: 20px;
}

.ls-form-group:last-child {
  margin-bottom: 0;
}

/* 이미지 경로 필히 맞춰주세요. */
  .ls-card .signIn-input-group .signIn-select {
      background: url(../../images/ico/angle-down-solid.svg) no-repeat right 10px center;
      background-size: 12px;
      outline: none;
      background-color: #fff;
  }

.ls-survey-page .form-label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f2937;
}

.ls-survey-page .form-label.required-header::after,
.ls-survey-page label.required-header::after {
  content: ' *';
  color: #ed174b;
}

.ls-form-control {
  width: 100%;
  border:1px solid #e0e0e0
}

.ls-form-control .input-container,
.ls-form-control .select-container,
.ls-form-control .textarea-container,
.ls-form-control [rapweb-file],
.ls-form-control [data-ax5picker],
.ls-form-control [data-ax5select],
.ls-form-control [rapweb-input],
.ls-form-control [rapweb-textarea] {
  width: 100% !important;
  max-width: 100%;
}

.ls-form-control .ax5select-display,
.ls-form-control .rap-web,
.ls-form-control .w100p {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
}

.ls-form-control input[type="text"],
.ls-form-control input[type="number"],
.ls-form-control input[type="password"],
.ls-form-control input[type="email"],
.ls-form-control select,
.ls-form-control textarea {
  width: 100% !important;
}

.ls-form-inline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ls-form-inline>* {
  flex: 1 1 140px;
}

.ls-form-inline .ls-form-inline-separator {
  flex: 0 0 auto;
  font-weight: 600;
  color: #4b5563;
}

.ls-form-inline .input-container[type="checkbox"],
.ls-form-inline [rapweb-input][type="checkbox"] {
  flex: 0 0 auto;
}

.ls-form-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ls-form-help {
  margin-top: 8px;
  color: #374151;
  line-height: 1.5;
}

.ls-form-highlight-group {
  padding: 20px;
  border: 1px solid #dce5ef;
  border-radius: 0.5rem;
  background: #f8fbff;
}

.ls-form-nested-row {
  margin-top: 0;
  margin-bottom: 0;
}

.ls-form-action-col,
.ls-form-button-only,
.ls-form-action-wrap {
  height: 100%;
}

.ls-form-action-wrap {
  display: flex;
  align-items: end;
}

.ls-form-check-panel {
  padding: 18px 20px;
  border-radius: 0.5rem;
  text-align: center;
}

.ls-form-check-panel label {
  line-height: 1.7;
}

.ls-link-field {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.ls-submit-actions .text-center {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ls-mobile-full-button {
  max-width: 100%;
}

.ls-survey-page .file-table {
  display: block;
  min-height: 48px;
}

.ls-survey-page .terms {
  border: 1px solid #d7dde5;
  border-radius: 0.5rem;
  padding: 20px;
  background: #fafcff;
}

@media (max-width: 991px) {

  .ls-survey-page .ls-kb-card-body,
  .ls-form-section {
    padding: 18px;
  }

  .ls-form-inline {
    align-items: stretch;
  }

  .ls-form-inline .ls-form-inline-separator {
    display: none;
  }

  .ls-mobile-full-button,
  .ls-page-actions-buttons .small,
  .ls-submit-actions .small {
    width: 100%;
  }

  .ls-form-action-wrap {
    align-items: stretch;
  }
}

@media (max-width: 575px) {
  .ls-survey-page {
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .ls-survey-page .ls-kb-card {
    border-radius: 0.5rem;
  }

  .ls-form-group {
    margin-bottom: 16px;
  }

  .ls-card .signIn-input-group{
    display:block;
    margin-bottom:5px;
  }

  .ls-card .signIn-input-group .signIn-form-label{
    width:100%;
    text-align:left; 
    margin-bottom: 5px;       
  }

  .signIn-form-label.inquired::before{
    right:0;
  }

  .email .email-check{       
    width: calc(100% - 2.2rem);
    margin-top: 5px;
    margin-left: 1rem;
  }
}

@media (max-width: 992px){
  .add-line{
    margin-bottom:5px !important;
  }
} 

/* ====== Responsive ====== */
@media (max-width: 576px) {

        /* 모바일 경우 label 왼쪽으로 정렬, 하단 간격 0.5rem */
        .ls-card .signIn-input-group .signIn-form-label,
        .ls-modal .signIn-form-label {
            margin-bottom: 0.5rem;
            flex-shrink: 0;
            margin-bottom: 5px;
            text-align: start;
        }

        .row-input-group .row-input-label {
            width: 100%;
            margin-bottom: 0.5rem;
            flex-shrink: 0;
            margin-bottom: 0;
            text-align: start;
        }


        .ls-card .row-input-group {
            display: block;
            margin-bottom: 5px;
        }

        .ls-modal .signIn-input-group {
            display: block;
            margin-bottom: 5px;
        }

        .row-input-group .row-mb {
            margin-bottom: 0.5rem !important;
        }

        #reqSrhModal .ls-nonMember-box > .ls-kb-row {
            row-gap: 1rem;
        }

        #reqSrhModal .row-mb {
            margin-bottom: 0 !important;
        }

        /* 모바일 경우 margin-bottom 1.5rem */
        #applyInfoForm .ls-kb-col-xs-12 {
            width: 100% !important;
            margin-bottom: 5px;
        }

        /* 모바일 경우 margin-top 0.8rem */
        .ls-card .signIn-input-group .emailCheckArea {
            display: flex;
            width: 80px;
            justify-content: space-between;
            align-items: center;
            margin-top: 0.8rem;
        }

        .ls-modal .signIn-input-group .emailCheckArea {
            display: flex;
            width: 180px;
            justify-content: space-between;
            align-items: center;
            margin-top: 0.8rem;
        }

        #reqSrhModal .signIn-input-group.email {
            flex-wrap: wrap;
        }

        #reqSrhModal .signIn-input-group.email .signIn-form-label {
            width: 100%;
            text-align: start;
        }

        #reqSrhModal .signIn-input-group.email .emailCheckArea {
            width: 100%;
            margin-top: 0.5rem;
            justify-content: flex-start;
        }
    }


 @media (max-width: 767px) {
        .signIn-input-group .tableInquiry {
            width:auto;
        }
    }


@media (max-width: 992px) {
    .ls-nonMember-box {
        padding: 20px;
        border-radius: 1rem;
        margin: 0 !important;
    }
    }

    @media (max-width: 575px) {
        .ls-nonMember-box {
            padding: 15px 20px;
            border-radius: 0.5rem;
        }
    }

    @media screen and (max-width: 376px) {
        .ls-nonMember-box {
            padding: 15px 8px;
        }
    }


@media (min-width: 768px) {
  .signIn-form-title h2 {
    font-size:1.3125rem;
  }
}

@media  (max-width: 575px) {
  .signIn-form-title h2 {
    font-size:1.125rem;
  }
  .sm-btn{margin-top: 5px;}
}

@media  (max-width: 375px) {
  .sm-btn{margin-top: 5px;}

  .ls-modal-header{
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .ls-modal-header-main{
    align-items: center;
    width: 100%;
  }

  .ls-modal-title{
    text-align: center;
    margin-top: 20px;
  }
}


@media (min-width: 576px) {
  .ls-kb-container {
    max-width: 540px;
  }

  .select-area,
  .select-group{
    padding: 0;
  }

  .select-group select{
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .ls-kb-container {
    max-width: 720px;
  }

  .ls-card-body {
      padding: 15px;
  }  
  
  .select-area{
    display:block;
  }

  .select-group{
    padding: 0;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }

  .trma{
    margin-left: 140px;
  }
    
  /* 알림 모달 스타일 */
  .ls-alert {
    width: 50%;
    position: relative;
    left: 50%;        
    transform: translateX(-50%);
  }

}

@media (min-width: 992px) {
  .ls-kb-container {
    max-width: 960px;
  }

  .ls-card-body {
      padding: 30px;
  }

}

@media (min-width: 1200px) {
  .ls-kb-container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .ls-kb-container {
    max-width: 1320px;
  }
}



/***********************************************************************************************
	margin & padding 유틸 정의
  # margin  : 마진 정의
  # padding : 패딩 정의
/************************************************************************************************/

.ls-auto {
  margin: 0 auto;
}

.ls-mb1 {
  margin-bottom: 0.25rem;
}

.ls-mb2 {
  margin-bottom: 0.5rem;
}

.ls-mb3 {
  margin-bottom: 1rem;
}

.ls-mb4 {
  margin-bottom: 1.5rem;
}

.ls-mb5 {
  margin-bottom: 3rem;
}


.ls-mt2 {
  margin-top: 0.5rem;
}

.ls-mt3 {
  margin-top: 1rem;
}

.ls-mt4 {
  margin-top: 1.5rem;
}

.ls-mt5 {
  margin-top: 3rem;
}

.ls-mr1 {
  margin-right: 0.25rem;
}

.ls-mr2 {
  margin-right: 0.5rem;
}

.ls-mr3 {
  margin-right: 1rem;
}

.ls-mr4 {
  margin-right: 1.5rem;
}

.ls-mr5 {
  margin-right: 3rem;
}

.ls-ml1 {
  margin-left: 0.25rem;
}

.ls-ml2 {
  margin-left: 0.5rem;
}

.ls-ml3 {
  margin-left: 1rem;
}

.ls-ml4 {
  margin-left: 1.5rem;
}

.ls-ml5 {
  margin-left: 3rem;
}

.ls-mb1 {
  margin-bottom: 1rem;
}

.ls-p1 {
  padding: 0.25rem;
}

.ls-p2 {
  padding: 0.5rem;
}

.ls-p3 {
  padding: 1rem;
}

.ls-p4 {
  padding: 1.5rem;
}

.ls-p5 {
  padding: 3rem;
}

.ls-pr1 {
  padding-right: 0.25rem;
}

.ls-pr2 {
  padding-right: 0.5rem;
}

.ls-pr3 {
  padding-right: 1rem;
}

.ls-pr4 {
  padding-right: 1.5rem;
}

.ls-pr5 {
  padding-right: 3rem;
}

.ls-pt1 {
  padding-top: 0.25rem;
}

.ls-pt2 {
  padding-top: 0.5rem;
}

.ls-pt3 {
  padding-top: 1rem;
}

.ls-pt4 {
  padding-top: 1.5rem;
}

.ls-pt5 {
  padding-top: 3rem;
}

.ls-pb1 {
  padding-bottom: 0.25rem;
}

.ls-pb2 {
  padding-bottom: 0.5rem;
}

.ls-pb3 {
  padding-bottom: 1rem;
}

.ls-pb4 {
  padding-bottom: 1.5rem;
}

.ls-pb5 {
  padding-bottom: 3rem;
}

.ls-pl1 {
  padding-left: 0.25rem;
}

.ls-pl2 {
  padding-left: 0.5rem;
}

.ls-pl3 {
  padding-left: 1rem;
}

.ls-pl4 {
  padding-left: 1.5rem;
}

.ls-pl5 {
  padding-left: 3rem;
}


/* 컴포넌트 재정의 */
/***********************************************************************************************
	컴포넌트 재정의 
ax5 UI 컴포넌트의 기본 스타일을 재정의하여 설문조사 페이지에 맞게 조정
- form 요소의 스타일을 일관되게 적용하여 사용자 경험 향상
- 적용파일 이외 사용금지  
main\webapp\WEB-INF\jsp\core\layout\mainComPage.jsp
main\webapp\WEB-INF\jsp\svcQstn\registInqueryNonMember.jsp
- 기존 css 수정, 추가, 삭제 등 금지
  
/************************************************************************************************/


/*form 재 정의
.form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 38px;
  padding: 0;
  font-size: 1rem;
  line-height: 1.42857;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


input[type="text"],
input[type="number"],
input[type="password"],
select {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  padding: 0 6px;
  font-size: 1rem;
  line-height: 1.42857;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.ax5select-display .ax5select-display-table,
.input-group [data-ax5select] .ax5select-display .ax5select-display-table {
  width: 100%;
  height: 100%;
  height: 38px;
  display: table;
  border-collapse: collapse;
  user-select: none;
  table-layout: fixed;
}

.ax5select-display .ax5select-display-table [data-ax5select-display="label"] {
  display: table-cell;
  vertical-align: middle;
  height: 38px;
  padding: 0px 7px;
  color: #444;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.select-container {
  width: 100%;
  height: 38px !important;
  border: none;
  padding: 0px !important;
  margin: 0px !important;
}