.content-pt {
  padding-top: 160px;
}

.content-pb {
  padding-bottom: 160px;
}

.content-pd {
  padding-block: 100px;
}

@media screen and (max-width:1000px) {
  .content-pt {
    padding-top: 120px;
  }

  .content-pb {
    padding-bottom: 120px;
  }

  .content-pd {
    padding-block: 120px;
  }
}

@media screen and (max-width:768px) {
  .content-pt {
    padding-top: 80px;
  }

  .content-pb {
    padding-bottom: 80px;
  }

  .content-pd {
    padding-block: 80px;
  }

}

.sub-title-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sub-title-box.center {
  align-items: left;
  text-align: left;
}

.sub-title-box .title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.04px;
}

.sub-title-box .sub-text {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.6px;
}

.sub-title-box .sub-info {
  color: var(--color66);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.72px;
}


.sub section .inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
}



@media screen and (max-width:1000px) {}

@media screen and (max-width:768px) {

  .sub section .inner {
    gap: 40px;
  }



  .sub-title-box .title {
    font-size: 1.4rem;
  }

  .sub-title-box .sub-text {
    font-size: 1.8rem;
  }

  .sub-title-box .sub-info {
    font-size: 1.1rem;
  }
}

.sub .text-big-box {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.sub .text-big-box .text-48 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.92px;
}

.sub .text-big-box .text-48.center {
  text-align: center;
}

.sub .text-big-box .sub-text {
  color: var(--color66);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.8px;
}

.sub .text-big-box .sub-text.center {
  text-align: center;
}

.sub .img-box {
  border-radius: 10px;
  overflow: hidden;
}

.sub .img-box img {
  margin: 0 auto;
}


@media screen and (max-width:1200px) {
  .sub .text-big-box {
    gap: 20px;
  }

  .sub .text-big-box .text-48 {
    font-size: 2.5rem;
  }

  .sub .text-big-box .sub-text {
    font-size: 1.1rem;
  }
}



@media screen and (max-width:680px) {
  .sub .text-big-box .text-48 {
    font-size: 1.8rem;
  }

  .sub .text-big-box .sub-text br {
    display: none !important;
  }

  .sub .text-big-box .sub-text br.default {
    display: block !important;
  }
}

/* ----------------회사소개---------------- */




.ci {}


.ci-logo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.ci-logo li {
  width: 100%;
  /* height: 260px; */
  /* background: url(/affiliate/image/sub/bg_ci_ewell.png)no-repeat center /cover; */
  border-radius: 10px;
  /* border: 1px solid var(--colordd); */
  overflow: hidden;
}

/* .ci-logo li .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
} */

.ci-info ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}



.color-name {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.04px;
}

.color-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  margin-top: 30px;
  border-radius: 4px;
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.96px;
}

.color-box.color-blue {
  background: #4AC9E3;
}

.color-box.color-black {
  background: #343535;
}

.color-info {
  margin-top: 20px;
  color: var(--color66);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.72px;
}



@media screen and (max-width:768px) {
  .ci-logo {
    flex-direction: column;
  }
}

@media screen and (max-width:680px) {
  .ci-info ul {
    grid-template-columns: 1fr;
  }
}

/* 인증서 */
.certificate {
  background: var(--colorf7);
}

.certificate .certificate-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
}




/* 연혁 */


.history {}

.sub section.history>.inner {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 160px;
}

.history-list {
  margin-top: 40px;
  border-top: 1px solid var(--color22);
}

.history-list li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 32px 20px;
  border-top: 1px solid var(--colordd);
  box-sizing: border-box;
}

.history-list li .date {
  width: 105px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.8px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.history-list li .info {
  color: var(--color66);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.72px;
}

@media screen and (max-width:768px) {
  .history .sub-text br {
    display: none;
  }

  .sub section.history>.inner {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .history-list {
    margin-top: 0;
  }

  .history-list li .date,
  .history-list li .info {
    font-size: 1.1rem;
  }

}

@media screen and (max-width:680px) {
  .history-list li {
    flex-direction: column;
    gap: 12px;
  }
}


/* 조직도 */


.organization-chart .img-box {
  border-radius: 0;
}

/* 오시는 길 */

.location-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 80px;
}

.location-box .info-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.location-box .info-box .title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.44px;
}

.location-box .info-box .info .address,
.location-box .info-box .info .tel {
  color: var(--color66);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.8px;
}

