@charset "utf-8";

.mobile-only{
  display: none;
}
.m0auto{
  margin: 0 auto;
}
/* scrollbar */
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
/* title */
.use__application__title__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.use__application__file__title {
  display: flex;
  margin-bottom: 10px;
}
.use__application__file__title .txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  line-height: 27px;
  margin-right: 4px;
  letter-spacing: -0.72px;
}
.form__list__title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.form__list__title span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.72px;
}
.form__list__title span.required {
  margin-left: 4px;
  color: #1ccdcc;
}
.section-title {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.6px;
  margin-bottom: 8px;
}
.section-sub-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: normal;
  letter-spacing: -0.64px;opacity: 0.5;
}
.title-wrap a {
  color: #2983f5;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 18px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #2983f5;

  background: #fff;
}
/* input */
.ipt__file {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdo__item {
  display: flex;
  align-items: center;
  position: relative;
}
.ipt__rdo__item input {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__rdo__item input + label {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.ipt__rdo__item input + label .ico {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  position: relative;
  margin: 3px 6px 0 0;
  border-radius: 50%;
}
.ipt__rdo__item input:checked + label .ico {
  border-color: #4063ec;
}
.ipt__rdo__item input + label .ico::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 50%;
}
.ipt__rdo__item input:checked + label .ico::before {
  background: #4063ec;
}
.ipt__ckbox__total__group {
  border-bottom: 1px solid #1f2437;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.ipt__ckbox + label {
  display: flex;
}
.ipt__ckbox {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ipt__ckbox + label .ico {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 3px;
  cursor: pointer;
}
.ipt__ckbox__total__group .ipt__ckbox + label .ico {
  margin-top: 4px;
}
.ipt__ckbox:checked + label .ico {
  background: url(../../images/aica/ico_ckbox_checked.svg) no-repeat center/contain;
  border: 0;
}
.ipt__ckbox + label .txt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  cursor: pointer;
}
.ipt__ckbox + label .txt b.required {
  font-weight: 500;
  color: #4063ec;
}
.ipt__ckbox__total__conts {
  border: 1px solid #ccc;
  height: 120px;
  margin-top: 20px;
  padding: 16px 0 16px 16px;
  border-radius: 5px;
  overflow-y: auto;
}
.ipt__ckbox__total__conts * {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 28px;
}
/* textbox */
.use__application__list-bullet {
  margin-bottom: 48px;
  padding: 30px;
  background: #f5f5f5;
  border-radius: 5px;
}
.use__application__list-bullet > li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 28px;
  position: relative;
  padding-left: 12px;
  letter-spacing: -0.64px;
}
.use__application__list-bullet > li::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: #707070;
  border-radius: 50%;
}
.use__application__list-bullet li + li {
  margin-top: 6px;
}
.use__application__list-bullet li .point {
  color: #1ccdcc;
}
.use__application__list__group .interval-title-mb10 {
  margin-bottom: 10px;
}
/* select */
.ipt__select {
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background:url('../../images/aica/icon_down_arrow.svg') no-repeat 97% 50%/15px auto;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  padding: 0 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
}
.ipt__select::-ms-expand{
  display:none;/*for IE10,11*/
}
.ui-widget.ui-widget-content{
  font-size: 16px;
}
/* datepicker */
.datepicker{
  background:url('../../images/aica/icon_date.svg') no-repeat 95% 50%/15px auto;
  background-color: #fff;
}
/* datepicker 끝 */
/* table */
.use__application__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  line-height: 27px;
  letter-spacing: -0.72px;
}
.use__application__write__list {
  border-top: 1px solid #222;
  display: flex;
  flex-wrap: wrap;
  box-shadow: inset 0 -1px 0px 0 #e0e0e0;
}
.use__application__write__list dt,
.use__application__write__list dd {
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  min-height: 60px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 28px;
}
.use__application__write__list dt {
  width: 17.46%;
  padding: 0 20px;
  background: #f5f5f5;
  font-weight: 500;
}
.use__application__write__list dd {
  width: 32.54%;
  padding: 6px 8px;
}
.use__application__write__list.--type-col2 dd {
  width: 82.54%;
}
.use__application__write__list dd .dd-inner {
  width: 100%;
}
.use__application__write__list dt .point {
  margin-left: 2px;
  color: #1ccdcc;
}
.ipt__text__group {
  position: relative;
}
.ipt__rdo__group__row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ipt__rdo__group__row li + li{
  margin-left: 12px;
}
.ipt__text {
  width: 100%;
  height: 48px;

  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  padding: 0 16px;
}
.ipt__text__harf{
  width: 50%;
}
.bnet_ipt__text {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.use__application__write__list dd .dd-inner__txt {
  padding: 12px;
}
.use__application__list__group > li + li {
  margin-top: 40px;
}
.popup__container__group .use__application__list__group > li + li{
  margin-top: 20px;
}
.use__application__title .point {
  color: #1ccdcc;
}
table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.use__application__table__group table {
  position: relative;
  table-layout: fixed;
  text-align: center;
}
caption {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.use__application__table__group table th,
.use__application__table__group table td {
  border-bottom: 1px solid #e0e0e0;

  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  padding: 20px;
}
.use__application__table__group table th {
  height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  background: #f5f5f5;
  border-color: #d7dae6;
  font-weight: 500;
}
.use__application__table__group table th:not(:last-child),
.use__application__table__group table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.use__application__table__group table::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #1f2437;
}

/* textarea */
.textarea {
  width: 100%;
  height: 100%;

  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 28px;
  display: block;
  padding: 15px;
  border: 0;
  outline: 0;
  letter-spacing: -0.64px;
  resize: none;
}
.textarea__group {
  width: 100%;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.use__application__textarea__addinfo {
  display: flex;
  justify-content: space-between;
}
.textarea__text__check {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #666;
  line-height: 19px;
  margin-top: 8px;
  text-align: right;
}
.use__application__textarea__addinfo li {
  font-size: 1.6rem;
}
.textEditor {
  width: 100%;
}
/* ui */
.use__application__list__group .interval-title-mb20,
.use__application__list__group .interval-title-mb20-responsive {
  margin-bottom: 20px;
}
.use__application__list__group > li + li {
  margin-top: 40px;
}
.block_line {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.use__application__file__list > li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.exp-list-bullet {
  display: block;
  padding-bottom: 15px;
}
/* button */
[class^="btn_"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #222;
  line-height: normal;
  min-width: 140px;
  height: 60px;
  padding: 0 36px;
  border-radius: 30px;
  letter-spacing: -0.72px;
  cursor: pointer;
}
[class^="btn_"][class*="sm"] {
  height: 48px;
}
[class^="btn_"][class*="xsm"] {
  height: 34px;
  font-size: 14px;
  min-width: 30px;
  display: inline-flex;
}
[class^="btn_"][class*="primary"] {
  background: #4063ec;
  color: #fff;
}
[class^="btn_"][class*="outline"] {
  border: 1px solid #222;
  background: #fff;
  color: #222;
}
[class^="btn_"][class*="primary"]:hover {
  box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
}
.btn-wrap-row {
  display: flex;
  align-items: center;
}
.btn-wrap-row button:not(:first-child) {
  margin-left: 8px;
}
.use__application__title__group [class^="btn_"] {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 0 !important;
  padding: 0 24px !important;
  letter-spacing: -0.64px;
}
[class^="btn_"][class*="outline"][class*="lineblue"] {
  border-color: #4063ec;
  color: #4063ec;
}
[class^="btn_"][class*="outline"][class*="lineblue"]:hover {
  box-shadow: 3px 3px 8px 0 rgba(64, 99, 236, 0.44);
}
.downbutton {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  max-width: 100%;
  height: 48px;
  margin: 5px 3px;
  padding: 14px 24px;
  background: #fff;
  border-radius: 24px;
}
.downbutton span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  letter-spacing: -0.56px;
}
.downbutton__group{
  display: flex;
  align-items: center;
}
.downbutton::before {
  width: 20px;
  height: 20px;
  background: url(../../images/aica/ico_download_blue.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  display: block;
  margin-right: 6px;
}
.uploadbutton {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  max-width: 100%;
  height: 48px;
  margin: 5px 3px;
  padding: 14px 24px;
  background: #fff;
  border-radius: 24px;
}
.uploadbutton span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  letter-spacing: -0.56px;
}
.uploadbutton::before {
  width: 20px;
  height: 20px;
  background: url(../../images/aica/ico_download_blue.svg) no-repeat center/contain;
  content: "";
  rotate: 180deg;
  flex-shrink: 0;
  display: block;
  margin-right: 6px;
}

.use__application__button__group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
}
.use__application__button__group > button + button {
  margin-left: 20px;
}.button__group {
   display: flex;
   justify-content: center;
   align-items: center;
 }

/* PC (해상도 1024px)*/
@media all and (min-width: 1024px) {
}
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width: 768px) and (max-width: 1023px) {
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width: 767px) {
  .pc-only{
    display: none;
  }
  .mobile-only{
    display: block;
  }
  /* table */
  .use__application__write__list dt,
  .use__application__write__list dd {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: -0.56px;
    line-height: 26px;
  }
  .use__application__write__list dt {
    width: 34.78%;
  }
  .use__application__write__list dd {
    width: 65.22% !important;
  }
  /* table 끝 */
  .textarea__text__check {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 4px;
    line-height: 20px;
  }
  .use__application__textarea__addinfo {
    flex-direction: column;
  }
  /* button */
  [class^="btn_"] {
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 80px;
    height: calc(60px - 10px);
    padding: 0 16px;
    letter-spacing: -0.64px;
  }
  .use__application__button__group{
    justify-content: space-between;
  }
  .use__application__button__group > button {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 16px;
  }
  .use__application__button__group.-type2 > button:not(:last-of-type) {
    width: calc((100% - 10px) / 2);
  }
  .use__application__button__group.-type2 > button:not(:first-of-type) {
    margin-left: 10px;
  }
  .use__application__button__group.-type2 > button:last-of-type {
    width: 100%;
    margin: 16px 0 0;
  }
  [class^="btn_"][class*="xsm"]{
    height: auto;
    padding: 8px 16px;
  }
  .use__application__list__group .interval-title-mb10{
    flex-direction: column;
    align-items: flex-start;
  }
  .use__application__table__group table th,
  .use__application__table__group table td {
    display: table-cell;
  }
  .search-box-value .ipt__rdo__group__row{
    flex-direction: column;
  }
  .search-box-value .ipt__rdo__group__row li{
    margin-left: 0;
  }
}