/* .root_daum_roughmap {
  border: 1px solid var(--colordd);
} */

/* .root_daum_roughmap .map_border {
  display: none !important;
} */
.root_daum_roughmap_landing {
  overflow: visible !important;
}

/* .wrap_controllers.hide, */
.section_address {
  display: none;
}


@media screen and (max-width:768px) {
  .location-box {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .location-box .info-box .title {
    font-size: 1.8rem;
  }

  .location-box .info-box .info .address,
  .location-box .info-box .info .tel {
    font-size: 1.1rem;
  }
}




/* ----------------사업분야---------------- */

.business-box {}

.business-box .title-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business-box .title-box h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.6px;
}

.business-box .title-box p {
  color: var(--color66);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.72px;
}



.business-info ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

.business-info li {
  flex: 1;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.business-info li~li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translateY(-50%);
  width: 17px;
  height: 20px;
  background: url('/affiliate/image/sub/img_arrow_right_blue.svg') no-repeat center /contain;
}

.business-info .img-box {
  min-width: 190px;
  border-radius: 4px;
  overflow: hidden;
}

.business-info .step-name {
  width: 100%;
  padding: 22px;
  border-radius: 4px;
  border: 1px solid var(--color27);
  background: var(--white);
  box-sizing: border-box;
}

.business-info .step-name p {
  color: var(--color27);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.8px;
  text-wrap: nowrap;
}

.business-info li:last-child .step-name {
  border: 1px solid var(--white);
  background: var(--color27);
}

.business-info li:last-child .step-name p {
  color: var(--white);
}


@media screen and (max-width:1000px) {

  .business-info ul {
    gap: 50px;
  }

  .business-info li~li::before {
    left: -30px;
  }
}

@media screen and (max-width:768px) {
  .business-box .title-box h2 {
    font-size: 2rem;
  }

  .business-box .title-box p {
    font-size: 1.1rem;
  }

  .business-info ul {
    flex-direction: column;
    gap: 40px;
  }

  .business-info li {
    align-items: center;
  }

  .business-info li~li::before {
    top: -5%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .business-info .step-name {
    max-width: 300px;
  }

  .business-info .step-name p {
    font-size: 1.1rem;
  }

}



/* ----------------인재채용---------------- */

.recruit-link {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.recruit-link a {
  display: block;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 27px;
  border-radius: 1000px;
  border: 1px solid var(--colordd);
  background: var(--white);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.8px;
  box-sizing: border-box;
  transition: .3s;
}

.recruit-link a:hover {
  background: var(--color27);
  color: var(--white);
}

.welfare {
  background: var(--colorf7);
}

.sub .welfare .inner {
  gap: 128px;
}

.welfare-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.welfare-list>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.welfare-list>li>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}

.welfare-list strong {
  color: var(--color27);
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -1.36px;
}

.welfare-list ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.welfare-list ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--color22);
  text-align: center;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -1.04px;
}

.welfare-list ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  margin-top: 1.1875rem;
  background: var(--color66);
  border-radius: 50%;
}

@media screen and (max-width:768px) {
  .sub .welfare .inner {
    gap: 116px;
  }

  .recruit-link a {
    font-size: 1.1rem;
    padding: 20px;
  }

  .welfare-list strong {
    font-size: 1.4rem;
  }

  .welfare-list {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .welfare-list>li,
  .welfare-list>li>div,
  .welfare-list ul {
    align-items: flex-start;
  }

  .welfare-list ul li {
    padding-left: 10px;
    font-size: 1.1rem;
  }

  .welfare-list ul li::before {
    width: 4px;
    height: 4px;
    margin-top: 0.75rem;
  }
}



/* ------------------고객문의------------------ */
.sec-area h4.title-100 {
  width: 100%;
  max-width: 100%;
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.68px;
  text-transform: uppercase;
}

.font20-400 {
  color: var(--color22);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.4px;
}

.as-agree {}

.as-agree-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.as-agree-info {

  padding: 20px;
  margin-top: 60px;
  border-radius: 8px;
  border: 1px solid var(--colorb2);
  background: var(--coloref);

  box-sizing: border-box;
}

.as-agree-info>div {
  height: 400px;
  padding: 40px;
  overflow: auto;
  box-sizing: border-box;
}

.as-agree-info>div::-webkit-scrollbar {
  width: 4px;
  background-color: var(--colorb2);
}

.as-agree-info>div::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: var(--color22);
  border-radius: 10px;
}

.as-agree-info>div::-webkit-scrollbar-track {
  background-color: transparent;
}

.as-agree-info .title-info:first-child {
  margin-top: 0;
}

.as-agree-info .title-info {
  margin-top: 40px;
  color: var(--color22);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.4px;
}

.as-agree-info .sub-info {
  margin-top: 10px;
  color: var(--color22);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.36px;
}


.as-chk-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

.as-chk-box label {
  color: var(--color22);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.36px;
}

.as-chk-box input[type="checkbox"] {
  display: none;
}

.as-chk-box input[type="checkbox"]+label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.as-chk-box input[type="checkbox"]+label::before {
  content: "";
  display: flex;
  width: 18px;
  height: 18px;
  background: url(/image/common/ico_check_none.svg)no-repeat center/ contain;
}

.as-chk-box input[id="as-agree-chk"]:checked+label::before {
  background: url(/image/common/ico_check_ok.svg)no-repeat center/ contain;
}





/* 개인정보이용동의 */
.cs-form {
  width: 100%;
  margin-top: 80px;
  border-top: 1px solid var(--color22);
}

.cs-form .col-label {
  width: 136px;
  min-width: 4em;
}

.cs-form th,
.cs-form td {
  padding: 10px 20px;
  border-bottom: 1px solid var(--colorb2);
}

.cs-form th {
  background: var(--coloref);
  color: var(--color22);
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.32px;
}

.cs-form .select-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cs-form select {
  display: flex;
  width: 100%;
  max-width: 240px;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--colorb2);
  color: var(--color44);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.32px;
  box-sizing: border-box;

}

.cs-form input {
  width: 100%;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--colorb2);
  background: var(--white);
  box-sizing: border-box;
}


.as-name {
  max-width: 490px;
}

.number-input {
  display: flex;
  align-items: center;
  gap: 10px;
}

.as-tel,
.as-phone {
  max-width: calc(436px / 3);
}

.mail-input {
  display: flex;
  align-items: center;
  gap: 10px;
}

.as-mail {
  max-width: calc(455px / 2);
}

.as-info {
  resize: none;
  width: 100%;
  height: 234px;
  padding: 17px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--colorb2);
  background: var(--white);
  overflow: auto;
}

.as-name::placeholder,
.as-title::placeholder,
.as-info::placeholder {
  color: var(--color22);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.32px;
}

.as-file {
  position: relative;
  width: 100%;
  max-width: 545px;
  padding-right: 150px;
}

.as-file input[type="file"] {
  position: absolute;
  right: 0;
  top: 0;

  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha("opacity=0");
}

.as-file input[type="file"]+label {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 140px;
  padding: 18px 20px;
  border-radius: 5px;
  border: 1px solid var(--color22);
  background: var(--white);
  color: var(--color22);
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.32px;
  box-sizing: border-box;
}

.as-file .file-name {
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--colorb2);
  background: var(--white);
  color: var(--color44);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.32px;
  box-sizing: border-box;
}

.submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.submit-btn a,
.submit-btn button {
  width: 100%;
  max-width: 208px;
  padding: 14px 24px;
  border-radius: 1000px;
  background: var(--color22);
  color: var(--white);
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.32px;
  transition: .3s;
}

.submit-btn a:hover,
.submit-btn button:hover {
  background-color: var(--color27);
  border-color: var(--color27);
  color: var(--white);
}


@media screen and (max-width:768px) {
  .sec-area h4.title-100 {
    font-size: 2rem;
  }

  .font20-400 {
    font-size: 1.1rem;
  }

  .cs-form colgroup {
    display: none;
  }

  .cs-form tr {
    display: grid;
    grid-template-columns: 1fr;

  }

  .cs-form .select-box {
    flex-direction: column;
  }

  .cs-form select {
    max-width: 100%;
  }

  .cs-form select,
  .as-file input[type="file"]+label,
  .as-file .file-name,
  .cs-form input {
    padding-block: 10px;
  }

  .as-agree-info>div {
    padding: 10px;
  }

  .as-chk-box label {
    font-size: 1rem;
  }

  .submit-btn {
    margin-top: 60px;
  }

  .as-name,
  .as-mail,
  .as-tel,
  .as-phone {
    max-width: 100%;
  }
}